@font-face {
	font-family:'Montserrat';
	src:url('fonts/Montserrat/Light.woff') format('woff');
	font-weight:100;
	font-display: swap;
}
@font-face {
	font-family:'Montserrat';
	src: url('fonts/Montserrat/Regular.woff') format('woff');
	font-weight:400;
	font-display:swap;
}
@font-face {
	font-family:'Montserrat';
	src: url('fonts/Montserrat/Medium.woff') format('woff');
	font-weight:500;
	font-display:swap;
}
@font-face {
	font-family:'Montserrat';
	src: url('fonts/Montserrat/Bold.woff') format('woff');
	font-weight:700;
	font-display:swap;
}


body{font-family:'Montserrat'; --white:#fff; --black0:#000; --black:#333; --grey:#666;--grey2:#999;--rgb-white:255,255,255;--bg:#f5f5f5; --rgb-black:0,0,0; font-size:var(--font-size16);}
.pd80{padding-bottom: .8rem;}
.pb100{padding-bottom: 1rem;}
.pt100{padding-top: 1rem;}
.pt20{padding-top: .2rem;}
.pt40{padding-top: .4rem;}
.pt60{padding-top: .6rem;}
.pt80{padding-top: .8rem;}

/* 按钮 */
.submitBtn{ min-width:1.6rem; height:0.5rem; border:1px solid var(--black); display:inline-flex; align-items:center; justify-content:center; color:var(--white); border-radius:1rem; padding:0 .2rem; cursor:pointer;}
.submitBtn::after{ background-repeat:no-repeat; background-position:center; content:''; display:block; width:0.22rem; height:0.22rem; background-size:0.12rem; transition:all 0.3s ease; transform:rotate(-90deg);}
.submitBtn:hover::after{margin-left:0.1rem}

.submitBtn.white{border:1px solid var(--white);}
.submitBtn.white::after{ background-image:url(../images/arrow-white.svg);}
.submitBtn.blue{border:1px solid #003686; background:#003686; color:#fff;}
.submitBtn.blue::after{ background-image:url(../images/arrow-white.svg);}
.submitBtn.black{ color:#333333; border-color:#bfbfbf; color:#222;}
.submitBtn.black::after{ background-image:url(../images/arrow-black.svg);}
@media (max-width:640px) {
.submitBtn{ min-width:1rem; height:0.4rem; padding:0 .1rem;}
}

/*header */
.header{ position:fixed;left:0;top:0;width:100%;z-index:999;}
.header .logo{ padding:.2rem 0;}
.header .logo img{ width:2.21rem;}
.header .logo .black-logo{ position:absolute; left:0; top:0; opacity:0;}

.header .login-but{ margin:0 .25rem;}
.header .login-but> a{display:block;padding:.08rem .15rem;font-weight:700;text-transform:uppercase;color:#fff;border:solid 1px #d2d2d2; border-radius:1rem; }
.header .login-but .log-out{ color:#fff;}
.header .login-but .log-out a{ color:#fff;}
.header .login-but .log-out .icon{ margin-right:.1rem; width:.4rem; height:.4rem; border-radius:100%; overflow: hidden;}
.header .login-but .log-out .icon img{ width:.4rem; height:.4rem; object-fit:cover;}
.header .login-but .log-out .name{ width:6em;}
.header .c-language{ margin-right:.25rem; position:relative;}
.header .c-language .aniu{ font-weight:700; color:#fff; cursor:pointer;}
.header .c-language .aniu .icon{ width:.18rem; height:.18rem; background-image:url(../images/version-white.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.header .c-language .aniu .txt{ margin:0 .1rem;}
.header .c-language .aniu .arrow{ width:.12rem; height:.12rem; background-image:url(../images/arrow-black.svg); background-repeat:no-repeat; background-position:center; background-size:contain; filter:invert(100%); transition:.5s;}
.header .c-language .dow-list{z-index:-1;position:absolute;left:50%;transition: all 0.5s;opacity:0;visibility: hidden;top: 0;background-color: #ffffff;width: 100%;transform: translateX(-50%); box-shadow:0 0 .1rem rgba(0,0,0,0.1);}
.header .c-language .dow-list li {border-top: 1px solid #e6e6e6;line-height: 1.5em;}
.header .c-language .dow-list li a{ display:block; color:#333;padding:0.1rem 0.15rem; text-align:center; font-weight:700;}
.header .c-language .dow-list li a:hover{ color:#003686;}
.header .c-language.on .aniu .icon{ background-image:url(../images/version.svg);}
.header .c-language.on .aniu .txt {color:#003686;}
.header .c-language.on .aniu .arrow{ transform:rotate(-180deg); background-image:url(../images/arrow-blue.svg);}
.header .c-language.on .dow-list {top: 100%;opacity: 1;visibility: visible;}

.header .c-search .icon{ width:.36rem; height:.36rem; background:#003686 url(../images/search.svg); background-repeat:no-repeat; background-position:center; background-size:.25rem; border-radius:100%; overflow:hidden; cursor:pointer;}

.header-menu .ul{ min-height:100%;}
.header-menu li{ display:-webkit-flex; display:flex; align-items:center; margin:0 .25rem; position:relative;}
.header-menu li[rel="initial"]{position: initial;}
.header-menu li em{ font-style:normal; font-weight:700;}
.header-menu li em a{ color:#fff; display:block; padding:.37rem 0; text-transform:uppercase; border-bottom:solid .02rem transparent;}
.header-menu li:hover em a,
.header-menu li.aon em a{
	color: #fff;
	border-color: #fff;
}
.header.header-white li.aon em a{
	color:#003686;
	border-color:#003686;
}
.header:hover .header-menu li.aon em a{
	border-color:#003686;
}
/* .header-menu li.aon em a{
	 color:#003686;
	 border-color:#003686;
	} */
.header-menu li .sub{ padding:.25rem 0; background:#fff; text-align:center; position:absolute; left:50%; top:100%; width:max-content; display:none; width:3.3rem; margin-left:-1.65rem; font-size:var(--font-size20); font-weight:400;}
.header-menu li .sub dt a{ display:block; padding:.15rem .2rem;}
.header-menu li .sub dt.on a,
.header-menu li .sub dt a:hover{ font-weight:700; background:#edf2f9; color:#003686;}
.header-menu li .nav-two{ width:100vw; left:0; margin:0; padding:0; background:#f8f9fb;}
.header-menu li .nav-two .let{ padding:.5rem 0; width:25%; display:-webkit-flex; display:flex; flex-wrap:wrap; align-content:space-between;}
.header-menu li .nav-two .let dl{ width:100%;}
.header-menu li .nav-two .let dt{ text-align:left;}
.header-menu li .nav-two .let dt.web-show{ display:none;}
.header-menu li .nav-two .let .all-but{ width:100%;}
.header-menu li .nav-two .let .all-but a{ text-align:center; min-width:1.6rem; display:block; background:#003686; padding:.15rem .2rem; border-radius:1rem;}
.header-menu li .nav-two .let .all-but span{ display:inline-block; background-repeat:no-repeat; background-position:left center; background-size:.2rem; padding-left:.3rem; font-size:var(--font-size16); color:#fff; background-size:.18rem;}
.header-menu li .nav-two .let .dow-icon span{ background-image:url(../images/dow.png);}
.header-menu li .nav-two .let .cas-icon span{ background-image:url(../images/cases-icon.png);}
.header-menu li .nav-two .tab-con{ width:calc(75% - .5rem); background:#fff; padding:.5rem; padding-right:0; position:relative;}
.header-menu li .nav-two .tab-con .list-ol{ position: relative; z-index:5; display:none;}
.header-menu li .nav-two .tab-con::after{ position:absolute; left:99%; top:0; height:100%; width:50%; content:''; display:block; width:100%; background:#fff; z-index:2;}
.header-menu li .nav-two .all-but{ margin-top:.4rem;}
.header-menu li .nav-two .all-but a{ font-size:var(--font-size16); width:auto; padding:.15rem .2rem; border-radius:1rem;}

.header-menu .pro-nav .item{ background:#f8f9fb; text-align:left; width:49.5%; margin-bottom:1%; transition:.3s;}
.header-menu .pro-nav .item .pic{ width:40%; padding:5%;}
.header-menu .pro-nav .item .pic figure{ padding-bottom:50%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.header-menu .pro-nav .item .text{font-size:var(--font-size16); width:60%; color:#333333; font-weight:100; padding-right:.4rem;}
.header-menu .pro-nav .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size20); font-weight:700;}
.header-menu .pro-nav .item:hover{box-shadow:0 0 .1rem rgba(0,0,0,0.12);}
.header-menu .pro-nav .item:hover .text .tit{color:#003686;}

.header-menu .ions-nav .item{ text-align:left; width:32.66666666%; margin-right:1%; margin-bottom:1%; transition:.3s; position:relative;}
.header-menu .ions-nav .item:nth-child(3n){ margin-right:0;}
.header-menu .ions-nav .item .pic{ width:100%; overflow: hidden;}
.header-menu .ions-nav .item .pic figure{ padding-bottom:59.5%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s;}
.header-menu .ions-nav .item .tit{ position:absolute; left:0; bottom:0; padding:.2rem .35rem; font-size:var(--font-size20); font-weight:700; color:#fff;}
.header-menu .ions-nav .item:hover .pic figure{ transform:scale(1.1);}

.header:hover,
.header.header-white,
.header.header-black{background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,0.12);}

.header:hover .white-logo,
.header.header-white .white-logo,
.header.header-black .white-logo{ opacity:0;}
.header:hover .black-logo,
.header.header-white .black-logo,
.header.header-black .black-logo{ opacity:1;}

.header:hover .c-language .aniu .icon,
.header.header-white .c-language .aniu .icon,
.header.header-black .c-language .aniu .icon{background-image:url(../images/version.svg); }
.header:hover .c-language .aniu,
.header.header-white .c-language .aniu,
.header.header-black .c-language .aniu{ color:#333;}
.header:hover .c-language .aniu .arrow,
.header.header-white .c-language .aniu .arrow,
.header.header-black .c-language .aniu .arrow{ filter:invert(0); -webkit-filter:invert(0); }

.header.header-white .login-but a,
.header.header-black .login-but a,
.header:hover .login-but a{ color:#333;}
.header:hover .header-menu li em a,
.header.header-white .header-menu li em a,
.header.header-black .header-menu li em a{ color:#333;}
.header:hover .header-menu li:hover em a,
.header:hover .header-menu li.aon em a,
.header.header-white .header-menu li:hover em a,
.header.header-black .header-menu li:hover em a,
.header.header-black .header-menu li.aon em a,
.header.header-white .header-menu li.aon em a{ color:#003686;}

.header .c-search .seanav{padding:0.5rem 0;line-height: 1.5;border-top: 1px solid #E6E6E6;position:absolute;width: 100%;height: auto;top: calc(100%);left:0;text-align:left;background:#fff; display:none;}
.header .c-search .seanav .seanav_box {width:8.5rem;margin:auto;}
@media (max-width: 991px) {
.header .c-search .seanav .seanav_box{width:90%;}
}
.header .c-search .seanav .seanav_box .g_t{line-height:1.1;}
.header .c-search .seanav .seanav_box .search_box{width:100%;background:#fff;border:1px solid #E6E6E6;}
.header .c-search .seanav .seanav_box .search_box input{padding:0.2rem;width:calc(100% - .5rem);color:#333;font-size:var(--font-size18); border:none;}
.header .c-search .seanav .seanav_box .search_box input::-webkit-input-placeholder{ color:#000;}
.header .c-search .seanav .seanav_box .search_box input:-moz-placeholder{ color:#000;}
.header .c-search .seanav .seanav_box .search_box input::-moz-placeholder{ color:#000;}
.header .c-search .seanav .seanav_box .search_box input:-ms-input-placeholder{ color:#000;}
.header .c-search .seanav .seanav_box .search_box .but{width:.5rem;cursor:pointer;background-image:url(../images/search-blue.svg); background-repeat:no-repeat; background-position:center; background-size:.35rem;}
@media (max-width: 767px) {
.header .c-search .seanav .seanav_box .search_box .but{width:0.4rem;}
}
.header .c-search .seanav .seanav_box .g_b {margin-top:0.3rem;display:flex;align-items:flex-start;flex-wrap:wrap;}
.header .c-search .seanav .seanav_box .g_b .g_lab{display:flex;flex-wrap:wrap;}
.header .c-search .seanav .seanav_box .g_b .g_lab span{padding:0.06rem 0;color:#000000;font-size:var(--font-size16); margin-right:.2rem; font-weight:500;}
.header .c-search .seanav .seanav_box .g_b .g_lab span a{color:#000000;}
@media (max-width: 1580px) {
.header .c-search .seanav .seanav_box .g_b .g_lab span{font-size:10px;}
}
.header .c-search .seanav .seanav_box .g_b .g_lab span:last-child{margin-right:0;}
.header .c-search .seanav .seanav_box .g_b .g_lab span a:hover{color:#003686;}



@media(max-width:1024px){
.header .logo{ padding:.15rem 0;}
.header .rigbox{ align-items:center;}
.header .header-menu{ display:none;}

.header #open_menu{width:40px;height:35px;position:relative;background:#003686; border-radius:3px; margin-left:.2rem; cursor:pointer;}
.header #open_menu span,
.header #open_menu:after,
.header #open_menu:before{ position:absolute; width:70%; left:15%; height:2px; background:#fff;}
.header #open_menu:after,
.header #open_menu:before{ content:''; transition:transform 0.3s;}
.header #open_menu span{top:50%;margin-top:-1px;}
.header #open_menu:before{top:8px;}
.header #open_menu:after{bottom:8px;}
.header #open_menu.open_menu_on span{ opacity:0;}
.header #open_menu.open_menu_on:after,
.header #open_menu.open_menu_on:before{top:50%;margin-top:-2px;transform:rotate(45deg);width:70%;left:15%;}
.header #open_menu.open_menu_on:before{transform:rotate(-45deg);}

#header-menu{position:absolute; top:-100%;right:0;background:rgba(0,0,0,0.8);padding:20px;width:300px;border-radius: 0 0 0 5px; opacity:0; transition: 0.5s; max-height:80vh; overflow:auto; transform:translateY(-100%);}
#header-menu.header-menu-show{top:100%;transform:translateY(0);opacity:1;}

#header-menu li{ line-height:40px; width:100%;}
#header-menu li .sub-menu{ line-height:2; font-size:.18rem;}
#header-menu li .sub-menu .autoCon-1600{ width:100%;}
#header-menu li .sub-menu .tab-con{ display:none!important;}
#header-menu li .nav-two .let{ width:100%;}
#header-menu li .nav-two .let .all-but{ display:none;}

#header-menu li .sub{ display:none;}
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li em a{border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 .1rem;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li dl{ padding:.1rem .1rem; border-bottom:1px solid rgba(255,255,255,0.3);}

#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;z-index:2; background-color:transparent; cursor:pointer;}

#header-menu li.has-sub em .op{position:absolute;width:12px;height:12px;right:0;top:50%;margin-top:-4px;transition:0.3s;}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{position:absolute;content:'';background:#fff;}
#header-menu li.has-sub em .op::before{width:100%;height:2px;left:0;top:5px;}
#header-menu li.has-sub em .op::after{width:2px;left:5px;top:0;height:100%;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
}

@media(max-width:640px){
.header .login-but{ margin:0 .1rem;}
.header .login-but a{ font-size:var(--font-size14);}
.header #open_menu{ margin-left:.1rem; width:35px;}
.header .logo img{ width:1.5rem;}
.header .c-language{ margin-right:.1rem;}
.header .c-language .aniu{ padding:.15rem 0;}
.header .login-but .log-out .name{ display:none;}
}







/*banner */
.banner{position:relative;z-index:1;}
.banner .wap{ display:none;}
.banner .text{ position:absolute; width:100%; height:100%; color:#fff; line-height:1.2;}
.banner .text .autoCon-1600{ height:100%;}
.banner .text h3{font-size:var(--font-size60); margin:0;}
.banner .text .des{ margin:.35rem 0; font-size:var(--font-size18); line-height:1.5;}
.banner .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.banner .controls-page span{ width:0.6rem; height:0.03rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center; opacity:1; background:rgba(255,255,255,0.6); border-radius:0; margin:0 .1rem!important; position: relative;}
.banner .controls-page span::after{ position:absolute; left:0; top:0; content:''; display:block; width:0; height:100%; background:#fff;}
.banner .controls-page span.swiper-pagination-bullet-active::after{animation:breadth 4.5s forwards;-webkit-animation:breadth 4.5s forwards;}
.banner .swiper-slide .text .center{width:52%;transform:translateX(-2rem);opacity:0;transition:all .5s;}
.banner .ani-slide .text .center{transform:translateX(0);opacity:1;}
@keyframes breadth{
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}
@media (max-width:1024px) {
.banner .pc{ display:none;}
.banner .wap{ display:block;}
.banner .text h3{font-size: var(--font-size32);}
}
@media (max-width:640px) {
.banner .wap{ min-height:45vh; object-fit:cover;}
.banner .text .des{ margin:.1rem 0;}
.banner .text h3{ font-size:var(--font-size18);}
.banner .swiper-slide .text .center{ width:100%;}
}


/* 首页 */
.index-tit{ text-transform: uppercase; font-size:var(--font-size54); font-weight:700; color:#000;}

.index-pro{ padding-top:1rem;}
.index-pro .index-tit{ margin-bottom:.6rem; text-align:center;}
.index-pro .list{ padding:0 .2rem;}
.index-pro .item{ width:calc(50% - .1rem); margin-bottom:.2rem; background-image: url(../images/index-pro-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow: hidden;}
.index-pro .item a{ direction:rtl;}
.index-pro .item .pic{ width:49.6%;}
.index-pro .item .pic figure{ padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.index-pro .item .text{ padding:.9rem; padding-right:.2rem; direction:ltr; width:50%;}
.index-pro .item .text .tit{ margin-bottom:.4rem; font-size:var(--font-size40); font-weight:700;}
.index-pro .item .text .des{ line-height:1.5; margin-bottom:.4rem;}
.index-pro .item:hover .submitBtn::after{margin-left:0.1rem}

.index-company{ background:#f8f9fb; position: relative; overflow:hidden;}
.index-company .index-tit{ line-height:1;}
.index-company .text{ padding:1.3rem 0 2rem; color:#333333; width:40%; line-height:1.8; position: relative; z-index:2;}
.index-company .text .editor{ margin:.5rem 0; min-height:28em;}
.index-company .text .editor p{margin:0;}
.index-company .rig-con{ padding:1.3rem 0 0; width:50%; position: relative; z-index:2;}
.index-company .rig-con .digital{ padding-left:35%; margin-right:-5%; color:#fff; position: relative; z-index:5;}
.index-company .rig-con .item{ width:47%; margin:.1rem 0;}
.index-company .rig-con .item .usn{ font-size:var(--font-size60); font-weight:700;}
.index-company .rig-con .item .usn span{ display:block; margin-right:.1rem;}
.index-company .rig-con .item .wz{ font-weight:400;}
.index-company .company-img{ position:absolute; right:-1rem; bottom:0; width:55.5vw;}
.index-company .bg-color{ content:''; display:block; width:52.1922222%; height:100%; position:absolute; right:0; top:0; background-image: url(../images/index-company-bg.png); background-repeat:no-repeat; background-position:left; background-size:cover;}

.index-solutions{ padding:1rem 0 .4rem;}
.index-solutions .tab-menu{ width:60%;}
.index-solutions .tab-menu .swiper .swiper-slide{ opacity:1; text-align:center; cursor:pointer;}
.index-solutions .tab-menu .swiper .swiper-slide .icon{ height:.5rem;}
.index-solutions .tab-menu .swiper .swiper-slide .icon span{ display:block;}
.index-solutions .tab-menu .swiper .swiper-slide .icon span img{ max-height:.5rem;}
.index-solutions .tab-menu .swiper .swiper-slide .icon .ately{ position:absolute; left:0; top:0; opacity:0;}
.index-solutions .tab-menu .swiper .swiper-slide .txt{ position: relative; color:#333333; font-weight:500; padding:.2rem 0 0; font-size:var(--font-size18);}
.index-solutions .tab-menu .swiper .swiper-slide .txt::after{ margin:.2rem auto 0; content:''; display:block; width:4em; height:1px; background:transparent;}
.index-solutions .tab-menu .swiper .swiper-slide-thumb-active .txt::after{background:#003686;}
.index-solutions .tab-menu .swiper .swiper-slide-thumb-active .txt{ color:#003686;}
.index-solutions .tab-menu .swiper .swiper-slide-thumb-active .icon .defau{ opacity:0;}
.index-solutions .tab-menu .swiper .swiper-slide-thumb-active .icon .ately{ opacity:1;}

.index-solutions .switch-solutions{ margin-top:.4rem; overflow: hidden;}
.switch-solutions .swiper{ overflow:inherit;}
.switch-solutions .swiper-slide{ position: relative;}
.switch-solutions .swiper-slide::after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.8); transition:.5s;}
.switch-solutions .swiper-slide a{ background:#003686; overflow:hidden;}
.switch-solutions .swiper-slide a::after{ content:''; display:block; background-image:url(../images/solutions-bg.png); width:3.05rem; height:1.71rem; position:absolute; right:0; bottom:0;}
.switch-solutions .swiper-slide .pic{ width:66.5%; overflow:hidden;}
.switch-solutions .swiper-slide .pic figure{ padding-bottom:50%; transition:.5s; background-repeat:no-repeat; background-position:center; background-size:cover; }
.switch-solutions .swiper-slide .text{ padding:0 .7rem; color:#fff; width:33.5%; position:relative; z-index:2;}
.switch-solutions .swiper-slide .text .tit{ font-size:var(--font-size40); font-weight:700;}
.switch-solutions .swiper-slide .text .des{ font-size:var(--font-size18); margin:.35rem 0;}
.switch-solutions .swiper-slide .text .ul li{ margin:.1rem 0;}
.switch-solutions .swiper-slide a:hover .pic figure{ transform:scale(1.08);}
.switch-solutions .swiper-slide-active::after{ display:none;}
.switch-solutions .swiper-but{ width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden;}
.switch-solutions .swiper-button-prev{ left:.5rem;}
.switch-solutions .swiper-button-next{ right:.5rem;}
.switch-solutions .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.switch-solutions .swiper-but:hover{ background:#003686;}
.switch-solutions .swiper-but:hover:after{ color:#fff;}
.switch-solutions .swiper-slide .text .center{transform:translateY(1rem); opacity:0; transition:all .5s;}
.switch-solutions .ani-slide .text .center{transform:translateY(0); opacity:1;}

.index-news{ background-image: url(../images/switch-news-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:1rem 0 1.4rem;}
.index-news .switch-news{ margin-top:.45rem;}
.index-news .switch-news .pic{overflow: hidden;}
.index-news .switch-news .pic figure{ padding-bottom:56.6%; transition:.5s; background-repeat:no-repeat; background-position:center; background-size:cover;}
.index-news .switch-news .text{ padding:.25rem; background:#fff; transition:.3s;}
.index-news .switch-news .text .tiem{ margin-bottom:.15rem; color:#666666;}
.index-news .switch-news .text .tit{ margin-bottom:.2rem; line-height:1.3; color:#333333; font-size:var(--font-size20); font-weight:500;}
.index-news .switch-news .text .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.index-news .switch-news .text .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.index-news .switch-news .text .caty-box span:last-child{ margin-right:0;}
.index-news .switch-news a:hover .text{ background:#003686;}
.index-news .switch-news a:hover .text .tiem{ color:#fff;}
.index-news .switch-news a:hover .text .tit{ color:#fff;}
.index-news .switch-news a:hover .text .caty-box span{ color:#003686; border-color:#003686;}
.index-news .switch-news a:hover .pic figure{ transform:scale(1.08);}
.index-consul{ padding:.8rem 0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.index-consul .index-tit{ text-align:center; color:#fff; margin-bottom:.25rem;}
.index-consul .submitBtn:hover{ color:#fff;}


@media (max-width:1024px) {
.index-tit{ font-size:var(--font-size40);}

.index-company .bg-color{ width:60%;}
.index-company .rig-con{ padding-top:.5rem;}
.index-company .rig-con .digital{ margin-right:0; padding-left:24%;}
.index-company .rig-con .item .usn{ font-size:var(--font-size28);}
.index-company .company-img{ width:70vw;}
.index-company .text{ width:60%; padding-top:.5rem;}
.index-company .text .editor{ margin:.2rem 0;}

.switch-solutions .swiper-slide .pic{ width:50%;}
.switch-solutions .swiper-slide .text{ width:50%; padding:.2rem .4rem;}
.switch-solutions .swiper-slide .text .tit{ font-size:var(--font-size24);}
.switch-solutions .swiper-slide .text .des{ margin:.2rem 0;}
.switch-solutions .swiper-slide .pic figure{ height:100%; padding-bottom:0;}
.index-solutions .tab-menu .swiper .swiper-slide .icon{ height:.4rem;}
.index-solutions .tab-menu .swiper .swiper-slide .icon span img{ max-height:.4rem;}
.index-solutions .tab-menu .swiper .swiper-slide .txt{ font-size:var(--font-size16);}

.index-pro .item .text{ width:60%; padding:.3rem;}
.index-pro .item .text .tit{ margin-bottom:.2rem; font-size:var(--font-size28);}
.index-pro .item .text .des{ margin-bottom:.2rem;}
.index-pro .item .pic{ width:40%; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.index-pro .item .pic figure{ width:100%;}

.index-news .switch-news .text .caty-box span{ margin-right:.05rem;}
}

@media (max-width:640px) {
.index-pro .index-tit{ margin-bottom:.3rem;}
.index-pro .item{ width:100%;}
.index-pro .item .pic{ width:100%;}
.index-pro .item .pic figure{ padding-bottom:50%;}
.index-pro .item .text{ padding-top:.1rem; width:100%;}
.index-pro .item .text .tit{ font-size:var(--font-size22);}

.index-company .autoCon-1600{ flex-wrap:wrap;}
.index-company .text{ width:100%; padding-bottom:.3rem;}
.index-company .rig-con{ width:100%; padding-top:0; padding-bottom:2.2rem;}
.index-company .rig-con .digital{ padding-left:30%; position: relative; z-index:5;}
.index-company .rig-con .item{ width:100%; margin:0 0 .1rem;}
.index-company .bg-color{ top:auto; bottom:0; width:100%; height:40%;}
.index-company .company-img{ width:90vw; right:0;}

.index-solutions .tab-menu{ margin-top:.35rem; width:100%;}
.switch-solutions .swiper-slide .pic{ width:100%;}
.switch-solutions .swiper-slide .text{ width:100%;}
.switch-solutions .swiper-button-prev{ left:1%;}
.switch-solutions .swiper-button-next{ right:1%;}
.switch-solutions .swiper-slide .pic figure{ padding-bottom:55.666%;}

.index-news .switch-news .text{ padding:.1rem;}
.index-news .switch-news .text .tit{ font-size:var(--font-size16);}
.index-news .switch-news .text .caty-box span{ margin-bottom:.05rem;}

.index-consul .index-tit{ font-size:var(--font-size22);}
}


/* 底部 */
.footer-one{ padding:1rem 0; border-bottom:solid 1px #dddddd;}
.footer-one .footer-nav{ width:80%;}
.footer-one .footer-nav dd{ margin:.1rem 0;}
.footer-one .footer-nav dd a{ color:#666666; font-weight:500;}
.footer-one .footer-nav dd a:hover{ color:#003686;}
.footer-one .name{ font-size:var(--font-size18); font-weight:500; color:#000; margin-bottom:.2rem;}
.footer-one .follow .icon{ margin-right:.15rem; background:#bfbfbf; border-radius:100%; width:.4rem;}
.footer-one .follow .icon:last-child{ margin-right:0;}
.footer-one .follow .icon:hover{ background:#003686;}
.footer-two{ padding:.65rem 0;}
.footer-two .fot-logo img{ width:1.68rem;}
.footer-two .rig-box{ width:calc(95% - 2rem);}
.footer-two .item{ max-width:40%;}
.footer-two .item .icon{ width:.5rem; height:.5rem; background:#003686; border-radius:100%;}
.footer-two .item .wz{ color:#333333; font-weight:500; padding-left:.15rem; width:calc(100% - .5rem);}
.footer-three{ padding:.25rem 0; background:#003686; color:#f8f9fb;}
.footer-three .link-shell a{ color:#f8f9fb;}
.footer-three .link-shell i{ margin:0 .1rem; display:block; line-height:1;}

@media (max-width:1024px) {
.footer-two{ align-items:flex-start;}
.footer-two .item{ max-width:100%; width:auto; margin:0 0 .1rem ;}
.footer-three .copyright{ max-width:calc(100% - 3rem);}
.footer-one .footer-nav{ max-width:75%;}
.footer-one .footer-nav dl{ max-width:18%;}
.footer-one .footer-nav dd{ font-size:var(--font-size14);}
}

@media (max-width:640px) {
.footer-one{ flex-wrap:wrap; padding:.35rem 0;}
.footer-one .footer-nav{ display:none; max-width:100%; width:100%;}
.footer-two{ padding:.3rem 0;}
.footer-two .fot-logo{ margin-bottom:.2rem;}
.footer-two .rig-box{ width:100%;}
.footer-three{ line-height:1.5;}
.footer-three .autoCon-1600{ flex-wrap:wrap;}
.footer-three .copyright{ margin-bottom:.1rem; width:100%; max-width:100%;}
}


/* 弹框 */
.pop-up{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:1000; display:none;}
.pop-up .center{ height:100%;}
.pop-up .back-color{ background:#fff; width:12.8rem; max-width:96%; margin:0 auto;}
.pop-up .close{ position:absolute; right:.1rem; top:.1rem; width:.4rem; height:.4rem; background-image:url(../images/close2.svg); background-repeat:no-repeat; background-position:center; background-size:.18rem; cursor:pointer; z-index:10;}

/*  */
.consul-up .back-color{ padding:.5rem;}
.consul-up .tit{ margin-bottom:.15rem; text-align:center; font-size:var(--font-size44); font-weight:700; color:#333333; text-transform: uppercase;}
.consul-up .des{ margin-bottom:.3rem;}
.consul-up .des .txt{ font-size:.18rem; background-image:url(../images/safety-icon.svg); background-repeat:no-repeat; background-position:center left; background-size:.17rem; padding-left:.3rem;}
.consul-up .let-ol{ width:49%;}
.consul-up .item{ margin-bottom:.25rem;}
.consul-up .item .name{ margin-bottom:.1rem; font-weight:500; font-size:var(--font-size18); color:#333;}
.consul-up .item .name i{ color:#dc1010; font-style: normal;}
.consul-up .item .input-ol{ border:solid 1px #ebebeb;}
.consul-up .item .input-ol input{ padding:.15rem .2rem; width:100%; border:none; margin:0;}
.consul-up .item .select-ol{ border:solid 1px #ebebeb;}
.consul-up .item .select-ol select{ padding:.15rem .2rem; width:100%; border:none; margin:0;}
.consul-up .item .textarea-ol{ border:solid 1px #ebebeb; padding:.15rem .2rem;}
.consul-up .item .textarea-ol textarea{ min-height:1.27rem; width:100%; border:none; padding:0; margin:0; resize: none; display:block;}
.consul-up .loe-item .chec-ol input{ width:.18rem; height:.18rem; margin:0;}
.consul-up .loe-item .tix{ line-height:1.4; padding-left:.1rem; width:calc(100% - .2rem); color:#555555;}
.consul-up .rig-ol{ width:49%;}
.consul-up .but{ margin-top:.1rem;}

@media (max-width:640px) {
.consul-up .let-ol{ width:100%;}
.consul-up .rig-ol{ width:100%;}
.consul-up .back-color{ padding:.35rem;}
.consul-up .form-box{ max-height:50vh; overflow: auto;}
.consul-up .tit{ font-size:var(--font-size24);}
}


/* 侧栏 */
.hang{ position:fixed; top:50%; right:.2rem; z-index:10;}
.hang .icon{ background:#fff; width:.6rem; height:.6rem; border:solid 1px #d2d2d2; border-bottom:none; cursor:pointer;}
.hang .icon img{ max-width:.2rem;}
.hang .text{ position:absolute; right:0; top:0; padding:0 .2rem; padding-right:.35rem; display:none;}
.hang .text i{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.4rem; height:.6rem;}
.hang .text i img{ max-width:.2rem;}
.hang .item:last-child{ border-bottom:solid 1px #d2d2d2;}
.hang .item:hover .text{ background:#003686; color:#fff; display:block;}
.hang .item:hover .text a{ color:#fff;}
.hang .item:hover .text i{filter:invert(100%);}
@media (max-width:640px) {
.hang{ display:none;}
}


/*Page002623 */
.Page002623{ text-align: center;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float:left;font-style: normal; margin:0 .1rem;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{ float:left; line-height:.48rem; width:.5rem; margin:0 .05rem; border-radius:100%; font-weight:500; border:solid 1px #d4d4d4;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color:#fff;background:#003686; border-color:#003686;}
.Page002623 .Pages .p_page>a{font-size:0;height:.5rem;position:relative;}
.Page002623 .Pages a.a_prev::after,
.Page002623 .Pages a.a_next::after{ position:absolute; left:0; top:0; content:''; display:block;font-family:swiper-icons;text-transform:none!important;letter-spacing:0;font-variant:initial; font-size:.14rem; font-weight:700; width:100%; text-align:center;}
.Page002623 .Pages a.a_prev:after{content:'prev'}
.Page002623 .Pages a.a_next:after{content:'next'}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
.Page002623 .Pages a{background-color: #eee;}
}


/* 当前 */
.location{ background:#003686; font-size:var(--font-size14);}
.location .icon-txt{ background-image:url(../images/home-icon.svg); background-repeat:no-repeat; background-position:left 1.4em; background-size:.16rem; padding:.2rem 0; padding-left:.25rem; color:#fff;}
.location .icon-txt a{ color:#fff;}
.location .icon-txt em{ margin:0 .05rem; font-style:normal; font-family:'宋体'; font-weight:bold;}
.location .icon-txt span{ font-weight:700;}

@media(max-width:640px){
.location .icon-txt{ line-height:1.5;}
}


/*  */
.inside-ban{ position: relative;}
.inside-ban .text{ position:absolute; top:0; left:0; width:100%; height:100%;}
.inside-ban .center{ width:100%; height:100%;}
.inside-ban .lanmu{ text-align:center; font-size:var(--font-size60); color:#fff; font-weight:700;}
@media(max-width:640px){
.inside-ban .lanmu{ font-size:var(--font-size40);}
.inside-ban img{ min-height:35vh; object-fit:cover;}
}




/* 产品菜单 */
.pro-menu{ padding:.8rem 0;}
.pro-menu .item{ padding:.4rem .1rem; border:solid 1px #ebebeb;}
.pro-menu .item .icon{ margin-bottom:.2rem;}
.pro-menu .item .icon figure{ padding-bottom:29%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.pro-menu .item .txt{ font-size:var(--font-size20); text-align:center; font-weight:500;}
.pro-menu .item .icon .ico{ display:block;}
.pro-menu .item .icon .inte{ display:none;}
.pro-menu .item.active .txt{ color:#003686;}
.pro-menu .item.active .icon .ico{ display:none;}
.pro-menu .item.active .icon .inte{ display:block;}
.pro-menu .swiper-but{ width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden; border:solid 1px #d3d3d3;}
.pro-menu .swiper-button-prev{ left:-.8rem;}
.pro-menu .swiper-button-next{ right:-.8rem;}
.pro-menu .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.pro-menu .swiper-but:hover{ background:#003686; border-color:#003686;}
.pro-menu .swiper-but:hover:after{ color:#fff;}
@media(max-width:1024px){
.pro-menu .swiper-button-prev{ left:.1rem;}
.pro-menu .swiper-button-next{ right:.1rem;}
}
@media(max-width:640px){
.pro-menu{ padding:.5rem 0 .3rem;}
.pro-menu .swiper-slide{ height:auto;}
.pro-menu .item{ padding:.2rem .05rem; height:100%;}
.pro-menu .item .txt{ font-size:var(--font-size18);}
.pro-menu .swiper-but{ top:auto; bottom:0;}
.pro-menu .autoCon-1600{ padding-bottom:.6rem;}
.pro-menu .swiper-button-prev{ left:calc(50% - .6rem);}
.pro-menu .swiper-button-next{ right:calc(50% - .6rem);}
}




/* 左侧菜单 */
.Product-shell{ font-weight:500; padding-bottom:1.1rem;}
.Product-shell .let-box{ width:23.5%;}
.Product-shell .let-box .iox{ font-size:var(--font-size22); font-weight:700; color:#555555; padding-right:.25rem; cursor:pointer;}
.Product-shell .let-box .iox i{ position:absolute; right:0; top:0.3em; display:block; width:.15rem; height:.15rem; background-image:url(../images/add.png); background-repeat:no-repeat; background-position:center; background-size:.15rem;}
.Product-shell .let-box .screen{ display:none;}
.Product-shell .let-box .item{ line-height:1.5; border:solid 1px #eee; border-bottom:none; border-top:none; padding-left:.3rem; margin-bottom:-1px;}
.Product-shell .let-box .item .line-box{ padding:.3rem 0; padding-right:.3rem; border-bottom:solid 1px #eee;}
.Product-shell .let-box .item li{display:-webkit-flex;display:flex;font-size:var(--font-size18);font-weight:400;line-height:1.2; margin:.2rem 0;}
.Product-shell .let-box .item li .iwa{ cursor:pointer;}
.Product-shell .let-box .item li em{ width:.2rem; height:.2rem; display:block; border:solid 1px #d2d2d2; border-radius:2px;}
.Product-shell .let-box .item li span{ display:block; width:calc(100% - .2rem); padding-left:.1rem;}
.Product-shell .let-box .item li.on em{ background:#003686 url(../images/tick.svg); border-color:#003686; background-position:center; background-repeat:no-repeat; background-size:.1rem;}
.Product-shell .let-box .item li:last-child{ margin-bottom:0;}
.Product-shell .let-box .item:first-child{ border-top:solid 1px #eee;}
.Product-shell .let-box .item:last-child{ border-bottom:solid 1px #eee;}
.Product-shell .let-box .item:last-child .line-box{ border-bottom:none;}
.Product-shell .let-box .item.active .iox i{ background-image:url(../images/sub.png);}

.Product-shell .rig-box{ width:75%;}
.Product-shell .list{ margin-bottom:.3rem;}
.Product-shell .list li{ width:31.6666666%; margin-right:2.5%; margin-bottom:.5rem; border-bottom:solid 1px rgba(0,0,0,0.08);}
.Product-shell .list li:nth-child(3n){ margin-right:0;}
.Product-shell .list li .pic{ background-image: url(../images/product-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; padding:10%;}
.Product-shell .list li .pic figure{ padding-bottom:45%; background-repeat:no-repeat; background-position:center; background-size:contain; transition: .3s;}
.Product-shell .list li .text{ padding:.3rem 0; color:#333333;}
.Product-shell .list li .text .tit{ margin-bottom:.1rem; font-size:var(--font-size24); font-weight:700;}
.Product-shell .list li .text .des{ font-size:var(--font-size18); font-weight: 400;}
.Product-shell .list li .aniu{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: .3s;}
.Product-shell .list li:hover .pic figure{ opacity:0.15;}
.Product-shell .list li:hover .aniu{ opacity:1;}
.Product-shell .list li:hover .text .tit{ color:#003686;}
@media(max-width:1024px){
.Product-shell .let-box .item{ padding-left:0.2rem;}
}

@media(max-width:640px){
.Product-shell .let-box{ position:relative; width:100%; margin-bottom:.3rem; z-index:5;}
.Product-shell .let-box .iox i{ background-size:.12rem;}
.Product-shell .let-box .item{ padding-left:.15rem;}
.Product-shell .let-box .item .line-box{ padding:.2rem 0; padding-right:.15rem;}
.Product-shell .let-box .item li{ margin:.15rem 0;}
.Product-shell .let-box .screen{position:relative;font-size:var(--font-size22);display:block;border:solid 1px #eee;padding:.15rem; font-weight:700; color:#555555;}
.Product-shell .let-box .screen::after{ position:absolute;right:.15rem;top:0;content:''; display:block; width:.2rem; height:100%; background-image:url(../images/add.png); background-repeat:no-repeat; background-position:center; background-size:.12rem;}
.Product-shell .let-box .iolw-box{ display:none; position:absolute; top:calc(100% - 1px); left:0; width:100%; background:#fff;}
.Product-shell .let-box .screen.on::after{background-image:url(../images/sub.png);}

.Product-shell .rig-box{ width:100%;}
.Product-shell .list .ul{ justify-content:space-between;}
.Product-shell .list li{ width:49%; margin-bottom:2%; margin-right:0;}
.Product-shell .list li .text{ padding:.2rem 0;}
.Product-shell .list li .text .tit{ font-size:var(--font-size22);}
.Product-shell .list li .text .des{ font-size:var(--font-size16);}
}





/* 产品详情 */
.ProOne{ padding:.6rem 0 1rem; background-image: url(../images/pro-info-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.ProOne .text{ width:50%; font-size:var(--font-size18); font-weight:500; color:#333333;}
.ProOne .text .tit{ margin-bottom:.1rem; font-size:var(--font-size54); font-weight:700;}
.ProOne .text .des{ font-size:var(--font-size24);}
.ProOne .text .editor{ height:23em; font-weight:400; margin:.3rem 0; line-height:2; overflow:auto;}
.ProOne .text .editor::-webkit-scrollbar {width:4px;background-color: #eee}
.ProOne .text .editor::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686}
.ProOne .text .editor p{display:block;}
.ProOne .text .iox-box{ position:relative;}
.ProOne .other-but .but{ margin-right:.2rem; border:solid 1px #d2d2d2; border-radius:1rem;}
.ProOne .other-but .but a{ padding:.12rem 0; width:2rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center; font-weight:400;}
.ProOne .other-but .but a::after{ margin-left:.1rem; content:''; display:block; width:.25rem; height:.25rem; background-repeat:no-repeat; background-position:center; background-size:0.2rem; opacity:.8;}
.ProOne .other-but .but.wx-icon a::after{ background-image:url(../images/wechat.svg); background-size:0.2rem;}
.ProOne .other-but .but.dow-icon a::after{ background-image:url(../images/dow.svg); background-size:0.16rem;}
.ProOne .other-but .but:hover,
.ProOne .other-but .but.on{ background:#003686; border-color:#003686;}
.ProOne .other-but .but:hover a,
.ProOne .other-but .but.on a{ color:#fff;}
.ProOne .other-but .but:hover a::after,
.ProOne .other-but .but.on a::after{filter:invert(100%); opacity:1;}
.ProOne .pic{ width:48%;}
.ProOne .pic .witd{ max-width:80%;}
.ProOne .pic img{ max-height:5rem; object-fit:contain;}

.ProTwo{ color:#333333; padding:1.3rem 0;}
.ProTwo .tit{ text-transform: uppercase; margin-bottom:.3rem; font-size:var(--font-size40); font-weight:700; color:#000000;}
.ProTwo .ul li{ float:left; padding:.2rem 0; display:-webkit-flex; display:flex; justify-content:space-between; width:48%; border-bottom:solid 1px #f0f0f0; font-size:var(--font-size18); font-weight:500;}
.ProTwo .ul li i{ line-height:2; display:block; font-size:var(--font-size14); font-style:normal;}
.ProTwo .ul li .oiw{ height:1.7em; line-height:1.7; display:block; width:calc(100% - 2em); overflow:hidden;}
.ProTwo .ul li:hover .oiw{ height:auto; color:#003686;}
.ProTwo .ul li:hover i{ color:#003686;}

.ProThree{ background:#f8f9fb url(../images/pot-bg.png); background-repeat:no-repeat; background-position:center bottom; background-size:contain; padding:1rem 0;}
.ProThree .title{ text-transform: uppercase; margin-bottom:.3rem; font-size:var(--font-size40); font-weight:700; color:#000000;}
.ProThree .ul li{ width:32.5%; background:#fff; padding:.25rem; margin-right:1.25%; margin-bottom:1.25%;}
.ProThree .ul li .xh{ margin-bottom:.15rem; font-size:var(--font-size24); font-weight:700; color:#003686;}
.ProThree .ul li .tit{ margin-bottom:.2rem; font-size:var(--font-size19); font-weight:700; color:#333333;}
.ProThree .ul li .des{ font-size:var(--font-size18); line-height:1.7; font-weight:400; color:#333333;}
.ProThree .ul li .des .center{ height:8.5em; overflow:auto; padding-right:.2rem;}
.ProThree .ul li .des .center::-webkit-scrollbar {width:4px;background-color: #eee}
.ProThree .ul li .des .center::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686}
.ProThree .ul li:nth-child(3n){ margin-right:0;}

.Profour{ padding:1.2rem 0;}
.Profour .title{text-transform: uppercase;margin-bottom:.4rem;font-size:var(--font-size40);font-weight:700;color:#000000;}
.Profour .wtdi{width:100%;}
.Profour .text{width:45%;}
.Profour .text li{ margin-bottom:.1rem; font-size:var(--font-size18); color:#333333; padding:.25rem 0; border-bottom:solid 1px rgba(0,0,0,0.06);}
.Profour .text li .name{width:16em; font-weight:400;}
.Profour .text li .ixt{width:calc(100% - 17em); font-weight:500;}
.Profour .pic{ width:50%; padding:0 .45rem;}
.Profour .pic .aniu{ cursor:pointer;}

.Profive{ padding:1.2rem 0; background:#f8f9fb;}
.Profive .tit-other{margin-bottom:.4rem;}
.Profive .title{text-transform: uppercase;font-size:var(--font-size40);font-weight:700;color:#000000;}
.Profive .switch-related .pic{overflow:hidden;}
.Profive .switch-related .pic figure{ padding-bottom:61%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s;}
.Profive .switch-related .text{ padding-top:.3rem;}
.Profive .switch-related .text .tit{ margin-bottom:.1rem; font-size: var(--font-size24); font-weight:700;}
.Profive .switch-related .text .des{ font-size:var(--font-size18);}
.Profive .switch-related a:hover .pic figure{ transform:scale(1.08);}
.Profive .swiper-but{ position: inherit; width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden; border:solid 1px #d3d3d3; margin:0;}
.Profive .swiper-button-prev{ left:0; margin-right:.2rem;}
.Profive .swiper-button-next{ right:0;}
.Profive .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.Profive .swiper-but:hover{ background:#003686; border-color:#003686;}
.Profive .swiper-but:hover:after{ color:#fff;}

.Prosix{ padding:1.2rem 0;}
.Prosix .tit-other{margin-bottom:.4rem;}
.Prosix .title{text-transform: uppercase;font-size:var(--font-size40);font-weight:700;color:#000000;}
.Prosix .swiper-but{ position: inherit; width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden; border:solid 1px #d3d3d3; margin:0;}
.Prosix .swiper-button-prev{ left:0; margin-right:.2rem;}
.Prosix .swiper-button-next{ right:0;}
.Prosix .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.Prosix .swiper-but:hover{ background:#003686; border-color:#003686;}
.Prosix .swiper-but:hover:after{ color:#fff;}
.Prosix .switch-related .swiper-slide{ width:31.6666666%; margin-right:2.5%; margin-bottom:.5rem; border-bottom:solid 1px rgba(0,0,0,0.08);}
.Prosix .switch-related .swiper-slide:nth-child(3n){ margin-right:0;}
.Prosix .switch-related .swiper-slide .pic{ background-image: url(../images/product-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.Prosix .switch-related .swiper-slide .pic figure{padding-bottom:54.5%; background-repeat:no-repeat; background-position:center; background-size:55%; transition: .3s;}
.Prosix .switch-related .swiper-slide .text{ padding:.3rem 0; color:#333333;}
.Prosix .switch-related .swiper-slide .text .tit{ margin-bottom:.1rem; font-size:var(--font-size24); font-weight:700;}
.Prosix .switch-related .swiper-slide .text .des{ font-size:var(--font-size18); font-weight: 400;}
.Prosix .switch-related .swiper-slide .aniu{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: .3s;}
.Prosix .switch-related .swiper-slide:hover .pic figure{ opacity:0.15;}
.Prosix .switch-related .swiper-slide:hover .aniu{ opacity:1;}
.Prosix .switch-related .swiper-slide:hover .text .tit{ color:#003686;}


/* 图片放大缩小弹框 */
.panzoom-up .back-color{ padding:.6rem;}
.panzoom-up .f-panzoom{ height:6rem; flex-direction:column-reverse; overflow: hidden;}
.panzoom-up .f-controls .f-button{ margin:0 .1rem; background:#fff; display:none;}
.panzoom-up .f-controls .f-button svg{ width:.3rem; height:.3rem;}
.panzoom-up .f-controls .f-button:nth-child(1){ display:block;}
.panzoom-up .f-controls .f-button:nth-child(2){ display:block;}
.panzoom-up .f-controls .f-button:nth-child(3){ display:block;}
.panzoom-up .f-controls .f-button:nth-child(8){ display:block;}

@media(max-width:640px){

.ProOne .autoCon-1600{ flex-wrap: wrap-reverse;}
.ProOne .text{ width:100%;}
.ProOne .text .tit{ font-size:var(--font-size40);}
.ProOne .text .editor{ margin-top:0;}
.ProOne .pic{ margin-bottom:.2rem; justify-content:center; width:100%;}
.ProOne .pic .witd{ max-width:100%;}
.ProOne .pic img{ max-height:4rem; object-fit:contain;}

.ProTwo{ padding:.5rem 0;}
.ProTwo .tit{ font-size:var(--font-size34);}
.ProTwo .ul li{ width:100%; padding:.1rem 0;}
.ProTwo .ul li .oiw{ height:auto;}
.ProThree{ padding:.5rem 0;}
.ProThree .title{ font-size:var(--font-size34);}
.ProThree .ul li{ width:100%; margin-right:0;}
.ProThree .ul li .des .center{ max-height:12em; height:auto;}
.Profour{ padding:.5rem 0;}
.Profour .title{ font-size:var(--font-size34);}
.Profour .text{ width:100%;}
.Profour .pic{ padding:.3rem 0; width:100%;}
.Profive .title{ width:calc(100% - 1.2rem); font-size:var(--font-size28);}
.Profive .swiper-button-prev{ margin-right:.1rem;}
.Profive .switch-related .text .tit{ font-size:var(--font-size22);}
.Prosix .title{ width:calc(100% - 1.2rem); font-size:var(--font-size28);}
.Prosix .swiper-button-prev{ margin-right:.1rem;}

.panzoom-up .back-color{ padding:.25rem;}
.panzoom-up .f-panzoom{ height:auto;}
}


/* 下载中心 */
.download-center{ padding-top:1rem;}
.download-center .iolw-box{ max-height:8.2rem; overflow:auto;}
.download-center .iolw-box::-webkit-scrollbar{width:4px;background-color:#e6e6e6}
.download-center .iolw-box::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686;}
.download-list{ margin-bottom:.5rem;}
.download-list li a{ padding:.35rem; background:#f5f5f5; margin-bottom:.2rem;}
.download-list .wit-txt{ width:calc(100% - 1rem);}
.download-list .wit-txt .text{ width:calc(100% - .7rem);}
.download-list .wit-txt .text .tit{ margin-bottom:.1rem; font-size:var(--font-size24); font-weight:700;}
.download-list .wit-txt .text .other{ font-size:var(--font-size18); font-weight:400;}
.download-list .wit-txt .icon{ margin-right:.35rem; width:.29rem; height:.38rem; background-image:url(../images/pdf.svg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.download-list li .but{ border:solid 1px #cfcfcf; border-radius:1rem; transition:.3s;}
.download-list li .but::after{content:''; display:block; width:.6rem; height:.6rem; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:.2rem; background-image:url(../images/dow3.svg); transition:.3s;}
.download-list li a:hover .but{ background-color:#003686; border-color:#003686;}
.download-list li a:hover .but::after{filter:invert(100%);}
@media(max-width:640px){
.download-center .iolw-box{ max-height:50vh; overflow:auto;}
.download-list li a{ padding:.15rem;}
.download-list .wit-txt{ width:calc(100% - .7rem);}
.download-list .wit-txt .icon{ margin-right:.15rem;}
.download-list .wit-txt .text{ width:calc(100% - .5rem);}
.download-list .wit-txt .text .tit{ font-size:var(--font-size18);}
}




/*  */
.Tips-up .back-color{ padding:1.2rem 1rem; width:8rem; text-align:center;}
.Tips-up .tit{ margin-bottom:.2rem; font-size:var(--font-size48); font-weight:700; color:#333;}
.Tips-up .des{ font-size:var(--font-size24); color:#555555; margin-bottom:.45rem;}
.Tips-up .but .submitBtn{ width:45%; font-weight:500;}
.Tips-up .but .submitBtn::after{ display:none;}
@media(max-width:640px){
.Tips-up .back-color{ padding:.3rem;}
.Tips-up .tit{ font-size:var(--font-size28);}
.Tips-up .des{ margin-bottom:.2rem;}
.Tips-up .but .submitBtn{ height:auto; line-height:3;}
}


/* 内页菜单 */
.inside-menu .autoCon-1600{ border-bottom:solid 1px rgba(0,0,0,0.06);}
.inside-menu .item{ margin:0 .2rem; font-size:var(--font-size18); font-weight:400; border-bottom:solid .02rem transparent; margin-bottom:-.01rem;}
.inside-menu .item a{ padding:.25rem 0; display:block;}
.inside-menu .item.on{ border-color:#003686;}
.inside-menu .item.on a{ color:#003686;}
@media(max-width:1024px){
.inside-menu .item{ margin:0 .1rem;}
}
@media(max-width:640px){
.inside-menu .item{ margin:0 .05rem;}
}


/* 解决方案 */
.solutions-introd{ padding:.8rem; text-align:center; font-size:var(--font-size28); color:#333; font-weight:700;line-height:1.6;}
.solutions-shell .list-box{ padding-bottom:1.3rem;}
.solutions-shell .list-box .item{ margin-bottom:.6rem;}
.solutions-shell .list-box .item:last-child{ margin-bottom:0;}
.solutions-shell .list-box .item .pic{ width:50%; overflow:hidden;}
.solutions-shell .list-box .item .pic figure{ height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s;}
.solutions-shell .list-box .item .text{ padding:.5rem 0; padding-left:1rem; direction:ltr; width:50%;}
.solutions-shell .list-box .item .text .icon{ margin-bottom:.4rem;}
.solutions-shell .list-box .item .text .icon img{ width:.47rem; height:.47rem; object-fit:contain;}
.solutions-shell .list-box .item .text .tit{ line-height:1.5; margin-bottom:.2rem; font-size:var(--font-size24); font-weight:700;}
.solutions-shell .list-box .item .text .des{ height:8.5em; overflow:hidden; font-size:var(--font-size18); line-height:1.7; margin-bottom:.3rem;}
.solutions-shell .list-box .item:nth-child(2n){ direction:rtl;}
.solutions-shell .list-box .item:nth-child(2n) .text{ padding-left:0; padding-right:1rem;}
.solutions-shell .list-box .item:hover .submitBtn::after{ margin-left:0.1rem;}
.solutions-shell .list-box .item:hover .pic figure{ transform:scale(1.08);}
@media(max-width:1024px){
.solutions-introd{ padding:.4rem; font-size:var(--font-size24);}
.solutions-shell .list-box .item .text{ padding-left:.5rem;}
.solutions-shell .list-box .item:nth-child(2n) .text{ padding-left:0; padding-right:.5rem;}
.solutions-shell .list-box .item .text .des{-webkit-line-clamp:4; height:7em;}
.solutions-shell .list-box .item .text .icon{ margin-bottom:.2rem;}
.solutions-shell .list-box .item .text .tit{ margin-bottom:.2rem; font-size:var(--font-size22);}
}
@media(max-width:640px){
.solutions-introd{ font-size:var(--font-size20); padding:.2rem;}
.solutions-shell .list-box{ padding-bottom:.8rem;}
.solutions-shell .list-box .item .pic{ width:100%;}
.solutions-shell .list-box .item .pic figure{ padding-bottom:61%; background-repeat:no-repeat; background-position:center; background-size:contain; transition:.3s;}
.solutions-shell .list-box .item .text{ padding:.3rem 0  0 !important; width:100%;}
.solutions-shell .list-box .item .text .des{height:auto;}
}



/* 方案详情 */
.solutions-info .back-color{background:#f8f9fb;}
.solutions-info .back-color:nth-child(2n){ background:#fff;}
.solutions-info .info-challenges{ padding:1.2rem 0 1.3rem; color:#333333;}
.solutions-info .info-challenges .title{ font-size:var(--font-size40); font-weight:700;}
.solutions-info .info-challenges .des{ margin:.2rem 0 .4rem; font-size:var(--font-size18);}
.solutions-info .info-challenges li{ margin-bottom:.2rem; padding:.35rem .4rem; background:#fff;}
.solutions-info .info-challenges li .icon{ width:.6rem; margin-right:.3rem;}
.solutions-info .info-challenges li .icon span{ display:block; background:#003686; border-radius:100%;}
.solutions-info .info-challenges li .text{ width:calc(100% - .9rem); line-height:1.5;}
.solutions-info .info-challenges li .text .tit{ font-size:var(--font-size24); font-weight:500;}
.solutions-info .info-challenges li .text .edit{ font-size:var(--font-size18);}
.solutions-info .info-challenges li:last-child{ margin-bottom:0;}
.solutions-info .info-overview{ padding:1.2rem 0 1rem; color:#333333;}
.solutions-info .info-overview .item .pic{ width:50%; overflow:hidden;}
.solutions-info .info-overview .item .pic figure{ padding-bottom:61.25%; background-repeat:no-repeat; background-position:center; background-size:contain; transition:.3s;}
.solutions-info .info-overview .item .text{ padding-left:.65rem; width:50%;}
.solutions-info .info-overview .item .text .tit{ margin-bottom:.2rem; font-size:var(--font-size40); font-weight:700;}
.solutions-info .info-overview .item .text .des{ font-size:var(--font-size18); line-height:1.7;}
.solutions-info .info-overview .item .text .edit{ padding-right:.65rem; height:15em; overflow:auto;}
.solutions-info .info-overview .item .text .edit p{margin:0;}
.solutions-info .info-overview .item .text .edit::-webkit-scrollbar {width:4px;background-color: #eee}
.solutions-info .info-overview .item .text .edit::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686}
.solutions-info .info-overview .item:hover .pic figure{ transform:scale(1.08);}
.solutions-info .info-advantages{ padding:1rem 0; color:#333333;}
.solutions-info .info-advantages .title{ margin-bottom:.1rem; font-size:var(--font-size36); font-weight:700;}
.solutions-info .info-advantages li{ padding:.35rem 0; border-bottom:solid 1px rgba(0,0,0,0.06);}
.solutions-info .info-advantages li .tit{ display:-webkit-flex; display:flex; margin-bottom:.15rem; font-size:var(--font-size24); font-weight:700; position:relative; padding:0 .2rem;}
.solutions-info .info-advantages li .tit::before{ position:absolute; left:0; top:0.26em; content:''; display:block; width:.04rem; height:0.7em; background:#003686;}
.solutions-info .info-advantages li .des{line-height:1.7; font-size:var(--font-size18); padding:0 .2rem;}
.solutions-info .info-advantages li .des p{margin:0;}
.solutions-info .info-advantages li .des span{ font-weight:500;}
.solutions-info .info-advantages li:last-child{ border-bottom:none;}
.solutions-info .info-cases{ line-height:1.7; font-size:var(--font-size18); padding:1rem 0; color:#333333;}
.solutions-info .info-cases .title{ margin-bottom:.2rem; font-size:var(--font-size36); font-weight:700;}
.solutions-info .info-cases .edit p{margin:0;}
.solutions-info .info-cases .aniu-box{ margin-top:.6rem;}
.solutions-info .info-cases .aniu-box .submitBtn{ min-width:2rem;}
.solutions-info .related-cases{ padding:1.2rem 0;}
.solutions-info .related-cases .tit-other{margin-bottom:.5rem;}
.solutions-info .related-cases .title{text-transform: uppercase;font-size:var(--font-size40);font-weight:700;color:#000000;}
.solutions-info .related-cases .swiper-but{ position: inherit; width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden; border:solid 1px #d3d3d3; margin:0;}
.solutions-info .related-cases .swiper-button-prev{ left:0; margin-right:.2rem;}
.solutions-info .related-cases .swiper-button-next{ right:0;}
.solutions-info .related-cases .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.solutions-info .related-cases .swiper-but:hover{ background:#003686; border-color:#003686;}
.solutions-info .related-cases .swiper-but:hover:after{ color:#fff;}
.solutions-info .related-cases .pic{ overflow: hidden;}
.solutions-info .related-cases .pic figure{ padding-bottom:56%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s;}
.solutions-info .related-cases .text{ background:#fff; padding:.25rem; color:#333333; transition:.3s;}
.solutions-info .related-cases .text .tit{ font-size:var(--font-size24); font-weight:700;}
.solutions-info .related-cases .text .des{ line-height:1.7; font-size:var(--font-size18); margin:.2rem 0;}
.solutions-info .related-cases .text .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.solutions-info .related-cases .text .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.solutions-info .related-cases .text .caty-box span:last-child{ margin-right:0;}
.solutions-info .related-cases a:hover .text{ background:#003686;}
.solutions-info .related-cases a:hover .text .des{ color:#fff;}
.solutions-info .related-cases a:hover .text .tit{ color:#fff;}
.solutions-info .related-cases a:hover .text .caty-box span{ color:#003686; border-color:#003686;}
.solutions-info .related-cases a:hover .pic figure{ transform:scale(1.08);}

@media(max-width:640px){
.solutions-info .related-cases .text{ padding:.1rem;}
.solutions-info .related-cases .text .tit{ font-size:var(--font-size16);}
.solutions-info .related-cases .text .caty-box span{ margin-bottom:.05rem;}
.solutions-info .info-challenges{ padding:.5rem 0;}
.solutions-info .info-challenges .title{ font-size:var(--font-size28);}
.solutions-info .info-challenges li{ padding:.2rem;}
.solutions-info .info-challenges li .icon{ margin-right:0; margin-bottom:.1rem;}
.solutions-info .info-challenges li .text{ width:100%;}
.solutions-info .info-overview .item .pic{ width:100%;}
.solutions-info .info-overview .item .text{ width:100%; padding:.2rem 0;}
.solutions-info .info-overview .item .text .edit{ padding-right:.3rem;}
.solutions-info .info-overview .item .text .tit{ font-size:var(--font-size28);}
.solutions-info .info-advantages{ padding:.5rem 0;}
.solutions-info .info-advantages .title{ font-size:var(--font-size26);}
.solutions-info .info-advantages li .tit{ font-size:var(--font-size22);}
.solutions-info .info-cases .title{ font-size:var(--font-size28);}
.solutions-info .info-cases .aniu-box{ margin-top:.35rem;}
.solutions-info .info-cases .aniu-box .submitBtn{ height:auto; line-height:2.5; padding:0 .2rem;}
.solutions-info .related-cases{ padding:.5rem 0;}
.solutions-info .related-cases .title{ font-size:var(--font-size28);}
.solutions-info .related-cases .swiper-button-prev{ margin-right:.1rem;}
.solutions-info .related-cases .text .tit{ font-size:var(--font-size18);}
.solutions-info .related-cases .text .des{ margin:.1rem 0; font-size:var(--font-size16);}
}


/* 案例 */
.application-case{ padding-top:1rem;}
.application-case .iolw-box{ max-height:8.2rem; overflow:auto;}
.application-case .iolw-box::-webkit-scrollbar{width:4px;background-color:#e6e6e6}
.application-case .iolw-box::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686;}
.application-case .case-list{ margin-bottom:.5rem;}
.application-case .case-list li{ width:49%; margin-bottom:2%; background:#f8f9fb;}
.application-case .case-list li .pic{ overflow:hidden;}
.application-case .case-list li .pic figure{ padding-bottom:56%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s;}
.application-case .case-list li .text{ padding:.25rem; color:#333333; transition:.3s;}
.application-case .case-list li .text .tit{ min-height:2.6em; font-size:var(--font-size24); font-weight:700;}
.application-case .case-list li .text .des{ line-height:1.7; font-size:var(--font-size18); font-weight:400; margin:.2rem 0;}
.application-case .case-list li .text .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.application-case .case-list li .text .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.application-case .case-list li .text .caty-box span:last-child{ margin-right:0;}
.application-case .case-list li:hover .pic figure{ transform:scale(1.08);}
.application-case .case-list li:hover .des,
.application-case .case-list li:hover .tit{ color:#003686;}
@media(max-width:640px){
.application-case{ padding:.5rem 0;}
.application-case .iolw-box{ max-height:50vh; overflow:auto;}
.application-case .case-list li .text{ padding:.2rem .1rem;}
.application-case .case-list li .text .tit{ font-size:var(--font-size16);}
.application-case .case-list li .text .des{ margin:.1rem 0; font-size:var(--font-size16);}
.application-case .case-list li .text .caty-box span{ margin-bottom:.05rem;}
}


/* 案例详情 */
.case-info .back-color{background:#fff;}
.case-info .back-color:nth-child(2n){ background:#f8f9fb;}

.case-one{ color:#333; padding:1rem 0;}
.case-one .title{ margin-bottom:.7rem; text-align:center; font-size:var(--font-size60); font-weight:700;}
.case-one .item .pic{ width:47.5%;}
.case-one .item .pic figure{padding-bottom:56%;background-repeat:no-repeat;background-position:center;background-size:cover; transition:.3s;}
.case-one .item .text{padding-left:.6rem; width:52.5%; position:relative; overflow:hidden;}
.case-one .item .text .tit{ margin-bottom:.2rem; font-size:var(--font-size36); font-weight:700;}
.case-one .item .text .edit{ line-height:1.3; height:21em; overflow:auto; padding-right:.35rem;padding-bottom:4em;}
.case-one .item .text .edit p{margin:0;}
.case-one .item .text .edit strong{ font-size:var(--font-size24);}
.case-one .item .text .edit::-webkit-scrollbar{width:4px;background-color:#e6e6e6}
.case-one .item .text .edit::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686;}
.case-one .item .text::after{ position:absolute; bottom:0; left:0; content:''; display:block; width:100%; height:4em;background-image:linear-gradient(to top,#fff,transparent);}

.case-two{ padding:1.2rem 0; color:#333;}
.case-two .title{ margin-bottom:.5rem; font-size:var(--font-size36); font-weight:700;}
.case-two li{ width:47.5%; margin-bottom:.3rem; background:#ffffff; padding:.35rem; position: relative;}
.case-two li::after{ position:absolute; top:50%; left:103%; margin-top:-.17rem; content:''; display:block; width:.35rem; height:.33rem; background-image:url(../images/arrow2.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
.case-two li .text{ font-size:var(--font-size18);}
.case-two li .text .tit{ margin:.2rem 0; font-size:var(--font-size24); font-weight:700;}
.case-two li .text .des{line-height:1.7;}
.case-two li .icon img{ width:.35rem; height:.35rem;}
.case-two li:nth-child(2n){ background:#edf2f9;}
.case-two li:nth-child(2n) .tit{ color:#073c96;}
.case-two li:nth-child(2n)::after{ display:none;}

.case-three{ padding:1.2rem 0;}
.case-three .title{ margin-bottom:.5rem; font-size:var(--font-size36); font-weight:700;}
.case-three li{ width:49%; background:#f8f9fb; padding:.35rem;}
.case-three li .icon{ margin-bottom:.25rem;}
.case-three li .icon img{ max-height:.35rem;}
.case-three li .text{line-height:1.7; font-size:var(--font-size18);}
.case-three li .text .des p{ margin:0;}
.case-three li .text .tit{ font-size:var(--font-size24); font-weight:700; margin-bottom:.15rem;}

.case-four{ padding:1.2rem 0;}
.case-four .title{ margin-bottom:.5rem; font-size:var(--font-size36); font-weight:700;}
.case-four .edit{ line-height:1.8; padding:.6rem; position:relative;background-image:linear-gradient(175deg,#edf2f9,transparent); box-shadow:0 0 .1rem rgba(0,0,0,0.06);}
.case-four .edit::after{ position:absolute; right:0; top:-.35rem; content:''; display:block; width:.92rem; height:.78rem; background-image:url(../images/pot.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.case-four .edit p{margin:0;}
.case-four .edit .tit{ margin-bottom:.1rem; font-size:var(--font-size28); font-weight:700;}

.case-five{ padding:1.1rem 0; overflow:hidden;}
.case-five .tit-other{margin-bottom:.5rem;}
.case-five .title{font-size:var(--font-size40);font-weight:700;color:#000000;}
.case-five .swiper-but{ position: inherit; width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden; border:solid 1px #d3d3d3; margin:0;}
.case-five .swiper-button-prev{ left:0; margin-right:.2rem;}
.case-five .swiper-button-next{ right:0;}
.case-five .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.case-five .swiper-but:hover{ background:#003686; border-color:#003686;}
.case-five .swiper-but:hover:after{ color:#fff;}
.case-five .swiper{overflow:initial;}
.case-five .swiper .pic{ position:relative;}
.case-five .swiper .pic i{ position:absolute; right:.3rem; top:.3rem; display:block; width:.3rem; height:.3rem; background-image:url(../images/magnify.png);}
.case-five .swiper .pic figure{padding-bottom:56%;background-repeat:no-repeat;background-position:center;background-size:cover; transition:.3s;}
.case-five .swiper .text{ text-align:center;}
.case-five .swiper .text .tit{ font-size:var(--font-size24); font-weight:700; margin-top:.25rem;}
.fancybox__caption{ font-size:var(--font-size24); color:#ffff; font-weight:700;}

@media(max-width:1024px){
.case-one .item .text .edit{ height:12em;}
.case-one .item .text .edit strong{ font-size:var(--font-size18);}
}

@media(max-width:640px){
.case-one{ padding:.5rem 0;}
.case-one .title{ margin-bottom:.35rem; font-size:var(--font-size30);}
.case-one .item .pic{ width:100%; margin-bottom:.3rem;}
.case-one .item .text{ width:100%; padding-left:0;}
.case-one .item .text .tit{ font-size:var(--font-size30);}
.case-two{ padding:.5rem 0;}
.case-two .title{font-size:var(--font-size30); text-align:center;}
.case-two li{ width:100%; margin-right:0; margin-bottom:5%;}
.case-two li .text .tit{ font-size:var(--font-size20);}
.case-two li::after{ display:none;}
.case-three .title{font-size:var(--font-size30); text-align:center;}
.case-three li{ width:100%; margin-right:0; margin-bottom:5%;}
.case-four .title{ text-align:center; font-size:var(--font-size28);}
.case-four .edit{ padding:.3rem;}
.case-four .edit .tit{ font-size:var(--font-size24);}
.case-four .edit::after{ width:.5rem; height:.5rem;}
.case-five .swiper .text .tit{ font-size:var(--font-size22);}
.fancybox__caption{ font-size:var(--font-size22); color:#ffff; font-weight:700;}
.case-five .title{ text-align:center; font-size:var(--font-size28);}
}



/* about us */
.about-company{ min-height:34em; font-size:.18rem;}
.about-company .ol{ padding:.35rem 0; border-bottom:solid 1px #d2d2d2;}
.about-company .ol .title{margin-bottom:.1rem;font-size:var(--font-size28);font-weight:700;color:#000000;cursor:pointer;}
.about-company .ol .title::after{ position:absolute; right:0; content:''; display:block; width:.4rem; height:.4rem; background:#003686 url(../images/add-white.png); background-position:center; background-repeat:no-repeat; background-size:contain; border-radius:100%;}
.about-company .ol .des{ line-height:1.7; display:none;}
.about-company .ol.active .title::after{ background:#003686 url(../images/sub-white.png);}

.Innovation-one{ padding:.2rem;}
.Innovation-one .item{ padding:1.25rem 0; margin-bottom:.2rem;}
.Innovation-one .item:last-child{ margin-bottom:0;}
.Innovation-one .white-color{ color:#fff;}
.Innovation-one .black-color{ color:#333;}
.Innovation-one .item .editor p{ margin:0;}
.Innovation-one .item .text{ width:45%;}
.Innovation-one .item .text .tit{ margin-bottom:.3rem; font-size:var(--font-size40); font-weight:700;}
.Innovation-one .item .text .editor{ height:25.5em; overflow:auto; padding-right:.3rem; font-weight:400; line-height:1.7; font-size:var(--font-size18);}
.Innovation-one .item .text .editor::-webkit-scrollbar{width:4px;background-color:#eee}
.Innovation-one .item .text .editor::-webkit-scrollbar-thumb{border:solid 1px #003686;width:3px;background-color:#003686}

.honor-one{ padding:1rem 0 1.3rem;}
.honor-one .title{ font-size:var(--font-size54); text-transform:uppercase; text-align:center; font-weight:700; }
.honor-one .tab-menu{ margin:.5rem 0; font-size:var(--font-size18);}
.honor-one .tab-menu .item{ cursor:pointer; padding:.1rem .25rem; margin:0 .1rem; border-radius:1rem;}
.honor-one .tab-menu .item.on{ background:#003686; color:#fff;}
.honor-one .swiper{ padding:0 1.7rem; position:relative;}
.honor-one .swiper .pic{ background-image:url(../images/honor-bg3.png); background-position:center; background-repeat:no-repeat; background-size:cover; padding:.2rem; margin-bottom:1rem; position: relative;}
.honor-one .swiper .pic::after{ content:''; display:block; width:100%; height:.29rem; background-image: url(../images/honor-bg2.png); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:98%;}
.honor-one .swiper .pic .over{overflow:hidden;}
.honor-one .swiper .pic .Ispic{ padding-bottom:140%;background-position:center; background-repeat:no-repeat; background-size:cover;}
.honor-one .swiper .text .tit{ margin-bottom:.2rem; font-size:var(--font-size24); font-weight:700;}
.honor-one .swiper .text .des{ font-size:var(--font-size18); line-height:1.7;}
.honor-one .swiper .swiper-slide{ opacity:0;}
.honor-one .swiper .my-slide-visible{ opacity:1;}
.honor-one .swiper-but{top:30%; width:.5rem; height:.5rem; background:#fff; border-radius:100%; overflow:hidden; border:solid 1px #d3d3d3; margin:0;}
.honor-one .swiper-button-prev{ left:0; margin-right:.2rem;}
.honor-one .swiper-button-next{ right:0;}
.honor-one .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.honor-one .swiper-but:hover{ background:#003686; border-color:#003686;}
.honor-one .swiper-but:hover:after{ color:#fff;}
.honor-one .tab-con{ position:relative;}
.honor-one .tab-con::after{position:absolute;left:0;top:52%; content:''; display:block; width:100%; height:1.7rem; background-image:url(../images/honor-bg.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.honor-one .tab-con .itemCon{ display:none;}





/* 发展历程 */
.history-box{ padding:1.5rem 0 3rem; background-image: url(../images/history-bg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.history-box .switch-one{ margin-bottom:.8rem; position:relative;}
.history-box .switch-one .swiper{ padding:.1rem 0;}
.history-box .switch-one .item .year{ margin-right:-1em; font-size:1.2rem; color:#003686; line-height:1; font-weight:700; z-index:5;}
.history-box .switch-one .item .des{ font-size:var(--font-size18); line-height:1.7; min-height:3rem; width:9rem; background:#fff; padding:0 1rem 0 2rem; box-shadow:0 0 .1rem rgba(0,0,0,0.06); border-radius:.1rem;}
.history-box .swiper-but{width:.5rem;height:.5rem;background:#fff;border-radius:100%;overflow:hidden;border:solid 1px #d3d3d3; margin:0;}
.history-box .swiper-button-prev{ left:1rem;}
.history-box .swiper-button-next{ right:1rem;}
.history-box .swiper-but:after{ font-size:.16rem; font-weight:bold; color:#222;}
.history-box .swiper-but:hover{ background:#003686; border-color:#003686;}
.history-box .swiper-but:hover:after{ color:#fff;}

.history-box .switch-two{ text-align:center; position:relative;}
.history-box .switch-two::after{ position:absolute; left:0; bottom:.07rem; content:''; display:block; width:100%; height:1px; background:rgba(0,0,0,0.1);}
.history-box .switch-two .year-io{ cursor:pointer;}
.history-box .switch-two .year-io{ margin-bottom:.15rem; font-size:var(--font-size24); font-weight:700;}
.history-box .switch-two .pot span{ background:#edf4ff; display:block; width:.15rem; height:.15rem; border:solid 1px rgba(0,0,0,0.1); border-radius:1rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.history-box .switch-two .pot span::after{ content:''; display:block; width:.05rem; height:.05rem; border-radius:100%; background:#909399;}
.history-box .switch-two .swiper-slide-thumb-active .pot span{ background:#003686; border-color:#003686;}
.history-box .switch-two .swiper-slide-thumb-active .pot span::after{ background:#fff;}
@media(max-width:1024px){
.history-box{ padding:1rem 0 1.5rem;}
.history-box .swiper-button-prev{ left:0;}
.history-box .swiper-button-next{ right:0;}
.history-box .switch-one .item .year{ font-size:1rem;}
.history-box .switch-one .item .des{ min-height:2.5rem; width:7rem; padding:.2rem .5rem .2rem 1.3rem;}
}
@media(max-width:640px){
.history-box .switch-one .item .des{ width:100%; padding:.3rem .6rem;}
.history-box .switch-one .item .year{ margin:0; margin-bottom:.2rem; font-size:var(--font-size70);}
.history-box .switch-two .pot span{ width:14px; height:14px;}
}



/* 新闻中心 */
.news-switch{ background:#f8f9fb; padding:1.3rem 0 .5rem; overflow: hidden;}
.news-switch .swiper{ padding:.1rem 0; padding-right:.02rem;}
.news-switch .item{ background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,0.06);}
.news-switch .item .pic{ width:50%; overflow:hidden;}
.news-switch .item .pic figure{padding-bottom:56.25%;background-repeat:no-repeat;background-position:center;background-size:cover; transition:.3s;}
.news-switch .item .text{ color:#333333; padding:.2rem .6rem; width:50%;}
.news-switch .item .text .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.news-switch .item .text .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.news-switch .item .text .caty-box span:last-child{ margin-right:0;}
.news-switch .item .text .tiem{ margin-bottom:.2rem; color:#666666;}
.news-switch .item .text .tit{ margin-bottom:.15rem; color:#333333; font-size:var(--font-size24); font-weight:700;}
.news-switch .item .text .des{ margin-bottom:.4rem; font-size:var(--font-size18); line-height:1.6;}
.news-switch .item:hover .text,
.news-switch .item:hover .text .tit{ color:#003686;}
.news-switch .item:hover .pic figure{ transform:scale(1.08);}
.news-switch .swiper-but{ top:auto; bottom:.3rem; width:.5rem;height:.5rem;background:#fff;border:solid 1px #d2d2d2; border-radius:100%; overflow:hidden;}
.news-switch .swiper-button-prev{ left:auto; right:.8rem;}
.news-switch .swiper-button-next{ right:.2rem;}
.news-switch .swiper-but:after{ font-size:.14rem; font-weight:bold; color:#003686;}
.news-switch .swiper-but:hover{ background:#003686; border-color:#003686;}
.news-switch .swiper-but:hover:after{ color:#fff;}

.news-box{ background:#f8f9fb; padding-bottom:1.3rem;}
.news-box .others-menu{ padding:.15rem 0; border-bottom:solid 1px rgba(0,0,0,0.06);}
.news-box .others-menu .let-box a{padding:.08rem .2rem; min-width:.7rem; text-align:center; margin-right:.1rem; display:block; border-radius:1rem;}
.news-box .others-menu .let-box a.active{ background:#003686; color:#fff;}
.news-box .others-menu .let-box a:last-child{ margin-right:0;}
.news-box .others-menu em{ font-style: normal; font-weight:700; color:#003686;}
.news-box .list-news{ padding:.4rem 0;}
.news-box .list-news li{width:23.5%;margin-right:2%;margin-bottom:2%;background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,0.06); transition:.3s;}
.news-box .list-news li:nth-child(4n){ margin-right:0;}
.news-box .list-news li .pic{overflow: hidden;}
.news-box .list-news li .pic figure{ padding-bottom:56.6%; transition:.5s; background-repeat:no-repeat; background-position:center; background-size:cover;}
.news-box .list-news li .text{ padding:.25rem;}
.news-box .list-news li .text .tiem{ margin-bottom:.15rem; color:#666666;}
.news-box .list-news li .text .tit{ margin-bottom:.2rem; line-height:1.3; color:#333333; font-size:var(--font-size20); font-weight:500;}
.news-box .list-news li .text .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.news-box .list-news li .text .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.news-box .list-news li .text .caty-box span:last-child{ margin-right:0;}
.news-box .list-news li a:hover .text{ background:#003686;}
.news-box .list-news li a:hover .text .tiem{ color:#fff;}
.news-box .list-news li a:hover .text .tit{ color:#fff;}
.news-box .list-news li a:hover .text .caty-box span{ color:#003686; border-color:#003686;}
.news-box .list-news li a:hover .pic figure{ transform:scale(1.08);}

@media(max-width:1024px){
.news-switch{ padding:.5rem 0;}
.news-switch .item .text{ padding:.2rem .3rem;}
.news-switch .item .text .caty-box span{ margin:.02rem;}
.news-switch .item .text .tit{ font-size:var(--font-size20);}
.news-switch .item .text .tiem{ margin-bottom:.1rem;}
.news-switch .item .text .des{-webkit-line-clamp:2; font-size:var(--font-size16); margin-bottom:.2rem;}
.news-switch .swiper-but{ bottom:.2rem; width:.4rem; height:.4rem;}

.news-box .list-news li .text{ padding:.1rem;}
.news-box .list-news li .text .tit{ font-size:var(--font-size18);}
.news-box .list-news li .text .caty-box span{ margin:.02rem;}
}

@media(max-width:640px){
.news-switch .item .pic{ width:100%;}
.news-switch .item .text{ width:100%;}

.news-box .list-news .ul{ justify-content:space-between;}
.news-box .list-news li{ width:49%; margin-right:0;}
.news-box .others-menu{ flex-wrap:wrap-reverse;}
.news-box .others-menu .let-box{ width:100%;}
.news-box .others-menu .let-box a{ padding:.1rem;}
.news-box .others-menu .tishi{ line-height:1.5; margin-bottom:.1rem; width:100%;}
}


/* 新闻详情 */
.news-info{ padding:.65rem 0 1.5rem;}
.news-info .title{ font-size:var(--font-size36); font-weight:700;}
.news-info .editor{ font-size:var(--font-size18); padding:.3rem 0; font-weight:400; line-height:1.8;}
.news-info .editor p{ margin:0;}
.news-info .other-box{ padding:.25rem 0; border-bottom:solid 1px rgba(0,0,0,0.06);}
.news-info .other-box .caty-io{ font-size:.12rem; background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.news-info .other-box .aio{ color:#666666;}
.news-info .other-box .share .icon{ margin-right:.15rem; background:#bfbfbf; border-radius:100%; width:.4rem;}
.news-info .other-box .share .icon:last-child{ margin-right:0;}
.news-info .other-box .share .icon:hover{ background:#003686;}
.news-info .pn-page{ padding-top:.3rem; border-top:solid 1px rgba(0,0,0,0.06);}
.news-info .pn-page dl{ width:75%;}
.news-info .pn-page dl dd{ line-height:1.5; margin-bottom:.1rem;}
.news-info .pn-page dl dd:last-child{ margin-bottom:0;}
.news-info .pn-page aside a {font-size:var(--font-size16)}
.news-info .pn-page aside a b{ margin-right:.1rem; font-weight:500;}
.news-info .pn-page aside a:hover{color:#003686;}
@media(max-width:640px){
.news-info .title{ font-size:var(--font-size22);}
.news-info .other-box .aio{ margin:.15rem 0;}
.news-info .pn-page dl{ width:65%;}
.news-info .pn-page .submitBtn{ padding:0 .2rem;}
}





/* 联系我们 */
.contact-one{ padding:1rem 0; background:#f8f9fb;}
.contact-one .contact-bg{padding:1.05rem .4rem;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.contact-one .text{ max-width:5.6rem;}
.contact-one .text .title{ margin-bottom:.3rem; font-size:var(--font-size40); font-weight:700;}
.contact-one .text dl dd{ margin-bottom:.2rem; display:-webkit-flex; display:flex;}
.contact-one .text dl dd .icon{ padding-top:.02rem; width:.35rem;}
.contact-one .text dl dd .icon img{ max-width:.24rem;}
.contact-one .text dl dd .txt{ line-height:1.5; width:calc(100% - .4rem);}
.contact-one .text dl dd .txt .fz18{ font-size:var(--font-size18);}
.contact-one .text dl dd .txt .fz24{ font-size:var(--font-size24);}
.contact-one .text dl dd .txt .tit{ margin-bottom:.05rem; font-weight:400;}
.contact-one .text dl dd .txt .tit-big{font-weight:500;}
.contact-one .text dl dd:last-child{ margin-bottom:0;}
.contact-one .list-box{ margin-top:2%;}
.contact-one .list-box .item{ line-height:1.6; padding:.5rem; background:#ffffff; width:32%; margin-right:2%;}
.contact-one .list-box .item .tit{ line-height:1; margin-bottom:.3rem; font-size:var(--font-size32); font-weight:700; position:relative;}
.contact-one .list-box .item .tit::after{content:'';display:block; position:absolute;left:-.5rem;top:.1em;width:.05rem;height:.25rem; background:#003686;}
.contact-one .list-box .item .iol{ margin-bottom:.15rem;}
.contact-one .list-box .item .iol .name{ font-size:var(--font-size18); font-weight:400;}
.contact-one .list-box .item .iol .wx{ font-size:var(--font-size20); font-weight:500;}
.contact-one .list-box .item .iol:last-child{ margin-bottom:0;}
.contact-one .list-box .item:nth-child(3n){ margin-right:0;}

.contact-two{ background:#fff; padding:1rem 0;}
.contact-two .title{ text-align:center; font-size:var(--font-size40); font-weight:700;}
.contact-two .tit-des{ margin:.1rem 0; text-align:center; font-size:var(--font-size18); font-weight:400;}
.contact-two .form-box .item{ width:49.5%;}
.contact-two .form-box .wtd100{ width:100%;}
.contact-two .form-box{ margin-top:.4rem;} 
.contact-two .form-box .item{margin-bottom:.25rem;position:relative; background:#f8f9fb;}
.contact-two .form-box .item .tit{position:absolute;left:1.5em;top:0;font-size:.18rem;line-height:.6rem;font-weight:400;}
.contact-two .form-box .item .tit i{ color:red; font-style:normal;}
.contact-two .form-box .item select,
.contact-two .form-box .item .text{width:100%;font-size:.18rem;line-height:.6rem; height:.6rem;background:none;border:none; border-radius:5px; padding:0 1.5em; font-weight:400;}
.contact-two .form-box .item textarea.text{padding:1em 1.5em;resize:none;height:10em;line-height:1.5;}
.contact-two .form-box .area-txt .tit{padding-top:1em; line-height:1.6;}
.contact-two .check-shell{ font-size:.18rem; margin-bottom:.5rem;}
.contact-two .check-shell input{ margin:.05rem 0 0; width:.18rem; height:.18rem;}
.contact-two .check-shell .txt{ line-height:1.6; padding-left:.1rem; width:calc(100% - .2rem);}
.contact-two .check-shell .txt a{ display:inline-block; color:#003686;}

.contact-three{ padding:1.3rem 0; background-color:#f8f9fb; background-image: url(../images/contact-bg.png); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.contact-three .title{ text-align:center; font-size:var(--font-size40); font-weight:700;}
.contact-three .tit-des{ margin:.1rem 0 .5rem; text-align:center; font-size:var(--font-size18); font-weight:400;}
.contact-three .share .icon{ margin-right:.4rem; background:#edf2f9; border-radius:100%; width:.7rem; height:.7rem;}
.contact-three .share .icon img{ width:.7rem; height:.7rem; filter:invert(100%); opacity:.4;}
.contact-three .share .icon:last-child{ margin-right:0;}
.contact-three .share .icon:hover{ background:#003686;}
.contact-three .share .icon:hover img{ filter:invert(0); opacity:1;}

@media(max-width:1024px){
.contact-one .list-box .item{ padding:.3rem;}
.contact-one .list-box .item .tit{ font-size:var(--font-size24);}
.contact-one .list-box .item .tit::after{ height:.8em; width:.03rem; left:-.3rem;}
}

@media(max-width:640px){
.contact-one{ padding:.5rem 0;}
.contact-one .contact-bg{ background:#e9f1f9; padding:.3rem .2rem; margin-bottom:4%;}
.contact-one .text .title{ font-size:var(--font-size32); margin-bottom:.2rem;}
.contact-one .list-box .item{ width:100%; margin-right:0; margin-bottom:4%;}
.contact-two .form-box .item{ width:100%; margin-bottom:.15rem;}
.contact-three{ padding:.5rem 0;}
.contact-three .tit-des{ margin-bottom:.4rem;}
.contact-three .share .icon{ width:.5rem; height:.5rem;}
.contact-three .share .icon img{ width:.5rem; height:.5rem;}
}





/* 登录 */
.logoin-Box{ min-height:100vh; background-image: url(../images/logoin-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.logoin-Box .hei100{ padding-top:.6rem; width:100%; min-height:100%;}
.logoin-Box .bottom{ font-weight:400; padding:.2rem 0; width:100%; color:#fff;}
.logoin-Box .bottom em{ display:block; margin:0 .05rem; font-weight:100; font-size:.14rem; font-style:normal;}
.logoin-Box .bottom a{ color:#fff;}

.logoin-Box .logoIn-box{ color:#000000; width:7.4rem; background:#fff; padding:.4rem .6rem; margin-bottom:.3rem;}
.logoin-Box .logoIn-box .title{ margin-bottom:.25rem; text-transform:uppercase; text-align:center; font-size:var(--font-size40); font-weight:700;}
.logoin-Box .logoIn-box .item{ margin-bottom:.15rem;}
.logoin-Box .logoIn-box .item .name{ font-size:var(--font-size16); margin-bottom:.1rem; font-weight:500;}
.logoin-Box .logoIn-box .item .name a{ color:#003686;}
.logoin-Box .logoIn-box .item .input-ox{ border:solid 1px #999999;}
.logoin-Box .logoIn-box .item .input-ox input{ font-size:var(--font-size16); width:100%; border:none; padding:.15rem .2rem; margin:0;}
.logoin-Box .logoIn-box .item .input-code{ border:solid 1px #999999;}
.logoin-Box .logoIn-box .item .input-code input{ font-size:var(--font-size16); width:calc(100% - 1.8rem); border:none; padding:.15rem .2rem; margin:0;}
.logoin-Box .logoIn-box .item .input-code .code-but{ width:1.6rem; text-align:center; display:-webkit-flex; display:flex; align-items:center; justify-content:center; font-weight:500; color:#003686; cursor:pointer;}
.logoin-Box .logoIn-box .item .input-code .code-but img{ width:1.06rem;}
.logoin-Box .logoIn-box .but-aniu{ display:block; margin-top:.3rem; color:#fff; line-height:2; text-transform: uppercase; background:#003686; width:100%; text-align:center; font-weight:500; padding:.08rem .2rem; cursor:pointer;}
.logoin-Box .logoIn-box .this-bix{ color:#999999; font-weight:500; padding-top:.2rem; text-align:center;}
.logoin-Box .logoIn-box .this-bix a{ color:#003686;}
.logoin-Box .logoIn-box .check-shell .txt{ font-weight:500; color:#999999; padding-left:.1rem; width:calc(100% - .2rem);}
.logoin-Box .logoIn-box .check-shell .txt a{display:inline-block; color:#003686;}
.logoin-Box .logoIn-box .check-shell input[type="checkbox"]{position:absolute;left:0;top:0;width:100%;height:100%;margin:0; z-index:5; opacity:0; cursor:pointer;}
.logoin-Box .logoIn-box .check-shell input[type="checkbox"]+.io{position:relative;cursor:pointer;width:.2rem;height:.2rem; display:block; cursor:pointer;}
.logoin-Box .logoIn-box .check-shell input[type="checkbox"]+.io:before{content:"";display:inline-block;width:.2rem;height:.2rem;position:absolute;left:0;top:0;background-color:#fff;border:1px solid #ccc;border-radius:3px; cursor:pointer;}
.logoin-Box .logoIn-box .check-shell input[type="checkbox"]:checked+.io:before{background-color:#003686;border-color:#003686; background-image:url(../images/tick.svg);background-size:.12rem; background-repeat:no-repeat; background-position:center;}

@media(max-width:1024px){
.logoin-Box .bottom .autoCon-1600{ justify-content:center;}
.logoin-Box .bottom .copyright{ margin-bottom:.1rem;}
}
@media(max-width:640px){
.logoin-Box .logoIn-box{ max-width:94%; padding:.3rem;}
.logoin-Box .logoIn-box .title{ font-size:var(--font-size32);}
.logoin-Box .logoIn-box .item .input-code .code-but{ width:1.2rem;}
.logoin-Box .logoIn-box .item .input-code .code-but img{ width:1rem;}
.logoin-Box .logoIn-box .item .input-code input{width:calc(100% - 1.3rem);}
.logoin-Box .bottom .copyright{ width:100%;}
.logoin-Box .logoIn-box .check-shell .txt{ font-size:var(--font-size14);}
}




/* 个人信息 */
.personal-box{ padding:1rem 0 1.2rem;}
.personal-box .let-menu{ width:3.2rem; background:#f5f9fc; padding:0 .2rem;}
.personal-box .let-menu .use-box{ padding:.3rem 0; border-bottom:dashed 1px #cfdde7;}
.personal-box .let-menu .use-box .use-icon{ background-image:url(../images/use-img.svg); background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:100%; overflow:hidden; width:.8rem; height:.8rem;}
.personal-box .let-menu .use-box .use-icon img{ display:block; width:.8rem; height:.8rem; object-fit:cover;}
.personal-box .let-menu .use-box .txt{margin-top:.1rem;font-size:var(--font-size24);font-weight:500;width:100%;text-align:center;}
.personal-box .let-menu .ul{ padding:0.2rem 0 0.5rem;}
.personal-box .let-menu .ul li{ margin-bottom:.05rem; font-size:var(--font-size18); font-weight:500;}
.personal-box .let-menu .ul li a{ padding:.13rem .15rem;}
.personal-box .let-menu .ul li a i{ margin-right:.1rem; display:block; width:.2rem; height:.2rem;}
.personal-box .let-menu .ul li a i img{ display:block;}
.personal-box .let-menu .ul li .wz{ width:calc(100% - .3rem);}
.personal-box .let-menu .ul li a:hover,
.personal-box .let-menu .ul li.on a{ color:#fff; background:#003686;}
.personal-box .let-menu .ul li a:hover i,
.personal-box .let-menu .ul li.on a i{filter:invert(100%);}
.personal-box .rig-box{ width:calc(100% - 3.5rem); padding:0 .2rem;}
.personal-box .rig-box .lanmu-name{ border-bottom:solid 1px rgba(0,0,0,0.06);}
.personal-box .rig-box .lanmu-name .tit{ padding:.18rem 0; font-size:var(--font-size18); font-weight:700; border-bottom:solid 2px #003686; color:#003686;}

.Personal-form{ padding:.5rem 0 0;}
.Personal-form .item-use{ margin-bottom:.3rem;}
.Personal-form .item-use .iol span{ background:rgba(0,0,0,0.1); padding:.06rem; display:block; border-radius:100%; overflow:hidden;}
.Personal-form .item-use .iol img{width:1.35rem;height:1.35rem;object-fit:cover;border-radius:100%;overflow:hidden;}
.Personal-form .item-use .edit-img{position:absolute;left:50%;bottom:.1rem;background-image:url(../images/edit-white.svg);width:.3rem;height:.3rem;background-repeat:no-repeat;background-size:.16rem;background-position:center;margin-left:-.15rem;}
.Personal-form .item-use .use-but{position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; opacity:0;}
.Personal-form .item-input{ margin-bottom:.3rem;}
.Personal-form .item-input .name{ margin-bottom:.15rem; font-size:var(--font-size20); font-weight:500;}
.Personal-form .item-input .input-ox{ border:solid 1px #e6e6e6; position: relative;}
.Personal-form .item-input .input-ox input{ background:none; font-size:var(--font-size16); width:calc(100% - .7rem); border:none; padding:.15rem .2rem; margin:0; color:#333333;}
.Personal-form .item-input .input-ox .edit-but{position:absolute;right:0;top:0;width:.6rem;height:100%; background-image:url(../images/edit.svg); background-repeat:no-repeat; background-position:center; background-size:.16rem; cursor:pointer;}
.Personal-form .box-aniu{ margin-top:.4rem;}
.Personal-form .box-aniu .but{padding:.08rem .1rem; width:2rem; margin-right:.2rem; text-align:center; line-height:2; border:solid 1px #e0e0e0; font-weight:700; cursor:pointer;}
.Personal-form .box-aniu .but:last-child{ margin-right:0;}
.Personal-form .box-aniu .but.on{ background:#003686; color:#fff; border-color:#003686;}
@media(max-width:640px){
.personal-box{ padding:.5rem 0;}
.personal-box .let-menu{ width:100%; margin-bottom:.3rem;}
.personal-box .rig-box{ width:100%;}
.personal-box .box-aniu .but{ width:1.5rem; margin-right:.1rem;}
}


/* 修改密码 */
.Password-box { padding:.5rem 0 0;}
.Password-box .item-input{ margin-bottom:.3rem;}
.Password-box .item-input .name{ margin-bottom:.15rem; font-size:var(--font-size20); font-weight:500;}
.Password-box .item-input .input-ox{ border:solid 1px #e6e6e6; position: relative;}
.Password-box .item-input .input-ox input{ background:none; font-size:var(--font-size16); width:calc(100% - .7rem); border:none; padding:.15rem .2rem; margin:0; color:#333333;}
.Password-box .item-input .input-ox .eye-but{position:absolute;right:0;top:0;width:.6rem;height:100%; background-repeat:no-repeat; background-position:center; background-size:.19rem; cursor:pointer;}
.Password-box .item-input .input-ox .open-eye{ background-image:url(../images/open-eye.png);}
.Password-box .item-input .input-ox .close-eye{ background-image:url(../images/close-eye.png);}
.Password-box .box-aniu{ margin-top:.4rem;}
.Password-box .box-aniu .but{ padding:.08rem .1rem; width:2rem; margin-right:.2rem; text-align:center; line-height:2; border:solid 1px #e0e0e0; font-weight:700; cursor:pointer; border-radius:1rem;}
.Password-box .box-aniu .but:last-child{ margin-right:0;}
.Password-box .box-aniu .but.on{ background:#003686; color:#fff; border-color:#003686;}
@media(max-width:640px){
.Password-box{ padding:.5rem 0;}
.Password-box .let-menu{ width:100%; margin-bottom:.3rem;}
.Password-box .rig-box{ width:100%;}
.Password-box .box-aniu .but{ width:1.5rem; margin-right:.1rem;}
}




/*  */
.search-shell{ padding:.6rem ;}
.search-shell .line-box{ border:solid 1px #d8d8d8;}
.search-shell .line-box input{ font-size:var(--font-size18); color:#000; width:7rem; padding:.2rem .3rem; border:none; margin:0;}
.search-shell .line-box .but{ width:.8rem; background-image: url(../images/search-blue.svg); background-position:center; background-repeat:no-repeat; background-size:.32rem; cursor:pointer;}
.search-shell .line-box input::-webkit-input-placeholder{ color:#000;}
.search-shell .line-box input:-moz-placeholder{ color:#000;}
.search-shell .line-box input::-moz-placeholder{ color:#000;}
.search-shell .line-box input:-ms-input-placeholder{ color:#000;}
.results-tishi{ margin-bottom:.2rem;}
.results-tishi .tishi{ font-size:var(--font-size20); font-weight:700;}
.results-tishi .tishi em{ font-style:normal; color:#003686;}
.search-results .results-menu{ border-bottom:solid 1px rgba(0,0,0,0.06);}
.search-results .results-menu .item{ margin-bottom:-1px; font-size:var(--font-size20); padding:.2rem 0; margin-right:1rem; border-bottom:solid 2px transparent; cursor:pointer;}
.search-results .results-menu .item.on{ color:#003686; border-color:#003686;}
.search-results .results-menu .item:last-child{ margin-right:0;}
.search-results .list-box{ padding:.45rem 0;}
.search-results .list-box .item-ol .lanmu{padding-left:.2rem; font-size:var(--font-size28); font-weight:700; border-left:solid 2px #003686; line-height:1; margin-bottom:.35rem;}

@media(max-width:1024px){
.search-results .results-menu .item{ margin-right:.5rem;}
}

@media(max-width:640px){
.results-tishi{ margin-bottom:.1rem; line-height:1.5;}
.search-results .list-box .item-ol .lanmu{ font-size:var(--font-size22);}
.search-results .results-menu .item{ margin-right:.2rem; font-size:var(--font-size18);}
.search-shell{ padding:.4rem .3rem;}
.search-shell .line-box input{ width:3rem; padding:.1rem;}
.search-shell .line-box .but{ width:.4rem;}
}



/*  */
.search-results .item-ol{ margin-bottom:.3rem;}

/* 搜索产品 */
.search-results .pro-list li{ width:31.6666666%; margin-right:2.5%; margin-bottom:.5rem; border-bottom:solid 1px rgba(0,0,0,0.08);}
.search-results .pro-list li:nth-child(3n){ margin-right:0;}
.search-results .pro-list li .pic{ background-image: url(../images/product-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; padding:10% 15%;}
.search-results .pro-list li .pic figure{ padding-bottom:45%; background-repeat:no-repeat; background-position:center; background-size:contain; transition: .3s;}
.search-results .pro-list li .text{ padding:.3rem 0; color:#333333;}
.search-results .pro-list li .text .tit{ margin-bottom:.1rem; font-size:var(--font-size24); font-weight:700;}
.search-results .pro-list li .text .des{ padding-right:.1rem; line-height:2; font-size:var(--font-size20); font-weight:400;}
.search-results .pro-list li .aniu{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: .3s;}
.search-results .pro-list li:hover .pic figure{ opacity:0.15;}
.search-results .pro-list li:hover .aniu{ opacity:1;}
.search-results .pro-list li:hover .text .tit{ color:#003686;}
@media(max-width:640px){
.search-results .pro-list .ul{ justify-content:space-between;}
.search-results .pro-list li{ width:49%; margin-bottom:2%; margin-right:0;}
.search-results .pro-list li .text{ padding:.2rem 0;}
.search-results .pro-list li .text .tit{ font-size:var(--font-size18);}
.search-results .pro-list li .text .des{ line-height:1.3; font-size:var(--font-size16);}
}


/* 搜索新闻中心 */
.search-results .news-list li{width:23.5%;margin-right:2%;margin-bottom:2%;background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,0.06); transition:.3s;}
.search-results .news-list li:nth-child(4n){ margin-right:0;}
.search-results .news-list li .pic{overflow: hidden;}
.search-results .news-list li .pic figure{ padding-bottom:56.6%; transition:.5s; background-repeat:no-repeat; background-position:center; background-size:cover;}
.search-results .news-list li .text{ padding:.25rem;}
.search-results .news-list li .text .tiem{ margin-bottom:.15rem; color:#666666;}
.search-results .news-list li .text .tit{ margin-bottom:.2rem; line-height:1.3; color:#333333; font-size:var(--font-size20); font-weight:500;}
.search-results .news-list li .text .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.search-results .news-list li .text .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.search-results .news-list li .text .caty-box span:last-child{ margin-right:0;}
.search-results .news-list li a:hover .text{ background:#003686;}
.search-results .news-list li a:hover .text .tiem{ color:#fff;}
.search-results .news-list li a:hover .text .tit{ color:#fff;}
.search-results .news-list li a:hover .text .caty-box span{ color:#003686; border-color:#003686;}
.search-results .news-list li a:hover .pic figure{ transform:scale(1.08);}
@media(max-width:1024px){
.search-results .news-list li .text{ padding:.1rem;}
.search-results .news-list li .text .tit{ font-size:var(--font-size18);}
.search-results .news-list li .text .caty-box span{ margin:.02rem;}
}
@media(max-width:640px){
.search-results .news-list li .text .tit{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.search-results .news-list .ul{ justify-content:space-between;}
.search-results .news-list li{ width:49%; margin-right:0;}
}


/* 搜索方案 */
.search-results .solution-list li{ width:31.6666666%; margin-right:2.5%; margin-bottom:.1rem;}
.search-results .solution-list li:nth-child(3n){ margin-right:0;}
.search-results .solution-list li .pic{ background-image: url(../images/product-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.search-results .solution-list li .pic figure{ padding-bottom:61.5%; background-repeat:no-repeat; background-position:center; background-size:cover; transition: .3s;}
.search-results .solution-list li .text{padding:.25rem 0; color:#333333;}
.search-results .solution-list li .text .tit{ margin-bottom:.1rem; font-size:var(--font-size24); font-weight:700;}
.search-results .solution-list li .text .des{ padding-right:.1rem; line-height:1.5; font-size:var(--font-size18); font-weight:400;}
.search-results .solution-list li .aniu{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: .3s;}
.search-results .solution-list li:hover .aniu{ opacity:1;}
.search-results .solution-list li:hover .text .tit{ color:#003686;}
.search-results .solution-list li:hover .pic figure{ transform:scale(1.08);}
@media(max-width:640px){
.search-results .solution-list .ul{ justify-content:space-between;}
.search-results .solution-list li{ width:49%; margin-bottom:2%; margin-right:0;}
.search-results .solution-list li .text{ padding:.2rem 0;}
.search-results .solution-list li .text .tit{ font-size:var(--font-size18);}
.search-results .solution-list li .text .des{ font-size:var(--font-size16);}
}


/* 案例 */
.search-results .list-case li{ width:32%; margin-right:2%; margin-bottom:2%; background:#f8f9fb;}
.search-results .list-case li:nth-child(3n){ margin-right:0;}
.search-results .list-case li .pic{ background-image: url(../images/product-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.search-results .list-case li .pic figure{ padding-bottom:61.5%; background-repeat:no-repeat; background-position:center; background-size:cover; transition: .3s;}
.search-results .list-case li .text{padding:.3rem; color:#333333;}
.search-results .list-case li .text .tit{ line-height:1.5; margin-bottom:.15rem; font-size:var(--font-size24); font-weight:700;}
.search-results .list-case li .text .des{ margin-bottom:.3rem; line-height:1.5; font-size:var(--font-size18); font-weight:400;}
.search-results .list-case li .aniu{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: .3s;}
.search-results .list-case li .caty-box{ font-weight:500; font-size:var(--font-size12); color:#333333;}
.search-results .list-case li .caty-box span{ background:#fff; margin-right:.1rem; border:solid 1px #d2d2d2; padding:.1rem .15rem; border-radius:1rem; overflow: hidden;}
.search-results .list-case li .caty-box span:last-child{ margin-right:0;}
.search-results .list-case li:hover .aniu{ opacity:1;}
.search-results .list-case li:hover .text .tit{ color:#003686;}
.search-results .list-case li:hover .pic figure{ transform:scale(1.08);}
@media(max-width:640px){
.search-results .list-case .ul{ justify-content:space-between;}
.search-results .list-case li{ width:49%; margin-bottom:2%; margin-right:0;}
.search-results .list-case li .text{ padding:.2rem .1rem;}
.search-results .list-case li .text .tit{ font-size:var(--font-size18);display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.search-results .list-case li .text .des{ font-size:var(--font-size16); margin-bottom:.1rem;}
.search-results .list-case li .caty-box span{ margin:0.02rem;}
}



/*  */
.single-edit{ padding:.8rem 0;}





