@font-face {
    font-family: 'DINAltBold';
    src: url('../font/DINAltBold.eot');
    src:
    url('../font/DINAltBold.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINAltBold.woff') format('woff'),
    url('../font/DINAltBold.ttf') format('truetype'),
    url('../font/DINAltBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; color:#333; background:#fff; -webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran3000{-webkit-transition:all 3s linear; -moz-transition:all 3s linear; -ms-transition:all 3s linear; transition:all 3s linear;}

.scaleimg:hover .pic em,
.scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}

input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; }

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
select{outline: none;}


.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei", "PingFang SC";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #19408c;}

.header .menuIcon{width: 30px;cursor: pointer;display: none;position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header .menuIcon img{width: 100%;}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.w1520{width: 80%;margin: 0 auto;max-width: 1520px;width: 90%;}


.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz32{font-size: 32px;}
.fz36{font-size: 36px;}
.fz60{font-size: 60px;}

.header{position: absolute;left: 0;top:0;width: 100%;z-index: 9;padding-top: 18px;color: #fff;}
.header .top{line-height: 32px;}
.header .top span{margin-left: 40px;}
.header .top .login{padding-left: 24px;position: relative;}
.header .top .login:before{content: "";width: 16px;height: 16px;position: absolute;left: 0;top:50%;margin-top: -8px;background: url(../images/login.png) no-repeat left top;}

.header .top .login .loginOut{display: inline-block;padding: 0 10px;margin-left: 10px;background: #fff;border-radius: 4px;color: #333;height: 24px;line-height: 24px;font-size: 14px;line-height: 23px;}
.header .top .login .loginOut:hover{color: #338785;}

.header .top a:hover{color: #006462;}
.header .top .language{filter: brightness(0) invert(0.5);height: 32px;width: 32px;margin-right: 0;display:none;}
.header .top .language:before,
.header .top .language:after{display: none;}
.header .top .language dt{height: 32px;width: 32px;}
.header .top .searchBtn{height: 32px;display: none;}
.header .btm{line-height: 52px;display: flex;justify-content:space-between;}
.header .searchBtn{width: 20px;height: 52px;position: relative;cursor: pointer;}
.header .icon{position: relative;}
.header .icon:before{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top:50%;margin: -10px 0 0 -10px;}
.header .searchBtn:before{background: url(../images/searchBtn.png) no-repeat left top;}
.header .language{width: 68px;position: relative;margin: 0 20px;}
.header .language:before,.header .language:after{content: "";width: 1px;height: 18px;background: #ffffff;position: absolute;top:50%;margin-top: -8px;}
.header .language:before{left: 0;}
.header .language:after{right: 0;}
.header .language dt{height: 52px;cursor: pointer;}
.header .language dt:before{background: url(../images/language.png) left top;}
.header dd.ddStyle{width: 120px;position: absolute;left: 50%;top:40px;margin-left: -60px;text-align: center;display: none;}
.header dd.ddStyle i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #efefef;}
.header dd.ddStyle ul{background: #efefef;/* padding: 10px 0; */}
.header dd.ddStyle ul li{border-bottom: 1px solid #fff;padding: 10px 0;}
.header dd.ddStyle ul li:last-child{border: none;}
.header dd.ddStyle ul li a{display: block;font-size: 16px;line-height: 30px;color: #333;}
.header dd.ddStyle ul li a img{margin: -0.25em 5px 0 0;height: 14px;}
.header dd.ddStyle ul li a:hover{color: #006462;}
.header .language:hover dt:before{background-position: left bottom;}
.header .purchase{position: relative;}
.header .purchase dt{padding-left: 28px;cursor: pointer;}
.header .purchase dt:before{left: 0;margin-left: 0;background: url(../images/cart.png) left top;}
.header .purchase:hover dt{color: #006462;}
.header .purchase:hover dt:before{background-position: left bottom;}

.header .purchase:hover dt:before,
.header .language:hover dt:before{filter: brightness(1) invert(0);}



.header .nav{margin-left: 92px;margin-left: 6.05%;margin-left: 3%;margin-left: 0;}
.header .nav .nLi{padding: 0 23px 17px;padding: 0 20px 17px;}
.header .nav .nLi h3 a{display: block;font-weight: normal;}
.header .nav .quickNav h3 a{padding-left: 27px;position: relative;color: #f3a967;}
.header .nav .quickNav h3 a .icon{width: 18px;position: absolute;left: 0;top:50%;margin-top: -9px;}
.header .nav .quickNav h3 a .icon i{display: block;width: 100%;height: 4px;background: #f3a967;margin-top: 3px;animation: navBtn 2s infinite ease;}
.header .nav .quickNav h3 a .icon i:first-child{margin-top: 0;}
.header .nav .quickNav h3 a .icon i.i2{animation-delay: 0.5s;}
.header .nav .quickNav h3 a .icon i.i3{animation-delay: 1.0s;}
@keyframes navBtn{50%{width: 60%;}100%{width: 100%;}}
.header .nav .nLi.on h3 a,.header .nav .nLi:hover h3 a{color: #00756e;}
.header .nav .quickNav:hover h3 a .icon i{background: #00756e;}

.header .nav .navSub{position: absolute;left: 0;top:119px;width: 100%;background: rgba(255,255,255,.9);border-top: 3px solid #343536;display: none;}
.header .nav .navSub .w1520{box-sizing: border-box;padding: 80px 3.4% 34px 17.8%;position: relative;}
.header .nav .navSub .tit{position: absolute;left: 4.2%;top:80px;color: #00756e;line-height: 1;padding-bottom: 40px;font-weight: normal;}
.header .nav .navSub .tit:before{content: "";width: 40px;height: 3px;position: absolute;left: 0;bottom: 0;background: #00756e;}
.header .nav .navSub .cont{display: flex;justify-content: space-between;border-left: 1px solid #d1d2d2;padding-left: 56px;}

.header .nav .navSub0 .cont dl{width: 31.2%;margin-bottom: 18px;}
.header .nav .navSub0 .cont dl dt{padding-bottom: 9px;margin-bottom: 12px;border-bottom: 1px solid rgba(0,117,110,0.2);position: relative;line-height: 30px;color: #00756e;font-weight: bold;}
.header .nav .navSub0 .cont dl dt:before{content: "";width: 40px;height: 1px;position: absolute;left: 0;bottom: -1px;background: #00756e;-webkit-transition:all 0.8s linear;transition:all 0.8s linear;}
.header .nav .navSub0 .cont dl dt a{display: block;}
.header .nav .navSub0 .cont dl dd a{line-height: 2.18;color: #666666;}
.header .nav .navSub0 .cont dl:hover dt:before{left: calc(100% - 40px);}
.header .nav .navSub0 .cont dl dd a:hover{color: #00756e;}

/* .header .nav .nLi1 .navSub0{display: block !important;} */
.header .nav .nLi1 .navSub0 .cont dl dt{line-height: 50px;padding-left: 60px;}
.header .nav .nLi1 .navSub0 .cont dl dt .icon{width: 50px;position: absolute;left: 0;top:0;text-align: center;}
.header .nav .nLi1 .navSub0 .cont dl dt .icon img{height: 40px;}
.header .nav .nLi1 .navSub0 .cont{flex-wrap: wrap;}


.header .nav .navSub .cont .list{width: 100%;}
.header .nav .navSub .cont .list li{width: 22.3%;box-sizing: border-box;border: 1px solid #e8e8e8;margin: 0 16.5% 25px 0;position: relative;background: #ffffff;}
.header .nav .navSub .cont .list li:nth-child(3n){margin-right: 0;}
.header .nav .navSub .cont .list li:before{content: "";width: 100%;height: 2px;background: #338785;position: absolute;left: 0;bottom: -2px;-webkit-transform: scale(0,1);transform: scale(0,1);}
.header .nav .navSub .cont .list li a{display: block;box-sizing: border-box;padding: 20px 10px 0;text-align: center;height: 149px;}
.header .nav .navSub .cont .list li a .icon{margin-bottom: 20px;}
.header .nav .navSub .cont .list li a .icon img{height: 60px;}
.header .nav .navSub .cont .list li a h5{color: #666666;line-height: 28px;font-weight: normal;}

.header .nav .navSub .cont .list li a:hover h5{color: #338785;}
.header .nav .navSub .cont .list li a:hover .icon img{-webkit-transform: scale(0.8);transform: scale(0.8);}
.header .nav .navSub .cont .list li:hover{border-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header .nav .navSub .cont .list li:hover:before{-webkit-transform: scale(1,1);transform: scale(1,1);}

/* .header:hover,.header.nyHeader{background: #fff;color: #333333;}
.header:hover .icon:before,.header:hover .top .login:before,
.header.nyHeader .icon:before,.header.nyHeader .top .login:before{filter: brightness(1) invert(0.6);}
.header:hover .language:before, .header:hover .language:after,
.header.nyHeader .language:before, .header.nyHeader .language:after{background: #333333;}
.header:hover .icon:hover:before{background-position-y: bottom;filter: brightness(1) invert(0);} */

/* 产品下拉 */
/* flex布局 */

.disflex{display: flex;}

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

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



.header .nav .prodNavSub{}
.header .nav .prodNavSub .w1520{padding: 45px 4.2% 50px;align-items: flex-start;box-sizing: border-box;}
.prodNavSub dl{width: 17.86%;}
.prodNavSub dl dt{border-bottom: 1px solid rgba(0, 117, 110, 0.38);display: flex;align-items: center;color: #333333;font-weight: bold;line-height: 60px;margin: 20px 0 16px;}
.prodNavSub dl dt:first-child{margin-top: 0;}
.prodNavSub dl dt .myIcon{display: block;width: 40px;height: 60px;position: relative;text-align: center;margin-right: 12px;}
.prodNavSub dl dt .myIcon:before{content: "";width: 100%;height: 1px;background: #00756e;position: absolute;left: 0;bottom: -1px;}
.prodNavSub dl dd{line-height: 34px;color: #666666;}
.prodNavSub dl dd h5{color: #00756e;padding-top: 10px;}
.prodNavSub dl dd a:hover{color: #00756e;}



.header.posRel{position: relative;}
.header.nyHeader{background: #fff;color: #333333;}
.header.nyHeader .icon:before,.header.nyHeader .top .login:before{filter: brightness(1) invert(0.6);}
.header.nyHeader .language:before, .header.nyHeader .language:after{background: #333333;}
.header.nyHeader .icon:hover:before{background-position-y: bottom;filter: brightness(1) invert(0);}
.header.nyHeader .top .login .loginOut{background: #eaeaea;}

/* 手机导航 */
.wapNav{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 9;display: none;}
.wapNav .maskLayer{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.wapNav .content{width: 80%;height: 100%;background: #f3f3f3;overflow: auto;position: relative;z-index: 2;box-sizing: border-box;padding: 20px 0;-webkit-transform:translateX(-100%);transform:translateX(-100%); }
.wapNav .content .nLi{border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.wapNav .content .nLi h3{position: relative;padding: 5px 20px;}
.wapNav .content .nLi h3 a{display: block;font-size: 18px;line-height: 30px;font-weight: normal;padding: 15px 0;}
.wapNav .content .nLi h3 .icon{width: 100%;height: 100%;position: absolute;right: 0;top:0;}
.wapNav .content .nLi h3 .icon i{display: block;width: 40px;height: 40px;box-sizing: border-box;border:2px solid #00766e;border-radius: 50%;position: absolute;right: 20px;top:50%;margin-top: -20px;}
.wapNav .content .nLi h3 .icon i:before{content: "";width: 10px;height: 10px;border-left: 2px solid #00766e;border-bottom: 2px solid #00766e;position: absolute;left: 50%;top:50%;margin: -7px 0 0 -6px;-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.wapNav .content .nLi .navSub{background: #00766e;color: #fff;display: none;}
.wapNav .content .nLi .navSub ul{padding: 12px 0;}
.wapNav .content .nLi .navSub ul a{display: block;font-size: 16px;line-height: 30px;padding: 8px 20px 8px 30px;border-bottom: 1px solid rgba(255,255,255,0.15);}
/*.wapNav .content .nLi .navSub ul li:last-child a{border: none;}*/
.wapNav .content .nLi .navSub ul a.bold{font-weight:bold;}
.wapNav .content .nLi .navSub ul a.mini{font-size: 14px;padding: 4px 20px 4px 30px;}
.wapNav .content .nLi h3 .icon{width: 40px;}
.wapNav .content .nLi.on h3 .icon i{-webkit-transform: rotateZ(-180deg);transform: rotateZ(-180deg);}
.wapNav.on .content{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 0.3s linear 0.3s;-transition:all 0.3s linear 0.3s;}
.wapNav .content .nLi .navSub ul.ul2 a{padding-left: 46px;}

.banner{position: relative;overflow: hidden;}
.banner a{display: block;position: relative;height: 0;padding-bottom: 100vh;color: #fff;overflow: hidden;}
.banner a em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner a video{width: 110%;height: 110%;object-fit: cover;position: absolute;left: 50%;top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);z-index: 2;}
.banner a .w1520{position: relative;z-index: 2;padding-top:16.8%;}
.banner a .line{display: block;width: 80px;height: 6px;background: #ffffff;margin-bottom: 90px;clip-path: polygon(0 0,0 0,0 100%,0 100%);}
.banner a h5{line-height: 1.4;}
.banner a p{line-height: 2;}
.banner .swiper-slide.swiper-slide-active a em{-webkit-transform: scale(1);transform: scale(1);}
.banner .swiper-pagination{bottom: 42px;z-index: 3;height: 16px;line-height: 16px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;background: #fff;opacity: 1;margin: 0 17px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{-webkit-transform: scale(1.375);transform: scale(1.375);}



.moreBtn{display: inline-block;margin-top: 46px;padding: 0 28px;position: relative;overflow: hidden;background: #f3a967;}
.moreBtn span{display: block;position: relative;z-index: 2;line-height: 46px;padding-right: 66px;background: url(../images/arrow1.png) no-repeat right center;}
.moreBtn:before{width: 250px;height: 250px;border-radius: 100%;background: #006462;content: '';position: absolute;left: -24%;top: -80%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);}
.moreBtn:hover:before{-webkit-transform: scale(1.25);transform: scale(1.25);}

.moreBtn.green{margin-top: 0;background: none;border:1px solid #016a64;color: #00756e;}
.moreBtn.green:hover{color: #fff;}
.moreBtn.green span{padding-right: 66px;background: none;position: relative;}
.moreBtn.green span:before{content: "";width: 22px;height: 14px;position: absolute;right: 0;top:50%;margin-top: -7px;background: url(../images/arrow2.png) no-repeat center;}
.moreBtn.green:hover span:before{filter: brightness(0) invert(1);}

.iTitle{padding: 0px 0 70px;color: #777;line-height: 47px;text-align: center;position: relative;left: 1.47;font-size:47px;font-weight:bold;}
.logoBg{position: absolute;right: 0;top:0;}

.isect1 .tabScroll{margin-bottom: 20px;position: relative;overflow: hidden;padding-bottom: 20px;}
.isect1 .tabScroll a{display: block;line-height: 100px;color: #333333;text-align: center;position: relative;}
.isect1 .tabScroll a img{margin-right: 20px;}
.isect1 .tabScroll a:before{content: "";position: absolute;left: 50%;bottom: -10px;margin-left: -12px;border: 12px solid transparent;border-top-color: #00756e;opacity: 0;}
.isect1 .tabScroll .on a{background: #00756e;color: #fff;}
.isect1 .tabScroll .on a img{filter: brightness(0) invert(1);}
.isect1 .tabScroll .on a:before{opacity: 1;bottom: -24px;transition:all 0.3s linear 0.2s;}
.isect1 .contScroll{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);position: relative;}
.isect1 .contScroll .btn{border:12px solid transparent;position: absolute;top:50%;margin-top: -12px;cursor: pointer;}
.isect1 .contScroll .prev{left: -42px;border-right-color: #006967;}
.isect1 .contScroll .next{right: -42px;border-left-color: #006967;}
.isect1 .contScroll .btn.disable{opacity: 0.2;pointer-events: none;}
.isect1 .contScroll .container{overflow: hidden;}
.isect1 .contScroll .txt{width: 35.5%;box-sizing: border-box;padding: 56px 3.9% 0;text-align: center;}
.isect1 .contScroll .txt .tit{color: #00756e;line-height: 54px;}
.isect1 .contScroll .txt .tit img{margin-right: 16px;vertical-align: top;}
.isect1 .contScroll .txt .desc{margin: 26px auto 35px;line-height: 32px;max-height: 144px;overflow: hidden;text-align: left;}
.isect1 .contScroll .txt .ul{margin-bottom: 75px;display: flex;line-height: 26px;color: #333333;}
.isect1 .contScroll .txt .ul li{flex: 1;}
.isect1 .contScroll .txt .ul li .icon{margin-bottom: 14px;line-height: 40px;}
.isect1 .contScroll .txt .ul li .icon img{height: 40px;}
.isect1 .contScroll .txt .ul li:hover .icon img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.isect1 .contScroll .pic{width: 64.5%;height: 0;padding-bottom: 560px;position: relative;overflow: hidden;cursor: pointer;}
.isect1 .contScroll .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect1 .contScroll .pic i{width: 60px;height: 60px;position: absolute;left: 50%;top:50%;margin: -30px 0 0 -30px;background: url(../images/videoIcon.png) no-repeat center;background-size: 100% 100%;z-index: 2;}
/* .isect1 .contScroll .pic:hover:before{-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } */
.isect1 .contScroll .pic:hover em{-webkit-transform: scale(1.05);transform: scale(1.05);}

.isect2 .content{position: relative;display:block;height:unset;}
.isect2 .bg{position: relative;overflow: hidden;}
.isect2 .bg em{display: block;width: 100%;height: 0;padding-bottom: 750px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;-webkit-filter: blur(3px);filter: blur(3px);}
.isect2 .bg em:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/mask1.png) no-repeat center;background-size: cover;}
.isect2:hover .bg .swiper-slide-active em{-webkit-filter: blur(0);filter: blur(0);}
.isect2 .tabs{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 10;display: flex;overflow: hidden;}
.isect2 .tabs li{flex: 1;height: 100%;position: relative;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.2);text-align: center;cursor: pointer;position: relative;}
.isect2 .tabs li:before{content: "";position: absolute;left: -1px;top: -100px;width: 1px;height: 100px;background-image: linear-gradient(180deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}
@keyframes lineMove{
    to{top: 100%;}
}
.isect2 .tabs li:nth-child(1):before{animation-delay: 0s;}
.isect2 .tabs li:nth-child(2):before{animation-delay: 0.2s;}
.isect2 .tabs li:nth-child(3):before{animation-delay: 0.4s;}
.isect2 .tabs li:nth-child(4):before{animation-delay: 0.6s;}
.isect2 .tabs li:nth-child(5):before{animation-delay: 0.8s;}
.isect2 .tabs li:nth-child(6):before{animation-delay: 1.0s;}
.isect2 .tabs li:first-child{border: none;}
.isect2 .tabs li:first-child:before{display: none;}

.isect2 .tabs li a{display: block;width: 100%;height: 100%;position: relative;}
.isect2 .tabs li a .cont{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;color: #fff;transition: all 0.8s ease 0.1s;}
.isect2 .tabs li a .cont .icon{width: 132px;height: 132px;/* border: 4px solid #ffffff; */border-radius: 50%;text-align: center;line-height: 132px;
    font-size: 0;margin: 0 auto 36px;font-size: 0;position:unset;}
.isect2 .tabs li a .cont .icon img{width: 100%;height: 100%;border-radius: 50%;}
.isect2 .tabs li a .cont h5{line-height: 30px;font-weight: normal;}
.isect2 .tabs li a .cont .line{display: block;width: 80%;max-width: 260px;margin: 32px auto 40px;height: 1px;background: #fff;opacity: 0.68;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.isect2 .tabs li a .cont p{line-height: 30px;height: 0;overflow: hidden;}
.isect2 .tabs li:hover a .cont{bottom: 48px;}
.isect2 .tabs li:hover a .cont .line{transition: all 0.5s ease 0.55s;transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 0.68;visibility: visible;}
.isect2 .tabs li:hover a .cont p{height: 60px;}

.isect3{text-align: center;padding-bottom: 80px;}
.isect3 .cont{margin-bottom: 48px;text-align: left;}
.isect3 .left{width: 60%;}
.isect3 .left li{width: 48.2%;}
.isect3 .left li:nth-child(2n){float: right;}
.isect3 .left a{display: block;background: #f8f8f8;}
.isect3 .left .pic{width: 100%;height: 0;padding-bottom: 300px;position: relative;overflow: hidden;}
.isect3 .left .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect3 .left .txt{padding: 22px 30px 18px;}
.isect3 .left .txt h5{line-height: 34px;color: #333333;font-weight: bold;}
.isect3 .left .txt span{display: block;line-height: 30px;color: #999999;}
.isect3 .left .txt p{line-height: 24px;color: #666666;height: 72px;overflow: hidden;margin: 8px auto 15px;}
.isect3 .left .txt em{display: block;line-height: 22px;color: #999999;}
.isect3 .left a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.isect3 .left a:hover .txt h5{color: #00756e;}
.isect3 .right{width: 38.15%;height: 524px;background: #f8f8f8;padding: 20px 30px 6px;box-sizing: border-box;overflow: auto;}
.isect3 .right a{display: block;padding: 6px 0 9px;position: relative;border-top: 2px solid #f8f8f8;}
.isect3 .right a:before{content: "";width: 66px;height: 2px;background: #00756e;position: absolute;left: 0;top:-2px;opacity: 0;-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.isect3 .right a h5{line-height: 30px;color: #333333;}
.isect3 .right a span{display: block;color: #999999;line-height: 34px;}
.isect3 .right li:first-child a{border: none;}
.isect3 .right li:first-child a:before{display: none;}
.isect3 .right a:hover{border-color: #c6dedc;}
.isect3 .right a:hover:before{left: calc(100% - 66px);opacity: 1;}
.isect3 .right a:hover h5{color: #00756e;}

.isect3 .right::-webkit-scrollbar{width:3px;height:3px}
.isect3 .right::-webkit-scrollbar-button:vertical{display:none}
.isect3 .right::-webkit-scrollbar-corner,
.isect3 .right::-webkit-scrollbar-track{background-color:#ccc}
.isect3 .right::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.isect3 .right::-webkit-scrollbar-thumb:vertical:hover{ }
.isect3 .right::-webkit-scrollbar-thumb:vertical:active{ }


.isect4{background: url(../images/isect4Bg.jpg) no-repeat center;background-size: cover;margin-bottom: 80px;}
.isect4 .w1520{position: relative;padding: 20px 0 80px;}
.isect4 .w1520:before{content: "";width: 38px;height: 38px;border-top: 2px solid #cccccc;border-right: 2px solid #cccccc;position: absolute;right: 0;top:100px;opacity: 0.6;}
.isect4 .logoBg{top:-20px;opacity: 0.1;}
.isect4 .iTitle{margin-bottom: 20px;color: #fff;text-align: left;}
.isect4 .left{width: 29%;padding-top: 76px;}
.isect4 .left .tabs{margin-bottom: 30px;}
.isect4 .left .tabs li{margin-left: 52px;}
.isect4 .left .tabs li:first-child{margin-left: 0;}
.isect4 .left .tabs a{display: block;position: relative;line-height: 55px;color: rgba(255,255,255,0.4);}
.isect4 .left .tabs a:before{content: "";width: 40px;height: 4px;position: absolute;left: 50%;margin-left: -20px;bottom: 0;background: #f3a967;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0;}
.isect4 .left .tabs .active a{color: #fff;}
.isect4 .left .tabs .active a:before{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
.isect4 .left .txtScroll{position: relative;overflow: hidden;}
.isect4 .left .txtScroll .wrap{line-height: 32px;color: rgba(255,255,255,0.6);min-height: 238px;box-sizing: border-box;padding-bottom: 30px;border-bottom: 2px solid rgba(204,204,204,0.2);position: relative;}
.isect4 .left .txtScroll .wrap:before{content: "";width: 66px;height: 2px;background: #00756e;position: absolute;left: 0;bottom: -2px;opacity: 0;-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.isect4 .left .txtScroll .wrap:hover:before{left: calc(100% - 66px);opacity: 1;}
.isect4 .picScroll{margin-right: 5%;position: relative;overflow: hidden;width: 51.3%;}
.isect4 .picScroll a{display: block;width: 100%;height: 0;padding-bottom: 400px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect4 .picScroll a:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}


.footer{padding: 58px 0 44px;background: #f8f8f8;}
.footer .w1520{display: flex;}
.footer .left{flex-shrink:0;width:274px;margin-right: 4.9%;}
.footer .left .logo{display: block;font-size: 0;padding-bottom: 20px;}
.footer .left dl{margin-top: 48px;display: flex;justify-content:space-between;line-height: 40px;color: #666666;}
.footer .left dl dt{color: #333333;font-weight: bold;}
.footer .left dl dd{width: 174px;}
.footer .left dl dd ul{display: flex;justify-content:space-between;}
.footer .left dl li{width: 40px;height: 40px;position: relative;cursor: pointer;}
.footer .left dl li .icon{width: 100%;height: 100%;background: url(../images/shareIcon.png) no-repeat left top;}
.footer .left dl li .qrcode{width: 150px;position: absolute;bottom: 30px;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);display: none;}
.footer .left dl li .qrcode i{display: block;width: 0;border:8px solid transparent;border-top-color: #bdbdbd;margin: 0 auto;}
.footer .left dl li .qrcode .pic{width: 100%;height: 140px;box-sizing: border-box;padding: 5px;background: #bdbdbd;}
.footer .left dl li .qrcode .pic img{width: 100%;height: 100%;}
.footer .left dl li:nth-child(2) .icon{background-position: -40px top;}
.footer .left dl li:nth-child(3) .icon{background-position: -80px top;}
.footer .left dl .form{border-bottom: 1px solid #bdbdbd;}
.footer .left dl .form .text{width: 80%;height: 39px;line-height: 39px;border:none;background: none;}
.footer .left dl .form .subm{width: 20%;height: 39px;border: none;background: url(../images/searchBtn1.png) no-repeat right center;cursor: pointer;}
.footer .fNav{flex: 1;}
.footer .fNav .wrap{display: flex;}
.footer .fNav dl{flex: 1;padding-left: 44px;position: relative;}
.footer .fNav dl:after{content: "";width: 1px;height: calc(100% - 15px);background: #dcdcdc;position: absolute;left: 0;top:0;}
.footer .fNav dl:before{content: "";width: 2px;height: 40px;background: #3e8785;position: absolute;left: -1px;top:0;-webkit-transform: scale(1, 1);transform: scale(1, 1);-webkit-animation: scrolldown 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);animation: scrolldown 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}
.footer .fNav dl a{display: inline-block;}
.footer .fNav dl dt{margin-bottom: 28px;line-height: 1;color: #333333;}
.footer .fNav dl dd{line-height: 46px;color: #999999;}
.footer .fNav dl a:hover{color: #006462;}

.footer .fNav dl:nth-child(2):before{animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.footer .fNav dl:nth-child(3):before{animation-delay:0.6s;-webkit-animation-delay:0.6s;}
.footer .fNav dl:nth-child(4):before{animation-delay:0.9s;-webkit-animation-delay:0.9s;}
.footer .fNav dl:nth-child(5):before{animation-delay:1.2s;-webkit-animation-delay:1.2s;}
@-webkit-keyframes scrolldown { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  55% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  70% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  85% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }
@keyframes scrolldown { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  55% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  70% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  85% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }
  
.footerBtm{line-height: 30px;color: #fff;padding: 15px 0;background: #006967;}
.footerBtm .mrgRight{margin-right: 42px;}
.footerBtm .space{margin: 0 28px;}
.footerBtm .lan{padding-left: 32px;background: url(../images/lan.png) no-repeat left center;text-transform: uppercase;}
.footerBtm a:hover{opacity: 0.8;text-decoration: underline;}

::-webkit-input-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}  

.arrStyle{position: relative;}
.arrStyle:before{content: "";width: 11px;height: 11px;border-left: 3px solid #CCCCCC;border-bottom: 3px solid #CCCCCC;position: absolute;left: 50%;top:50%;margin: -9px 0 0 -7px;}
.arrStyle.lArrow:before{-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.arrStyle.rArrow:before{-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}
.arrStyle.tArrow:before{-webkit-transform: rotateZ(135deg); -moz-transform: rotateZ(135deg); -ms-transform: rotateZ(135deg); transform: rotateZ(135deg);}
.arrStyle.bArrow:before{-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}


.loginWrap{width: 100%;min-height: 1080px;box-sizing: border-box;display: flex;justify-content:center;align-items:center;background: url(../images/login.jpg) no-repeat center;background-size: cover;}
.loginForm{width: 90%;max-width: 620px;background: #fff;box-sizing: border-box;padding: 60px 60px 50px;position: relative;padding: 3.125% 3.125% 2.6%;}
.loginForm .goBack{position: absolute;left: 60px;top:30px;color: #333333;left: 9.6%;}
.loginForm .goBack:hover{color: #328785;}
.loginForm .tit{text-align: center;line-height: 1.3;margin-bottom: 8%;}
.loginForm .line{display: flex;margin-bottom: 4%;}
.loginForm .formItem{flex: 1;border: 1px solid #CCCCCC;display: flex;align-items:center;}
.loginForm .formItem label{width: 58px;height: 58px;flex-shrink: 0;text-align: center;line-height: 58px;}
.loginForm .formItem .text,
.loginForm .formItem select{width: 100%;height: 100%;border:none;background: none;flex: 1;overflow: hidden;line-height: 58px;color: #333333;}
.loginForm .right{width: 176px;margin-left: 20px;flex-shrink: 0;line-height: 60px;color: #333333;box-sizing: border-box;}
.loginForm .sexWrap label{cursor: pointer;}
.loginForm .sexWrap label input{display: none;}
.loginForm .sexWrap label span{display: block;padding-left: 28px;position: relative;}
.loginForm .sexWrap label span i{width: 20px;height: 20px;box-sizing: border-box;border: 2px solid #CCCCCC;border-radius: 50%;position: absolute;left: 0;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.loginForm .sexWrap label span i:before{content: "";width: 50%;height: 50%;position: absolute;left: 50%;top:50%;background: #328785;border-radius: 50%;-webkit-transform:translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);opacity: 0;}
.loginForm .sexWrap label input:checked + span i{border-color: #328785;}
.loginForm .sexWrap label input:checked + span i:before{opacity: 1;}
.loginForm .formItem .select{width: 100%;position: relative;}
.loginForm .formItem .select dt{position: relative;padding: 0 16px;position: relative;cursor: pointer;}
.loginForm .formItem .select dt:before{left: auto;margin-left: 0;right: 15px;}
.loginForm .formItem .select dt.cur:before{-webkit-transform: rotateZ(135deg);margin-top: -5px;}
.loginForm .formItem .select dd{position: absolute;left: 0;top:61px;background: #fff;width: 100%;display: none;}
.loginForm .formItem .select dd ul{max-height: 300px;overflow: auto;padding: 6px 0;border: 1px solid #CCCCCC;border-top: none;}
.loginForm .formItem .select dd li{padding: 0 16px;line-height: 30px;cursor: pointer;text-align: center;box-sizing: border-box;min-width: 50%;}
.loginForm .formItem .select dd li:hover{color: #328785;}

.loginForm .right.noMargin{margin-left: 0;width: 196px;}
.loginForm .sendCode{background: #EAF3F2;color: #328785;text-align: center;border: 1px solid #DDDDDD;border-left: none;cursor: pointer;}
.loginForm .sendCode:hover{text-decoration: underline;}
.loginForm .sendCode img{width: 100%;height: 100%;}

.loginForm .formItem .select dd ul::-webkit-scrollbar{width:3px;height:3px}
.loginForm .formItem .select dd ul::-webkit-scrollbar-button:vertical{display:none}
.loginForm .formItem .select dd ul::-webkit-scrollbar-corner,
.loginForm .formItem .select dd ul::-webkit-scrollbar-track{background-color:#ccc}
.loginForm .formItem .select dd ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#328785; }
.loginForm .formItem .select dd ul::-webkit-scrollbar-thumb:vertical:hover{ }
.loginForm .formItem .select dd ul::-webkit-scrollbar-thumb:vertical:active{ }

.loginForm .treaty label{display: flex;cursor: pointer;color: #666666;line-height: 1;margin: -4px auto 6%;}
.loginForm .treaty label span{margin-right: 8px;align-items: center;cursor: pointer;}
.loginForm .treaty label input{-webkit-appearance: auto;appearance: auto;margin-top: -0.25em;border: 1px solid #aaa;}

.loginForm .btm{margin-top: 16px;line-height: 1;font-size: 14px;color: #666666;}
.loginForm .btm a{color: #328785;}
.loginForm .btm a:hover{text-decoration: underline;}
.loginForm .quick{padding: 6% 0 0;text-align: center;}
.loginForm .quick h5{position: relative;margin-bottom: 6%;color: #666666;line-height: 1;font-weight: normal;}
.loginForm .quick h5:before{content: "";width: 100%;height: 1px;background: #DDDDDD;position: absolute;left: 0;top:50%;}
.loginForm .quick h5 span{display: inline-block;padding: 0 8px;background: #fff;position: relative;z-index: 2;}
.loginForm .quick .cont a{display: inline-block;}

.loginForm .btnStyle{width: 100%;}

.btnStyle{display: block;width: 100%;height: 60px;background: #328785;border-radius: 2px;text-align: center;line-height: 60px;color: #fff;cursor: pointer;border: none;letter-spacing: 2px;font-weight: normal;}
.btnStyle:hover{background: #196c6a;}

.path{line-height: 24px;padding-left: 44px;background: url(../images/home.svg) no-repeat left center;}
.path span{margin: 0 5px;}
/* .path a:hover{opacity: 0.8;} */

.pBanner{width: 100%;height: 350px;background-repeat: no-repeat;background-position: center;background-size: cover;color: #FFFFFF;position: relative;}
.pBanner .bg{position:absolute;left:0;top:0;width: 100%;height:100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.pBanner .bg.wap{display: none;}
.pBanner .w1520{padding-top: 32px;position: relative;z-index: 3;}
.pBanner h3{margin: 3% auto 1.3%;line-height: 1.3;margin: 2.5% auto 1.3%;}
.pBanner p{max-width: 866px;line-height: 2;margin-top: 20px;}


.productWrap .title{color: #333333;line-height: 1.3;text-align: center;margin-bottom: 3.15%;}

.productWrap .item1{padding: 4.16% 0;}
.productWrap .item1 ul{display: flex;justify-content:space-between;text-align: center;padding-top: 10px;}
.productWrap .item1 ul li{width: 23%;}
.productWrap .item1 ul li .icon{width: 60px;height: 60px;margin: 0 auto 9.7%;line-height: 60px;}
.productWrap .item1 ul li .icon img{width: 100%;height: 100%;}
.productWrap .item1 ul li h5{line-height: 30px;color: #333333;font-weight: normal;margin-bottom: 8.57%;}
.productWrap .item1 ul li p{color: #666666;line-height: 2;}
.productWrap .item1 ul li:hover .icon img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.productWrap .item2{padding: 4.16% 0 2.6%;background: url(../images/pBg1.jpg) no-repeat center;background-size: cover;}
.productWrap .item2 ul{/* display: flex;justify-content:space-between;flex-wrap: wrap; */text-align: center;}
.productWrap .item2 ul li{width: 32%;margin: 0 2% 1.97% 0;}
.productWrap .item2 ul li:nth-child(3n){margin-right: 0;}
.productWrap .item2 ul li a{display: block;position: relative;overflow: hidden;text-align: center;background: #FFFFFF;padding: 1px;color: #333333;}
.productWrap .item2 ul li .pic{height: 320px;line-height: 320px;font-size: 0;overflow: hidden;background: #fff;}
.productWrap .item2 ul li .pic img{max-width: 100%;max-height: 100%;}
.productWrap .item2 ul li h5{line-height: 60px;font-weight: normal;padding: 0 12px;}
.productWrap .item2 ul li a:hover{color: #fff;background: #328785;}

.productWrap .item3{padding: 4.16% 0;}
.productWrap .item3 .container{width: 100%;position: relative;overflow: hidden;}
.productWrap .item3 .container a{display: block;position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 71%;}
.productWrap .item3 .container a:before,
.productWrap .item3 .container em{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.productWrap .item3 .container a:before{content: "";background: rgba(0,0,0,0.4);z-index: 2;}
.productWrap .item3 .container .text{position: absolute;left: 0;top:50%;z-index: 3;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);width: 100%;text-align: center;}
.productWrap .item3 .container .text .icon{width: 66px;height: 66px;margin: 0 auto 2.56%;line-height: 66px;}
.productWrap .item3 .container .text .icon img{width: 100%;height: 100%;}
.productWrap .item3 .container .text h5{color: #fff;line-height: 30px;font-weight: normal;}
.productWrap .item3 .container a:hover .icon img{-webkit-transform: scale(0.9);transform: scale(0.9);}
.productWrap .item3 .container .btn{position: absolute;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);z-index: 4;cursor: pointer;}
.productWrap .item3 .container .prev{left: 20px;}
.productWrap .item3 .container .next{right: 20px;}

.filter{width: 22.69%;}
.filter .tit{border-bottom: 1px solid #e1e1e1;position: relative;font-size: 32px;line-height: 78px;color: #338785;}
.filter .tit:before{content: "";width: 20px;height: 2px;background: #09a8a5;position: absolute;left: 0;bottom: -1px;}
.filter .tit:after{content: "";width: 500px;height: 1px;background: #e1e1e1;position: absolute;right: 100%;bottom: -1px;}

.filter .list{padding-top: 22px;}
.filter .list .nLi{margin: 20px 0;padding-right: 55px;}
.filter .list .nLi h3{margin-bottom: 10px;padding-left: 48px;position: relative;line-height: 34px;color: #333333;font-weight: normal;position: relative;cursor: pointer;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.filter .list .nLi h3 i{width: 30px;height: 30px;position: absolute;right: 0;top:2px;cursor: pointer;}
.filter .list .nLi h3 i:before{content: "";width: 8px;height: 8px;border-left: 2px solid #999999;border-bottom: 2px solid #999999;position: absolute;left: 50%;top:50%;margin: -5px 0 0 -5px;-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
.filter .list .nLi h3 img{position: absolute;left: 0;top: 2px;}
.filter .list .nLi:hover h3{color: #338785;}
.filter .list .nLi .inner{display: none;}
.filter .list .nLi .inner ul{padding-left: 28px;}
.filter .list .nLi .inner li{padding-bottom: 11px;padding-left: 23px;position: relative;line-height: 28px;color: #333333;cursor: pointer;}
.filter .list .nLi .inner li:before{content: "";width: 6px;height: 6px;background: #338785;position: absolute;left: 0;top:10px;border-radius: 50%;background: #999;}
.filter .list .nLi.on h3 i{-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.filter .list .nLi.on h3,
.filter .list .nLi .inner li.on,.filter .list .nLi .inner li:hover{color: #338785;}
.filter .list .nLi .inner li.on:before{background: #338785;}

.filter .slider{margin: 0 88px 47px 45px;}
.filter .slider .num{font-size: 16px;color: #999999;line-height: 16px;margin-bottom: 8px;}
.filter .slider .noUi-horizontal{height: 3px;background: #d9d9d9;}
.noUi-connect{background: #338785;}
.noUi-target{border:none;box-shadow: none;}
.noUi-horizontal .noUi-handle{width: 12px;height: 12px;background: #ffffff;border-radius: 50%;border:1px solid #d9d9d9;left: -12px;box-shadow: none;top:-5px;cursor: pointer;}
.noUi-horizontal .noUi-handle:before{content: "";width: 4px;height: 4px;position: absolute;left: 50%;top:50%;margin: -2px 0 0 -2px;background: #338785;border-radius: 50%;}
.noUi-horizontal .noUi-handle:after{content: attr(data-value);font-size: 12px;color: #999;line-height: 12px;position: absolute;top:16px;left: 0;width: auto;background: none;}
.noUi-horizontal .noUi-handle.noUi-handle-lower{left: 0;}

.filter .btnWrap .btn{width: 128px;height: 38px;border:1px solid #338785;border-radius: 2px;margin-left: 20px;text-align: center;line-height: 38px;font-size: 16px;color: #338785;cursor: pointer;background: none;}
.filter .btnWrap .btn.reset{border-color: #f3a967;color: #f3a967;}
.filter .btnWrap .btn:hover{background: #338785;color: #fff;}
.filter .btnWrap .btn.reset:hover{background: #f3a967;color: #fff;}
.filter .btnWrap .btn:first-child{margin-left: 0;}


.filter .pSearch{margin-top: 40px;}
.filter .pSearch h5{line-height: 20px;margin-bottom: 16px;font-weight: normal;color: #333333;}
.filter .pSearch .form{max-width: 276px;width: 100%;box-sizing: border-box;padding: 0 44px 0 12px;position: relative;border: 1px solid #337876;border-radius: 2px;}
.filter .pSearch .form .text{width: 100%;height: 42px;line-height: 42px;color: #333;border: none;background: none;}
.filter .pSearch .form .subm{width: 44px;height: 42px;border: none;background: url(../images/searchBtn2.svg) no-repeat center;cursor: pointer;position: absolute;right: 0;top:0;}


.nyTitle1{margin-bottom: 52px;position: relative;line-height: 76px;color: #666666;}
.nyTitle1:before,.nyTitle1:after{content: "";width: 248px;height: 2px;background: #e0e0e0;position: absolute;left: 0;bottom: 0;}
.nyTitle1:after{z-index: 2;width: 40px;background: #338785;}

.prodWrap{position: relative;overflow: hidden;padding: 24px 0 100px;min-height: 350px;}
.prodWrap .rightCont{width: 72.2%;padding-top: 65px;}

.prodList .nLi{margin-bottom: 60px;position: relative;}
.prodList .nLi a{display: block;-webkit-box-shadow: 0px 7px 18.06px 2.94px rgba(200, 197, 206, 0.38);box-shadow: 0px 7px 18.06px 2.94px rgba(200, 197, 206, 0.38);position: relative;min-height: 240px;}
.prodList .nLi a .pic{width: 30%;display: flex;justify-content:center;align-items: center;position: absolute;left: 0;top:0;height: 100%;}
.prodList .nLi a .pic .wrap{width: 100%;height: 240px;text-align: center;line-height: 240px;font-size: 0;}
.prodList .nLi a .pic img{max-width: 90%;max-height: 90%;}
.prodList .nLi a .text{width: 67%;box-sizing:border-box;padding: 5px 4px 24px 0;position: relative;min-height: 245px;width: 67%;}
.prodList .nLi a .text .box{padding:32px 38px 24px 47px;position: relative;box-sizing:border-box;}
.prodList .nLi a .text .box .tit{padding-bottom: 24px;margin-bottom: 22px;border-bottom: 2px solid #d6e7e7;position: relative;}
.prodList .nLi a .text .box .tit:before{content: "";width: 66px;height: 2px;background: #338785;position: absolute;left: 0;bottom: -2px;
-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.prodList .nLi a .text .box .tit h5{color: #333333;line-height: 45px;max-height: 90px;overflow: hidden;font-weight: normal;}
.prodList .nLi a .text .box .tit .name{color:#333333;line-height: 28px;margin-top: 8px;}
.prodList .nLi a .text .box ul li{padding-left: 40px;position: relative;color: #338785;line-height: 32px;}
.prodList .nLi a .text .box ul li .dot{position: absolute;left: 0;top:7px;width: 18px;height: 18px;background: #99c3c2;border-radius: 50%;}
.prodList .nLi a .text .box ul li .dot:before{content: "";width: 6px;height: 6px;position: absolute;left: 50%;top:50%;margin: -3px 0 0 -3px;background: #338785;border-radius: 50%;}
.prodList .nLi:hover a .text .box .tit:before{left: calc(100% - 66px) !important;}

.prodList .nLi a .text:hover .box{background: #338785;-webkit-transform:translateX(-60px) translateY(-40px);-webkit-transform:translateX(-60px) translateY(-40px);}
.prodList .nLi a .text:hover .box .tit h5,
.prodList .nLi a .text:hover .box .tit .name,
.prodList .nLi a .text:hover .box ul li{color: #fff;}
.prodList .nLi a .text:hover .box ul li .dot{background: #95bfbe;}
.prodList .nLi a .text:hover .box ul li .dot:before{background: #fff;}
.prodList .nLi a .text:hover .box .tit{border-color: #5c9f9d;}
.prodList .nLi a .text:hover .box .tit:before{background: #ffffff;left: calc(100% - 66px);}
.prodList .nLi a .text:hover .arr{opacity: 1;-webkit-transform: scale(1);-transform: scale(1);}


.page{text-align: right;font-size: 0;}
.page a{display: inline-block;margin-left: 20px;width: 38px;height: 38px;border: 1px solid #999999;text-align: center;line-height: 38px;color: #333333;position: relative;border-radius: 2px;font-size: 16px;}
.page a.btn:before{content: "";width: 8px;height: 8px;position: absolute;left: 50%;top:50%;margin: -4px 0 0 -4px;box-sizing: border-box;border-left: 1px solid #666666;border-bottom: 1px solid #666666; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.page a.next:before{-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);}
.page a.on,.page a:hover{border-color: #328785;background: #328785;color: #fff;}
.page a.on:before,.page a:hover:before{border-color: #fff;}


.cpBanner{padding: 2% 0;background: #328785;color: #fff;}
.cpBanner h3{margin-bottom: 1.315%;line-height: 1.3;}

.pageStyle{line-height: 2;color: #666666;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;}

.contProduct .item1{padding: 3.125% 0 2.5%;}
.contProduct .item1 .left{width: 42.1%;}
.contProduct .item1 .picScroll{border: 1px solid #DDDDDD;position: relative;overflow: hidden;margin-bottom: 30px;}
.contProduct .item1 .picScroll .pic{height: 438px;line-height: 438px;text-align: center;}
.contProduct .item1 .picScroll .pic img{max-width: 90%;max-height: 90%;}
.contProduct .item1 .picScroll .pic video{width: 100%;height: 100%;}
.contProduct .item1 .tabScroll{width: 100%;padding: 0 20px;position: relative;box-sizing: border-box;}
.contProduct .item1 .tabScroll .container{position: relative;overflow: hidden;width: 100%;padding: 0 1px;}
.contProduct .item1 .tabScroll .container .pic{height: 98px;border: 1px solid #DDDDDD;text-align: center;line-height: 98px;cursor: pointer;}
.contProduct .item1 .tabScroll .container .pic img{max-width: 90%;max-height: 90%;}
.contProduct .item1 .tabScroll .container .on .pic{border-color: #328785;}
.contProduct .item1 .tabScroll .btn{width: 12px;height: 12px;position: absolute;top: 50%;margin-top: -6px;cursor: pointer;}
.contProduct .item1 .tabScroll .prev{left: 0;}
.contProduct .item1 .tabScroll .next{right: 0;}
.contProduct .item1 .tabScroll .btn:hover:before{border-color: #328785;}
.contProduct .item1 .tabScroll .btn.disable{pointer-events: none;}
.contProduct .item1 .right{width: 54.73%;height: 570px;box-sizing: border-box;padding-bottom: 72px;position: relative;}
.contProduct .item1 .right .wrap{width: 100%;height: 100%;overflow: auto;}
.contProduct .item1 .right .title{line-height: 1;color: #328785;font-weight: normal;margin-bottom: 16px;}
.contProduct .item1 .right .subTitle{color: #333333;font-weight: normal;margin-bottom: 30px;}
.contProduct .item1 .right .text{margin-bottom: 66px;margin-bottom: 0;}
.contProduct .item1 .right .text li{margin-bottom: 6px;}
.contProduct .item1 .right .text li:last-child{margin-bottom: 0;}
.contProduct .item1 .right .btn{display: block;width: 148px;height: 60px;background: #328785;border-radius: 2px;text-align: center;line-height: 60px;color: #FFFFFF;position: absolute;left: 0;bottom: 20px;}
.contProduct .item1 .right .btn:hover{background: #196c6a;}

.contProduct .item1 .right .wrap::-webkit-scrollbar{width:3px;height:3px}
.contProduct .item1 .right .wrap::-webkit-scrollbar-button:vertical{display:none}
.contProduct .item1 .right .wrap::-webkit-scrollbar-corner,
.contProduct .item1 .right .wrap::-webkit-scrollbar-track{background-color:#ccc}
.contProduct .item1 .right .wrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.contProduct .item1 .right .wrap::-webkit-scrollbar-thumb:vertical:hover{ }
.contProduct .item1 .right .wrap::-webkit-scrollbar-thumb:vertical:active{ }


.contProduct .item2{padding-bottom: 4.16%;}
.contProduct .item2 .tabs{margin-bottom: 3.125%;background: #F7F7F7;position: sticky;top:0;z-index: 9;}
.contProduct .item2 .tabs li{padding: 0 33px;line-height: 78px;color: #333333;display: flex;align-items:center;position: relative;border: 1px solid #F7F7F7;cursor: pointer;}
.contProduct .item2 .tabs li img{margin-right: 6px;filter: brightness(0) invert(0.3);}
.contProduct .item2 .tabs li:before{content: "";width: 13px;height: 11px;position: absolute;left: 50%;bottom: -11px;margin-left: -6px;background: url(../images/trangle.svg) no-repeat center;opacity: 0;}
.contProduct .item2 .tabs li.active{border-color: #328785;color: #328785;background: #fff;}
.contProduct .item2 .tabs li.active:before{opacity: 1;}
.contProduct .item2 .tabs li.active img{filter: brightness(1) invert(0);}
.contProduct .item2 .container{position: relative;overflow: hidden;min-height: 300px;}
.contProduct .item2 .pageStyle{color: #333333;}
.contProduct .item2 .slide2 .title{font-weight: normal;margin-bottom: 1.85%;}
.contProduct .item2 .pageStyle table{width: 100% !important;}
.contProduct .item2 .swiper-slide{overflow: hidden;}

.table{border-collapse: collapse;margin-bottom: 2.5%;width: 100%;}
.table:last-child{margin-bottom: 0;}
.table td{padding: 10px 30px;border: 1px solid #CCCCCC;}
.table th{border: 1px solid #CCCCCC;background: #F6F6F6;line-height: 58px;text-align: left;padding: 0 30px;font-weight: bold;}
.table1 td{padding: 44px 30px;}
.table2{margin: 30px auto 6.6%;}
.table2 th{background: #348F89;color: #fff;line-height: 48px;}
.table2 td{line-height: 30px;}

.downloadList li{border-bottom: 1px solid #CCCCCC;}
.downloadList li:first-child{border-top: 1px solid #CCCCCC;}
.downloadList li a{display: flex;padding: 20px 120px 20px 0;line-height: 44px;color: #666666;position: relative;}
.downloadList li a .label{min-width: 224px;margin-right: 24px;}
.downloadList li a h5{font-weight: normal;flex: 1;overflow: hidden;}
.downloadList li a .btn{right: 30px;top:20px;position: absolute;padding-left: 32px;background: url(../images/download.svg) no-repeat left center;color: #328785;opacity: 0;}
.downloadList li a:hover h5{color: #328785;}
.downloadList li a:hover .btn{opacity: 1;}

.gmqdList li{margin-bottom: 20px;border: 1px solid #CCCCCC;}
.gmqdList li a{display: block;padding: 0 186px 0 30px;line-height: 80px;position: relative;}
.gmqdList li a h5{padding-left: 36px;font-weight: normal;color: #333333;}
.gmqdList li a.jd h5{background: url(../images/jd.svg) no-repeat left center;}
.gmqdList li a.tb h5{background: url(../images/tm.svg) no-repeat left center;}
.gmqdList li a span{width: 136px;height: 40px;background: #328785;position: absolute;right: 30px;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);line-height: 40px;color: #fff;text-align: center;}
.gmqdList li a:hover h5{color: #328785;}
.gmqdList li a:hover span{background: #196c6a;}

.nyBanner{width: 100%;height: 350px;box-sizing: border-box;padding: 5.26% 0 0;color: #fff;background-repeat: no-repeat;background-position: center;background-size: cover;}
.nyBanner h3{line-height: 46px;margin-bottom: 20px;}

.nyBanner1{height: 450px;padding-top: 3.75%;}

.nyNav{box-shadow: 5px 2px 17px 8px rgba(200,197,206,0.25);position: sticky;z-index: 5;top:0;background: #fff;}
.nyNav .navUl li{margin-left: 64px;}
.nyNav .navUl li:first-child{margin-left: 0;}
.nyNav .navUl li a{display: block;color: #333333;line-height: 70px;position: relative;}
.nyNav .navUl li a:before{content: "";width: 100%;height: 6px;background: #328785;position: absolute;left: 0;bottom: -6px;-webkit-transform: scale(0,1);transform: scale(0,1);}
.nyNav .navUl li.on a,.nyNav .navUl li a:hover{color: #328785;}
.nyNav .navUl li.on a:before,.nyNav .navUl li a:hover:before{-webkit-transform: scale(1,1);transform: scale(1,1);}
.nyNav .w1520{position: relative;}
.nyNav .btn{position: absolute;right: 0;top:50%;width: 100px;height: 40px;background: #328785;border-radius: 2px;text-align: center;line-height: 40px;color: #fff;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.nyNav .btn:hover{background: #196c6a;}



.nyWrap{padding: 4.16% 0;min-height: 500px;}

.nySide{width: 18.4%;}
.nySide li{margin-bottom: 2px;position: relative;background: #F2F2F2;position: relative;}
.nySide li:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #328785;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.nySide li a{display: block;padding: 0 30px;line-height: 51px;color: #333333;position: relative;z-index: 2;}
.nySide li.on:before,.nySide li:hover:before{-webkit-transform: scale(1,1);transform: scale(1,1);}
.nySide li.on a,.nySide li a:hover{color: #fff;}

.nyContent{width: 79.6%;}

.fwPage{color: #333333;}
.fwPage .mrgTop{margin-top: -20px;}
.fwPage .name{display: inline-block;}
.fwPage .name::first-letter{font-size: 32px;color: #328785;}
.fwPage .tit{margin: 3.63% auto 12px;font-weight: normal;}
.fwPage .tit img{margin: -0.25em 8px 0 0;}

.nyTitle2{color: #333333;line-height: 1;padding-left: 12px;position: relative;}
.nyTitle2:before{content: "";width: 2px;height: 100%;position: absolute;left: 0;top:0;background: #328785;margin-top: 2px;}

.RAM .nyTitle2{margin: 3.96% auto;}
.RAM  .ul{margin-bottom: 6.6%;display: flex;}
.RAM  .ul li{flex: 1;position: relative;text-align: center;box-sizing: border-box;padding: 40px 30px;min-height: 280px;background: #FAFAFA;}
.RAM  .ul li:nth-child(2n){background: #F5F5F5;}
.RAM  .ul li .icon{width: 48px;height: 48px;margin: 0 auto 30px;}
.RAM  .ul li .icon img{width: 100%;height: 100%;}
.RAM  .ul li h5{font-weight: normal;line-height: 1;margin-bottom: 16px;}
.RAM  .ul li p{color: #666;}
.RAM  .ul li .arr{width: 38px;height: 38px;border-radius: 50%;background: #FFFFFF;box-shadow: 0 2px 6px rgba(0,0,0,0.3);position: absolute;right: -19px;top:50%;margin-top: -19px;z-index: 2;}
.RAM  .ul li .arr:before{width: 12px;height: 12px;border-left-width: 2px;border-bottom-width: 2px;margin: -7px 0 0 -9px;}
.RAM  .ul li:last-child .arr{display: none;}
.RAM .tit{margin: 2.48% auto 12px;}

.jsPage .ul1{padding: 7.1% 0 6.6%;text-align: center;display: flex;justify-content: space-between;}
.jsPage .ul1 li{width: 18.7%;box-sizing: border-box;border: 1px solid #D1D1D1;padding: 72px 20px 20px;min-height: 220px;position: relative;}
.jsPage .ul1 li .num{width: 76px;height: 76px;position: absolute;left: 50%;margin-left: -38px;top:-38px;line-height: 76px;color: #333333;}
.jsPage .ul1 li .num .bg{position: absolute;left: 0;top:0;width: 100%;height: 100% !important;}
.jsPage .ul1 li .num .bg2{opacity: 0;}
.jsPage .ul1 li .num span{position: relative;z-index: 2;}
.jsPage .ul1 li:hover{box-shadow: 0 2px 20px rgba(0,0,0,0.15);border-color: #fff;}
.jsPage .ul1 li:hover .num{color: #fff;}
.jsPage .ul1 li:hover .num .bg1{opacity: 0;}
.jsPage .ul1 li:hover .num .bg2{opacity: 1;}
.jsPage .ul2{padding: 3.97% 0 0;display: flex;justify-content: space-between;}
.jsPage .ul2 .nLi{width: 31.65%;}
.jsPage .ul2 .nLi .pic{width: 100%;height: 0;padding-bottom: 49%;position: relative;overflow: hidden;}
.jsPage .ul2 .nLi .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.jsPage .ul2 .nLi .text{padding: 68px 20px 20px;height: 292px;box-sizing: border-box;border: 1px solid #D1D1D1;border-top: none;position: relative;}
.jsPage .ul2 .nLi .text .icon{width: 76px;height: 76px;position: absolute;left: 50%;margin-left: -38px;top:-38px;line-height: 76px;color: #333333;text-align: center;z-index: 3;}
.jsPage .ul2 .nLi .text .icon .bg{position: absolute;left: 0;top:0;width: 100%;height: 100% !important;}
.jsPage .ul2 .nLi .text .icon .bg2{opacity: 0;}
.jsPage .ul2 .nLi .text .icon .i{position: relative;z-index: 3;}
.jsPage .ul2 .nLi .text .wrap{width: 100%;height: 100%;overflow: auto;color: #666666;}
.jsPage .ul2 .nLi .text .tit{margin-bottom: 20px;line-height: 1;font-weight: normal;text-align: center;color: #333333;}
.jsPage .ul2 .nLi:hover .text .icon .bg1{opacity: 0;}
.jsPage .ul2 .nLi:hover .text .icon .bg2{opacity: 1;}
.jsPage .ul2 .nLi:hover .text .icon .i{filter: brightness(0) invert(1);}
.jsPage .ul2 .nLi:nth-child(2n) .text{border: 1px solid #D1D1D1;border-bottom: none;padding: 30px 20px 50px;}
.jsPage .ul2 .nLi:nth-child(2n) .text .icon{top:auto;bottom: -38px;}

.quesList{margin-top: -20px;}
.quesList .dt{padding: 20px 24px 20px 0;position: relative;border-bottom: 1px solid #DDDDDD;line-height: 28px;color: #333333;cursor: pointer;}
.quesList .dt span{color: #328785;}
.quesList .dt i{width: 16px;height: 16px;position: absolute;right: 0;top:50%;margin-top: -8px;}
.quesList .dt i:before,
.quesList .dt i:after{content: "";background: #999999;position: absolute;}
.quesList .dt i:before{width: 2px;height: 100%;left: 50%;margin-left: -1px;top:0;}
.quesList .dt i:after{width: 100%;height: 2px;left: 0;top:50%;margin-top: -1px;}
.quesList .dd{display: none;}
.quesList .dd .wrap{padding: 2.5% 2.5% 5.78%;background: #FAFAFA;color: #666666;position: relative;}
.quesList .dd .wrap .mrgBtm{margin-bottom: 1.65%;}
.quesList .dd .wrap .close{color: #328785;position: absolute;right: 2.5%;bottom: 30px;line-height: 1;cursor: pointer;}
.quesList .dd .wrap .close:hover{text-decoration: underline;color: #196c6a;}
.quesList .nLi.on .dt{border-color: #fff;}
.quesList .nLi.on .dt i{-webkit-transform: rotateZ(45deg);transform: rotateZ、(180deg); }
.quesList .dt:hover{color: #328785;}

.zlSearch{padding: 2.5%;background: #F2F2F2;margin-bottom: 3.97%;}
.zlSearch .item{margin-top: 2.6%;display: flex;line-height: 48px;}
.zlSearch .item:first-child{margin-top: 0;}
.zlSearch .item .label{flex-shrink: 0;margin-right: 30px;}
.zlSearch .item .cont{flex: 1;}
.zlSearch .item .select{width: 49%;position: relative;z-index: 3;}
.zlSearch .item .select dt{width: 100%;box-sizing: border-box;padding: 0 40px 0 16px;color: #333333;position: relative;cursor: pointer;background: #FFFFFF;border-radius: 2px;}
.zlSearch .item .select dt:before{left: auto;margin-left: 0;right: 15px;}
.zlSearch .item .select dd{position: absolute;left: 0;top: 50px;width: 100%;background: #fff;border-radius: 2px;display: none;}
.zlSearch .item .select dd ul{max-height: 300px;overflow: auto;}
.zlSearch .item .select dd ul li{display: block;padding: 0 16px;cursor: pointer;line-height: 36px;}
.zlSearch .item .select dd ul li:hover{color: #328785;background: #efefef;}

.zlSearch .item .select dd ul::-webkit-scrollbar{width:3px;height:3px}
.zlSearch .item .select dd ul::-webkit-scrollbar-button:vertical{display:none}
.zlSearch .item .select dd ul::-webkit-scrollbar-corner,
.zlSearch .item .select dd ul::-webkit-scrollbar-track{background-color:#ccc}
.zlSearch .item .select dd ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.zlSearch .item .select dd ul::-webkit-scrollbar-thumb:vertical:hover{ }
.zlSearch .item .select dd ul::-webkit-scrollbar-thumb:vertical:active{ }
.zlSearch .item .form{padding: 0 40px 0 16px;background: #fff;border-radius: 2px;position: relative;}
.zlSearch .item .form .subm{width: 40px;height: 48px;position: absolute;right: 0;top:0;border: none;background: url(../images/searchBtn2.svg) no-repeat center;cursor: pointer;}
.zlSearch .item .form .text{width: 100%;height: 48px;border: none;background: none;color: #333;line-height: 48px;}

.downloadList1{padding-bottom: 3%;}
.downloadList1 li{margin-bottom: 20px;}
.downloadList1 li a{display: block;padding: 20px 110px 20px 20px;position: relative;border: 1px solid #CCCCCC;color: #333333;}
.downloadList1 li a h5{margin-bottom: 16px;line-height: 20px;font-weight: normal;}
.downloadList1 li a span{display: block;line-height: 1;color: #999999;}
.downloadList1 li a .btn{position: absolute;right: 30px;top:50%;color: #fff;line-height: 24px;padding-left: 32px;background: url(../images/download.svg) no-repeat left center;filter: brightness(0) invert(1);
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.downloadList1 li a:hover{border-color: #328785;background: #328785;color: #fff;}
.downloadList1 li a:hover span{color: #FFFFFF;opacity: 0.6;}

.myDownload{position: absolute;right: 0;top:65px;width: 630px;box-sizing: border-box;padding: 10px 30px;background: #FFFFFF;box-shadow: 0 2px 20px rgba(0,0,0,0.15);display: none;max-height: 490px;overflow: auto;}

.myDownload::-webkit-scrollbar{width:3px;height:3px}
.myDownload::-webkit-scrollbar-button:vertical{display:none}
.myDownload::-webkit-scrollbar-corner,
.myDownload::-webkit-scrollbar-track{background-color:#ccc}
.myDownload::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.myDownload::-webkit-scrollbar-thumb:vertical:hover{ }
.myDownload::-webkit-scrollbar-thumb:vertical:active{ }

.myDownload li{border-top: 1px solid #DDDDDD;padding: 20px 0;position: relative;}
.myDownload li:first-child{border-top: none;}
.myDownload li h5{color: #333333;line-height: 20px;font-weight: normal;margin-bottom: 16px;}
.myDownload li .btm{line-height: 17px;color: #999999;}
.myDownload li .btm span{margin-right: 34px;}
.myDownload li .btm span:last-child{margin-right: 0;}
.myDownload li .delete{position: absolute;right: 0;bottom: 20px;line-height: 1;color: #DC3232;cursor: pointer;}
.myDownload li .delete:hover{text-decoration: underline;color: #f00;}
.myDownload li h5:hover{color: #328785;}


.titleLine{width: 248px;height: 2px;background: rgba(0,0,0,0.12);position: absolute;bottom: 0;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.titleLine:before{content: "";width: 60px;height: 100%;background: #328785;position: absolute;left: 50%;top:0;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}

.aboutWrap .item1{background: url(../images/aboutBg1.jpg) no-repeat center;background-size: cover;padding: 4.166% 0;}
.aboutWrap .item1 .title{margin-bottom: 3.15%;padding-bottom: 22px;position: relative;text-align: center;line-height: 1;color: #333333;}
.aboutWrap .item1 .desc{margin-bottom: 3.94%;color: #333333;}
.aboutWrap .item1 .container{width: 100%;position: relative;overflow: hidden;}
.aboutWrap .item1 .container .text{width: 31.7%;}
.aboutWrap .item1 .container .text .tit{color: #333333;line-height: 26px;padding-bottom: 22px;position: relative;margin-bottom: 48px;}
.aboutWrap .item1 .container .text .tit .titleLine{left: 0;background: rgba(50,135,133,0.3);
-webkit-transform:translateX(0); -moz-transform: translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.aboutWrap .item1 .container .text .tit .titleLine:before{left: 0;-webkit-transform:translateX(0); -moz-transform: translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.aboutWrap .item1 .container .text .cont{color: #333333;max-height: 228px;overflow: auto;}

.aboutWrap .item1 .container .text .cont::-webkit-scrollbar{width:3px;height:3px}
.aboutWrap .item1 .container .text .cont::-webkit-scrollbar-button:vertical{display:none}
.aboutWrap .item1 .container .text .cont::-webkit-scrollbar-corner,
.aboutWrap .item1 .container .text .cont::-webkit-scrollbar-track{background-color:#ccc}
.aboutWrap .item1 .container .text .cont::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.aboutWrap .item1 .container .text .cont::-webkit-scrollbar-thumb:vertical:hover{ }
.aboutWrap .item1 .container .text .cont::-webkit-scrollbar-thumb:vertical:active{ }

.aboutWrap .item1 .container .pic{width: 64.34%;height: 0;padding-bottom: 400px;position: relative;overflow: hidden;}
.aboutWrap .item1 .container .pic em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutWrap .item1 .container .swiper-pagination{bottom: 0;left: auto;right: 68.3%;height: 12px;line-height: 12px;width: auto;}
.aboutWrap .item1 .container .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #D8D8D8;opacity: 1;margin: 0 0 0 20px;}
.aboutWrap .item1 .container .swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.aboutWrap .item1 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #328785;}
.aboutWrap .item1 .container .btnWrap{position: absolute;left: 0;bottom: 0;}
.aboutWrap .item1 .container .btnWrap .btn{width: 38px;height: 38px;border: 1px solid #CCCCCC;border-radius: 2px;position: relative;margin-right: 20px;cursor: pointer;z-index: 2;}
.aboutWrap .item1 .container .btnWrap .btn:before{width: 8px;height: 8px;border-width: 1px;border-color: #328785;margin: -4px 0 0 -4px;}
.aboutWrap .item1 .container .btnWrap .btn:hover{border-color: #328785;background: #328785;}
.aboutWrap .item1 .container .btnWrap .btn:hover:before{border-color: #fff;}

.aboutWrap .item2{padding: 4.166% 0;}
.aboutWrap .item2 .jobList{padding: 3.15% 0 3.94%;}
.aboutWrap .item2 .jobList .dt{padding: 1.97% 2.63% 1.97% 80px;position: relative;cursor: pointer;border-bottom: 1px solid #EEEEEE;}
.aboutWrap .item2 .jobList .nLi:first-child .dt{border-top: 1px solid #EEEEEE;}
.aboutWrap .item2 .jobList .dt .arrow{width: 30px;height: 30px;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;left: 25px;top:50%;margin-top: -16px;}
.aboutWrap .item2 .jobList .dt .arrow:before{width: 9px;height: 9px;border-color: #328785;margin: -6px 0 0 -5px;border-width: 1px;}
.aboutWrap .item2 .jobList .dt .cont{width: 100%;display: flex;justify-content:space-between;align-items:center;}
.aboutWrap .item2 .jobList .dt .text{flex-shrink: 0;width: 350px;margin-right: 30px;position: relative;}
.aboutWrap .item2 .jobList .dt .text:before{content: "";width: 1px;height: 80px;background: #EEEEEE;position: absolute;right: 0;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.aboutWrap .item2 .jobList .dt .text h5{color: #333333;line-height: 24px;font-weight: normal;margin-bottom: 18px;}
.aboutWrap .item2 .jobList .dt .text span{display: block;color: #999999;line-height: 21px;}
.aboutWrap .item2 .jobList .dt .btn{width: 118px;height: 32px;border: 1px solid #CCCCCC;border-radius: 17px;text-align: center;line-height: 32px;color: #666666;}
.aboutWrap .item2 .jobList .dd{display: none;}
.aboutWrap .item2 .jobList .dd .wrap{padding: 1.97% 0 1.97% 2.63%;background: #FAFAFA;}
.aboutWrap .item2 .jobList .dd .wrap .mrgTop{margin-top: 30px;}
.aboutWrap .item2 .jobList .dd .wrap .mrgTop:first-child{margin-top: 0;}
.aboutWrap .item2 .jobList .dd .wrap .blue{color: #328785;}
.aboutWrap .item2 .jobList .dd .wrap .black{color: #333333;}
.aboutWrap .item2 .jobList .nLi.on .dt{border-color: #F2F2F2;background: #F2F2F2;}
.aboutWrap .item2 .jobList .nLi.on .dt .arrow{background: #328785;border-color: #328785;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg); }
.aboutWrap .item2 .jobList .nLi.on .dt .arrow:before{border-color: #fff;}
.aboutWrap .item2 .jobList .nLi.on .dt .text h5{color: #328785;}

.btnStyle{display: block;width: 128px;height: 48px;background: #328785;border-radius: 2px;text-align: center;line-height: 48px;color: #fff;margin-top: 30px;cursor: pointer;}
.btnStyle:hover{background: #196c6a;}

.popWrap{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 10;display: none;}
.popWrap .maskLayer{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.popWrap .content{position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);background: #FFFFFF;box-sizing: border-box;padding: 40px 48px;max-height: 90%;overflow: auto;}

.popWrap .content::-webkit-scrollbar{width:3px;height:3px}
.popWrap .content::-webkit-scrollbar-button:vertical{display:none}
.popWrap .content::-webkit-scrollbar-corner,
.popWrap .content::-webkit-scrollbar-track{background-color:#ccc}
.popWrap .content::-webkit-scrollbar-thumb{border-radius:0;background-color:#00756e; }
.popWrap .content::-webkit-scrollbar-thumb:vertical:hover{ }
.popWrap .content::-webkit-scrollbar-thumb:vertical:active{ }

.popWrap .content .title{margin-bottom: 40px;line-height: 36px;text-align: center;color: #333333;font-weight: normal;}
.popWrap .content .formItem{margin-bottom: 30px;width: 48.8%;display: flex;align-items: flex-start;}
.popWrap .content .formItem.w100p{width: 100%;}
.popWrap .content .formItem .label{width: 84px;flex-shrink: 0;line-height: 48px;color: #333333;}
.popWrap .content .formItem .label em{color: #DC3232;}
.popWrap .content .formItem .cont{flex: 1;position: relative;}
.popWrap .content .formItem .text,
.popWrap .content .formItem  select,
.popWrap .content .formItem  textarea{width: 100%;box-sizing: border-box;border: 1px solid #CCCCCC;height: 46px;padding: 0 16px;color: #333333;line-height: 46px;background: none;}
.popWrap .content .formItem  select{position: relative;z-index: 2;}
.popWrap .content .formItem .arrStyle:before{left: auto;right: 16px;width: 10px;height: 10px;}
.popWrap .content .formItem  textarea{height: 160px;}

.popWrap .content .formItem .uploadBtn{width: 126px;height: 46px;border: 1px solid #328785;border-radius: 2px;color: #328785;line-height: 46px;text-align: center;position: relative;}
.popWrap .content .formItem .uploadBtn input{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;opacity: 0;cursor: pointer;}
.popWrap .content .formItem .tips{line-height: 48px;color: #999999;margin-left: 12px;}
.popWrap .content .formItem .fileName{margin-top: 20px;line-height: 1;color: #666666;display: flex;align-items: flex-start;}
.popWrap .content .formItem .fileName img{margin-right: 5px;}

.popWrap .content .formItem .codeText{width: 128px;text-align: center;}
.popWrap .content .formItem .codeImg{width: 128px;height: 48px;margin: 0 16px 0 12px;cursor: pointer;}
.popWrap .content .formItem .change{color: #328785;line-height: 48px;text-decoration: underline;}
.popWrap .content .subm{margin: 50px auto 0;display: block;}

.popWrap .noLogin{width: 480px;height: 327px;position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);background: #FFFFFF;box-sizing: border-box;padding: 40px;text-align: center;}
.popWrap .noLogin .tips{color: #666666;line-height: 20px;margin: 20px auto 30px;}
.popWrap .noLogin .btn{display: block;width: 128px;height: 48px;margin: 0 auto;background: #328785;border-radius: 2px;line-height: 48px;color: #fff;}
.popWrap .noLogin .btn:hover{background: #196c6a;}
.popWrap .noLogin .close{position: absolute;right: 16px;top:16px;cursor:pointer;}


.divpWrap{padding: 4.166% 0 8.43%;background: url(../images/devpBg.jpg) no-repeat center top;background-size: cover;}
.divpWrap .title{margin-bottom: 3.15%;position: relative;padding-bottom: 24px;position: relative;text-align: center;line-height: 1;color: #333333;}

.divpWrap .content{padding: 3.94% 3.94% 2.63%;background: #FFFFFF;}
.divpWrap .contScroll{width: 100%;position: relative;overflow: hidden;margin-bottom: 2.857%;}
.divpWrap .contScroll .text{width: 54.1%;color: #333333;line-height: 34px;height: 386px;overflow: auto;box-sizing: border-box;padding-right: 40px;}
.divpWrap .contScroll .text dl{display: flex;align-items: flex-start;margin-top: 12px;cursor: pointer;}
.divpWrap .contScroll .text dl:first-child{margin-top: 0;}
.divpWrap .contScroll .text dl dt{width: 74px;flex-shrink: 0;color: #666666;font-weight: bold;}
.divpWrap .contScroll .text dl dd{flex: 1;}
.divpWrap .contScroll .text dl.on dt{color: #328785;}

.divpWrap .contScroll .text::-webkit-scrollbar{width:3px;height:3px}
.divpWrap .contScroll .text::-webkit-scrollbar-button:vertical{display:none}
.divpWrap .contScroll .text::-webkit-scrollbar-corner,
.divpWrap .contScroll .text::-webkit-scrollbar-track{background-color:#F5F5F5}
.divpWrap .contScroll .text::-webkit-scrollbar-thumb{border-radius:0;background-color:#CCCCCC; }
.divpWrap .contScroll .text::-webkit-scrollbar-thumb:vertical:hover{ }
.divpWrap .contScroll .text::-webkit-scrollbar-thumb:vertical:active{ }

.divpWrap .contScroll .pic{width: 43.4%;height: 0;padding-bottom: 386px;position: relative;overflow: hidden;}
.divpWrap .contScroll .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.divpWrap .tabScroll{position: relative;padding: 0 40px;}
.divpWrap .tabScroll:before{content: "";width: calc(100% - 80px);height: 1px;position: absolute;left: 40px;top:50%;background: #EEEEEE;}
.divpWrap .tabScroll .arrStyle{width: 16px;height: 16px;position: absolute;top:50%;margin-top: -8px;z-index: 3;cursor: pointer;}
.divpWrap .tabScroll .arrStyle:before{width: 16px;height: 16px;border-color: #328785;margin: -9px 0 0 -9px;}
.divpWrap .tabScroll .lArrow{left: 5px;}
.divpWrap .tabScroll .rArrow{right: 5px;}
.divpWrap .tabScroll .arrStyle.disable{pointer-events: none;opacity: 0.3;}
.divpWrap .tabScroll .container{width: 100%;position: relative;overflow: hidden;z-index: 2;padding: 20px 0;}
.divpWrap .tabScroll .container .dot{width: 88px;height: 88px;margin: 0 auto;position: relative;text-align: center;line-height: 88px;color: #333333;cursor: pointer;}
.divpWrap .tabScroll .container .dot span{position: relative;z-index: 3;}
.divpWrap .tabScroll .container .dot:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #EFEFEF;border-radius: 50%;}
.divpWrap .tabScroll .container .dot:after{content: "";width: 84%;height: 84%;position: absolute;left: 8%;top:8%;z-index: 2;background: #DDDDDD;border-radius: 50%;}
.divpWrap .tabScroll .container .on .dot{color: #fff;font-weight: bold;}
.divpWrap .tabScroll .container .on .dot:before{background: #328785;opacity: 0.2;animation: scaleBtn 3s 1.5s linear infinite alternate;}
.divpWrap .tabScroll .container .on .dot:after{background: #328785;animation:scaleBtn1 3s linear infinite alternate;}
@keyframes scaleBtn{to{transform: scale(1.1);opacity: 0;}}
@keyframes scaleBtn1{to{transform: scale(1.1);opacity: 0.6;}}

.contactUs{padding: 3.645% 0 4.166%;}
.contactUs .item1{padding-bottom: 2.1%;color: #333333;line-height: 2;}
.contactUs .item1 ul{display: flex;flex-wrap: wrap;}
.contactUs .item1 ul li{box-sizing: border-box;margin-bottom: 52px;width: 38.8%;margin: 0 11% 3.42% 0;}\
.contactUs .item1 ul li:nth-child(2n){margin-right: 0;}
.contactUs .item1 ul li .tit{color: #333333;line-height: 1;margin-bottom: 20px;}
.contactUs .item1 ul li .tit em{color: #328785;margin-right: 10px;}

.contactUs .item2{margin-bottom: 5.26%;}
.contactUs .item2 .title{margin: 2.34%;padding-bottom: 22px;position: relative;text-align: center;line-height: 1;color: #333333;}
.contactUs .item2 .tips{line-height: 2;color: #333333;margin-bottom: 1.31%;}
.contactUs .item2 .subTitle{line-height: 3;color: #333333;}
.contactUs .item2 .formItem{width: 42.76%;margin-bottom: 1.97%;}
.contactUs .item2 .formItem.w100p{width: 100%;}
.contactUs .item2 .formItem label{display: block;line-height: 42px;color: #666666;}
.contactUs .item2 .formItem label em{color: #d50606;}
.contactUs .item2 .formItem .text,
.contactUs .item2 .formItem textarea,
.contactUs .item2 .formItem select{width: 100%;padding: 0 16px;line-height: 58px;color: #333;border: 1px solid #999999;position: relative;z-index: 2;background: none;box-sizing: border-box;}
.contactUs .item2 .formItem .arrStyle:before{left: auto;right: 24px;width: 8px;height: 8px;border-width: 1px;margin: -4px 0 0 0;border-color: #999999;}
.contactUs .item2 .formItem textarea{height: 100px;}
.contactUs .item2 .formItem .codeWrap{padding-right: 140px;position: relative;}
.contactUs .item2 .formItem .codeWrap .pic{width: 140px;height: 100%;position: absolute;right: 0;top:0;box-sizing: border-box;border: 1px solid #999999;border-left: none;}
.contactUs .item2 .formItem .codeWrap .pic img{width: 100%;height: 100%;cursor: pointer;}
.contactUs .item2 .subm{display: block;margin: 1.97% auto 0;width: 200px;height: 60px;}

.contactUs .mapWrap{position: relative;margin-bottom: 2.23%;}
.contactUs .mapWrap .map{width: 100%;height: 555px;}
.contactUs .mapWrap .cont{width: 520px;height: 100%;position: absolute;right: 0;top:0;z-index: 2;background: #338785;}
.contactUs .mapWrap .tit{color: #fff;line-height: 44px;margin-bottom: 38px;}
.contactUs .mapWrap .top{padding: 38px 48px 25px;box-sizing: border-box;height: 325px;}
.contactUs .mapWrap .top .select{margin-bottom: 30px;position: relative;background: #fff;border-radius: 2px;}
.contactUs .mapWrap .top .select:before{left: auto;right: 24px;width: 8px;height: 8px;border-width: 1px;margin: -8px 0 0 0;border-color: #999999;}
.contactUs .mapWrap .top .select select{width: 100%;height: 60px;box-sizing: border-box;padding: 0 20px;background: none;border: none;color: #333333;}
.contactUs .mapWrap .btm{height: 230px;box-sizing: border-box;padding: 30px 48px 0;background: rgba(255,255,255,0.2);}
.contactUs .mapWrap .btm .tit{margin-bottom: 10px;}
.contactUs .mapWrap .btm .text{color: #fff;}
.contactUs .item3 .desc{line-height: 1.9;color: #666666;}
.contactUs .item3 .desc span{margin-right: 60px;}
.contactUs .item3 .desc span img{margin-right: 20px;}

.aboutUs .title{padding-bottom: 22px;position: relative;text-align: center;color: #333333;margin-bottom: 2.5%;}
.aboutUs .item1{padding: 4.16% 0;}
.aboutUs .item1 .cont{padding-bottom: 2.8%;background: #f5f5f5 url(../images/aboutBg1.jpg) no-repeat center top;}
.aboutUs .item1 .cont .w1520{position: relative;}
.aboutUs .item1 .pic{width: 54%;height: 0;padding-bottom: 610px;position: relative;overflow: hidden;}
.aboutUs .item1 .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: bottom;background-size: cover;}
.aboutUs .item1 .text{width: 38.4%;padding-top: 50px;}
.aboutUs .item1 .text .tit{line-height: 1;color: #338785;padding-bottom: 30px;border-bottom: 1px solid #cfcfcf;position: relative;margin-bottom: 30px;}
.aboutUs .item1 .text .tit:before{content: "";width: 60px;height: 1px;position: absolute;left: 0;bottom: -1px;background: #338785;}
.aboutUs .item1 .text .detail{color: #666666;max-height: 256px;overflow: auto;}

.aboutUs .item1 .text .detail::-webkit-scrollbar{width:3px;height:3px}
.aboutUs .item1 .text .detail::-webkit-scrollbar-button:vertical{display:none}
.aboutUs .item1 .text .detail::-webkit-scrollbar-corner,
.aboutUs .item1 .text .detail::-webkit-scrollbar-track{background-color:#F5F5F5}
.aboutUs .item1 .text .detail::-webkit-scrollbar-thumb{border-radius:0;background-color:#CCCCCC; }
.aboutUs .item1 .text .detail::-webkit-scrollbar-thumb:vertical:hover{ }
.aboutUs .item1 .text .detail::-webkit-scrollbar-thumb:vertical:active{ }

.aboutUs .item1 .num{width: 64%;position: absolute;right: -48px;bottom: 38px; box-shadow: 0px 5px 18.4px 4.6px rgba(200, 197, 206, 0.14);box-sizing: border-box;padding: 15px 60px 25px;}
.aboutUs .item1 .num:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;opacity: 0.8;
background-image: -moz-linear-gradient( 90deg, rgb(51,135,133) 0%, rgba(51,135,133,0.8) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(51,135,133) 0%, rgba(51,135,133,0.8) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(51,135,133) 0%, rgba(51,135,133,0.8) 100%);}
.aboutUs .item1 .num ul{position: relative;z-index: 2;display: flex;justify-content:space-between;text-align: center;color: #fff;}
.aboutUs .item1 .num ul h5{font-size: 56px;font-family: "DINAltBold";font-weight: normal;vertical-align: top;line-height: 76px;display: flex;align-items:flex-start;}
.aboutUs .item1 .num ul h5 sup{line-height: 50px;font-size: 34px;}

.aboutUs .item2 ul{position: relative;}
.aboutUs .item2 li{width: 35.78%;}
.aboutUs .item2 li a{display: block;width: 100%;height: 0;padding-bottom: 484px;position: relative;overflow: hidden;}
.aboutUs .item2 li a em,
.aboutUs .item2 li a b{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.aboutUs .item2 li a em{background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutUs .item2 li a b{z-index: 2;
background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.05882) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.05882) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.05882) 100%);}
.aboutUs .item2 li a .text{position: absolute;left: 0;bottom: 64px;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 60px;color: #fff;text-align: center;}
.aboutUs .item2 li a .text h5{line-height: 40px;margin-bottom: 8px;}
.aboutUs .item2 li a .text .desc{line-height: 32px;max-height: 0;overflow: hidden;}
.aboutUs .item2 li a:hover .text .desc{max-height: 64px;}
.aboutUs .item2 .li2{position: absolute;top:0;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);z-index: 3;width: 38.3%;clip-path: polygon(13% 0, 100% 0, 87% 100%, 0 100%);}

.aboutUs .item3{padding: 4.16% 0;}
.aboutUs .item3 .container{width: 100%;position: relative;overflow: hidden;padding:  20px 0 36px;margin-top: -20px;}
.aboutUs .item3 .container .swiper-slide{width: 720px;height: 370px;}
.aboutUs .item3 .container .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(3, 0, 0, 0.15);}
.aboutUs .item3 .container .bg,
.aboutUs .item3 .container .mask{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.aboutUs .item3 .container .bg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutUs .item3 .container .mask{z-index: 2;background: url(../images/mask2.png) no-repeat center;background-size: cover;}
.aboutUs .item3 .container .mask2{background-image: url(../images/mask3.png);opacity: 0;}
.aboutUs .item3 .container .text{position: absolute;left: 0;top:0;z-index: 3;height: 100%;box-sizing: border-box;padding: 54px 0 30px 40px;max-width: 460px;overflow: auto;}
.aboutUs .item3 .container .text .tit{line-height: 40px;margin-bottom: 20px;color: #5a9d9b;}
.aboutUs .item3 .container .text .txt{color: #333333;}
.aboutUs .item3 .container .swiper-slide-active .mask1{opacity: 0;}
.aboutUs .item3 .container .swiper-slide-active .mask2{opacity: 1;}
.aboutUs .item3 .container .swiper-slide-active .text .tit,
.aboutUs .item3 .container .swiper-slide-active  .text .txt{color: #fff;}
.aboutUs .item3 .container .swiper-pagination{bottom: 0;height: 6px;line-height: 6px;}
.aboutUs .item3 .container .swiper-pagination .swiper-pagination-bullet{width: 48px;height: 6px;background: #cccccc;margin:0 8px;opacity:1;position: relative;cursor: pointer;border-radius: 0;}
.aboutUs .item3 .container .swiper-pagination .swiper-pagination-bullet:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #338785;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transition:all 1s linear;transition:all 1s linear;}
.aboutUs .item3 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{-webkit-transform: scale(1,1);transform: scale(1,1);}

.aboutUs .item3 .container .text::-webkit-scrollbar{width:3px;height:3px}
.aboutUs .item3 .container .text::-webkit-scrollbar-button:vertical{display:none}
.aboutUs .item3 .container .text::-webkit-scrollbar-corner,
.aboutUs .item3 .container .text::-webkit-scrollbar-track{background-color:#F5F5F5}
.aboutUs .item3 .container .text::-webkit-scrollbar-thumb{border-radius:0;background-color:#338785; }
.aboutUs .item3 .container .text::-webkit-scrollbar-thumb:vertical:hover{ }
.aboutUs .item3 .container .text::-webkit-scrollbar-thumb:vertical:active{ }

.solution{padding: 5.2% 0;margin: 0;}
.solution ul li .wrap{display: block;background: #ebebeb;}
.solution ul li .wrap .pic{width: 50%;height: 437px;position: relative;overflow: hidden;}
.solution ul li .wrap .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.solution ul li .wrap .text{width: 50%;box-sizing:border-box;padding-right: 197px;position: relative;}
.solution ul li .wrap .text .wrap{width: 100%;height: 437px;box-sizing:border-box;padding: 65px 54px 0 44px;background: #ffffff;position: relative;z-index: 2;}
.solution ul li .wrap .text .tit{padding-bottom: 14px;border-bottom: 2px solid #dbdbdb;position: relative;color: #333333;line-height: 40px;margin-bottom: 20px;}
.solution ul li .wrap .text .tit:before{content: "";width: 66px;height: 2px;background: #338785;position: absolute;left: 0;bottom: -2px;z-index: 2;-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.solution ul li .wrap .text p{margin-bottom: 32px;line-height: 28px;color: #333333;font-weight: 300;}
.solution ul li .wrap .text dl dd{margin-bottom: 28px;line-height: 35px;color: #333333;box-sizing: border-box;min-width: 50%;padding-right: 30px;}
.solution ul li .wrap .text dl dd img{margin-right: 20px;height: 30px;}
.solution ul li .wrap .arr{width: 197px;height: 8px;position: absolute;right: 0;top: 50%;margin-top: -4px;background: url(../images/arrow5.png) no-repeat center;opacity: 0;-webkit-transform:translateX(-50px);transform:translateX(-50px);}

.solution ul li .wrap:hover .text .wrap{background: #338785;}
.solution ul li .wrap:hover .text .wrap .tit:before{background: #ffffff;left: calc(100% - 66px);}
.solution ul li .wrap:hover .text .wrap .tit,
.solution ul li .wrap:hover .text .wrap p,
.solution ul li .wrap:hover .text .wrap dl dd{color: #fff;}
.solution ul li .wrap:hover .text .wrap .tit{border-color: #99c3c2;}
.solution ul li .wrap:hover .text .wrap dl dd img{filter: brightness(0) invert(1);}
.solution ul li .wrap:hover .arr{opacity: 1;-webkit-transform:translateX(0);transform:translateX(0);}

.solution ul li:nth-child(2n) .wrap .pic {float: right;}
.solution ul li:nth-child(2n) .wrap .text{padding-left: 197px;padding-right: 0;}
.solution ul li:nth-child(2n) .wrap .arr{left: 0;right: auto;}

.solList{padding: 5.2% 0 3.38%;min-height: 350px;}
.solList ul li{width: 31.5%;margin: 0 2.75% 5.2% 0;}
.solList ul li:nth-child(3n){margin-right: 0;}
.solList ul li a{display: block;background: #f7f7f7;}
.solList ul li a .pic{width: 100%;height: 0;padding-bottom: 79.58%;position: relative;overflow: hidden;}
.solList ul li a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.solList ul li a .pic:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background: rgba(51,135,133,0.32);opacity: 0;}
.solList ul li a .text{padding: 0 20px;}
.solList ul li a .text h5{line-height: 100px;color: #333333;font-weight: normal;text-align: center;}
.solList ul li a:hover{-webkit-box-shadow: 0px 7px 22.36px 3.64px rgba(200, 197, 206, 0.38);box-shadow: 0px 7px 22.36px 3.64px rgba(200, 197, 206, 0.38);background: #fff;}
.solList ul li a:hover .pic:before{opacity: 1;}
.solList ul li a:hover .text h5{color: #338785;}
.solList .page{position: relative;top:-35px;}

.cSolution{min-height: 350px;padding-bottom: 4.9%;}
.cSolution .item1{margin-bottom: 73px;position: relative;top:-60px;}
.cSolution .item1:before{content: "";width: 310px;height: calc(100% - 32px);background: #338785;position: absolute;top:60px;left: -25px;opacity: 0.6;}
.cSolution .item1 .wrap{background: #ffffff;-webkit-box-shadow: 0px 5px 26.66px 4.34px rgba(180, 180, 180, 0.55);box-shadow: 0px 5px 26px 4.34px rgba(180, 180, 180, 0.55);box-sizing:border-box;padding: 50px 440px 49px 65px;position: relative;z-index: 2;}
.cSolution .item1 .tit{margin-right: 45px;padding-bottom: 13px;border-bottom: 1px solid #dedede;margin-bottom: 20px;color: #666666;line-height: 38px;}
.cSolution .item1 .cont{padding-right: 45px;overflow: auto;max-height: 258px;overflow: auto;}
.cSolution .item1 .ul{margin-bottom: 20px;}
.cSolution .item1 .ul li{margin-right: 32px;line-height: 32px;color: #666666;display: flex;align-items:center;}
.cSolution .item1 .ul li:last-child{margin-right: 0;}
.cSolution .item1 .ul li i{width: 16px;height: 16px;background: #a2cecd;border-radius: 50%;position: relative;margin-right: 12px;}
.cSolution .item1 .ul li i:before{content: "";width: 6px;height: 6px;position: absolute;left: 50%;top:50%;margin: -3px 0 0 -3px;background: #368f8d;border-radius: 50%;}
.cSolution .item1 .picWrap{width: 378px;position: absolute;right: 0;bottom: 0;}
.cSolution .item1 .picWrap .pic{width: 100%;height: 0;padding-bottom: 120.63%;position: relative;overflow: hidden;margin-bottom: 32px;margin-bottom: 0;}
.cSolution .item1 .picWrap .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.cSolution .item1 .picWrap h5{line-height: 32px;color: #666666;text-align: center;}

.cSolution .item2{padding: 28px 0 3.125%;background: #f9f9f9 url(../images/cSolutionBg1.jpg) no-repeat center top;background: #f9f9f9;}
.cSolution .item2 .tit{margin-bottom: 30px;line-height: 92px;color: #6c6c6c;position: relative;}
.cSolution .item2 .tit:before{content: "";width: 248px;height: 2px;background: #dadada;position: absolute;left: 0;bottom: 0;}
.cSolution .item2 .tit:after{content: "";width: 40px;height: 2px;background: #368f8d;position: absolute;left: 0;bottom: 0;z-index: 2;}
.cSolution .item2 .cont{line-height: 28px;color: #666666;}
.cSolution .item2 .cont .mrgBtm{margin-bottom: 30px;}
.cSolution .item2 .cont .mrgBtm1{margin-bottom: 30px;}
.cSolution .item2 .cont .pic{text-align: center;padding: 30px 0 48px;}
/* .cSolution .item2 .cont,
.cSolution .item2 .cont *{font-size: 18px !important;line-height: 28px !important;color: #666666 !important;} */

.cSolution .item3{padding: 3.23% 0 0;background: url(../images/cSolutionBg2.jpg) no-repeat center top;}
.cSolution .item3 .tit{margin-bottom: 3.68%;text-align: center;font-size: 0;}
.cSolution .item3 .tit span{display: inline-block;line-height: 38px;color: #333333;padding: 0 140px;position: relative;}
.cSolution .item3 .tit span i{width: 99px;height: 1px;background: #cccccb;position: absolute;top:50%;}
.cSolution .item3 .tit span i:before{content: "";width: 50%;height: 100%;position: absolute;right: 0;top:0;background: #4c9fa2;}
.cSolution .item3 .tit span i.left{left: 0;}
.cSolution .item3 .tit span i.right{right: 0;}
.cSolution .item3 .tit span i.right:before{left: 0;right: auto;}
.cSolution .item3 .container{padding: 22px 12px 20px;position: relative;overflow: hidden;}
.cSolution .item3 .container .swiper-slide{position: relative;width: 33.33%;transition: 1s;-webkit-transition: 1s;cursor: pointer;}
.cSolution .item3 .container .swiper-slide.swiper-slide-active{z-index: 2;}
.cSolution .item3 .container .pic{height: 280px;border:1px solid #d7d7d7;background: #ffffff;text-align: center;line-height: 280px;position: relative;margin-bottom: 50px;}
.cSolution .item3 .container .pic img{max-width: 80%;max-height: 80%;}
.cSolution .item3 .container .pic .arr{width: 42px;height: 9px;position: absolute;right: 47px;bottom: 59px;background: url(../images/arrow7.png) no-repeat center;z-index: 3;opacity: 0;-webkit-transform:translateX(-46px);transform:translateX(-46px); }
.cSolution .item3 .container .pic:before{content: "";width: calc(100% - 94px);height: 2px;background: #c5dada;position: absolute;z-index: 3;left: 47px;bottom: 40px;-webkit-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -webkit-transform: scale(0);transform: scale(0);}
.cSolution .item3 .container .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: rgba(51,135,133,0.5);opacity: 0;}
.cSolution .item3 .container h5{font-size: 16px;color: #338785;line-height: 30px;text-align: center;opacity: 0;}
.cSolution .item3 .container .swiper-slide.swiper-slide-active .pic{transform: scale(1.2);-webkit-transform: scale(1.2);border:none;line-height: 220px;}
.cSolution .item3 .container .swiper-slide.swiper-slide-active .pic b,
.cSolution .item3 .container .swiper-slide.swiper-slide-active .pic .arr{opacity: 1;}
.cSolution .item3 .container .swiper-slide.swiper-slide-active .pic .arr{-webkit-transform:translateX(0);transform:translateX(0);}
.cSolution .item3 .container .swiper-slide.swiper-slide-active .pic:before{-webkit-transform: scale(1);transform: scale(1);}
.cSolution .item3 .container .swiper-slide.swiper-slide-active h5{opacity: 1;}
.cSolution .item3 .container .swiper-button-prev,
.cSolution .item3 .container .swiper-button-next{width: 45px;height: 90px;top:124px;margin-top: 0;background: #efefef;}
.cSolution .item3 .container .swiper-button-prev:before,
.cSolution .item3 .container .swiper-button-next:before{content:"";width: 12px;height: 23px;position: absolute;left: 50%;top:50%;margin: -12px 0 0 -6px;background: url(../images/arrow11.png) no-repeat left top;}
.cSolution .item3 .container .swiper-button-next:before{background-position: right top;}
.cSolution .item3 .container .swiper-button-prev:hover:before{background-position: left bottom;}
.cSolution .item3 .container .swiper-button-next:hover:before{background-position: right bottom;}
.cSolution .item3 .container .swiper-button-prev{left:-50px;}
.cSolution .item3 .container .swiper-button-next{right: -50px;}
.cSolution .item3 .container:hover .swiper-button-prev{left:2px;}
.cSolution .item3 .container:hover .swiper-button-next{right:2px;}

.news{margin: 5.2% auto;}
.recomNews{margin-bottom: 50px;position: relative;overflow: hidden;}
.recomNews .wrap{display: block;background: #f9f9f9 url(../images/newsBg.png) no-repeat right bottom;}
.recomNews .wrap .pic{height: 0;padding-bottom: 460px;width: 43.4%;position: relative;overflow: hidden;}
.recomNews .wrap .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.recomNews .wrap .text{width: 51.3%;padding: 42px 2.6% 0 0;}
.recomNews .wrap .text .tit{position: relative;padding-bottom: 20px;border-bottom: 2px solid #cfcfcf;position: relative;margin-bottom: 20px;}
.recomNews .wrap .text .tit:before{content: "";width: 60px;height: 2px;background: #338785;position: absolute;left: 0;bottom: 0;z-index: 2;
-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.recomNews .wrap .text h5{color: #338785;line-height: 44px;font-weight: normal;max-height: 100px;overflow: hidden;}
.recomNews .wrap .text p{margin-bottom: 20px;line-height: 32px;color: #666666;max-height: 96px;overflow: hidden;}
.recomNews .wrap .text span{line-height: 24px;color: #333333;}
.recomNews .wrap:hover .text .tit:before{left: calc(100% - 60px);}

.recomNews .btnWrap{position: absolute;left: 46.1%;bottom: 38px;width: 44px;z-index: 2;}
.recomNews .btnWrap:before{content: "";width: 14px;height: 1px;background: #338785;position: absolute;left: 50%;margin-left: -7px;top:50%;}
.recomNews .btnWrap div{cursor: pointer;}

.newsList{padding-bottom: 6px;}
.newsList li{width: 31.5%;margin: 0 2.75% 50px 0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newsList li a{display: block;background: #fbfbfb;}
.newsList li a .pic{width: 100%;height: 0;padding-bottom: 67.5%;position: relative;overflow: hidden;}
.newsList li a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.newsList li a .text{padding: 20px;}
.newsList li a .text h5{line-height: 40px;color: #333333;font-weight: normal;}
.newsList li a .text i{display: block;width: 40px;height: 2px;background: #338785;margin: 13px 0 10px;}
.newsList li a .text p{margin-bottom: 8px;line-height: 32px;color: #999999;/* font-family: "HelLight"; */height: 64px;overflow: hidden;}
.newsList li a .text .btm{color: #333333;line-height: 32px;}
.newsList li a:hover{box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.newsList li a:hover .text h5{color: #338785;}

.passage{padding: 5.2% 0;background: #eeeeee;}
.passage > .w1520{box-sizing:border-box;padding: 56px 78px 45px 72px;background: #ffffff;min-height: 350px;}
.passage .psgTit{padding-bottom: 15px;border-bottom: 2px solid #cfcfcf;margin-bottom: 48px;}
.passage .psgTit h3{margin-bottom: 24px;font-size: 28px;line-height: 40px;color: #338785;font-weight: normal;}
.passage .psgTit .btm{font-size: 16px;line-height: 36px;color: #333333;}
.passage .psgTit .btm .date{padding-left: 30px;background: url(../images/dateIcon.png) no-repeat left center;color: #666666;}
.passage .psgTit .btm .share{font-size: 18px;color: #a9a9a9;}
.passage .psgTit .btm .share a{margin-left: 16px;}
.passage .psgTit .btm .share a:hover{opacity: 0.7;}
.passage .psgCont{min-height: 300px;padding-bottom: 76px;border-bottom: 2px solid #cfcfcf;margin-bottom: 38px;}
.passage .psgCont .tit{margin-bottom: 34px;padding-left: 15px;position: relative;font-size: 24px;color: #338785;font-weight: normal;}
.passage .psgCont .tit:before{content: "";width: 4px;height: 19px;background: #338785;position: absolute;left: 0;top: 6px;}
.passage .psgCont .mrgBtm{margin-bottom: 25px;}
.passage .psgCont .pTit{text-align: center;color: #338785;font-weight: normal;}
.passage .psgCont .pic{text-align: center;padding: 8px 0 44px;}
.passage .psgCont .ul{margin-top: -10px;}
.passage .psgCont .ul li{padding-left: 16px;position: relative;}
.passage .psgCont .ul li:before{content: "";width: 3px;height: 3px;border:1px solid #338785;border-radius: 50%;position: absolute;left: 0;top:11px;}
.passage .psgBtm{line-height: 40px;font-size: 18px;color: #338785;text-align: center;}
.passage .psgBtm .prev img,.passage .psgBtm .toList img{margin-right: 15px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.passage .psgBtm .next img{margin-left: 15px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.passage .psgBtm .prev:hover img,.passage .psgBtm .toList:hover img,.passage .psgBtm .next:hover img{-webkit-transform: scale(0.8);transform: scale(0.8);}


.lev3Nav{margin-bottom: 55px;text-align: center;font-size: 0;}
.lev3Nav li{display: inline-block;margin: 0 40px;}
.lev3Nav li a{display: block;height: 57px;padding: 0 33px;border:1px solid #999999;line-height: 57px;font-weight: normal;font-size: 20px;color: #333333;}
.lev3Nav li.on a,.lev3Nav li a:hover{background: #338785;border-color: #338785;color: #fff;}

.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;height:45px;text-align:center;line-height:45px;color:#555;z-index:120;font-size: 18px;}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%;max-width: 99%;*}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0;}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}


.honorWrap{margin: 4% auto 5.2%;}
.honorWrap .title{text-align: center;padding-bottom: 22px;position: relative;margin-bottom: 3.3%;}

.honorList{padding-bottom: 12px;}
.honorList li{width: 30%;margin: 0 5% 3% 0;}
.honorList li:nth-child(3n){margin-right: 0;}
.honorList li a{display: block;}
.honorList li a .pic{padding: 20px;background: #f1f1f1;}
.honorList li a .pic span{display: block;height: 370px;background: #ffffff;text-align: center;line-height: 370px;overflow: hidden;position: relative;}
.honorList li a .pic span img{max-width: 100%;max-height: 100%;}
.honorList li a .pic span b{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(51,134,132,0.4);opacity: 0;}
.honorList li a .pic span i{width: 80px;height: 80px;position: absolute;left: 50%;top:50%;margin: -40px 0 0 -40px;background: url(../images/scaleIcon.png) no-repeat center;z-index: 3;opacity: 0;-webkit-transform: scale(0.4);transform: scale(0.4);}
.honorList li a .tit{height: 99px;box-sizing:border-box;padding: 24px 60px 0;background: #dedede;text-align: center;font-size: 18px;color: #333333;line-height: 30px;font-weight: normal;}
.honorList li a .tit h5{font-weight: normal;}
.honorList li a:hover .pic span b{opacity: 1;}
.honorList li a:hover .pic span i{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.honorList li a:hover .tit{background: #338785;color: #fff;}

.mapsite{margin: 4.16% 0;}
.mapsite .title{color: #333;line-height: 1;padding-bottom: 22px;position: relative;margin-bottom: 3.3%;text-align: center;}
.sitemap-box{padding-bottom: 60px;}
.sitemap-box .item{margin-bottom: 20px;}
.sitemap-box .item .tit{padding-bottom: 10px;border-bottom: 1px dashed #ddd;font-size: 20px;line-height: 30px;}
.sitemap-box .item .tit a{display: inline-block;vertical-align: top;color: #338785;}
.sitemap-box .item .txt{margin-top: 20px;line-height: 20px;}
.sitemap-box .item .txt a{position: relative;display: inline-block;vertical-align: top;padding-left: 20px;margin: 0 10px 10px;transition: 0.3s;font-size: 16px;}
.sitemap-box .item .txt a:before{content: "";position: absolute;left: 0;top: 50%;width: 12px;height: 12px;margin-top: -6px;background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik01MDAuNDI5IDcxMS4zNzNsNjcuMDcyLTY3Ljg5MWMtNjEuMDMtNS4xMi0xMDIuMDkzLTIzLjg2LTEzMy4xMi01NC43ODQtODIuNzQtODIuNjM3LTgyLjc0LTIwMC4xOTIgMC0yODIuMzE3bDE1Ny40OTEtMTU3LjE4NGM4My4yNTEtODIuNjM3IDIwMC4wOS04My4xNDkgMjgyLjgyOS0uNTEyIDgzLjI1MSA4My42NiA4Mi43MzkgMjAwLjI5NC41MTIgMjgyLjQxOWwtODkuOTA3IDg5LjcwMmMxMy43MjEgMzIuNDYxIDE3LjgxNyA3MC40NTIgMTEuNjczIDEwMy45MzZsMTM5LjY3NC0xMzkuNDY4YzExNi4zMjYtMTE1LjUwOCAxMTYuNzM2LTI4MC4yNy0uNTEyLTM5Ny4zMTItMTE3Ljc2LTExNy43Ni0yODIuMzE3LTExNi43MzYtMzk4LjEzMS0uNjE1TDM3Mi40MjkgMjUyLjYyMWMtMTE1LjcxMiAxMTUuNjEtMTE2LjczNiAyODAuMzcxLjUxMiAzOTcuNDE0IDMwLjAwMyAyOS40OTEgNjguMDk2IDUwLjY4OCAxMjcuNDg4IDYxLjQ0ek00ODYuMTk1IDkzNi45NmwxNjUuMDY5LTE2NS4xNzFDNzY3LjU5IDY1NS42NjcgNzY4IDQ5MS40MTggNjUwLjc1MiAzNzMuNzZjLTI5LjQ5MS0yOS4zODktNjcuNTg0LTUwLjY4OC0xMjYuOTc2LTYwLjgyNmwtNjcuNTg0IDY3LjQ4MmM2MS40NCA1LjUzIDEwMi42MDUgMjQuMjY5IDEzMy4xMiA1NC42ODIgODMuMjUxIDgyLjYzNiA4Mi43NCAyMDAuMjk0LjUxMiAyODIuNDE5TDQzMS44MjEgODc0LjQ5NmMtODIuNzQgODIuNjM3LTE5OS41NzggODMuMTQ5LTI4Mi4zMTcuNTEyLTgzLjc2My04My4wNDYtODIuNzQtMjAwLjE5Mi0uNTEyLTI4Mi4zMTdsODkuOTA3LTg5LjcwMmExODYuMDYgMTg2LjA2IDAgMCAxLTExLjY3My0xMDMuNDI0TDg3LjU1MiA1MzguNTIyYy0xMTYuMzI2IDExNi4xMjEtMTE3LjM1IDI4MC4zNy41MTIgMzk3LjkyNiAxMTcuMjQ4IDExNy4xNDYgMjgxLjgwNSAxMTYuMTIyIDM5OC4xMzEuNTEyeiIgZmlsbD0iIzMzODc4NSIvPjwvc3ZnPg==');background-size: 100% 100%;filter: brightness(0) invert(.5);}
.sitemap-box .item .txt a:hover{text-decoration: underline;color: #338785;}
.sitemap-box .item .txt a:hover:before{filter: none;}


.floatAd{position: fixed;left: 10px;top: 50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);z-index: 8;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
.floatAd img{max-width: 168px;}
.floatAd .close{width: 24px;height: 24px;position: absolute;right: -34px;top:-10px;cursor: pointer;background: url(../images/close.png) no-repeat center;}

/* 20221028新增视频中心 */
.video_wrap{padding: 37px 0;}
.video_wrap .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 29px;}
.video_wrap .title h6{color: #342D2A;line-height: 43px;font-size: 30px;font-weight: normal;}
.video_wrap .title .sear{border: 1px solid #E4E4E4;background: #fff;}
.video_wrap .title .sear input{border: none;height: 43px;line-height: 43px;text-indent:10px;color: #666;}
.video_wrap .title .sear input[type=text]{width: 225px;font-weight: normal;}
.video_wrap .title .sear input[type=submit]{width: 56px;background: url(../images/icons8-search.svg) center no-repeat;}
/*分类区*/
.classify-area{}
.classify-area .section{display: flex;justify-content: space-between;margin-top: 20px;border: 1px solid #E4E4E4;align-items: center;}
.classify-area .section .name{flex: 0 0 140px;box-sizing: border-box;padding: 24px 0;background-color: #F6F6F6;border-right: 1px solid #E4E4E4;text-align: center;color: #191919;}
.cpIco{background: url(../images/listico1.svg) left center no-repeat;padding-left: 28px;}
.lbIco{background: url(../images/listico2.svg) left center no-repeat;padding-left: 28px;}
.classify-area .section .list{flex: 1 1 100%;box-sizing: border-box;padding: 10px 25px;background: #fff;}
.classify-area .section .list li{display: inline-block;vertical-align: top;margin: 1em 1.5em 1em 0;}
.classify-area .section .list li a{position: relative;display: block;padding: 0 1.5em 0 2em;line-height: 14px;transition: 0.3s;font-size: 16px;color: rgba(0,0,0,0.65);}
.classify-area .section .list li a:before{content: '';position: absolute;left: 0;top: 0;width: 16px;height: 16px;transition: 0.5s; background: url(../images/videoradio1.svg) left center no-repeat;}
.classify-area .section .list li.on a:before{background: url(../images/videoradio2.svg) left center no-repeat;}
/*结果提示区*/
.result-tips-wrap{display: flex;justify-content: space-between;margin-top: 37px;padding-bottom: 12px;position:relative}
.result-tips-wrap .tip{white-space: nowrap;line-height: 34px;font-size: 14px;}
.result-tips-wrap .tip i{margin: 0 .5em;color: #328785;}
.result-tips-wrap .selected-wrap{flex: 1 1 100%;margin: 0 25px;}
.result-tips-wrap .selected-wrap .item{position: relative;display: inline-block;vertical-align: top;padding: 0 2.5em 0 1em;margin: 0 .5em .5em 0;background-color: #fff;border: 1px solid #E4E4E4;line-height: 32px;color: #666;cursor: pointer;transition: 0.3s;font-size: 14px;}
.result-tips-wrap .selected-wrap .item:after{content: '';position: absolute;right: 1em;top: 50%;width: 10px;height: 10px;margin-top: -5px;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4zMDIuMjcyQS40MTcuNDE3IDAgMCAwIDkuMDEuNEw1IDQuNDEuOTg5LjRhLjQxNy40MTcgMCAxIDAtLjU5LjU4OUw0LjQxMiA1IC40IDkuMDExYS40MTcuNDE3IDAgMSAwIC41ODkuNTlMNSA1LjU4OCA5LjAxMSA5LjZhLjQxNy40MTcgMCAxIDAgLjU5LS41ODlMNS41ODggNSA5LjYuOTg5YS40MTcuNDE3IDAgMCAwLS4yOTgtLjcxN3oiIGZpbGw9IiMwMDlBREMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');background-size: 100% 100%;filter: brightness(0) invert(.5);}
.result-tips-wrap .selected-wrap .item:hover{border-color: #328785;}
.result-tips-wrap .selected-wrap .item:hover:after{filter: none;}
.result-tips-wrap .other-btns{white-space: nowrap;}
.result-tips-wrap .other-btns .btn{display: inline-block;vertical-align: top;box-sizing: border-box;height: 34px;padding: 0 1.2em;background-color: transparent;border: 1px solid #E4E4E4;font-size: 14px;line-height: 32px;cursor: pointer;user-select: none;transition: 0.3s;color: rgba(0,0,0,0.65);}
.result-tips-wrap .other-btns .btn:hover{border-color: #328785;color: #328785;}
/* 列表 */
.block{display: block;}
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.videoList{margin-bottom:3%}
.videoList li{width: calc((100% - 50px) / 3);margin-top: 25px;margin-left: 25px;transition: 0.3s;}
.videoList li:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);}
.videoList li:nth-child(3n+1){margin-left: 0;}
.videoList li .img{position: relative;padding-bottom: 62%;}
.videoList li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.3s;}
.videoList li .img:hover img{opacity: 1;}
.videoList li .img .type{position:absolute;left:10px;bottom:10px;background:#f3a967;color:#fff;font-size:16px;padding:0 10px;line-height:30px}
.videoList li .text{padding: 40px 30px 30px;background: #F8F8F8;}
.videoList li .text .title{color: #342D2A;line-height: 20px;display: block;}
.videoList li .text .time{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}
.videoList li .text .title:hover{color: #328785;}
.videoList li .text .time i{padding-left: 28px; background: url(../images/timeico.svg) left center no-repeat;color: #727272;line-height: 18px;}
.videoList li .text .time a{background: url(../images/down.svg) right center no-repeat;padding-right: 28px;line-height: 18px;color: #328785;transition: 0.3s;filter: brightness(0) invert(0.5);}
.videoList li .text .time a:hover{filter: none;}
.videomore a{width: 226px;height: 60px;line-height: 60px;text-align: center;border: 1px solid #ABABAB;margin:74px auto;color: #454545;}
.videomore a:hover{border-color: #328785;color: #328785;}
.video{padding-bottom:3%}

.contVideoBtn{margin-bottom: 30px;}
.contVideo video{width: 60%;margin:auto;display:block}
.contVideoBtn{text-align: right;padding-top: 10px;border-bottom: 1px solid  #ddd;padding-bottom: 50px;}
.contVideoBtn a{display: inline-block;width: 140px;line-height: 40px;text-align: center;background: #328785;color: #fff;font-size: 16px;}
.contVideoBtn a:hover{background: #f3a967;}
.textAll{font-size: 16px;line-height: 1.7;color: #333;margin-top: 40px;}
/* 20221028新增视频中心 */


/* 20230426 */
.addDownList{padding: 12px 0 0;}
.addDownList .tit{color: #328785;line-height: 28px;font-weight: normal;margin: 45px 0 30px;}
.addDownList .tit:first-child{margin-top: 0;}
.addDownList .tableStyle table{table-collapse: collapse;width: 100%;background: #F6F6F6;border: 1px solid #DDDDDD;}
.addDownList .tableStyle th{color: #333333;line-height: 80px;}
.addDownList .tableStyle th:first-child{text-align: left;padding: 0 30px;}
.addDownList .tableStyle td{border-top: 1px solid #DDDDDD;padding: 26px 0;text-align: center;color: #999999;line-height: 28px;}
.addDownList .tableStyle td:first-child{text-align: left;padding: 26px 30px;}
.addDownList .tableStyle td .title{display: flex;color: #333333;}
.addDownList .tableStyle td .title p{word-wrap:break-word; }
.addDownList .tableStyle td .title .btn{flex-shrink: 0;margin-left: 20px;color: #328785;}
.addDownList .tableStyle td .title .btn img{margin-right: 8px;}
/* .addDownList .tableStyle td .title:hover{color: #328785;} */

.addDownList .wapTable{display: none;}
.addDownList .wapTable li{padding: 12px;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin: 0 10px;margin-bottom: 12px;}
.addDownList .wapTable li:last-child{margin-bottom: 0;}
.addDownList .wapTable li dl{display: flex;line-height: 24px;color: #444;padding: 4px 0;}
.addDownList .wapTable li dt{flex-shrink: 0;font-weight: bold;color: #333333;margin-right: 8px;}
.addDownList .wapTable li dd{flex: 1;overflow: hidden;}
.addDownList .wapTable li dd span{color: #328785;margin-left: 12px;}
.addDownList .wapTable li dd span img{height: 14px;margin: -0.25em 6px 0 0;}
/* 20230426 end */


/*20230822*/
.fWapNav{display:none;}
.fWapNav .nLi{border-bottom: 1px solid #dcdcdc;}
.fWapNav .nLi:last-child{border-bottom: none;}
.fWapNav .nLi h3 a{display:block;position:relative;font-weight:normal;color: #333333;line-height: 1.4;padding: 14px 0;}
.fWapNav .nLi h3 a::before{content: "";width: 9px;height:9px;border-left:1px solid #333;border-bottom: 1px solid #333;position: absolute;right:0;top:50%;margin-top: -5px;transform: rotateZ(-45deg);}
.fWapNav .nLi .navSub{display: none;}
.fWapNav .nLi .navSub ul{padding: 0 0 10px;}
.fWapNav .nLi .navSub ul a{display: block;color: #999999;line-height: 2;}
.fWapNav .nLi.on h3 a:before{transform: rotateZ(135deg);}

.footer{position: relative;}
.footer .goTop{position: absolute;bottom: 20px;right: 5%;width: 66px;height: 66px;background: #f3a866;cursor: pointer;z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,0.1);text-align: center;color: #fff;
display: flex;align-items: center;justify-content: center;border-radius: 5px;
}
.footer .goTop img{height: 28px;margin-bottom: 5px;}
/*.footer .goTop:before{content: "";width: 12px;height: 12px;border-left: 2px solid rgb(5, 147, 138);border-bottom: 2px solid rgb(5, 147, 138);position: absolute;left: 50%;top:50%;margin: -5px 0 0 -7px;transform: rotateZ(135deg);}*/
/*.footer .goTop:hover{background: rgb(5, 147, 138);}*/
/*.footer .goTop:hover:before{border-color: #fff;}*/

.pBanner{height: auto;min-height: 350px;}
/*20230822 end*/


@media screen and (max-width: 1800px){
.header .nav{margin-left: 92px;margin-left: 3%;}
.header .nav .nLi{padding: 0 19px 17px;}
}

@media screen and (max-width: 1640px){
.fz14{font-size: 12px;}
.fz16{font-size: 13px;}
.fz18{font-size: 15px;}
.fz20{font-size: 17px;}
.fz24{font-size: 20px;}
.fz26{font-size: 22px;}
.fz28{font-size: 23px;}
.fz32{font-size: 27px;}
.fz36{font-size: 32px;}
.fz60{font-size: 50px;}

.header .nav{margin-left: 3.5%;}
.header .top .login .loginOut{font-size: 13px;line-height: 22px;}

.header .nav .prodNavSub .w1520{padding: 30px 0 35px;}
.prodNavSub dl dt{line-height: 48px;}
.prodNavSub dl dt .myIcon{height: 48px;width: 34px;}
.prodNavSub dl dt .myIcon img{height: 30px;}
.prodNavSub dl dd{line-height: 28px;}

.addDownList .tit{margin: 30px 0 20px;}
.addDownList .tableStyle th{line-height: 60px;}
.addDownList .tableStyle th:first-child{padding: 0 18px;}
.addDownList .tableStyle td{padding: 18px 0;}
.addDownList .tableStyle td:first-child{padding: 18px;}
.addDownList .tableStyle td .title .btn img{height: 18px;}

}

@media screen and (max-width: 1480px){
.fz14{font-size: 13px;}
.fz15{font-size: 14px;}
.fz16{font-size: 12px;font-size: 15px;}
.fz18{font-size: 14px;font-size: 17px;}
.fz20{font-size: 18px;}
.fz24{font-size: 20px;}
.fz26{font-size: 20px;}
.fz28{font-size: 21px;}
.fz32{font-size: 24px;}
.fz36{font-size: 28px;}
.fz60{font-size: 45px;}
	
	
.header .top span{margin-left: 30px;}
.header .nav .nLi{padding: 0 17px 17px;}

.header .nav .navSub .w1520{padding-top: 30px;padding-bottom: 16px;}
.header .nav .navSub .tit{left: 3%;top:44px;}
.header .nav .nLi1 .navSub0 .cont dl dt{line-height: 38px;padding-left: 50px;}
.header .nav .nLi1 .navSub0 .cont dl dt .icon{width: 40px;}
.header .nav .nLi1 .navSub0 .cont dl dt .icon img{height: 30px;}
.header .nav .navSub .cont .list li{margin-bottom: 20px;width: 30%;margin-right: 5%;}
.header .nav .navSub .cont .list li a{padding-top: 15px;height: 128px;}
.header .nav .navSub .cont .list li a .icon{margin-bottom: 20px;}


.iTitle{padding: 52px 0 32px;}

.isect1 .tabScroll a{line-height: 76px;}
.isect1 .tabScroll a img{margin-right: 12px;height: 40px;}
.isect1 .contScroll .pic{padding-bottom: 420px;}
.isect1 .contScroll .txt{padding: 44px 3.9% 0;}
.isect1 .contScroll .txt .tit{line-height: 34px;}
.isect1 .contScroll .txt .tit img{height: 34px;margin-right: 10px;}
.isect1 .contScroll .txt .desc{line-height: 24px;max-height: 96px;margin: 24px auto 28px;}
.isect1 .contScroll .txt .ul{margin-bottom: 54px;}
.isect1 .contScroll .txt .ul li .icon{margin-bottom: 8px;}

.moreBtn{padding: 0 20px;}
.moreBtn span{line-height: 34px;padding-right: 40px;background-size: 18px auto;}
.moreBtn.green span{padding-right: 40px;}

.isect2 .bg em{padding-bottom: 560px;}
.isect2 .tabs li a .cont .icon{width: 98px;height: 98px;line-height: 98px;border-width: 2px;margin: 0 auto 22px;}

.isect3{padding-bottom: 60px;}
.isect3 .cont{margin-bottom: 36px;}
.isect3 .left .pic{padding-bottom: 225px;}
.isect3 .left .txt{padding: 15px 22px 12px;}
.isect3 .left .txt h5{line-height: 28px;}
.isect3 .left .txt span{line-height: 22px;}
.isect3 .left .txt p{margin: 6px auto 26px;line-height: 18px;height: 36px;}
.isect3 .right{height: 393px;padding: 12px 22px 6px;}
.isect3 .right a{padding: 6px 0;}
.isect3 .right a h5{line-height: 22px;}
.isect3 .right a span{line-height: 24px;}

.isect4{margin-bottom: 60px;}
.isect4 .w1520{padding: 15px 0 60px;}
.isect4 .iTitle{margin-bottom: 0;}
.isect4 .left{padding-top: 54px;}
.isect4 .left .tabs{margin-bottom: ;}
.isect4 .left .tabs li{margin-left: 40px;}
.isect4 .left .tabs a{line-height: 42px;}
.isect4 .left .txtScroll .wrap{line-height: 24px;min-height: 176px;}
.isect4 .picScroll a{padding-bottom: 300px;}




.loginWrap{min-height: 812px;}
.loginForm{max-width: 466px;}
.loginForm .formItem label{width: 44px;height: 44px;line-height: 44px;}
.loginForm .formItem label img{-webkit-transform: scale(0.75);transform: scale(0.75);}
.loginForm .formItem .text, .loginForm .formItem select{line-height: 44px;}
.loginForm .right{line-height: 46px;width: 132px;}
.loginForm .sexWrap label span i{width: 18px;height: 18px;}
.loginForm .formItem .select dd{top:46px;}
.loginForm .formItem .select dt{padding: 0 10px;}
.loginForm .formItem .select dd li{padding: 0;}
.loginForm .right.noMargin{width: 148px;}
.loginForm .quick .cont a img{width: 50px;height: 50px;}

.btnStyle{height: 46px;line-height: 46px;}

/*.pBanner{height: 0;padding-bottom: 18.22%;}*/
.pBanner .w1520{padding-top: 1.66%;}
.pBanner h3{margin: 2% auto 1.3%;}
.pBanner p{max-width: 666px;}

.productWrap .item3 .container .text .icon{width: 50px;height: 50px;line-height: 50px;}
.productWrap .item3 .container .text .icon img{height: 100%;}
.productWrap .item1 ul li .icon{width: 45px;height: 45px;line-height: 45px;}

.productWrap .item2 ul li .pic{height: 270px;line-height: 270px;}
.productWrap .item2 ul li h5{line-height: 46px;}

.prodList .nLi{margin-bottom: 50px;}
.prodList .nLi a{min-height: 220px;}
.prodList .nLi a .pic{width: 40%;}
.prodList .nLi a .pic .wrap{height: 220px;line-height: 220px;}
.prodList .nLi a .text{width: 55%;padding-bottom: 20px;}
.prodList .nLi a .text .box{padding: 12px 20px;}
.prodList .nLi a .text .box .tit h5{line-height: 30px;max-height: 60px;}
.prodList .nLi a .text .box ul li{font-size: 14px;line-height: 28px;}
.prodList .nLi a .text .box ul li .dot{top:5px;}

.contProduct .item1 .picScroll .pic{height: 330px;line-height: 330px;}
.contProduct .item1 .tabScroll .container .pic{height: 74px;line-height: 74px;}
.contProduct .item1 .right{height: 438px;}
.contProduct .item1 .right .title{margin-bottom: 12px;}
.contProduct .item1 .right .subTitle{margin-bottom: 22px;}
.contProduct .item1 .right .text{/* margin-bottom: 48px; */line-height: 1.9;}
.contProduct .item1 .right .btn{width: 112px;height: 46px;line-height: 46px;bottom: 14px;}
.contProduct .item2 .tabs li{line-height: 58px;padding: 0 24px;}

.downloadList li a{padding: 15px 120px 15px 0;}
.table td{padding: 10px 20px;}
.table1 td{padding: 32px 20px;}

.nyBanner{height: 0;padding-bottom: 18.22%;padding-top: 0;}
.nyBanner h3{padding-top: 5.26%;}

.nyBanner1{padding-bottom: 23.44%;}
.nyBanner1 h3{padding-top: 4.7%;}


.nyNav .navUl li{margin-left: 48px;}
.nyNav .navUl li a{line-height: 52px;padding: 0 20px;}
.nyNav .navUl li a:before{height: 4px;bottom: -4px;}

.RAM .ul li{min-height: 210px;padding: 30px 20px;}
.RAM .ul li .icon{width: 36px;height: 36px;margin-bottom: 20px;}
.RAM .ul li .arr{width: 28px;height: 28px;right: -14px;margin-top: -14px;}
.RAM .ul li .arr:before{width: 8px;height: 8px;margin: -5px 0 0 -6px;}

.jsPage .ul1 li{padding: 54px 15px 15px;min-height: 166px;}
.jsPage .ul1 li .num{width: 58px;height: 58px;margin-left: -29px;top:-29px;line-height: 58px;}
.jsPage .ul2 .nLi .text{padding: 52px 15px 15px;height: 250px;}
.jsPage .ul2 .nLi:nth-child(2n) .text{padding: 20px 15px 35px;}
.jsPage .ul2 .nLi .text .icon{width: 58px;height: 58px;margin-left: -29px;top:-29px;line-height: 58px;}
.jsPage .ul2 .nLi:nth-child(2n) .text .icon{bottom: -29px;}

.quesList .dd .wrap .close{bottom: 20px;}

.zlSearch .item{line-height: 44px;}
.zlSearch .item .select dd{top: 46px;}
.zlSearch .item .form .text{height: 44px;line-height: 44px;}
.zlSearch .item .form .subm{height: 44px;background-size: auto 20px;}

.downloadList1 li a{padding: 15px 86px 15px 15px;}
.downloadList1 li a .btn{right: 20px;background-size: auto 20px;padding-left: 26px;}

.aboutWrap .item1 .container .pic{padding-bottom: 300px;}
.aboutWrap .item1 .container .text .tit{padding-bottom: 16px;margin-bottom: 36px;}
.aboutWrap .item1 .container .text .cont{max-height: 170px;}
.aboutWrap .item1 .container .btnWrap .btn{width: 30px;height: 30px;margin-right: 15px;}
.aboutWrap .item1 .container .swiper-pagination .swiper-pagination-bullet{margin-left: 15px;}

.aboutWrap .item2 .jobList .dt .text h5{margin-bottom: 12px;}

.popWrap .content{padding: 30px 36px;}
.popWrap .content .title{margin-bottom: 30px;}
.popWrap .content .formItem{margin-bottom: 20px;}
.popWrap .content .formItem .label{line-height: 40px;}
.popWrap .content .formItem .text, 
.popWrap .content .formItem select,
.popWrap .content .formItem .uploadBtn{line-height: 38px;height: 38px;}
.popWrap .content .formItem textarea{line-height: 38px;height: 120px;}
.popWrap .content .formItem .uploadBtn,.popWrap .content .formItem .codeImg{width: 100px;height: 40px;}
.popWrap .content .formItem .tips,.popWrap .content .formItem .change{line-height: 38px;}
.popWrap .content .subm{margin-top: 38px;}

.divpWrap .contScroll .text{height: 300px;}
.divpWrap .contScroll .text dl{margin-top: 10px;}
.divpWrap .contScroll .pic{padding-bottom: 300px;}
.divpWrap .tabScroll .container .dot{width: 66px;height: 66px;line-height: 66px;}

.contactUs .item1 ul li .tit{margin-bottom: 15px;}
.contactUs .item2 .title{margin-bottom: 16px;}
.contactUs .item2 .formItem label{line-height: 32px;}
.contactUs .item2 .formItem .text, .contactUs .item2 .formItem textarea, .contactUs .item2 .formItem select{padding: 0 12px;line-height: 44px;}
.contactUs .item2 .formItem .arrStyle:before{margin-top: -8px;}
.contactUs .item2 .formItem textarea{height: 76px;}
.contactUs .item2 .subm{width: 150px;height: 46px;line-height: 46px;}
.contactUs .mapWrap .map{height: 418px;}
.contactUs .mapWrap .cont{width: 400px;}
.contactUs .mapWrap .top{padding: 28px 36px 18px;height: 240px;}
.contactUs .mapWrap .tit{line-height: 34px;margin-bottom: 28px;}
.contactUs .mapWrap .top .select{margin-bottom: 22px;}
.contactUs .mapWrap .top .select select{height: 44px;line-height: 44px;}
.contactUs .mapWrap .btm{height: 179px;padding: 22px 36px 0;}
.contactUs .item3 .desc span{margin-right: 45px;}
.contactUs .item3 .desc span img{margin-right: 15px;height: 24px;}


.aboutUs .item1 .pic{padding-bottom: 458px;}
.aboutUs .item1 .text{padding-top: 38px;}
.aboutUs .item1 .text .tit{padding-bottom: 20px;margin-bottom: 20px;}
.aboutUs .item1 .num{bottom: 28px;padding: 10px 46px 18px;}
.aboutUs .item1 .num ul h5{font-size: 42px;line-height: 54px;}
.aboutUs .item1 .num ul h5 sup{font-size: 24px;line-height: 40px;}
.aboutUs .item1 .text .detail{max-height: 200px;}

.aboutUs .item2 li a{padding-bottom: 364px;}
.aboutUs .item2 li a .text{bottom: 48px;}

.aboutUs .item3 .container .text{padding: 40px 0 20px 30px;}
.aboutUs .item3 .container .text .tit{margin-bottom: 15px;}

.solution ul li .wrap .pic{height: 328px;}
.solution ul li .wrap .text .wrap{height: 328px;padding: 30px 30px 0;}
.solution ul li .wrap .text p{margin-bottom: 24px;}
.solution ul li .wrap .text dl dd{margin-bottom: 20px;}

.solList ul li a .text h5{line-height: 78px;}
.solList .page{top:0;}

.cSolution .item1{padding: 0;margin: 0 5%;}
.cSolution .item1 .wrap{padding: 38px 440px 38px 50px;}
.cSolution .item2 .tit{line-height: 72px;}
.cSolution .item3{background-size: auto 340px;}

.recomNews .wrap{background-size: auto 50px;}
.recomNews .wrap .pic{padding-bottom: 380px;}
.recomNews .wrap .text{padding-top: 30px;}
.recomNews .wrap .text .tit{padding-bottom: 20px;margin-bottom: 20px;}
.recomNews .wrap .text .tit h5{line-height: 36px;max-height: 72px;}
.newsList li a .text h5{line-height: 30px;height: 60px;}
.newsList li a .text p{line-height: 22px;height: 44px;}

.recomNews .wrap .pic{padding-bottom: 350px;}
.recomNews .wrap .text .tit{padding-bottom: 12px;margin-bottom: 12px;}
.recomNews .wrap .text p{line-height: 30px;max-height: 90px;}
.newsList li a .text h5{line-height: 26px;height: 52px;}


.passage > .w1520{margin: 0 5%;padding: 56px 50px;}

.honorList li a .pic{padding: 15px;}
.honorList li a .pic span{height: 280px;line-height: 280px;}
.honorList li a .tit{padding: 18px 45px 0;height: 74px;line-height: 22px;font-size: 15px;}
}

@media screen and (max-width: 1400px){
.header .nav{margin-left: 2%;}
.header .nav .nLi{padding: 0 14px 17px;}
.header .language{width: 40px;margin: 0 15px;}
}

@media screen and (max-width: 1300px){
.header .language{width: 54px;margin: 0 15px;}
.header .nav .nLi{padding: 0 10px 17px;}

}

@media screen and (max-width: 1200px){
.header .nav,.header .right{display: none;}
.header{padding: 0;position: relative;}
.header .logo{height: 88px;line-height: 88px;}
.header .menuIcon{display: block;margin-top: 16px;}
.header .top{color: #444}
.header .top .login:before{filter: brightness(0) invert(0.5);}
.header .top .gpdm{display:none;}
.header .top .language{display: block;}
.header .language dt:before{background-image: url(../images/world.svg);background-size: 100%;transform:scale(0.95);}
.header .top .login:before{background-image: url(../images/user.svg);background-size: 110%;}
.header .top .searchBtn{display: block;filter: brightness(0) invert(0.5);margin-left: 10px;background:url(../images/search.svg) no-repeat center;background-size:105%;}
.header .top .searchBtn:before{display:none;}
.header .top .login{margin-left: 20px;}
.cd-popup-container{width: 80%;padding: 40px 20px;}


.banner a{padding-bottom: 65%;}
.banner a .w1520{padding-top: 17.8%;}
.banner a .line{margin-bottom: 6%;}
.banner a .moreBtn{margin-top: 3%;}

.isect2 .tabs li a .cont .icon{width: 88px;height: 88px;line-height: 88px;border-width: 2px;margin: 0 auto 16px;}

.isect3 .left,.isect3 .right{width: 100%;}
.isect3 .left{margin-bottom: 30px;}
.isect3 .left .pic{padding-bottom: 68.18%;}
.isect3 .right{height: auto;padding: 20px;}

.isect4 .left{width: 40%;}
.isect4 .picScroll{width: 45%;}

.footer .w1520{display: block;}
.footer .fNav{display: none;}
.footer .left{margin: 0 auto;}
.footer .left dl{margin-top: 20px;}
.footerBtm .mrgRight{margin-right: 20px;}
.footerBtm .space{margin: 0 12px;}

.footerBtm{text-align: center;}
.footerBtm ul{display: none;}
.footerBtm span.fl{float: none;}
.fWapNav{display: block;padding: 0 60px;}


.pBanner{height: auto;padding: 4.7% 0 10%;min-height: auto;}
.pBanner h3{margin: 5% auto 3%;}
.pBanner p{line-height: 1.6;}

.filter, .prodWrap .rightCont{width: 100%;}
.filter .list .nLi{padding-right: 0;}
/* .prodList .nLi a .pic,
.prodList .nLi a .text{width: 100%;}
.prodList .nLi a .pic{height: 274px;position: relative;}
.prodList .nLi a .text{width: 100%;padding: 0;min-height: auto;}
.prodList .nLi.on:hover a .text .box{background: #338785;-webkit-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);}
.prodList .nLi a .text .box{padding: 20px;} */
.prodList .nLi a{display: flex;align-items: center;box-shadow: 0px 7px 18.06px 2.94px rgba(200, 197, 206, 0.6);}
.prodList .nLi a:after{display: none;}
.prodList .nLi a .pic{width: 30%;position: static;height: 200px;}
.prodList .nLi a .text{width: 70%;float: none;padding: 20px 0;min-height: auto;}


/* .nySide{display: none;} */
.nySide{width: 100%;margin-bottom: 12px;}
.nySide ul{overflow: hidden;}
.nySide li{float: left;margin: 0 2px 2px 0;}
.nySide li:last-child{margin-right: 0;}
.nySide li a{line-height: 44px;padding: 0 12px;}

.nyContent{width: 100%;}

.fwPage .mrgTop{margin-top: 0;}

.downloadNav{display: block;text-align: center;padding: 15px 0;}
/* .nyNav .navUl{display: none;} */
.nyNav .navUl li{margin: 0 0 6px 0;}
.nyNav .navUl li:last-child{margin-right: 0;}
.nyNav .navUl li a{padding: 0 6px;line-height: 40px;}
.nyNav .btn{display: inline-block;position: relative;top:0;
-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.myDownload{top:48px;right: auto;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 94%;max-width: 660px;text-align: left;max-height: 80vh;overflow: auto;}

.passage .psgTit{margin-bottom: 30px;}
.passage .psgTit h3{line-height: 36px;margin-bottom: 20px;}
.passage .psgCont .tit{margin-bottom: 20px;font-size: 20px;line-height: 30px;}
.passage .psgCont{padding-bottom: 40px;margin-bottom: 30px;}

.lev3Nav li{margin: 0 15px;}
.lev3Nav li a{height: 48px;line-height: 48px;padding: 0 20px;font-size: 14px;}

.honorList li a .pic span{height: 280px;line-height: 280px;}

.solution ul li .wrap .text dl dd{margin-bottom: 12px;padding-right: 15px;}

.productWrap .item2 ul li a{padding-bottom: 10px;}
.productWrap .item2 ul li h5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space:normal;line-height: 24px;height: 48px;overflow: hidden;}
}



@media screen and (max-width: 1024px){
.productWrap .item1 ul{flex-wrap: wrap;}
.productWrap .item1 ul li{width: 44%;margin: 0 3% 4%;}

.productWrap .item2 ul li{width: 49%;margin-right: 0;}
.productWrap .item2 ul li:nth-child(2n){float: right;}

.contProduct .item1 .left,.contProduct .item1 .right{width: 100%;}
.contProduct .item1 .right{margin-top: 30px;height: auto;padding-bottom: 0;}
.contProduct .item1 .right .btn{position: relative;bottom: 0;}
.contProduct .item1 .right .text{margin-bottom: 20px;}

.downloadList li a .label{min-width: 160px;}
.jsPage .ul2 .nLi .text{height: 280px;}


.aboutWrap .item2 .jobList .dt .btn{width: 100px;}
.aboutWrap .item2 .jobList .dt .text{width: 200px;padding-right: 20px;}
.aboutWrap .item2 .jobList .dt .text:before{height: 40px;}

.popWrap .content .formItem{width: 100%;}

.divpWrap .contScroll .text{width: 100%;padding-right: 0;height: auto;}
.divpWrap .contScroll .pic{width: 100%;margin-top: 20px;}

.contactUs .mapWrap .map{height: 300px;}
.contactUs .mapWrap .cont{position: relative;height: auto;width: 100%;}
.contactUs .mapWrap .top,.contactUs .mapWrap .btm{padding: 3% 3% 5%;height: auto;}
.contactUs .mapWrap .top .select:last-child{margin-bottom: 0;}
.contactUs .mapWrap .tit,.contactUs .mapWrap .btm .tit{margin-bottom: 1%;}

.aboutUs .item1 .pic,.aboutUs .item1 .text{width: 100%;}
.aboutUs .item1 .text{padding-top: 20px;}
.aboutUs .item1 .text .detail{max-height: none;}
.aboutUs .item1 .num{position: relative;width: 100%;right: 0;bottom: 0;margin-top: 20px;}

.aboutUs .item2 li a{padding-bottom: 300px;}
.aboutUs .item2 li a .text{bottom: 20px;}

.aboutUs .item3 .container{width: 90%;margin: -20px auto 0;padding-bottom: 20px;}
.aboutUs .item3 .container .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 4px;margin: 0 4px;}

.solution ul li .wrap .pic,.solution ul li .wrap .text{width: 100%;}
.solution ul li .wrap .text,.solution ul li:nth-child(2n) .wrap .text{padding: 0;}
.solution ul li .wrap .text .wrap{height: auto;padding: 24px;}
.solution ul li .wrap .arr{display: none;}

.cSolution .item1 .picWrap{display: none;}
.cSolution .item1 .wrap{padding: 24px;}
.cSolution .item1:before{height: calc(100% - 30px);}
.cSolution .item1 .tit{margin-right: 0;}
.cSolution .item1 .cont{padding-right: 0;height: auto;}
.cSolution .item2{padding: 20px 0 40px;background: #f9f9f9;}
.cSolution .item2 .tit{line-height: 44px;margin-bottom: 16px;}
/* 20221028 */
.videoList li{width: calc((100% - 25px) / 2);margin-left: 0;}
.videoList li:nth-child(odd){margin-right: 25px;}

.addDownList .pc{display: none;}
.addDownList .wapTable{display: block;}
.addDownList .tit{margin: 20px 0 10px;}

.contProduct .item2 .pageStyle table td{width: auto !important;word-break:break-all;}
}

@media screen and (max-width: 760px){
.header .logo{height: 66px;line-height: 66px;}
.header .logo img{height: 20px;}
.header .logo img{height: 30px;}
.header .right{padding-top: 10px;}
.header .purchase{display:none;}
.banner a .line{width: 32px;height: 2px;}

.fz18{font-size: 16px;}
.fz26{font-size: 18px;}
.fz32{font-size: 22px;}
.fz36{font-size: 24px;}
.fz60{font-size: 26px;}


.moreBtn{padding: 0 20px;font-size: 14px;}
.moreBtn span{line-height: 34px;padding-right: 24px;background-size: 10px auto;}
.moreBtn.green span{padding-right: 30px;background-size: auto 10px;}
.iTitle{padding: 40px 0 24px;text-align:left;}
.logoBg{width: 120px;}

.isect2 .tabs{display: block;}
.isect2 .tabs li{width: 33.33%;float: left;height: 50%;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.2);overflow: hidden;}
.isect2 .tabs li:first-child{border-bottom: 1px solid rgba(255,255,255,0.2);}
.isect2 .tabs li a .cont{bottom: auto;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);padding: 0 5px;}
.isect2 .tabs li a .cont .line,.isect2 .tabs li a .cont p{display: none;}
.isect2 .tabs li a .cont h5{font-size: 16px;}

.isect1 .tabScroll a{line-height: 56px;}
.isect1 .tabScroll a img{height: 30px;}
.isect1 .contScroll .txt,.isect1 .contScroll .pic{width: 100%;}
.isect1 .contScroll .txt{padding: 30px 3.9%;}
.isect1 .contScroll .btn{display: none;}
.isect1 .contScroll .txt .ul{margin-bottom: 30px;}
.isect1 .contScroll .txt .ul li .icon img{height: 34px;}

.isect3{padding-bottom: 30px;}
.isect3 .cont{margin-bottom: 20px;}
.isect3 .left{margin-bottom: 20px;}

.isect4 .w1520:before{display: none;}
.isect4 .left{width: 100%;padding-top: 0;margin-bottom: 20px;}
.isect4 .left .txtScroll .wrap{min-height: auto;}
.isect4 .picScroll{width: 100%;margin-right: 0;}


.footer{padding: 30px 0 20px;}
.footer .left .logo{padding-bottom: 10px;text-align: center;}
.footer .left .logo img{height: 24px;}
.footer .left dl{margin-top: 12px;}

.footerBtm{padding: 10px 0;}
.footerBtm span{display: block;line-height: 24px;}

.loginForm{padding: 6% 3.125%;}
.loginWrap{min-height: calc(100vh - 66px);padding: 14% 0;}

.productWrap .item3 .container .text .icon{width: 44px;height: 44px;line-height: 44px;}
.productWrap .item3 .container .btn{display: none;}
.productWrap .item2 ul li .pic{height: 140px;line-height: 140px;}

.filter .slider{margin: 0 0 40px;}
.filter .btnWrap{text-align: center;}
.filter .btnWrap .btn{float: none;display: inline-block;margin: 0 12px !important;}
.filter .tit{font-size: 24px;line-height: 30px;padding-bottom: 8px;}
.filter .list{padding-top: 0;}
.filter .list .nLi{margin: 12px 0;}
.filter .list .nLi h3{font-size: 16px;}

.nyTitle1{margin-bottom: 20px;}
.prodWrap{padding: 24px 0 60px;}
.prodWrap .rightCont{padding-top: 40px;}
.prodList .nLi{margin-bottom: 30px;}
.prodList .nLi a .pic,.prodList .nLi a .pic .wrap{height: 220px;line-height: 220px;}
.prodList .nLi a .pic .wrap img{max-height: 80%;}
.prodList .nLi a .text{min-height: 160px;}
.prodList .nLi a .text .box .tit{padding-bottom: 12px;margin-bottom: 12px;}

.prodList .nLi a .text .box ul li{line-height: 28px;padding-left: 20px;}
.prodList .nLi a .text .box ul li .dot{width: 10px;height: 10px;top:10px;}
.prodList .nLi a .text .box ul li .dot:before{width: 4px;height: 4px;margin: -2px 0 0 -2px;}


.page a{margin-left: 12px;width: 32px;height: 32px;line-height: 32px;}

.cpBanner{padding: 4% 0;}
.pBanner p{margin-top: 12px;}

.contProduct .item1{padding: 5% 0 8%;}
.contProduct .item1 .picScroll{margin-bottom: 15px;}
.contProduct .item1 .picScroll .pic{height: 260px;line-height: 260px;}


.contProduct .item2 .tabs{margin-bottom: 20px;}
.contProduct .item2 .tabs li{line-height: 44px;padding: 0 10px;margin-bottom: 10px;display: block;}
.contProduct .item2 .tabs li:nth-child(4),.contProduct .item2 .tabs li:nth-child(5){margin-bottom: 0;}
.contProduct .item2 .tabs li img{height: 14px;}

.gmqdList li a{padding: 0 100px 0 15px;line-height: 60px;}
.gmqdList li a span{width: 80px;right: 10px;font-size: 12px;height: 34px;line-height: 34px;}

.downloadList li a{padding: 10px 40px 10px 0;display: block;line-height: 30px;}
.downloadList li a .label{display: block;margin: 0;}
.downloadList li a .btn{opacity: 1;background-size: auto 18px;padding-left: 22px;right: 0;font-size: 0;top:auto;bottom: 11px;}


.table td,.table1 td{padding: 10px;}
.table th{padding: 0 10px;line-height: 48px;}
.table2{margin: 2.4% auto 6.6%;}

.nyBanner{height: auto;padding: 4.7% 0 10%;}
.nyBanner h3{padding-top: 0;margin-bottom: 1.3%;}

.nyBanner1 {padding-bottom: 0;height: auto;padding: 6.7% 0 15%;}
.nyBanner1 h3{padding-top: 0;margin-bottom: 0;}

.path{background-size: auto 18px;padding-left: 24px;}

.RAM .ul{overflow: hidden;display: block;}
.RAM .ul li{width: 50%;float: left;}
.RAM .ul li:nth-child(2) .arr{display: none;}
.RAM .ul li:nth-child(2),.RAM .ul li:nth-child(3){background: #F5F5F5;}
.RAM .ul li:nth-child(4){background: #FAFAFA;}

.jsPage .ul1{display: block;padding: 40px 0;overflow: hidden;}
.jsPage .ul1 li{width: 100%;margin-bottom: 40px;padding: 45px 15px 30px;min-height: auto;}
.jsPage .ul1 li:last-child{margin-bottom: 0;}

.jsPage .ul2{display: block;}
.jsPage .ul2 .nLi{width: 100%;margin-bottom: 20px;}
.jsPage .ul2 .nLi:last-child{margin-bottom: 0;}
.jsPage .ul2 .nLi{padding-top: 180px;position: relative;}
.jsPage .ul2 .nLi .pic{position: absolute;left: 0;top:0;width: 100%;height: 0;padding-bottom: 180px;}
.jsPage .ul2 .nLi .text{height: auto;}
.jsPage .ul2 .nLi:nth-child(2n) .text .icon{bottom: auto;top: -29px;}
.jsPage .ul2 .nLi:nth-child(2n) .text{border-top: none;border-bottom: 1px solid #D1D1D1;}

.quesList .dt{padding: 12px 24px 12px 0;}
.quesList .dd .wrap{padding-bottom: 30px;}
.quesList .dd .wrap .close{bottom: 10px;}

.zlSearch .item .select{width: 100%;margin-bottom: 2.8%;}
.zlSearch .item .select:last-child{margin-bottom: 0;}
.downloadList1 li{margin-bottom: 12px;}
.downloadList1 li a{padding-right: 36px;padding-top: 12px;}
.downloadList1 li a h5{margin-bottom: 10px;}
.downloadList1 li a .btn{font-size: 0;filter: brightness(1) invert(0);right: 10px;background-size: 16px auto;padding-left: 16px;}
.zlSearch .item{line-height: 40px;}
.zlSearch .item .label{margin-right: 12px;}
.zlSearch .item .select dt{padding: 0 30px 0 10px;}
.zlSearch .item .select dd{top: 42px;}
.zlSearch .item .form{padding-left: 10px;}
.zlSearch .item .select dt:before{width: 8px;height: 8px;border-width: 1px;right: 10px;}
.zlSearch .item .form .text{height: 40px;line-height: 40px;}
.zlSearch .item .form .subm{height: 40px;}

.myDownload{padding: 10px 20px;}
.myDownload li{padding: 14px 0;}
.myDownload li h5{margin-bottom: 10px;}
.myDownload li .delete{bottom: 15px;}
.myDownload li .btm span{margin-right: 20px;}

.aboutWrap .item1 .container{padding-bottom: 30px;}
.aboutWrap .item1 .container .pic,.aboutWrap .item1 .container .text{width: 100%;}
.aboutWrap .item1 .container .text{margin-bottom: 20px;}
.aboutWrap .item1 .container .text .tit{margin-bottom: 20px;}
.aboutWrap .item1 .container .btnWrap{display: none;}
.aboutWrap .item1 .container .swiper-pagination{right: 0;width: 100%;}

.aboutWrap .item2 .jobList .dt{padding: 1.97% 60px 1.97% 1.97%;}
.aboutWrap .item2 .jobList .dt .btn{display: none;}
.aboutWrap .item2 .jobList .dt .text{width: 100%;padding-right: 0;margin-right: 0;}
.aboutWrap .item2 .jobList .dt .text:before{display: none;}
.aboutWrap .item2 .jobList .dt .arrow{left: auto;right: 15px;width: 24px;height: 24px;margin-top: -13px;}
.aboutWrap .item2 .jobList .dt .arrow:before{width: 7px;height: 7px;margin: -5px 0 0 -4px;}
.aboutWrap .item2 .jobList .dd .wrap .mrgTop{margin-top: 15px;}

.popWrap .content{padding: 20px 26px;}
.popWrap .content .title{margin-bottom: 20px;}
.popWrap .content .formItem{margin-bottom: 12px;}
.popWrap .content .formItem .tips{width: 100%;line-height: 1.6;margin-top: 12px;}
.popWrap .content .formItem .change{display: none;}
.popWrap .content .formItem .codeImg{margin: 0 0 0 5px;}
.popWrap .content .subm{margin-top: 20px;}
.popWrap .content .formItem textarea{height: 100px;}
.popWrap .content .formItem .fileName{line-height: 1.4;margin-top: 12px;}
.popWrap .content .formItem .text, .popWrap .content .formItem select, .popWrap .content .formItem .uploadBtn{padding: 0 10px;}

.popWrap .noLogin{width: 90%;padding: 40px 0;}

.contactUs{padding: 6% 0;}
.contactUs .item1 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
.contactUs .item2 .title{padding-bottom: 12px;}
.contactUs .item2 .formItem{width: 100%;}

.contactUs .item3 .desc{font-size: 15px;}
.contactUs .item3 .desc span{display: block;margin-right: 0;}
.contactUs .item3 .desc span img{margin-right: 5px;height: 20px;}

.aboutUs .item1 .num ul{flex-wrap: wrap;}
.aboutUs .item1 .num ul li{width: 50%;text-align: center;margin-bottom: 20px;}
.aboutUs .item1 .num ul h5{width: 100%;display: block;font-size: 34px;}
.aboutUs .item1 .num ul h5 sup{font-size: 20px;}


.aboutUs .item2 li{width: 100%;margin-bottom: 12px;}
.aboutUs .item2 li:last-child{margin-bottom: 0;}
.aboutUs .item2 .li2{position: relative;width: 100%;clip-path: none;}
.aboutUs .item2 li a{padding-bottom: 65.94%;}

.aboutUs .item3 .container .swiper-slide{height: 360px;}
.aboutUs .item3 .container .text{padding: 30px 20px;max-width: 100%;width: 100%;box-sizing: border-box;}

.solution{margin: 0;}
.solution ul li .wrap .pic{height: 0;padding-bottom: 45%;}
.solution ul li .wrap .text .tit{line-height: 24px;margin-bottom: 12px;}
.solution ul li .wrap .text p{margin-bottom: 10px;}
.solution ul li .wrap .text dl dd{margin-bottom: 12px;}
.solution ul li .wrap .text dl dd img{height: 20px;margin-right: 10px;}
.solution ul li .wrap .text .wrap{padding: 15px;}

.solList ul li{width: 48%;margin-right: 0;}
.solList ul li:nth-child(2n){float: right;}
.solList ul li a .text{padding: 0 10px;}
.solList ul li a .text h5{line-height: 54px;}

.solution,.solList{padding: 6% 0;}

.cSolution{padding-bottom: 40px;}
.cSolution .item1{top:-30px;}
.cSolution .item1:before{display: none;}
.cSolution .item1 .tit{line-height: 24px;margin-bottom: 10px;}
.cSolution .item1 .ul{margin-bottom: 10px;}
.cSolution .item1 .ul li{margin-right: 20px;}
.cSolution .item1 .ul li i{width: 12px;height: 12px;}

.cSolution .item2 .cont .mrgBtm,.cSolution .item2 .cont .mrgBtm1{margin-bottom: 20px;}

.cSolution .item3{padding-top: 30px;background-size:  auto 60%;}
.cSolution .item3 .tit{margin-bottom: 20px;}
.cSolution .item3 .tit span{padding: 0 40px;}
.cSolution .item3 .tit span i{width: 30px;}
.cSolution .item3 .container{padding: 0;}
.cSolution .item3 .container .swiper-slide.swiper-slide-active .pic{transform: scale(1);-webkit-transform: scale(1);border:none;line-height: 220px;}
.cSolution .item3 .container .pic{margin-bottom: 12px;}
.cSolution .item3 .container .pic{height: 220px;line-height: 220px;}
.cSolution .item3 .container .pic:before{bottom: 12px;width: calc(100% - 40px);left: 20px;}
.cSolution .item3 .container .pic .arr{right: 20px;bottom: 24px;}

.newsList li{width: 48%;margin-right: 0;margin-bottom: 30px;}
.newsList li:nth-child(2n){float: right;}

.recomNews{padding-bottom: 40px;}
.recomNews .btnWrap{left: 50%;margin-left: -22px;bottom: 0;}
.recomNews .wrap{background-size: 50% auto;}
.recomNews .wrap .pic,.recomNews .wrap .text{width: 100%;box-sizing:border-box;}
.recomNews .wrap .text{padding: 30px 20px;}
.recomNews .wrap .text .tit{padding-bottom: 16px;margin-bottom: 16px;}
.recomNews .wrap .text .tit h5{line-height: 30px;max-height: 60px;}
.recomNews .wrap .text p{line-height: 28px;max-height: 56px;}


.passage{padding: 40px 0;margin-bottom: 40px;}
.passage > .w1520{padding: 30px;}
.passage .psgTit h3{font-size: 22px;line-height: 30px;}
.passage .psgTit .btm{line-height: 26px;font-size: 14px;}
.passage .psgTit .btm .share a{margin-left: 8px;}
.passage .psgTit .btm .share a img{height: 26px;}
.passage .psgCont .pic{padding-bottom: 20px;}
.passage .psgCont .mrgBtm{margin-bottom: 15px;}
.passage .psgBtm{font-size: 14px;}
.passage .psgBtm img{height: 28px;}
.passage .psgBtm .prev img, .passage .psgBtm .toList img{margin-right: 7px;}
.passage .psgBtm .next img{margin-left: 7px;}


.lev3Nav{margin-bottom: 15px;}
.lev3Nav li{width: 33.33%;margin: 0;}
.lev3Nav li a{width: 100%;padding: 0;font-size: 14px;}

.honorList li{width: 48%;margin-right: 0;margin-bottom: 20px;}
.honorList li:nth-child(2n){float: right;}
.honorList li a .pic{padding: 12px;}
.honorList li a .tit{padding: 12px 12px 0;font-size: 15px;line-height: 24px;height: 72px;}

.floatAd{float: none;}

/* 20221028 */
.videoList li .text{padding: 15px ;}
.videoList li .text .time{margin-top: 10px;}
.videoList li{width: 100%;margin-right: 0 !important;}
.videomore a{height: 40px;line-height: 40px;}
.classify-area .section .name{flex: auto;width: 100%;}
.classify-area .section{flex-wrap: wrap;margin-top: 0;}
.classify-area .section .name{padding: 15px 0;}
.classify-area .section .list li a{padding: 0 0 0 2em;}
.classify-area .section .list li{margin-right: 1em;}
.video_wrap .title{margin-bottom: 10px;}
.video_wrap{padding: 17px 0;}
.result-tips-wrap{flex-wrap: wrap;margin-top: 18px;padding-bottom: 0;}
.result-tips-wrap .tip{width: 100%;}
.other-btns{position: absolute;right: 0;}
.result-tips-wrap .selected-wrap{margin: 0;}
.videoList li{margin-top: 18px;}
.video_wrap .title h6{font-size: 26px;}
.contVideoBtn{text-align:center}
.contVideo video{width:100%;}
.textAll{margin-top:20px;}

.prodList .nLi{margin-bottom: 20px;}
.prodList .nLi a{min-height: auto;}
.prodList .nLi a .pic{width: 20%;height: 150px;line-height: 150px;}
.prodList .nLi a .text{padding: 10px 20px;min-height: auto;width: 80%;}
.prodList .nLi a .text .box{padding: 0;}
.prodList .nLi a .text .box .tit{padding-bottom: 6px;margin-bottom: 6px;}
.prodList .nLi a .text .box .tit h5{font-size: 16px;line-height: 24px;}
.prodList .nLi a .text .box .tit .name{font-size: 14px;margin-top: 0;}
.prodList .nLi a .text .box ul li{line-height: 20px;}
.prodList .nLi a .text .box ul li .dot{top: 6px;}
.prodList .nLi a .text:hover .box{background: none;-webkit-transform: translateX(0) translateY(0);-webkit-transform: translateX(0) translateY(0);}
.prodList .nLi a .text:hover .box .tit{border-bottom: 2px solid #d6e7e7;}
.prodList .nLi a .text:hover .box .tit h5, .prodList .nLi a .text:hover .box .tit .name, .prodList .nLi a .text:hover .box ul li{color: #333333;}
.prodList .nLi a .text:hover .box .tit:before{background: #338785;}


.fWapNav{display: block;padding: 0;}

.pBanner .bg.wap{display: block;}
.pBanner .bg.pc{display: none;}
.footer .left .logo{display: none;}
.footer{padding-bottom: 78px;}
.footer .goTop{top: auto;bottom: 10px;width: 58px;height:58px;}
.footer .goTop img{height: 18px;}

}

@media screen and (max-width: 468px){
.header .logo img{height: 26px;}
.banner a .w1520{padding-top: 19.8%;}
.banner a .moreBtn{display: none;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 8px;}

.isect2 .bg em{padding-bottom: 400px;}
.isect2 .tabs li a .cont .icon{width: 66px;height: 66px;line-height: 66px;}

.isect1 .contScroll .pic{padding-bottom: 57%;}
.isect3 .left li{width: 100%;margin-bottom: 15px;}
.isect3 .left li:last-child{margin-bottom: 0;}

.isect4 .picScroll a{padding-bottom: 51.28%;}

.nyNav .btn{width: 80px;}

.RAM .ul li{width: 100%;height: auto;padding: 8%;min-height: auto;}
.RAM .ul li:nth-child(3){background: #FAFAFA;}
.RAM .ul li:nth-child(4){background: #F5F5F5;}
.RAM .ul li:nth-child(2) .arr{display: block;}
.RAM .ul li .arr{right: auto;top:auto;bottom: -14px;left: 50%;margin-left: -14px; -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg);}

.aboutWrap .item1 .container .pic{padding-bottom: 40%;}
.aboutWrap .item1{padding: 6% 0;}
.aboutUs .item1 .pic{padding-bottom: 74.39%;}
.aboutUs .item3 .container .text{height: 92%;}

.popWrap .content .formItem .codeText{width: 100px;}
.popWrap .content .formItem .codeImg{width: 80px;}

.divpWrap .contScroll .pic{padding-bottom: 63.48%;}

.solList ul li{width: 100%;}

.newsList li{width: 100%;margin-bottom: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.newsList li a .text{padding: 20px 12px;}
.newsList li a .text h5,.newsList li a .text p{height: auto;max-height: 52px;}
.newsList li a .text p{margin: 15px auto 20px;}

.recomNews{margin-bottom: 20px;}
.recomNews .wrap .pic{padding-bottom: 69.69%;}
.recomNews .wrap .text{padding: 20px 12px;}

.passage > .w1520{padding: 20px;}
.passage .psgTit{margin-bottom: 20px;}
.passage .psgTit h3{font-size: 20px;line-height: 28px;margin-bottom: 12px;}
.passage .psgTit .btm .share{display: none;}
.passage .psgCont .tit{margin-bottom: 10px;font-size: 18px;}
.passage .psgCont .tit:before{height: 15px;}
.passage .psgCont{padding-bottom: 20px;margin-bottom: 20px;}

.honorList li{width: 100%;}
.lev3Nav{overflow: hidden;}
.lev3Nav li{width: 33.2%;float: left;}
.lev3Nav li a{font-size: 16px;border-left: none;}
.lev3Nav li:first-child a{border-left: 1px solid #999999;}

.sitemap-box .item .tit{font-size: 18px;padding-bottom: 5px;}
.sitemap-box .item .txt a{font-size: 14px;margin-right: 5px;}

.nyWrap{min-height: 300px;}

input{appearance: none;-webkit-appearance: none;border-radius: 0;}

.prodList .nLi{margin-bottom: 15px;}
.prodList .nLi a{box-shadow: 0 4px 20px 2px rgba(0,0,0,0.1);display: block;}
.prodList .nLi a .pic{width: 100%;height: 110px;line-height: 110px;}
.prodList .nLi a .pic img{max-width: 100%;max-height: 100%;}
.prodList .nLi a .text{padding: 8px 15px 15px;width: 100%;box-sizing: border-box;}
.prodList .nLi a .text .box .tit{padding-bottom: 10px;margin-bottom: 10px;}
.prodList .nLi a .text .box .tit h5{font-size: 16px;line-height: 20px;color: #338785;}
.prodList .nLi a .text .box .tit .name{font-size: 14px;line-height: 16px;margin-top: 6px;}
.prodList .nLi a .text .box ul li{font-size: 13px;line-height: 18px;padding-left: 15px;color: #444;}
.prodList .nLi a .text .box ul li .dot{top: 5px;}
.prodList .nLi a .text .box .tit:before{width: 20px;}
.prodList .nLi:hover a .text .box .tit:before{left: calc(100% - 20px) !important;}



.productWrap .item1 ul li .icon{margin-bottom: 5%;}
.productWrap .item1 ul li h5{font-size: 17px;margin-bottom: 4%;}
.productWrap .item1 ul li p{font-size: 14px;}
}