@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-weight: 400;word-break: break-word; }
h1,h2,h3,h4,h5,h6{font-weight: 400;}
BODY {FONT: 14px/1.5 "Microsoft YaHei", arial,sans-serif; background: #fff; overflow-x: hidden;width:100%;word-break: break-word; }
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; font-weight: 400}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{max-width:1400px;margin:0 auto}
.container-s{max-width:1400px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.box{box-sizing:border-box;}
.pro-logo{display: none;}

/* 多行省略 */
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.line5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); }
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

.blue-color{color: #124a7d!important;}

/*字体引入*/
@font-face {
	/* font-family: "futura"; */
	/* font-family: "Noto Sans SC"; */
	/* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}

@font-face {
	/* font-family: "mavenBold";
     src: url("../font/MavenPro-Bold.ttf"); */
}



/* CSS Document */
/* ==首页==*/
.zwys {height: 6.75rem;}
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s; background:#fff; box-shadow: 0 2px 6px rgb(0 0 0 / 10%);}
header .logo {position: relative; z-index: 0; width: 24%;}
header .logo img {display: block; width:100%;}
.headerBox .box {display: flex; justify-content: space-between; height: 6.75rem; align-items: center;}
.logoon img{filter: brightness(0);}
nav {width: 50%; margin-left:2%;}
nav > ul {display: flex; justify-content: space-between;}
nav >ul > li {line-height: 6.75rem;position: relative; }
nav >ul>li.on > a,nav>ul>li:hover > a {color:#004777;}
nav >ul li > a {font-size: 1rem;font-weight:400;color: #4a5058; display: block; height: 100%;position: relative;}
nav >ul li > a::after {content: ""; position: absolute; bottom:0rem; width: 0; left: 0%; height: 2px; background: #004777; transition: .5s;}
.headerBox .he-re {display: flex; align-items: center;}
.language {display: flex; align-items: center;}
.language .ic img {display: block; margin-right: 1rem;}
.language a {font-size: 1rem;font-weight:300;color: #ffffff; transition: .5s;}
.language i {height: 0.94rem;width: 1px; opacity: 0.24; background: #ffffff; margin: 0 1rem; display: block;}
.heSearch {margin-left: 3rem;}
nav li:nth-child(4) .navSedBox{width:626px;}
nav li:nth-child(4) .navSedBox ul{display: flex;    flex-wrap: wrap;width:352px;}
nav li:nth-child(4) .navSedBox ul li{width:49%;margin-left:1%}
nav li:nth-child(4) .navSedBox ul li:nth-child(even){margin-right: 0;}
nav li:nth-child(4) .navSedBox .hd {box-sizing: border-box;width:352px;}
/*nav li:nth-child(5) .navSedBox ul a{font-family: "frutiger";}*/
/*nav li:nth-child(5) .navSedBox,nav li:nth-child(2) .navSedBox{width:500px;}*/
/*nav li:nth-child(5) .navSedBox .hd,nav li:nth-child(2) .navSedBox .hd{width: 250px;}*/
/* 二级下拉 */
.navSedBox {position: absolute; line-height: initial;top:6.3rem;right:-13rem; opacity: 0;visibility: hidden;transition: all .5s; background: #fff;overflow: hidden;z-index: 10; box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.1);    padding:1.5rem; }
.navSedBox .seBox {display: flex;justify-content: space-between;flex-direction: row-reverse;}
.navSedBox .seBox span{display: block;}
.navSedBox .seBox .sebox-image{width:260px;}
.navSedBox .seBox .sebox-image ul{width: 100%;overflow: hidden;}
.navSedBox .seBox .sebox-image ul span{width:93%;overflow: hidden; min-height: 16rem;}
.navSedBox .seBox  .sebox-image img{width: 100%;display: block;}
.navSedBox .hd {box-sizing: border-box;width:200px;margin-left:1rem}
.navSedBox{border-top:3px solid #004777}
.pc-nav  .navSedBox ul li a {font-size: 1rem;color: #4a5058; display: block; padding: 0.6rem 1rem; box-sizing: border-box;text-align: left;  border-bottom: #F7F8F9 1px solid; transition: .5s;background: url(../images/nav-jt.png) no-repeat center left;}
.navSedBox .navContentBox {background: #fff; padding: 1.5rem; box-sizing: border-box; width: 65%; border-bottom: 2px solid #db1f25; }
.navContentBox .picBox {margin-bottom: 1rem;}
.navSedBox ul li:hover a {background:url(../images/nav-jtfff.png) no-repeat center left 0.5rem #00A1E9; color: #fff;text-indent:0.5rem;}
.navContentBox .picBox img {display: block; max-width: 100%;}
.navContentBox .tit {font-size: 1.2rem; font-weight: 700; color: #333; margin-bottom: 1rem; display: inline-block;}
.navContentBox .navSummray {font-size: 0.9rem;color: #333;}
nav ul > li:hover .navSedBox{opacity: 1;top:4.3rem;visibility: initial;}
/* 搜索 */
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#00A1E9; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.logoa{display: inline-block;}




/* 手机端公共头部 */
.wap-header{display: none;}




/* banner */
.banner{overflow: hidden;height:50rem;}
.bannerSwiper {position: relative; overflow: hidden;}
/* .banner .imgBox video{     position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; pointer-events: none;}
.banner .imgBox {height:50rem} */
.banner .imgBox img {display: block; width: 100%;}
.banner .imgBox h3,.banner .imgBox h2{color:#fff}
/* .banner .imgBox h3{font-size: 4rem;font-weight: 100;line-height: 4.5rem;margin-top:0.5rem;}
.banner .imgBox h2{font-family: "frutiger";font-size: 4.5rem;line-height: 4.5rem;} */
.banner .imgBox .container{ position: absolute;/*bottom:10rem;*/left:0;right:0;margin:0 auto;}
.banner .imgBox .container a{margin-top: 4rem;font-family: "frutiger";transition: all .4s;text-align: center;border:1px solid #fff;box-sizing: border-box;width: 10.25rem;height:3.5rem;display: block;line-height: 3.5rem;border-radius:3.125rem;color:#fff;font-size: 1.15rem;;}
.banner .imgBox .container a:hover{ background: #0589BB;border-color:#0589BB}
/* .banner .swjt {width: 4.75rem; height: 4.75rem; border-radius: 50%;} */
.banner .swiper-slide {overflow: hidden;}
/* .banner .swiper-button-prev {transform: rotate(180deg);} */
.banner .swiper-pagination-bullet {background: #fff;}
.banner .swiper-pagination-bullet-active {background: #00A1E9;}
.banner .swiper-pagination{bottom:2.5rem}
#bannerjt{display: none;}



/* 公司简介 */
.about{padding: 3rem 0}
.about-con{display: flex; justify-content: space-between;  align-items: center;}
.about-con .info{width:40%;}
.about-con .info h2{display: block; font-size: 3.0375rem; line-height: 3.4375rem; color: #333; margin-bottom: 0.625rem;}
.about-con .info h3{display: block; font-size: 2.5rem; line-height: 2.5rem; color: #124A7D; margin-bottom: 1.4375rem;}
.about-con .info h4{display: block; font-size: 1rem; line-height:1.5375rem; color: #5A5857; margin-bottom: 4.5rem;}
.number ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about .number ul li{width: 24%;  text-align: center; margin-bottom: 3.5625rem;}
@font-face {
	font-family: "frutiger";
	src: url("../font/Frutiger LT 45 Light.ttf");
}
.number ul li span,.number ul li i{font-family:"frutiger"; color: #004777;}
.number ul li span{display: inline-block; font-size: 2.5rem; line-height: 1.75rem; }
.number ul li i{display: inline-block; font-size: 1.4375rem; line-height: 0.6875rem; font-style: normal; vertical-align: top; margin-left: 0.125rem;}
.number ul li em{display: block; font-size: 1rem; color: #4A5058; margin-top: 0.25rem;}
.about-con .pic {width: 56%; max-width: 870px; position: relative;}
.about-con .pic img {display: block; max-width: 100%;}
.about-con .pic .map2 {position: absolute;top: 3%;left: 51%;     max-width: 27%; display: none;}
.about-con .pic .picMap {position: relative;}
/* .about-con .picMap ul li img {max-width: 1rem; max-height: 1.5rem;} */
.about-con .picMap ul li {position: absolute;}
/* .about-con .picMap ul li:nth-child(1) {top: 12%;left: 20%;}
.about-con .picMap ul li:nth-child(2) {top: 15%;left: 15%; z-index: 4;}
.about-con .picMap ul li:nth-child(3) {top: 15%;left: 17.5%;display: none}
.about-con .picMap ul li:nth-child(4) {top: 17%;left: 14%; z-index: 5;display: none;}
.about-con .picMap ul li:nth-child(5) {top: 18.5%;left: 15.9%;z-index: 4;}
.about-con .picMap ul li:nth-child(6) {top: 21%;left: 11%; z-index: 5;}
.about-con .picMap ul li:nth-child(7) {top: 27%;left: 39%;}
.about-con .picMap ul li:nth-child(8) {top: 29.5%;left: 37.8%; z-index: 4;}
.about-con .picMap ul li:nth-child(9) {top: 31%;left: 39.5%; z-index: 4;display: none}
.about-con .picMap ul li:nth-child(10) {top: 33%;left: 41.2%;}
.about-con .picMap ul li:nth-child(11) {top: 23%;left: 81%;}
.about-con .picMap ul li:nth-child(12) {top: 37%;left: 81.5%;display: none}
.about-con .picMap ul li:nth-child(13) {top: 38.2%;left: 79.7%;display: none} */
/* .about-con .picMap ul li.hasSmallMap .map2 {max-width: 234px; max-height: 314px;} */
.about-con .picMap .name {z-index: 8; position: absolute; width: 0; visibility: hidden; opacity: 0; pointer-events: none;  left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; background-color: #004777;  padding: 0.35rem 1.5rem;  box-sizing: border-box;}
.about-con .picMap .name2 {background:#00a1e9 ;}
.about-con .picMap .name .cn {font-size: .8rem; color: #fff; font-family: "frutiger";     line-height: 1.5;}
.about-con .picMap .name .en {font-size: .8rem; color: #fff; font-family: "frutiger";line-height: 1.5; opacity: .3;}
.about-con .picMap ul li:hover .name { opacity: 1;  visibility: visible; }
.about .addInfo {display: flex; align-items: center; position: absolute; bottom: 0; left: 0;}
.about .addInfo .item {display: flex; align-items: center; margin: 0 6%;}
/* .about .addInfo .item:nth-child(2) {margin-left: 4rem;} */
.about .addInfo .item span {color: #b5b8bf; font-size: 0.875rem;font-family: "frutiger"; margin-left: 10px;}


.about-con .picMap ul li:nth-child(1) {
	top: 39.88%;
	left: 38%;
	z-index: 2;
}
.about-con .picMap ul li:nth-child(2) {top: 39.88%;left: 37%;z-index: 2;}
.about-con .picMap ul li:nth-child(3) {top: 37.73%;left: 37%;z-index: 2;}
.about-con .picMap ul li:nth-child(4) {top: 40.34%;left: 35.2%;z-index: 2;}


.about-con .picMap ul li:nth-child(5) {top: 18.28%;left: 28.97%;}
.about-con .picMap ul li:nth-child(6) {top: 57.33%;left: 30.96%;}
.about-con .picMap ul li:nth-child(7) {   top: 48.11%;   left: 33.93%;  z-index:1;}
.about-con .picMap ul li:nth-child(8) {top: 38.72%;left: 43.36%;}
.about-con .picMap ul li:nth-child(9) {top: 26.86%;left: 44.31%;}
.about-con .picMap ul li:nth-child(10) {top: 38.82%;left: 76.98%;}
.about-con .picMap ul li:nth-child(11) {top: 66.36%;left: 84.65%;}

.about-con .picMap ul li:nth-child(12) {top: 49.27%;left: 32.26%;}
.about-con .picMap ul li:nth-child(13) {top: 14.67%;left: 31.81%;}
.about-con .picMap ul li:nth-child(14) {top: 35.31%;left: 78.26%;}


.about-con .picMap .name{ padding: 0.75rem; box-sizing: border-box; background: #fff; width: 19.4375rem; transition: 1s;}
/* .about-con .picMap .name::after{position: absolute; content: ''; background: url(../images/city-arrow.png) no-repeat center; width: 14px; height: 8px; bottom: -8px; left: 50%; transform: translateX(-50%);} */
.about-con .picMap ul li .city-pic{ width: 50%; border-radius: 0.3125rem}
.about-con .picMap ul li .text{width: 50%;}
.about-con .picMap ul li h3{display: block; font-size: 1rem; color: #3c3c3c; margin-bottom: 0.625rem;}
.about-con .picMap ul li h4{display: block; font-size: 0.875rem; color: #989898;line-height: 1rem;}

.about-con .picMap .name{top: 0;   transform: translate(-45%, -107%);}
.about-con .picMap ul li:hover .name{border-radius: 10px; box-shadow: -3.75px 23.7px 62px 0px rgba(0,0,0,0.11); }





/* 产品 */
/* .proclass{background: url(../images/pro-bg.jpg) no-repeat center; background-attachment: fixed; padding: 4.5625rem 0 4.9375rem; } */
.index-title em{display: block; font-size: 3.125rem; color: #333; text-align: center; margin-bottom: 4.25rem;}
.proclass .index-title em{color: #fff;}
.proclass-list ul{display: flex; justify-content: space-between; margin-bottom: 4.375rem;}
.proclass-list ul li{width: 18.75%; position: relative; overflow: hidden;}
.proclass-list ul li .pic{position: relative;}
.proclass-list ul li .pic>img{display: block; width: 100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.proclass-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.proclass-list ul li .name{transition:0.6s; position: absolute; width: 90%; left: 0; right: 0; bottom: 2.0625rem; display: flex; justify-content: space-between; align-items: center; margin: auto;}
.proclass-list ul li h2{display: block; font-size: 1.375rem; line-height: 1.375rem; height: 2.25rem; position: relative; color: #fff;}
.proclass-list ul li h2:after{position: absolute; content: ''; width: 1.8125rem;height: 0.125rem;background: #00a1e9; bottom: 0; left: 0;}
.proclass-list ul li .hide{transition:0.6s; opacity: 0; transition:0.6s; position: absolute;  top: 0; width: 100%; height: 100%; background: rgba(0,161,233,0.93); display: flex; align-items: center; flex-direction: column;    justify-content: center;   align-items: center;}
.proclass-list ul li .hide img{display: block; width: 5.3125rem; height: 5.3125rem;}
.proclass-list ul li .hide h3{display: block; font-size: 1.375rem; color: #fff; margin: 1.25rem 0 4.875rem;}
.proclass-list ul li .hide i{display: block; width: 1.8125rem;height: 0.125rem;background: #ffffff;}
/* .proclass-list ul li:hover .name{bottom: -100%;} */
.proclass-list ul li:hover .hide{opacity: 1;}

.index-more{transition:0.6s; margin: 0 auto; position: relative; overflow: hidden; display: block;width: 15.0625rem;background:url(../images/bg-img.png) no-repeat center; font-size: 1.125rem; line-height: 3.75rem; color: #fff; font-weight: 900; font-family: "frutiger"; text-align: center; text-transform: uppercase;}
.index-more:hover{background: #0d80b3; }
/* .index-more:after{content: ""; position: absolute; display: block; transition: all .6s; width: 100%; height: 0; border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%); -webkit-animation: wave 1.3s infinite; animation: wave 1.3s infinite; z-index: 1;} */
@-webkit-keyframes wave {
	0% {
		background: rgba(255, 255, 255, .8);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1.5)
	}
}

@keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1.5)
	}
}



/* 行业 */
.industry{padding:3rem 0;}
.industry-list{overflow: hidden; margin-bottom: 3.5rem;}
.industry-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.industry-list ul:after{content: ''; width: 19%;}
.industry-list ul li{width: 19%;  position: relative; margin-bottom: 1.25rem;background:#000;overflow: hidden;  }
.industry-list ul li .pic{overflow: hidden;display: flex; justify-content: center;    height: 100%;}

.industry-list ul li .pic img{    height: 100%;    width: 100%;display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.industry-list ul li:hover .pic img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.industry-list ul li .info{transition: all .5s;position: absolute; content: ''; width: 100%;height:  3rem;;bottom:0;background:rgba(0,161,233,0.9);line-height: 3rem;text-indent: 1.25rem}

.industry-list ul li h3{display: block; font-size: 1rem; color: #fff;}
.industry-list ul li:after{position: absolute; content: '';  width: 0;height: 7px;background: #00a1e9; top: 0; transition:0.6s;display: none;}
.industry-list ul li:hover img{opacity: 0.5;}
.industry-list ul li:hover .info{bottom:-60px}

/* 新闻 */
.news{background: #f5f5f5; padding: 3.625rem 0 5.5rem;}
.news-con .container-s{position: relative;}
.news-list{width: 1402px; margin: 0 auto; overflow: hidden;}
.news-list ul li{width: 24%; }
.news-list ul li .pic{position: relative; overflow: hidden;}
.news-list ul li .pic:after{position: absolute; content: ''; width: 0;height: 6px;background: #00a1e9; left: 50%; transition:0.6s; top: 0;}
.news-list ul li:hover .pic:after{width: 100%; left: 0;}
.news-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info{padding: 1.5rem 0 0;}
.news-list ul li  h3{font-size: 1.125rem; line-height: 1.6875rem; color: #333; min-height: 3.375rem; margin-bottom: 0.9375rem;}
.news-list ul li  p{ font-size: 0.9375rem; line-height: 1.625rem; color: #858B94;}
.news-list ul li:hover  h3{color: #00a1e9;}
#news-prev,#news-next{width: 0.875rem; height: 1.625rem;}
#news-prev{background: url(../images/news-prev.png) no-repeat center; left: 0;}
#news-next{background: url(../images/news-next.png) no-repeat center; right: 0;}
#news-prev:hover{background: url(../images/news-prev2.png) no-repeat center;}
#news-next:hover{background: url(../images/news-next2.png) no-repeat center;}
.news-con .index-more{margin: 5.625rem auto 0;}
#news-num{display: none;}


/* 联系 */
.message-bg{background: url(../images/message.jpg) no-repeat center; background-size: cover; padding: 4.4375rem 0 5.375rem;}
.mess-con{display: flex; justify-content: space-between;}
.mess-con .info{}
.mess-con  .index-title{margin-bottom: 4.5625rem;}
.mess-con  .index-title em{color: #fff; margin: 0; text-align: left;}
.index-title span{display: block; font-size: 1.25rem; color: #fff;}
.email{display: flex; align-items: center;}
.email img{margin: auto; margin-right: 0.875rem;}
.email h2{display: block; font-size: 0.9375rem; color: #C9D5E4;}
.email h3{display: block; font-size: 1.875rem; color: #fff; font-family: Arial;}
.mess-right{width: 58%;}
.message ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.message ul li{width: 48%; margin-bottom: 1rem;}
.message ul li em{display: block; font-size: 1rem; color: #F5F5F5; margin-bottom:0.1375rem;}
.message ul li i{display: inline-block; font-style: normal; color: #ff3b3b; vertical-align: top;}
.message ul li input,.message ul li textarea{text-indent: 2rem; outline: none; font-family: "Microsoft YaHei"; border: 1px solid rgba(255, 255, 255, .22); box-sizing: border-box; width: 100%; font-size: 1rem; line-height: 2.9375rem; color: #fff; background: transparent; }
.message ul li:last-child{width: 100%; margin-bottom: 1.5625rem;}
.message ul li textarea{height: 5.75rem; line-height: 1.5625rem;}
.message .submit{ transition:0.6s; cursor: pointer; outline: none; border: none; font-family: "Microsoft YaHei"; width: 10.3125rem;background: #00a1e9;border-radius: 1.5625rem; font-size: 1rem; line-height: 3.125rem; color: #fff; text-align: center;}
.message .submit:hover{ background: #004777;}


/* 公共底部 */
.footer-top{padding:4.125rem 0 3.5625rem;}
.footer-con{display: flex; justify-content: space-between;}
.foot-left{width: 82%; display: flex; justify-content: space-between;}
.foot-logo{width: 26%;}
.foot-logo .pic img{display: block; max-width: 100%; margin-bottom: 3.125rem;}
.foot-nav{width: 65%; display: flex; justify-content: space-between;}
.foot-nav dl dt a{display: block; font-size: 1.0625rem; color: #333; font-weight: bold; margin-bottom: 0.5625rem;}
.foot-nav dl dd a{display: block; font-size: 1rem; line-height: 1.875rem; color: #4A5058;}
.foot-nav dl dt a:hover,.foot-nav dl dd a:hover{color: #004777;}
.foot-nav dl:first-child dt:nth-child(4){margin: 1.25rem 0 0.9375rem;}
.foot-icon{display: flex; }
.foot-icon a{box-shadow: inset 0 0 0 #004777;	transition: all .5s;display: block; width: 3.125rem; height: 3.125rem; background: #eeeeee; display: flex; border-radius: 50%; margin-right: 0.5625rem;}
.foot-icon a:hover{	box-shadow: inset 0 0 0 23px #004777; }
.foot-icon a:hover img	{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.foot-icon a:last-child{margin-right: 0;}
.foot-icon img{margin: auto;}
.foot-wechat{width: 11.6%;}
.foot-wechat img{display: block; width: 100%;}
.foot-wechat em{display: block; font-size: 1rem; color: #4A5058; text-align: center; margin-top: 1.3125rem;}
.footer-copy{background: #004777; padding: 1rem 0;}
.footer-copy .container-s{display: flex; justify-content: space-between;}
.footer-copy p{font-size: 0.875rem; color: #fff;}
.footer-copy a{color: #fff;}
.footer-copy a:hover{text-decoration: underline;}



/* 内页banner */
.ny-banner{height: 37.5rem; display: flex;}
.class-banner{background: url(../images/class-banner.jpg) no-repeat center; background-size: cover;}
.ny-banner .container{display: flex; align-items: center; justify-content: center;}
.ny-banner .info{color: #fff; text-align: center;}
.ny-banner .info h2{display: block; font-size: 2.5rem; line-height: 4.5rem; font-weight: 100;     letter-spacing: 2px;}
.ny-banner .info strong{display: inline-block; font-size: 4.5rem; border-right: 0.25rem solid #fff; padding-right: 2.5rem; margin-right: 2.5rem; letter-spacing: 8px;}
.ny-banner .info a{display: block;position: relative;overflow: hidden; width: 13.4375rem;;background: #00a1e9;border-radius: 2.1875rem; font-size: 1.625rem; line-height: 4.375rem; text-align: center; color: #fff; margin: 4rem auto 0; transition:0.6s; font-family: "frutiger";}
.ny-banner .info a::after   { background: linear-gradient(0deg,#abb2ba 0%, #f5f7f9 100%);content: ''; position: absolute;width:0;height:0;left:-10rem;top:-10rem;opacity: 0.3;transition: all .6s;transform: rotate(45deg);}
.ny-banner .info a:hover::after{width:50rem;top:-0;left:10rem;height: 50rem;}

.ny-banner .info a::before   { background:#fff;content: ''; position: absolute;width:0;height:0;left:-10rem;top:-10rem;opacity: 0.1;transition: all .9s;transform: rotate(45deg);}
.ny-banner .info a:hover::before{width:50rem;top:-0;left:10rem;height: 50rem;}


/* 阿格亚集团 */
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; background-size: cover;}
.clique{display: flex; align-items: center; justify-content: space-between; padding-bottom: 6.375rem; border-bottom: 0.0625rem solid #EEEEEE;}
.clique .info{width:45%;}
.clique .index-title {margin-bottom: 2.25rem;}
.clique .index-title em{text-align: left; margin-bottom: 0; line-height: 3.75rem;}
.clique .info p{font-size: 1rem; line-height: 1.9375rem; color: #5A5857; margin-bottom: 1rem;}
.clique .info p:last-child{margin-bottom: 0;}
.clique .pic{width: 46.7%; position: relative; overflow: hidden;}
.vid{ width: 100%;object-fit: cover; height: 100%;}
.play,.pause{position: absolute;   width: 3.5rem; height: 3.5rem; z-index: 222; right: 3.3125rem; bottom: 1.875rem;}
.play{ background: url(../images/puse.png) no-repeat center; background-size: cover;}
.pause{background: url(../images/play.png) no-repeat center; background-size: cover;}
.banner:hover .play{opacity: 1;}
.banner:hover .pause{opacity: 1;}
.clique-num{margin-bottom: 5.75rem;}
.clique-num ul{text-align: center;}
.clique-num ul li img{display: block; margin: 0 auto 1.5625rem;}
.world{background: #fbfbfb; padding:1.9375rem 0 2.625rem; margin-bottom: 3.1875rem;}
.world .index-title{margin-bottom: 4rem;}
.world .index-title em{margin-bottom: 0; }
.world .pic img{display: block; }
.index-title h2{display: block; font-size: 1rem; color: #666; text-align: center;}
.customer .container-s{max-width: 1470px;}
.customer-con{position: relative;}
.customer-list{overflow: hidden; max-width: 1402px; margin: 0 auto;}
.customer-list ul li{ border: 0.0625rem solid #ebebeb; box-sizing: border-box;}
.customer-list ul li .pic img{display: block; width: 100%;}
#customer-num{display: none;}
#customer-prev,#customer-next{ width: 0.625rem}
#customer-prev{background: url(../images/customer-prev.png) no-repeat center; left: 0;}
#customer-next{background: url(../images/customer-next.png) no-repeat center; right: 0;}
#customer-prev:hover{background: url(../images/customer-prev2.png) no-repeat center;}
#customer-next:hover{background: url(../images/customer-next2.png) no-repeat center;}


/* 公共logo */
.pro-logo{background: #F8F8F8; padding: 2.25rem 0;}
.logo-list ul{display: flex; align-items: center; justify-content: center;}
.logo-list ul li{margin: 0 1.5%;}
.logo-list ul li img{ filter: grayscale(100%); transition:0.6s; width: 100%;}
.logo-list ul li:first-child img{ filter: invert(68%) sepia(0%) saturate(17%) hue-rotate(281deg) brightness(99%) contrast(91%);}
.logo-list ul li:hover img{filter: grayscale(0);}



/* 产品分类列表页 */
.ny-main{padding:6.25rem 0 5rem 0;}
.pro-class ul li{border-bottom: 0.0625rem solid #E6E6E6; padding-bottom: 4.4375rem; margin-bottom: 4.125rem;}
.pro-class ul li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.pro-class ul li .container{display: flex; align-items: center; justify-content: space-between;}
.pro-class ul li .info{width: 45.86%;}
.pro-class ul li .info strong{display: block; font-size: 2.25rem; color: #004777; margin-bottom: 1.3125rem;    font-weight: 400;}
.pro-class ul li .info h3{font-size: 1rem; line-height: 2rem; color: #666; margin-bottom: 4.6875rem; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical;*/}
.pro-class ul li .info a{transition:0.6s; display: block;width: 11.4375rem;background:linear-gradient(0deg,#87919d 0%, #ebeff3 100%);border-radius: 1.875rem; font-size: 1.0625rem; line-height: 3.75rem; color: #fff; text-align: center;}
.pro-class ul li .pic{width: 46.86%;}
.pro-class ul li .pic img{display: block; width: 100%;}
.pro-class ul li .info a:hover{background: #00a1e9; }
.pro-class ul li .info h3 div {    font-size: 1.05rem;margin: 1.5rem 0; margin-bottom: 5px;}
.pro-class ul li .info h3 span {position: relative; display: inline-block; padding-left: 15px; margin: 5px 0;}
.pro-class ul li .info h3 span::after {content: ""; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: #009ae7; border-radius: 50%;}

/* 产品列表页 */
.pro-banner{background: url(../images/pro-banner.jpg) no-repeat center; background-size: cover;}
.pro-main{padding: 5.1875rem 0 0;}
.ny-product{margin-bottom: 5.0625rem;}
.pro-info{margin-bottom: 3.5rem;}
.pro-info strong{display: block; font-size: 2.375rem; color: #004777; margin-bottom: 1rem;}
.pro-info h2{display: block; font-size: 1.2rem; line-height: 2rem; color: #333;  text-align: center;font-weight: 400; }
.pro-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro-list ul:after{content: ''; width: 32%;}
.pro-list ul li{width:47%;margin-bottom: 1.75rem; position: relative; overflow: hidden; background: #000; }
.pro-list ul li .pic img{display: block; width: 100%;transition: all .5s;}
.pro-list ul li .name{transition: all .5s;position: absolute; content: ''; width: 100%;height:  3rem;;bottom:0;background:rgba(0,161,233,0.9);line-height: 3rem;text-indent: 1.25rem;color:#fff}
.pro-list ul li .name strong{display: block; font-size:1.125rem; color: #fff;font-weight:400;text-align: center;}
.pro-list ul li:hover .name {bottom:-60px}
.pro-list ul li:hover .pic img{opacity: 0.5;transform: scale(1.1);}
.pro-list ul li .info{display: none;transition:0.6s; position: absolute; content: ''; width: 100%; height: 100%;overflow-y: auto; bottom:-100%; padding: 0 7%; box-sizing: border-box;opacity: 0.93;background: linear-gradient(0deg,#abb2ba 0%, #f5f7f9 100%);}
.pro-list ul li .pro-logo1{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:40%;text-align: center;    height: 55px;transition: all .5s; opacity: 0;}
.pro-list ul li .pro-logo1 img{width: 100%;opacity: 0.7;}
.pro-list ul li:hover .pro-logo1{opacity: 1;}
/* 修改滚动条的轨道颜色 */
.pro-list ul li .info::-webkit-scrollbar {
	width: 5px; /* 设置滚动条的宽度 */
	background-color: #f2f2f2; /* 设置滚动条轨道的背景色 */
}

/* 修改滚动条的滑块颜色 */
.pro-list ul li .info::-webkit-scrollbar-thumb {
	background-color: #00a1e9; /* 设置滚动条滑块的背景色 */
	border-radius: 5px; /* 设置滚动条滑块的圆角 */
}

/* 修改滚动条的滑块悬停时的颜色 */
.pro-list ul li .info::-webkit-scrollbar-thumb:hover {
	background-color: #0B4D7A; /* 设置滚动条滑块悬停时的背景色 */
}

.pro-list ul li .info h2{margin-bottom: 0.5rem;}
.pro-list ul li .info b,.pro-list ul li .info strong{display: block; font-size:1rem; line-height: 1.375rem; color: #004777;position: relative;  margin:2rem 0 0 0;}
.pro-list ul li .info b:after,.pro-list ul li .info strong:after{ content: ''; width: 2.75rem;height: 0.1875rem;background: #00a1e9;display: block;margin-top: 5px;}
.pro-list ul li .info p{display: block; font-size: 0.9375rem; line-height: 1.5rem; color: #666; position: relative; padding-left: 0.625rem; margin-bottom: 0.3rem}
.pro-list ul li .info p:after{position: absolute; content: ''; width: 0.25rem; height: 0.25rem; background: #666; border-radius: 50%; left: 0; top: 0.68rem;}
.pro-list ul li:hover .info{bottom: 0;}


/* 样册下载 */
.down-bg{background: linear-gradient(0deg,#c7ccd2 0%, #f5f7f9 100%); padding:3.5625rem  0 5.6875rem; }
.down-title strong{display: block; font-size:2.5rem; color: #004777; margin-bottom: 3.75rem;font-weight:300;text-align: center;}
.down-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-list ul:after{content: ''; width: 32%;}
.down-list ul li{ width: 32%; background: rgba(255, 255, 255, .66); margin-bottom: 1.375rem; position: relative; padding: 0 1%; box-sizing: border-box;}
.down-list ul li:after{position: absolute; content: ''; width:100%; height: 100%; background:url(../images/yc_bg.jpg) no-repeat center center; left: 0; top:0; z-index: 1; transition:0.3s;opacity: 0;}
.down-list ul li em{display: block; font-size: 1.1rem; height: 4.375rem; color: #333; display: flex; align-items: center; position: relative; z-index: 2;}
.down-list ul li>img{margin-right: 1.1875rem;}
.down-list ul li:hover:after{width: 100%;opacity: 1}
.down-list ul li:hover em{color: #fff;}
.down-list ul li:hover>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}






/* 内页行业列表页 */
.industry-banner{background: url(../images/industry-banner.jpg) no-repeat center; background-size: cover;}
/*.ny-industry .industry-list{overflow: hidden;}*/
/*.ny-industry .industry-list ul{width: calc(100% + 2.7%); display: block;}*/
/*.ny-industry .industry-list ul li{float: left; width: calc(100% / 5 - 2.7%); margin-bottom: 2.125rem; margin-right: 2.7%;}*/


/* 内页行业详情页 */
.battery-banner{background: url(../images/battery-banner.jpg) no-repeat center; background-size: cover;}
.ny-banner .info b {   font-size: 4.5rem;	line-height: 4.5rem;	color: #fff;letter-spacing: 8px;;}
/*.industry-editbox{ padding: 0 0 6.25rem;}*/
.editbox img{max-width: 100%;}
.recommend-title{border-top: 0.0625rem solid #eee; padding: 2.6875rem 0 3rem;}
.recommend-title strong{display: block; font-size: 2.5rem; color: #004777; font-weight: 400; text-align: center;}
.recom-list{position: relative; overflow: hidden; }
.recom-list ul{flex-wrap: nowrap;}
.recom-list ul li{margin-bottom: 0;}
#recommend-num{display: none;}


/* 内页新闻列表页 */
.news-banner{background: url(../images/news-banner.jpg) no-repeat center; background-size: cover;}
.ny-banner .info p{font-size: 1.625rem; line-height: 2.5625rem; color: #fff;  font-weight: 400; margin-top: 2rem; letter-spacing: 2px}
.nynews-con{display: flex; }
.nynews-pic{width: 48%; }
.nynews-pic ul li .pic{height: 100%;}
.nynews-list{width: 50%; border: 1px solid #e6e6e6; box-sizing: border-box;  height: 30.1875rem; overflow-y:scroll;}
.nynews-list::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px; border-radius: 2px;}
.nynews-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 2px; background: #00a1e9;}
.nynews-list::-webkit-scrollbar-track {/*滚动条里面轨道*/  border-radius: 2px; background: #eff1f3;}
.nynews-list ul li{width: 100%; height: 10.125rem; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; padding: 0 4%; }
.nynews-list ul li:last-child{border-bottom: none;}
.nynews-list ul li .news-title{display: flex; justify-content: space-between; padding-top: 2.1875rem;}
.nynews-list ul li em{display: block; font-size: 1.375rem; color: #333333;font-weight:400; width: 75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nynews-list ul li span{display: block; font-size: 1rem; color: #8F8F8F;}
.nynews-list ul li p{display: block; font-size: 1rem; line-height: 1.75rem; color: #8F8F8F; margin-top: 0.6875rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nynews-list ul li:hover,.nynews-list ul li.on{background: linear-gradient(-25deg,#e2e3e5 0%, #f5f7f9 100%);}
.nynews-list ul li:hover em,.nynews-list ul li.on em{color: #004777;}


/* 内页新闻详情页 */
.newsxq-main{background: rgba(249,249,249,0.51);}
.newsxq-main .container{max-width: 1000px;}
.position{margin-bottom: 2.5rem;}
.position span{color: #929292;}
.position img{display: inline-block; margin-right: 0.9375rem; }
.position a{display: inline-block; font-size: 1rem; color: #929292;}
.position a:hover{color: #004777;}
.newsxq-con{display: flex; justify-content: space-between}
.ny-left,.ny-right{background: #fff;}
.ny-left{ width: 66.6%; padding: 2.5rem 2.5%; box-sizing: border-box;}
.newsxq-title{border-bottom: 1px solid #ECECEC; padding-bottom: 1.9375rem; margin-bottom: 3.125rem;}
.newsxq-title h3{display: block; font-size: 2.25rem; color: #333;}
.newsxq-title span{display: block; font-size: 1rem; color: #666; font-family: arial;}
.ny-right{width: 31.5%; padding: 2.1875rem 1.5%; box-sizing: border-box;}
.recom-news strong{display: block; font-size: 1.375rem; line-height: 1.375rem; color: #333333; height: 2.5625rem; border-bottom: 1px solid #DBDBDB; margin-bottom: 1.5625rem;}
.recom-news .list ul li{padding-bottom: 1.8125rem; margin-bottom: 1.5625rem; border-bottom: 1px solid #dbdbdb;}
.recom-news .list ul li a{display: flex; align-items: center;}
.recom-news .list ul li .pic{width: 43%; margin-right: 5%; overflow: hidden;}

.recom-news .list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recom-news .list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recom-news .list ul li .info{width: 52%;}
.recom-news .list ul li em{font-size: 1.0625rem; line-height: 1.6875rem; color: #333; margin-bottom: 0.625rem; }
.recom-news .list ul li span{display: block; font-size: 1rem; color: #BCBCBC; font-family: arial;}
.recom-news .list ul li:hover em{color: #004777;}


/* 服务 */
.service-banner{background: url(../images/service-banner.jpg) no-repeat center; background-size: cover;}
.service-logo .logo-list ul li img{filter: grayscale(0);}
.service-con{display: flex; justify-content: space-between;}
.service-con .info{width: 53%;}
.service-con .info strong{display: block; font-size: 2.375rem; color: #004777; margin-bottom: 0.5625rem;}
.service-con .info h2{display: block; font-size: 1rem; line-height: 1.8rem; color: #616161; margin-bottom: 4.3125rem;margin-top: 2rem;}
.service-con .info ul li{margin-bottom: 3.25rem;}
.service-con .info ul li b{display: block; font-size: 1.375rem; color: #333333;margin-bottom: 0.7rem;}
.service-con .info ul li p{display: block; font-size: 1rem; line-height: 2rem; color: #555555;}
.service-con .info a{transition:0.6s;  display: block; width: 11.0625rem; font-size: 1.375rem;line-height: 3.625rem; color: #ffffff;     margin-top: 6rem; text-align: center; background: linear-gradient(0deg,#6a6f75 0%, #beccdb 100%);border-radius: 1.8125rem;}
.service-con .info a:hover{background: #00A1E9;}
.service-con .pic{width: 38.65%;}
.service-con .pic img{display: block; width: 100%; margin-bottom:2.6rem;}
.service-con .info ul li p{display: flex; }
.service-con .info ul li p em{font-weight:bold;margin-right:0.7rem;color:#00A1E9; font-size: 1.625rem;}

/* 内页联系我们 */
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center; background-size: cover; height: 32.1875rem;}
.contact-con{    display: flex;    width: 1128px;   margin: 0 auto;   justify-content: space-between;}
.contact-con .text strong{display: block; font-size: 2.625rem; line-height: 2.625rem; color: #08457c; margin-bottom: 1.1875rem;}
.contact-con .text span{vertical-align: bottom; display: inline-block; font-size: 1.5rem; line-height: 2.125rem; color: #4a5058;  border-left: 2px solid #696d73; font-weight: 100; padding-left: 1.1875rem; margin-left: 1.9375rem;}
.contact-con .text p{display: block; font-size: 1.125rem; line-height: 2.75rem; color: #666;}
.contact-con .text img{display: inline-block; vertical-align: middle; margin-right: 0.8125rem;}
.contact-con .pic{width: 22.6%;}
.contact-con .pic img{display: block; }
.contact-list{width: 82%;margin:0 auto}
.contact-list ul{display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.contact-list ul:after{content: ''; width: 47.45%;}
.contact-list ul li{width:31.45%;box-sizing: border-box;padding: 2.6875rem 2% 0;height: 14.4375rem;background: #f9f9f9;margin-bottom: 1.6875rem;}
.contact-list ul li strong{position: relative;display: block;font-size: 1.2rem;color: #08457C;font-family: "frutiger";margin-bottom: 0.75rem;}
.contact-list ul li i{display: block; width: 2.8125rem;height: 0.1875rem;background: #00a3e0; margin-bottom: 1.3125rem;}
.contact-list ul li p{display:  block; font-size: 1rem; line-height: 1.75rem; color: #666; font-family: Arial;}

.contact-messcon{display: flex;    justify-content: space-between;    align-items: center; flex-direction: column; }
.contact-messcon .index-title{text-align: center;}
.contact-messcon .index-title em{text-align: center;}
.contact-messcon .message .submit{display: block; margin: 0 auto;}
.contact-messcon .message ul li:last-child{margin-bottom: 3.8125rem;}




/* 分页 */
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem solid #eee; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #009ae7;}
.fy .layui-laypage-curr {color: #fff; background: #009ae7; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}



/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #004777; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%; }
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}



/*新闻编辑框*/
.news-editbox img{margin: 0 auto}
.news-editbox video{width: 100%!important; height: auto!important;}
.caseys-bg{ background-image: -moz-linear-gradient( 90deg, rgb(199,204,210) 0%, rgb(245,247,249) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(199,204,210) 0%, rgb(245,247,249) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(199,204,210) 0%, rgb(245,247,249) 100%); padding: 5rem 0; margin: 5rem 0;}


input[type=button], input[type=submit], input[type=file], button {cursor:pointer;outline:0px; -webkit-appearance:none; }



.industry-editbox .container{margin-bottom: 2rem}




/* 下载弹框 */
.ssfw-tc{ display: none;}
.ssfw-con{width: 600px;padding: 55px 30px;position: fixed;top: 50%;transform: translateY(-50%);z-index:9999;height: 36.5625rem;bottom: 0;left: 0;right:0;margin:0 auto;background: #fff;border-radius: 10px;box-sizing:border-box;}
.ssfw-con h2{    display: block;   font-size: 2rem;   color: #004777;   margin-bottom: 2rem;   font-weight: 400;   text-align: center;}
.ssfw-bg{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(51,51,51,0.2);z-index:99;}
.ssfw-con .close{position: absolute;right:30px;top:20px;cursor: pointer;}
.down-message dl{display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-message dl dd{width: 48%; margin-bottom: 1rem;}
.down-message dl dd span{display: block; font-size: 1rem; color: #333; margin-bottom: 0.4375rem;}
.down-message dl dd i{display: inline-block; font-style: normal; color: #ff3b3b; vertical-align: top; margin-left: 1%;}
.down-message dl dd input,.down-message dl dd textarea{text-indent: 2rem; outline: none; font-family: "Microsoft YaHei"; border: 1px solid #ccc; box-sizing: border-box; width: 100%; font-size: 1rem; line-height: 2.9375rem; color: #333; background: transparent; }
.down-message dl dd:last-child{width: 100%; margin-bottom: 1.5625rem;}
.down-message dl dd textarea{height: 5.75rem; line-height: 1.5625rem;}
.down-message .submit{display: block; margin: 0 auto; transition:0.6s; cursor: pointer; outline: none; border: none; font-family: "Microsoft YaHei"; width: 10.3125rem;background: #00a1e9;border-radius: 1.5625rem; font-size: 1rem; line-height: 3.125rem; color: #fff; text-align: center;}
.down-message .submit:hover{ background: #004777;}


.down-list ul li{cursor: pointer;}
.down-list ul li img{display: inline-block; margin-right: 1rem}


/* .world .index-title em{margin-bottom: 1rem} */




/*字体正常*/
.clique .index-title em,.clique-num ul li em,.world .index-title em,.world .index-title h2,.clique .info p,.customer .index-title em,.recommend-title strong,.down-title strong{font-weight: normal;}
.industry-editbox strong>span,.industry-editbox p a{font-weight: normal!important;transition: all .5s;}
.industry-editbox p a:hover span{ text-decoration: underline;color:#004777 !important}
.industry-editbox p a span{transition: all .5s;}
.clique-num ul li span,.clique-num ul li i{font-family: Arial;}
.clique-num ul li em{font-family:  "Microsoft YaHei"}


/* 解决方案新加 */
.solution-list{}
.solution-list ul{width: 100%;display: flex;flex-wrap: wrap;}
.solution-list ul:after{content: ''; width: 23%}
.solution-list li{width:24%;margin-right: 1%; margin-bottom: 2rem}
.solution-list li a{/* display: flex; */}
.solution-list .pic,.solution-list .info{}
.solution-list .pic{width: 100%;overflow: hidden;   /* height: 12.25rem; */}
.solution-list .pic img{width: 100%;transition: all .5s;display: block; height: 100% !important}
.solution-list li:hover .pic img{transform: scale(1.1);}
.solution-list .info{ /* margin-left:5%; */padding: 1rem 5% 1.5rem 5%;align-items: flex-start; box-sizing:border-box;
	background-image: -webkit-linear-gradient( -22deg, rgb(0,152,208) 0%, rgb(163,218,238) 100%);
	background-image: -ms-linear-gradient( -22deg, rgb(0,152,208) 0%, rgb(163,218,238) 100%);
	background-image: -moz-linear-gradient( -22deg, rgb(0,152,208) 0%, rgb(163,218,238) 100%);}
.solution-list .info h3{font-size:1.25rem;/* margin-top: 3rem; */color:#fff;width: 90%;}
.solution-list .info img{margin-top: 0rem;transition: all .6s;}
.solution-list .info p{    transition: 0.6s;
	display: block;
	width: 8rem;
	background: linear-gradient(0deg,#87919d 0%, #ebeff3 100%);
	border-radius: 1.875rem;
	font-size: 1.0625rem;
	line-height:2.5625rem;
	color: #fff;
	text-align: center;margin-top:3rem;}
.solution-list li:hover .info p{background: #00A1E9;}

.solution-list .info h3{margin:1rem 0 0 0 ;line-height:1.3rem;}
.solution-list li:hover .info img{margin-left: 1rem;}



/*2023.9.6*/
.nysolution-list ul{display: flex;}
.nysolution-list ul:after{width: auto;}
.nysolution-list ul li{ width: calc(100% / 4 - 10px); margin-right: 10px}
.nysolution-list ul li .info{padding:.5rem 3% .5rem 3%}
.nysolution-list ul li .info h3{font-size: 1rem;width: 100%;margin: 0.5rem 0;text-align: center;    height: 3rem;}
.nysolution-list ul li .info em{display: block;text-align: center;}




/*2023.9.21*/
.case-list ul li .info{display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   min-height:5.375rem; padding:.5rem 3% .5rem 3%}
.case-list ul li .info h3{min-height: 2.625rem; font-size: 1rem;width: 100%;text-align: center; margin: 0.5rem 0}
.case-list ul li .info em{display: block;text-align: center;}






/* 2023.12.4 资质列表页 */
.honor-banner{background: url(../images/honor-banner.jpg) no-repeat center; background-size: cover;}
.honor-list ul{display: flex; justify-content: space-around; flex-wrap: wrap;}
.honor-list ul li{width: 45%; background: linear-gradient(0deg,#dfdfdf 0%, #fcfcfc 100%); padding: 2.9375rem 4.3% 1.3125rem; box-sizing: border-box;}
.honor-list ul li a{display: flex; margin-bottom: 1.6875rem; align-items: center;}
.honor-list ul li .icon{width: 2.25rem;height: 2.25rem;background: #00a1e9;box-shadow: 0px 0px 13px 0px rgba(226,225,224,0.33); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 0.8125rem;}
.honor-list ul li p{display: block; font-size: 1.0625rem; color: #666; }
.honor-list ul li a:hover p{color: #00a1e9;}



/* 2023.12.4 资料中心列表页 */
.down-banner{background: url(../images/down-banner.jpg) no-repeat center; background-size: cover;}
.down-main{padding: 0;}
.nydown-con{display: flex;  height: 58rem; overflow: hidden;}
.down-left{width: 28%; margin-right: 3.4%; background: linear-gradient(0deg,#dfdfdf 0%, #fcfcfc 100%); display: flex; justify-content: flex-end; padding: 6.125rem 0 0; box-sizing: border-box;}
.down-btn{width: 52%; }
.down-btn strong{display: block; font-size: 3rem; color: #004777; margin-bottom: 6.125rem}
.down-class .ctitle1{position: relative;}
.down-class .ctitle1:after{position: absolute; content: ''; width: 1px; height: 41.8125rem; background: #cccdd0; z-index: 1; left: 0.8125rem; top: 0.1875rem;}
.down-class .ctitle1 li{position: relative; padding-bottom: 3rem;}
.down-class .ctitle1 li a{display: block; font-size: 1.125rem; line-height: 1.125rem;  color: #616161; padding-left: 3.6875rem; position: relative; }
.down-class .ctitle1 li a::before,.down-class .ctitle1 li a::after{position: absolute;  content: ''; z-index: 22; border-radius: 50%; opacity: 0;}
.down-class .ctitle1 li a::before{width: 0.5625rem; height: 0.5625rem; background: #00a1e9;  left: 0.5625rem; top: 0.125rem;}
.down-class .ctitle1 li a::after{width: 1.1875rem; height: 1.1875rem; background: rgba(0,161,233,0.23);left: 0.25rem;top: -0.1875rem; }
.down-class .ctitle1 li:hover a::before,.down-class .ctitle1 li:hover a::after{opacity: 1;}
.down-class .ctitle1 li.on a::before,.down-class .ctitle1 li.on a::after{opacity: 1;}
.down-class .ctitle1 li:hover a,.down-class .ctitle1 li:hover a{color: #004777; font-weight: bold;}
.down-class .ctitle1 li.on a,.down-class .ctitle1 li.on a{color: #004777; font-weight: bold;}
.down-right{width: 72%; padding-top: 4.9375rem;}
.down-right ul{width: 79%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-right ul li{width: 47.6%; border-bottom: 1px solid #E5E5E5; padding:  2.0625rem 1.25rem; box-sizing: border-box;}
.down-right ul li a{display: flex;  align-items: center;}
.down-right ul li .icon{width: 2.25rem;height: 2.25rem;background: #00a1e9;box-shadow: 0px 0px 13px 0px rgba(226,225,224,0.33); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 0.8125rem;}
.down-right ul li p{display: block; font-size: 1.0625rem; color: #666; }
.down-right ul li a:hover p{color: #00a1e9;}




/*2024.1.5*/
.about .number{margin-top: 2rem}
.about .number ul:after{content: ''; width: 30%}
.about .number ul li{width: 30%}
.about-con .info h4{margin-bottom: 0.5rem}




/* 2024.10.22产品详情页 */
.proxq-main{padding: 0;}
.product-box{display: flex; justify-content: space-between; align-items: flex-start}
.proxq-left,.proxq-right{padding: 4.4375rem 0 8rem;}
.proxq-left{width: 300px; position: sticky; top: 0; padding: 2.4375rem 3.25% 8rem 0; border-right: 0.0625rem solid #eee; box-sizing: border-box; }

.pro-search{width: 100%; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; line-height: 3.75rem; height: 3.75rem; padding: 0 6.8%; box-sizing: border-box; margin-bottom:2.25rem; }
.pro-search input{outline: none; border: none; }
.pro-search .text{display: block; font-size: 0.9375rem; color: #666; width: calc(100% - 30px); line-height: 3.75rem; background: transparent;}
.pro-search .text::placeholder{color: #666;}
.pro-search .submit{ background: url(../images/pro-search.png) no-repeat center; width: 18px; height: 100%;}
.left-title em{display: block; border-top: 0.0625rem solid #eee; font-size: 1.5rem; color: #004777;  padding-top:1.5rem; margin-bottom:1.5rem; font-weight: bold;}
.left-title{display: flex; align-items: center; justify-content: space-between;    border-top: 0.0625rem solid #eee;}
.left-title em{border-top: none;}
.left-title i{display: none;}
.proxq-class .ctitle1{}
.proxq-class .ctitle1>li{ border-bottom: 0.0625rem solid #eee;}
.proxq-class .ctitle1>li>h3{transition:0.6s; display: flex; align-items: center; justify-content: space-between;  padding: 0 1.375rem; box-sizing: border-box;}
.proxq-class .ctitle1>li>h3>a{display: block; font-size: 1rem; line-height: 3.3125rem; color: #333;width: 100%; }
.proxq-class .ctitle1 li>h3>i{display: block;width: 20px;height: 20px;position: relative;cursor: pointer;}
.proxq-class .ctitle1>li>h3>i:before,.proxq-class .ctitle1>li>h3>i:after{content: "";background: #04061e;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.proxq-class .ctitle1>li>h3>i:before{width: 10px;height: 2px;}
.proxq-class .ctitle1>li>h3>i:after{width: 2px;height: 10px;}
.proxq-class .ctitle1>li>h3>i.on{	transform: rotate(135deg);}
.proxq-class .ctitle1>li:hover>h3>i:before,.proxq-class .ctitle1>li:hover>h3>i:after,.proxq-class .ctitle1>li.on>h3>i:before,.proxq-class .ctitle1>li.on>h3>i:after{background: #fff;}
.proxq-class .ctitle1>li:hover>h3,.proxq-class .ctitle1>li.on>h3{background: #004777; color: #fff; border-radius: 1.5625rem; }
.proxq-class .ctitle1>li:hover>h3>a,.proxq-class .ctitle1>li.on>h3>a{color: #fff;}
.proxq-class .ctitle2{display: none;padding: 1.75rem 0 1.5625rem 1.25rem;}
.proxq-class .ctitle2>li{margin-bottom: 0.8125rem;}
.proxq-class .ctitle2>li>a{display: block; font-size: 1.125rem; color: #333; position: relative; padding-left: 1.375rem;}
.proxq-class .ctitle2>li>a:before{content: "";width: 10px;height: 10px;border: 1px solid #dfdfdf;border-radius: 50%;position: absolute;left: 0;top: 50%; transform: translateY(-50%); transition: all 0.4s;}
.proxq-class .ctitle2>li>a:after{content: "";width: 6px;height: 6px;background: #dfdfdf;border-radius: 50%;position: absolute;left: 3px;top: 50%;transform: translateY(-50%); transition: all 0.4s;}
.proxq-class .ctitle2>li>a:hover,.proxq-class .ctitle2>li>a.on,.proxq-class .ctitle2>li.on>a{	color: #004777;}
.proxq-class .ctitle2>li>a:hover:before,.proxq-class .ctitle2>li>a.on:before,.proxq-class .ctitle2>li.on>a:before{	border-color: #004777;}
.proxq-class .ctitle2>li>a:hover:after,.proxq-class .ctitle2>li>a.on:after,.proxq-class .ctitle2>li.on>a:after{	background: #004777;}
.proxq-right{width: calc(100% - 340px);}
.left-title2{border-top: none;}
.left-message ul li{margin-bottom: 0.9375rem;}
.left-message ul li em{display: block;/* margin-bottom: 0.625rem; */color:#888}
.left-message ul li i {   display: inline-block;   font-style: normal;   color: #ff3b3b;   vertical-align: top;}
.left-message ul li input,.left-message ul li textarea{text-indent: 2rem;outline: none;font-family: "Microsoft YaHei";border: 1px solid #ddd;border-radius: 0.3125rem;box-sizing: border-box;width: 100%;font-size: 1rem;line-height: 2rem;color: #fff;background: transparent;}
.left-message ul li:last-child{width: 100%; margin-bottom: 1.2rem;}
.left-message ul li textarea{height: 4.8rem;line-height: 1.5625rem;}
.left-message .submit{ transition:0.6s; cursor: pointer; outline: none; border: none; font-family: "Microsoft YaHei"; width: 7rem;background: #00a1e9;border-radius: 1.5625rem; font-size: 1rem; line-height: 2.5rem; color: #fff; text-align: center;}
.left-message .submit:hover{ background: #004777;}



.proxq-tle {margin-bottom: 2.5rem; text-align: center;}
.proxq-tle h3 {font-size:2.5rem;color: #333333;}
.proxq-tle i {display: inline-block; width: 3rem;height: 0.25rem;background: #004777;border-radius: 0.1875rem; margin-top: 1.1rem;}

.down-bg{display: none;}






.flex{display: flex;}

.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}

.flex-c{display: flex; align-items: center;}

.flex-cc{display: flex; align-items: center; justify-content: center;}

.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}

.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}

.flex-sb{display: flex; justify-content: space-between;}

.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}

.flex-sbcw{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}

.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}

.flex-dc{display: flex; flex-direction: column;}

.flex-w{display: flex; flex-wrap: wrap;}

.flex-end {   display: flex;   align-items: flex-end;}


/* 2024.11.7 */
.pc-header {background: #fff; position: sticky; top: 0; z-index: 99;}
.header-box{padding: 1rem 0 0.5rem;}
.pc-logo img{display: block; }
.pc-tel b{display: block; font-size: 1.375rem; color: #00467d;  font-family: "Roboto";line-height: 1.0625rem;}
.pc-search{width: 20.3125rem;position: relative;     display: flex;}
.pc-search input.pc-text{outline: none;line-height: 2.8125rem;border-radius: 1.4375rem;  border: none; font-size: 0.875rem; color: #333; text-indent: 1rem; border-radius:5px;background: linear-gradient(0deg,#cecece 0%, #f4f4f4 100%);display: inline-block;}
.pc-search .pc-text{width: 80%;background: transparent; }

.pc-search .pc-submit input{line-height: 2.8125rem;height:2.8125rem;display: inline-block;width:2.8125rem}
.pc-search .pc-submit input{border:none;background: url(../images/search-header.png) no-repeat center }
.pc-search .pc-submit { background: #00467d;line-height: 2.8125rem;height:2.8125rem;display: inline-block;border-radius:5px}
/* .pc-nav{margin-bottom: 1.625rem;} */
.pc-nav {background: #fff; position: sticky; top: 4.831rem; z-index: 99;}
.pc-nav nav {   width: 100%;   margin-left: 0;}
.pc-nav nav >ul > li{line-height: 3.4375rem;}
.pc-nav nav >ul li > a{font-size: 1rem; }
.banner{height: 34.9375rem;}
.banner .imgBox {   height: 34.9375rem; display: flex; align-items: center; background-size: cover!important;    justify-content: center;}
.banner .imgBox .container{ top: 50%;  transform: translateY(-50%); }
.banner .imgBox .container a{display: none;}
.about-con{  }

@font-face {
	font-family: "RobotoBold";
	src: url("../font/Roboto Bold.ttf");
}

@font-face {
	font-family: "Roboto";
	src: url("../font/Roboto-Regular.ttf");
}


.banner .imgBox h2{font-size: 4.1875rem; line-height: 3.0625rem; font-family:"RobotoBold"; margin-bottom: 0.25rem;}
.banner .imgBox h3{display: block; font-size: 3.125rem; letter-spacing: 2px; }

.about-con .info h2{ letter-spacing: 2.88px;}
.about-con .info h3{font-weight: 400;}
.about .number{display: none;}

.about-con .pic {    width: 50.29%;    max-width: 704px;    position: relative;}
.about .addInfo{width: 100%; position: relative; margin-top: 7px;}
.about .addInfo .item span{font-size: 0.9375rem; color: #a2a7ab;}
.proclass-list ul li h2{letter-spacing: 1px;}
.industry-list ul li h3{letter-spacing: 2px;}








.proclass {   background: url(../images/pro-bg2.jpg) no-repeat center;   padding:3rem}
.index-title{text-align: center; margin-bottom: 4rem;}
.index-title em{margin-bottom: 0; font-size: 3.125rem; letter-spacing: 2px; display: block; color: #175789; }
.index-title span{display: block; font-size: 1.125rem; color: #c7d0d9;letter-spacing: 1.8px; text-transform: uppercase; font-family: "Roboto"; line-height: 0.8125rem;}
.proclass .index-title em{ color: #175789;}
.proclass-list ul li h2:after{width: 1.8125rem;height: 0.25rem;background: linear-gradient(172deg,#ffffff 0%, #6e6e6e 100%);border-radius: 0.125rem;}


.contact-tel{margin-top: 0.4375rem;}
.contact-tel b{ font-size: 1.375rem; color: #f5f5f5; font-family: Arial; line-height: 1.0625rem;}
.contact-tel b>img{margin-right: 0.625rem}

.proclass-list ul li .hide h3,.proclass-list ul li h2{font-size:1.2rem}
.foot-left{width:100%;}
.foot-nav{width: 61.72%;;}

.foot-wechat{width:60%}
.foot-wechat ul li{width: 45%; transition: all .5s;}
.foot-wechat ul li img{display: block; width:100%}
.foot-wechat ul li:hover{margin-top:-10px}


.contact-tel b,.email h3{font-family: "Roboto";}
.mess-con .index-title{margin-bottom: 2.5625rem}
.mess-con .email{margin-bottom: 2.5625rem}
.video{ background: #eee;}
.video video{max-width: 1190px;}
.about-con .pic{    width:100%;}

.pc-logo{width: 260px;margin-right: 1.5rem;}
.pc-logo img{width: 100%;}



/* 2024.11.12 地图 */
.about-con .pic {    width:59.55%;    max-width: 821px;    position: relative;}
.about .addInfo .item span{font-size:0.8rem;}
.about-con .picMap .name{background: transparent; width: 9.75rem; padding: 0; border-radius: 0.375rem;}
.about-con .picMap .name2{width: auto; padding: 0 1rem; background: #fff;}
.about-con .picMap .name2 h5{font-size: 0.875rem; color: #333; line-height: 1.9375rem;}
.about-con .picMap ul li .city-pic {   width: 100%;   border-radius: 0.375rem;	position: relative;}
.about-con .picMap ul li .city-pic img{border-radius: 0.375rem;}
.about-con .picMap ul li .text2 h6{  position: absolute; content: ''; bottom: 0; background: rgba(0, 0, 0, .3); font-size: 0.875rem; line-height: 2.5625rem; color: #fff; text-align: center; display: block; width: 100%; border-bottom-left-radius: 0.375rem;border-bottom-right-radius: 0.375rem;}
.about-con .picMap ul li:nth-child(13) {    top: 15.67%;    left: 29.81%;}
.about-con .picMap ul li:nth-child(15) {top: 16.56%;left: 9.7%;}
.about-con .picMap ul li:nth-child(16) {top: 15.53%;left: 11.91%;}
.about-con .picMap ul li:nth-child(17) {top: 36.8%;left: 40.2%;}
.about-con .picMap ul li:nth-child(18) {top: 35.8%;left: 43.75%;}



/*2024.11.12banner箭头*/
.banner .swjt {flex-wrap: wrap;right: 1%;width: 42px;height: 37px;}
.banner .swjt .i1 {width: 26px;height: 22px;opacity: .86; display: block; background: linear-gradient(0deg,#d2e2f3 0%, #555e68 100%); -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.banner .swjt .i2 {transform: rotateX(-180deg);width: 17px;height: 13px;position: relative;left: 8%;opacity: 1;display: block;background: #175789;-webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%);clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%);transition: .5s;}
.banner .swjt.swiper-button-prev {transform: rotateY(180deg); left: 1%;}
.banner .swjt:hover .i1 {background: linear-gradient(0deg,#d2e2f3 0%, #555e68 100%);}
.banner .swjt:hover .i2 {left: 0; height: 22px;}


/*2024.11.13首页修改*/
.proclass-list ul li .hide img {display: block;width: 3.3125rem;height: 3.3125rem;}
.proclass-list ul li .hide h3 {margin: 1.25rem 0 2.875rem;}

/* 2024.11.14产品详情修改 */
.proxqInfo {}
.proxqInfo .swiperBox {position: relative;}
.proxq-pic{margin-bottom: 3rem}
.proDateSwiper .imgBox img {width: 100%;}
.proxqInfo .con {position: absolute; right: 0; bottom: 17%; z-index: 1; background: rgba(0, 71, 119,.9); padding: 1.5rem 3.75rem;}
.proxqInfo .con .p1 {font-size: 1.875rem; color: #fff; font-weight: 700;}
.proxqInfo .con .p2 {font-size: 1.25rem; color: #fff;}
.proxqInfo .text {margin: 1rem;}
/* 控件 */
.proDateSwiper .pagtion {bottom: 5%;}
.proDateSwiper .pagtion span {width: 10px; height: 10px; background: #fff; opacity: 1;}
.proDateSwiper .pagtion .swiper-pagination-bullet-active {background: #004777;}
.proDateSwiper .swjt {flex-wrap: wrap;right: 1%;width: 42px;height: 37px;}
.proDateSwiper .swjt .i1 {width: 26px;height: 22px;opacity: .86; display: block; background: linear-gradient(0deg,#d2e2f3 0%, #555e68 100%); -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.proDateSwiper .swjt .i2 {transform: rotateX(-180deg);width: 17px;height: 13px;position: relative;left: 8%;opacity: 1;display: block;background: #175789;-webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%);clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%);transition: .5s;}
.proDateSwiper .swjt.swiper-button-prev {transform: rotateY(180deg); left: 1%;}
.proDateSwiper .swjt:hover .i1 {background: linear-gradient(0deg,#d2e2f3 0%, #555e68 100%);}
.proDateSwiper .swjt:hover .i2 {left: 0; height: 22px;}

.videoInfo video {width: 100%; height: auto!important;}

.right-box{width: 88%; margin: 0 auto}
.videoInfo{margin-top: 3rem}

.ny-banner .info strong{letter-spacing: 0.2rem;}

/*2024.11.19*/
.about-con .info h4{text-indent: 2rem}


/*2024.11.21关于我们*/
.about-banner .info h2{display: flex; align-items: center;}
.about-banner .text span{display:block; text-align: left;line-height:3.1875rem; letter-spacing: 2px;    font-size: 2.5rem;

    font-weight: 100;}
.clique{border-bottom: none}
.clique .info p{text-indent: 2rem}
.clique-num{display: none}
.nyabout-con .pic {width: 100%;max-width: 100%;position: relative;}
.nyabout-con .picMap ul li:nth-child(1) {top: 39.88%;left: 37%;z-index: 2;}
.nyabout-con .picMap ul li:nth-child(2) {top: 39.88%;left: 36%;z-index: 2;}
.nyabout-con .picMap ul li:nth-child(3) {top: 37.73%;left: 36%;z-index: 2;}
.nyabout-con .picMap ul li:nth-child(4) {top: 40.34%;left: 34.2%;z-index: 2;}
.nyabout-con .picMap ul li:nth-child(5) {top: 18.28%;left: 28.97%;}
.nyabout-con .picMap ul li:nth-child(6) {top: 57.33%;left: 30.96%;}
.nyabout-con .picMap ul li:nth-child(7) {top: 48.11%;left: 32.93%;z-index:1;}
.nyabout-con .picMap ul li:nth-child(8) {top: 38.72%;left: 41.36%;}
.nyabout-con .picMap ul li:nth-child(9) {top: 26.86%;left: 44.31%;}
.nyabout-con .picMap ul li:nth-child(10) {top: 36.82%;left: 78.5%;}
.nyabout-con .picMap ul li:nth-child(11) {top: 70.36%;left: 84.65%;}
.nyabout-con .picMap ul li:nth-child(12) {top: 51.27%;left: 31%;}
.nyabout-con .picMap ul li:nth-child(13) {top: 14.67%;left: 31.81%;}
.nyabout-con .picMap ul li:nth-child(14) {top: 35.31%;left: 79%;}
.nyabout-con .picMap ul li:nth-child(13) {top: 16.67%;left: 29.5%;}
.nyabout-con .picMap ul li:nth-child(15) {top: 16.56%;left: 8.7%;}
.nyabout-con .picMap ul li:nth-child(16) {top: 15.53%;left: 10.91%;}
.nyabout-con .picMap ul li:nth-child(17) {top: 36.8%;left: 39%;}
.nyabout-con .picMap ul li:nth-child(18) {top: 36.8%;left: 41.7%;}




nav li:nth-child(4) .navSedBox {width: 578px;}
.navSedBox .seBox .sebox-image {width: 206px;}
.navSedBox .seBox .sebox-image ul span {min-height: 10rem;}
.navSedBox .seBox .sebox-image ul span {width: 100%;}


.customer-list ul li .pic img{transform: scale(0.8)}

.contact-con .pic {width:auto; transform: translateY(-0.8rem);}



.contact-list{width: 100%}



.contact-list ul li p {display: flex;align-items: flex-start;     margin-bottom: 0.5rem;}
.contact-list ul li p>img{margin-right: 0.5rem;}


.contact-con{    align-items: flex-end;}



/* 2024.12.23干燥页面 */
.dry{margin-bottom: 8.5rem}
.dry-title{margin-bottom: 0.8125rem;}
.dry-title strong{font-size:2.375rem; color: #00467d;}
.dry-left{width:53%;}
.dry-left h3{display: block;    font-size: 1rem;    text-indent: 2rem;line-height: 1.8rem; color: #555;margin-bottom: 2rem;}
.dry-title span{font-size:1.2rem; color: #555; display: block;}
.dry-left .info{margin-bottom: 3rem;}
.dry-left  .dry-title{margin-bottom: 1.6875rem;}
.dry-left .text{margin-bottom: 2.0625rem;}
.dry-left .pic img{display: block; width: 100%}
.dry-right{width:38.65%;margin-top: 0.7rem;}
.dry-right .pro-list ul li{width: 100%;margin-bottom: 2.5rem;}
.dry-right .pro-list ul li:last-child{margin-bottom: 0}
.dry-right .pro-list ul li .name strong{font-size: 1rem;}

/* 2024.12.23资质 */
.honors-list ul{display: flex; justify-content: space-around; flex-wrap: wrap;}
.honors-list ul li{width: 45%;  margin-bottom: 4rem;}
.honors-list ul li .pic img{display: block; max-width: 100%;}
#previous-button,#next-button{display: none;}

/*2024.12.26*/
.proxq-banner{height:25rem}
.proxq-banner .info a{display: none;}
.industry-editbox table{width: 100%!important;}
.recommend-title{margin-top: 5rem}


.solution-list ul {justify-content: space-between;}
.solution-list ul li{margin-right: 0}
.solution-banner{height:25rem}
.solution-banner .info h2{font-size: 3.25rem;font-weight: bold;}

.wapsolution-editbox{display: none}