@charset "utf-8";
@font-face {
    font-family: AlimamaShuHeiTi-Bold;
    src: url("../font/AlimamaShuHeiTi-Bold.woff2"),url("../font/AlimamaShuHeiTi-Bold.woff");
}
@font-face {
    font-family: markpro;
    src: url("../font/markpro.otf");
}
@font-face {
    font-family: Oswald-Regular;
    src: url("../font/Oswald-Regular.ttf");
}
@font-face {
    font-family: Oswald-Bold;
    src: url("../font/Oswald-Bold.ttf");
}

* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select,pre{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;line-height: 1.6;transition: all .4s;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.text::-webkit-input-placeholder{color:#b4b4b4;}
.text:-moz-placeholder{color:#b4b4b4;}
.text::-moz-placeholder{color:#b4b4b4;}
.text:-ms-input-placeholder{color:#b4b4b4;}
textarea::-webkit-input-placeholder{color:#b4b4b4;}
textarea:-moz-placeholder{color:#b4b4b4;}
textarea::-moz-placeholder{color:#b4b4b4;}
textarea:-ms-input-placeholder{color:#b4b4b4;}
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt70{margin-bottom: 70px;}
.mg-bt80{margin-bottom: 80px;}
.des16 p{font-size: 16px;}
.des18 p{font-size: 18px;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullet{vertical-align: middle;}
.padding-t150{padding-top:150px;}
.padding-tb150{padding:150px 0;}
.padding-tb100{padding:100px 0;}
.padding-tb80{padding:80px 0;}
.padding30{padding: 30px;}
.padding60{padding: 60px;}
.padding40{padding: 40px;}
.des-title30 h3{font-size: 30px;}
.des-title24 h3{font-size: 24px;}
.des-title20 h3{font-size: 20px;}
.des-title18 h3{font-size: 18px;}
.title-bold h3{font-weight: bold;}
.title-bold h2{font-weight: bold;}
.title-186eb5 h2{color: #186eb5;}
.title-186eb5 h3{color: #186eb5;}
.radius20{border-radius: 20px;overflow: hidden;}
.radius10{border-radius: 10px;overflow: hidden;}
.bgfff{background: #fff;}
.des-555 p{color: #555;}
.des-666 p{color: #666;}
.des-888 p{color: #888;}
.title24 h2{font-size: 24px;}
.title32 h2{font-size: 32px;}
.title40 h2{font-size: 40px;}

/*header s*/
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; z-index: 9;}
.menu-handler .burger{transition: all .4s; height: 2px; background: #186eb5; display: block;width: 20px; position: absolute; z-index: 5; left: 5px;transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
.menu-handler .burger-2{top: 15px;}
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px;-moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.header{position: fixed;z-index: 999;width: 100%;top:0;left: 0;transition: all .4s;border-bottom: 1px solid rgba(255,255,255,.2);}
.logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.logo img{vertical-align: bottom;display: block;height: 50px;transition: all .4s;filter: brightness(5);}
.nav-box{margin-right: 80px;margin-left: 140px;text-align: center;}
.nav li{position: relative;}
.nav li.active .nav-yi{color: #fff;}
.nav-yi{display: block;color: #fff;line-height: 100px;padding: 0 28px; text-align: center;transition: all .4s;font-size: 16px;}
.nav-yi span{position: relative;display: inline-block;min-width: 64px;text-align: center;}
.nav-yi span:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #fff;bottom:-1px;transition: all .4s;width: 0;opacity: 1;}
.nav li.active .nav-yi span:after{width: 100%;opacity: 1;}
.nav-er-box{position: absolute;top:100%;left: 50%;transform: translateX(-50%);white-space: nowrap; background: rgba(255,255,255,1);display: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;box-shadow: 0 1px 2px #ddd;min-width: 140px;text-align: center;}
.nav-er-box a{display: block;color: #3e3e3e;line-height: 40px;transition: all .4s;padding:0 15px;position: relative;text-align: center;font-size: 15px;}

.search-box{position: absolute;right:0;top:50%;margin-top: -17px; cursor: pointer;z-index: 7;}
.search-btn{width: 32px;height: 32px;border-radius: 32px; z-index: 5;position: relative;transition: all .4s;background:url("../images/search.png") no-repeat center;background-size:cover;text-align: center;}
.search-con{position: absolute;width: 0;right: 0;height: 32px;top:73px;background: #fff;overflow: hidden;transition: all .4s;border-radius: 32px;box-shadow: 0 0 4px #ddd;}
.search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 36px;}
.search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;text-align: center;line-height: 32px;background:url("../images/gb64.png") no-repeat center;background-size:cover;}
.search-sb{position: absolute;right:6px;top:0;cursor: pointer;display: none;background:url("../images/search-666.png") no-repeat center;background-size:cover;}
.search-box.active .search-con{width: 200px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.language{position: absolute;right: 40px;top:50%; z-index: 9;margin-top: -16px;}
.language-val{text-transform: uppercase; transition: all .4s;display: inline-block;vertical-align: middle;line-height: 32px;color: #fff;}

body.is-scroll .header{background: #fff;border:1px solid #e5e5e5;}
body.is-scroll .nav-yi{line-height: 80px;color: #333;}
body.is-scroll .nav li.active .nav-yi{color: #186eb5;}
body.is-scroll .nav li:hover .nav-yi{color: #186eb5;}
body.is-scroll .nav-yi span:after{border-color: #186eb5;}
body.is-scroll .logo img{height: 46px;filter: none;}
body.is-scroll .language-val{color: #333;}
body.is-scroll .search-con{top:63px;}
body.is-scroll .search-btn{background:url("../images/search-666.png") no-repeat center;background-size:cover;}

.header-000 .nav-yi{color: #333;}
.header-000 .nav li.active .nav-yi{color: #333;}
.header-000 .header{border-color: rgba(194,194,194,0.2);}
.header-000 .nav-yi span:after{border-color: #186eb5;}
.header-000 .logo img{filter: none;}
.header-000 .language-val{color: #333;}
.header-000 .search-btn{background:url("../images/search-666.png") no-repeat center;background-size:cover;}

/*header e*/
/*index s*/
.banner img{height: 100vh;object-fit: cover;}
.bannerDot{position: absolute;width: 100%;text-align: center;left: 0;bottom:40px;z-index: 9;}
.bannerDot .swiper-pagination-bullet{background: #fff; width: 14px;height: 14px;opacity: 0.4;margin-right: 12px;}
.bannerDot .swiper-pagination-bullet-active{opacity: 1;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.about-img{width: 50%;}
.about-con{width: 40%;}
.about-odd{flex-direction: row-reverse;}
.about{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.tsgd{padding: 0 20px; text-align: center; display: inline-block;font-size: 16px;color: #999;border-radius: 50px;border:1px solid #c6c6c6;transition: all .4s;}
.tsgd span{display: inline-block;vertical-align: middle;line-height: 48px;margin-right: 18px;}
.tsgd span:last-child{margin-right: 0;}
.tsgd .i{display: inline-block;vertical-align: middle;background: url("../images/r16x26.png") no-repeat center;background-size: 100% 100%;width: 8px;height: 13px;transition: all .4s;}
.tsgd:hover{background: #186eb5;border-color: #186eb5;color: #fff;}
.tsgd:hover .i{background: url("../images/r16x26-fff.png") no-repeat center;background-size: 100% 100%;}
.tsgd.active{background: #186eb5;border-color: #186eb5;color: #fff;}
.tsgd.active:hover{opacity: 0.75;}
.tsgd.active .i{background: url("../images/r16x26-fff.png") no-repeat center;background-size: 100% 100%;}
.solution-list li{width: 50%;text-align: center;position: relative;}
.solution-list li img{width: 60px;max-width: 100%;margin:0 auto 5px;display: block;}
.solution-list li p{display: inline-block;width: 92%;text-align: left;}
.des-186eb5 p{color: #186eb5;}
.solution-list li:after{content: "";position: absolute;height: 30px;right: 0;top:50%;margin-top: -15px;border-right: 1px solid #e6e6e6;}
.solution-list li:nth-child(2n):after{display: none;}
.cxyf-warp{padding: 0 60px;}
.cxyf-warp p{width: 500px;max-width: 100%;}
.cxyf-warp .des16{display: none;}
.cxyf-warp .tsgd2{display: none;}
.cxyf .swiper-slide{width: 25%;transition: all .4s;}
.cxyf .swiper-slide-active{width: 75% !important;}
.cxyf-img img{height: 580px;object-fit: cover;}
.cxyf .swiper-slide-active .des16{display: block;}
.cxyf .swiper-slide-active .tsgd2{display: block;}
.tsgd2{display: inline-block;font-size: 16px;color: #fff;transition: all .4s;}
.tsgd2 span{display: inline-block;vertical-align: middle;line-height: 48px;margin-right: 18px;}
.tsgd2 .i{display: inline-block;vertical-align: middle;background: url("../images/r16x26-fff.png") no-repeat center;background-size: 100% 100%;width: 8px;height: 13px;transition: all .4s;}
.cxyf-img{position: relative;}
.cxyf-img:before{position: absolute;content: "";height: 100%;top:0;left: 0;width: 100%;background: url("../images/ys-sd1.png") no-repeat center;background-size: 100% 100%;}
.des-title22 h3{font-size: 22px;}
.btn50 div{display: inline-block;width: 50px;height: 50px;cursor: pointer;z-index: 9;transition: all .4s;border-radius: 100%;vertical-align: middle;}
.btn50-fff div{background-color: #fff;}
.btn50-fff-1{background: url("../images/100-1.png") no-repeat center;background-size: cover;}
.btn50-fff-2{background: url("../images/100-2.png") no-repeat center;background-size: cover;}
.btn50-fff div:hover{background-color: #186eb5;}
.btn50-fff-1:hover{background: url("../images/100-3.png") no-repeat center;background-size: cover;}
.btn50-fff-2:hover{background: url("../images/100-4.png") no-repeat center;background-size: cover;}
.cxyf:after{content: "";border-top: 1px solid rgba(255,255,255,0.3);width: 100%;left: 0;bottom:85px;z-index: 9;position: absolute;}
.cxyfBtn div{position: absolute;bottom:60px;z-index: 10;}
.cxyfBtn1{left: 60px;}
.cxyfBtn2{left: 75%;margin-left: -110px;}
.news-style{display: block;background: #fff;}
.news-bot{padding: 30px;}
.date1{position: absolute;top:20px;left: 25px;text-align: center;z-index: 5;}
.date1 span{color: #fff;display: block;line-height: 1;}
.date1 span:nth-child(1){font-size: 36px;font-family: markpro;}
.date1 span:nth-child(2){font-size: 20px;}
.news-img{position: relative;}
.news-img:before{content: "";position: absolute;width: 100%;height: 100%;top:0;left: 0;background: url("../images/news-bg.png") no-repeat center;background-size: 100% 100%;z-index: 3;}
.news .news-bot h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;}
.news .news-bot p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.6em;}
.news-style:hover h3{color: #186eb5;}
.newsBtn{position: absolute;right: 0;bottom:0;}
.newsBtn div{border:1px solid #c9c9c9;}
.newsBtn1{background: url("../images/100-1.png") no-repeat center;background-size: cover;margin-right: 8px;}
.newsBtn1:hover{background: #186eb5 url("../images/100-3.png") no-repeat center;background-size: cover;}
.newsBtn2{background: url("../images/100-2.png") no-repeat center;background-size: cover;border-color: #186eb5;}
.newsBtn2:hover{background: #186eb5 url("../images/100-4.png") no-repeat center;background-size: cover;border-color: #186eb5;}
/*index e*/
/*header s*/
.footer{background: #131b2c;}
.footer-top{display: flex;justify-content: space-between;padding: 90px 0 60px;}
.footer a{transition: all .4s;}
.footer-logo img{height: 50px;filter: brightness(5);}
.footer-nav{display: flex;}
.footer-nav dl{margin-right: 80px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt{margin-bottom: 20px;}
.footer-nav dt a{color: #fff;font-size: 18px;}
.footer-nav dd{margin-bottom: 12px;}
.footer-nav dd a{color: #5d6576;}
.footer-nav dd a:hover{color: #fff;}
.footer-tel p{font-size: 16px;color: #fff;margin-bottom: 5px;}
.footer-tel a{font-size: 24px;color: #fff;font-family: markpro;}
.footer-a a{width: 40px;border-radius: 100%;display: inline-block;background: rgba(255,255,255,0.1);margin-right: 8px;}
.footer-a a:last-child{margin-right: 0;}
.footer-a a:hover{background: rgba(255,255,255,0.2);}
.footer-a img{width: 100%;vertical-align: bottom;}
.footer-bot{border-top: 1px solid rgba(255,255,255,0.2);padding: 35px 0;}
.footer-bot span,.footer-bot a{color: #5d6576;display: inline-block;}
/*header e*/
/*02_01_走进钠创 s*/
.ban{height: 400px;position: relative;}
.banner-des{height: auto;top:100px;bottom:0;z-index: 9;}
.banner-ms h2{font-size: 48px;font-family: AlimamaShuHeiTi-Bold;}
.ny-nav{height: 70px;}
.ny-navs{height: 70px;border-bottom: 1px solid #e5e5e5;}
.ny-navs a{display: inline-block;line-height: 69px;transition: all .4s;}
.ny-nav-left a{font-size: 16px;position: relative;margin-right: 60px;}
.ny-nav-left a:last-child{margin-right: 0;}
.ny-nav-left a:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #186eb5;bottom:-1px;transition: all .4s;width: 0;opacity: 1;}
.ny-nav-left a.active:after{width: 100%;opacity: 1;}
.ny-nav-left a:hover:after{width: 100%;opacity: 1;}
.ny-nav-right a{color: #999999;}
.ny-navs.active{position: fixed;top:81px;left: 0;width: 100%;z-index: 991;background: #fff;}
.gsjj-con{width: 51.5%;}
.des-bt20 p{margin-bottom: 20px;}
.des-bt20 p:last-child{margin-bottom: 0;}
.gsjj-img{width: 41.66%;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.play42{display: inline-block;width: 42px;height: 42px;background: url("../images/play85.png") no-repeat center;background-size: 100% 100%;}
.gsjj-sd{background: rgba(0,0,0,0.4);}
.shipin{cursor:pointer;}
.gswh li{background: #fff;padding: 60px 80px;width: 49.3%;margin-right: 1.4%;margin-bottom: 1.4%;position: relative;z-index: 5;transition: all .4s;}
.gswh li:nth-child(2n){margin-right: 0;}
.gswh li:nth-child(3){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(4){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(5){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(6){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(7){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(8){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(9){display:block;width:100%;margin-right: 0;}
.gswh li:nth-child(10){display:block;width:100%;margin-right: 0;}
.gswh li:last-child{margin-bottom: 0;}
.logo610{position: absolute;width: 305px;right: -46px;bottom:-64px;z-index: -1;display: none;}
.gswh li:nth-child(3) .logo610{display: block;}
.gswh li h3{transition: all .4s;}
.gswh li p{transition: all .4s;}
.gswh li:hover{box-shadow: 0 0 26px 0 rgba(24,110,181,0.4);}
.gswh li:hover h3{color: #186eb5;}
.gswh li:hover p{color: #186eb5;}
.gswh-en{font-size: 40px;color: #186eb5;font-weight: bold;position: relative;z-index: 5;}
.gswh-index{font-size: 72px;color: #186eb5;font-weight: bold;position: absolute;left: -40px;top:50%;transform: translateY(-50%);opacity: 0.1;}
.his-con{background: #eceff6;}
.year{line-height: 390px;color: #fff;font-size: 320px;font-family: Oswald-Bold;text-shadow: 0 0 10px rgba(255,255,255,0.5);}
.year{line-height: 390px;color: #fff;font-size: 320px;font-family: Oswald-Bold;text-shadow: 0 0 10px rgba(255,255,255,0.5);}
.his-con:before{content: "";width: 100%;top:0;left: 0;position: absolute;bottom:50px;background-image: linear-gradient(rgba(239,239,246,0),rgba(239,239,246,1));}
.des24 p{font-size: 24px;}
.view .des24{padding: 0 30px;}
.preview .swiper-slide{width: 10%;text-align: center;cursor: pointer;}
.preview .swiper-slide p{transition: all .4s;font-size: 18px;font-family: Oswald-Regular;color: #888;}
.preview .dot{width: 11px;height: 11px;border-radius: 100%;background: #888;transition: all .4s;margin: 0 auto 15px;}
.preview{position: relative;z-index: 5;}
.preview:before{content: "";position: absolute;left: 0;width: 100%;top:5px;border-bottom: 1px solid #e5e5e5;}
.preview .active-nav p{color: #186eb5;}
.preview .active-nav .dot{background: #186eb5;}
.preview .swiper-slide:hover p{color: #186eb5;}
.preview .swiper-slide:hover .dot{background: #186eb5;}
.hisBtn div{position: absolute;top:50%;margin-top: -25px;}
.hisBtn1{left: -90px;}
.hisBtn2{right: -90px;}
.btn50-f5 .btn50-1{background: #f5f5f5 url("../images/100-1.png") no-repeat center;background-size: cover;}
.btn50-f5 .btn50-1:hover{background: #186eb5 url("../images/100-3.png") no-repeat center;background-size: cover;}
.btn50-f5 .btn50-2{background: #f5f5f5 url("../images/100-2.png") no-repeat center;background-size: cover;}
.btn50-f5 .btn50-2:hover{background: #186eb5 url("../images/100-4.png") no-repeat center;background-size: cover;}

.newsBtn1.swiper-button-disabled{background: url(../images/100-1.png) no-repeat center !important; background-size: cover !important;border: 1px solid #c9c9c9 !important;cursor: default !important;}
.newsBtn2.swiper-button-disabled{background: url(../images/100-2.png) no-repeat center !important;background-size: cover !important;border: 1px solid #c9c9c9 !important;cursor: default !important;}


/*02_01_走进钠创 e*/
/*03_01_投资者关系 s*/
.gsgg li{display: block;margin-bottom: 20px;}
.gsgg li:last-child{margin-bottom: 0;}
.gsgg li a{display: block;padding: 30px 40px;}
.shadow{box-shadow: 0 0 26px 0 rgba(148, 148, 148, 0.16);}
.time1{font-size: 16px;font-family: markpro;color: #888;}
.gsgg h3{margin-right: 50px;}
.xiazai{width: 15px;height: 18px;background: url("../images/xz31x36.png") no-repeat center;background-size: 100% 100%;transition: all .4s;display: inline-block;}
.xiazai:hover{background: url("../images/xz31x36-1.png") no-repeat center;background-size: 100% 100%;}
a:hover .xiazai{background: url("../images/xz31x36-1.png") no-repeat center;background-size: 100% 100%;}
.gsgg .xiazai{position: absolute;right: 0;top:7px;}
.gsgg a:hover h3{color: #186eb5;}
.mg-bt5{margin-bottom: 5px;}
.page{text-align: center;font-size: 0;}
.page a{font-size: 16px;font-family: Roboto-Light;height: 50px; line-height: 50px;color: #888888;display: inline-block;vertical-align: middle; margin: 1px 3px;border-radius: 5px;transition: all .4s;background-color: #f9f9f9;width: 50px;}
.page a.active{background-color: #2766b5;color: #fff;}
.page a:hover{background-color: #2766b5;color: #fff;}
.page .page-btn{width: 80px;}
.page .page-left{background: #f9f9f9 url("../images/left.png") no-repeat center;background-size: cover;margin-right: 17px;}
.page .page-left:hover{background: #2766b5 url("../images/left-1.png") no-repeat center;background-size: cover;}
.page .page-right{background: #f9f9f9 url("../images/right.png") no-repeat center;background-size: cover;margin-left: 17px;}
.page .page-right:hover{background: #2766b5 url("../images/right-1.png") no-repeat center;background-size: cover;}
.input-box{border-radius: 6px;background: #fff;position: relative;margin-bottom: 2%;}
.bgf7f8fa{background: #f7f8fa;}
.input-r{margin-left: 40px;}
.input-r .text{display: block;width: 100%;height: 60px;font-size: 16px;}
.xing{position: absolute;left: 28px;top:0;line-height: 60px;font-size: 16px;color: #b4b4b4;}
.input-box-clo3 .input-box{width: 32%;margin-right: 2%;float: left;}
.input-box-clo3 .input-box:last-child{margin-right: 0;}
.select-a{position: absolute;width: 100%;left: 0;background: #fff;max-height: 280px;overflow: auto;z-index: 9;display: none;}
.select-a a{display: block;padding-left: 40px;font-size: 16px;line-height: 40px;}
.select-a a:hover{background: #f9f9f9;}
.input-box-select:after{content: "";position: absolute;width:10px;height: 6px;background: url("../images/bot20x12.png") no-repeat center;background-size: 100% 100%;transition: all .4s;top:50%;margin-top: -3px;right: 25px;}
.input-box-select.active{z-index: 9;}
.input-box-select.active:after{transform: rotate(-180deg);}
.input-box-select{cursor: pointer;}
.input-box-select .text{cursor: pointer;}
.input-box-clo3{position: relative;z-index: 9;}
.textarea{padding: 19px 0;padding-right: 20px;}
.textarea textarea{display: block;width: 100%;resize: none;overflow: auto;font-size: 16px;height: 82px;}
.tj{display: inline-block;border-radius: 6px;width: 160px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #186eb5;transition: all .4s;}
.tj:hover{opacity: 0.75;}
/*03_01_投资者关系 e*/
/*04_01_解决方案 s*/
.ban-fff .ban *{color: #fff;}
.jjfa-list-2 li{width: 48.6%;margin-right: 1.8%;margin-top: 1.8%;}
.jjfa-list-2 li:nth-child(1){margin-top: 0;}
.jjfa-list-2 li:nth-child(2){margin-top: 0;}
.jjfa-list-2 li:nth-child(2n){margin-right: 0;}
.jjfa-list{display: flex;flex-wrap: wrap;}
.jjfa-list li{background: #fff;}
.jjfa-list li a{display: block;padding: 40px;position: relative;height: 100%;}
.jjfa-top{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;position: relative;}
.jjfa-list li a:hover h3{color: #186eb5;}
.jjfa-top:after{content: "";position: absolute;background: url("../images/r16x26.png") no-repeat center;background-size: 100% 100%;width: 8px;height: 13px;right: 0;top:9.5px;transition: all .4s;}
.jjfa-list li a:hover .jjfa-top:after{background: url("../images/r16x26-2.png") no-repeat center;background-size: 100% 100%;}
.jjfa-list-1 li{display: block;margin-top: 1.8%;width: 100%;}
.jjfa-list-1 li:nth-child(1){margin-top: 0;}
/*04_01_解决方案 e*/
/*04_03_铁酸钠详情页 s*/
.jjfaxq-l{width: 23.6%;}
.jjfaxq-r{width: 73.6%;}
.jjfaxq-nav a{display: block;position: relative;padding:15px 30px;font-size: 20px;color: #555;transition: all .4s;padding-right: 45px;margin-bottom: 20px;}
.jjfaxq-nav a:after{content: "";position: absolute;background: url("../images/r16x26-2.png") no-repeat center;background-size: 100% 100%;width: 8px;height: 13px;right: 30px;top:50%;transition: all .4s;transform: translateY(-50%);opacity: 0;}
.jjfaxq-nav a.active{background: #fff;box-shadow: 0 0 26px 0 rgba(148, 148, 148, 0.16);color: #186eb5;}
.jjfaxq-nav a.active:after{opacity: 1;}
.jjfaxq-nav a:hover{background: #fff;box-shadow: 0 0 26px 0 rgba(148, 148, 148, 0.16);color: #186eb5;}
.jjfaxq-nav a:hover:after{opacity: 1;}
.jjfaxq-img{width: 54%;}
.jjfaxq-con{width: 37%;margin-right: 3%;padding-top: 25px;}
.title26 h2{font-size: 26px;}
.jjfaxq-top{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.table th{height: 80px;background: #186eb5;color: #fff;font-size: 20px;}
.table th:nth-child(1){border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.table td:nth-child(1){border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.table th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.table td:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.table td{height: 60px;}
.table tr:nth-child(even){background: #f5f5f5;}
/*04_03_铁酸钠详情页 e*/
/*05_01_创新研发 s*/
.chuangxin .btn50 div{position: absolute;top:50%;margin-top: -25px;}
.chuangxin .btn50-1{left: -90px;}
.chuangxin .btn50-2{right: -90px;}
/*05_01_创新研发 e*/
/*06_01_新闻中心列表页 s*/
.xwlb{display: flex;flex-wrap: wrap;}
.xwlb li{width: 31.25%;margin-right: 3.125%;margin-bottom: 3.125%;border-radius: 4px;overflow: hidden;}
.xwlb li a{position: relative;height: 100%;width: 100%;}
.xwlb li:nth-child(3n){margin-right: 0;}
/*06_01_新闻中心列表页 e*/
/*06_02_新闻中心详情页 s*/
.xwxq-top h1{font-size: 24px;}
.edit{border-top: 1px solid #e5e5e5;padding: 30px 0;}
.edit img{width: 100%;vertical-align: bottom;height: auto !important;max-width: 100%;}
.tsgd-160{width: 160px;}
.xwxq-tsgd{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.xwxq-fy{display: flex;justify-content: space-between;}
.xwxq-table th{background: #f4f4f4;font-weight: normal;text-align: left;padding: 0 30px;height: 50px;}
.xwxq-table th:last-child{width: 100px;text-align: center;}
.xwxq-table td:last-child{text-align: center;}
.xwxq-table td{padding: 0 30px;height: 55px;border-bottom: 1px solid #e5e5e5;}
.xwxq-table p{transition: all .4s;}
.xwxq-table tbody tr:hover p{color: #186eb5;}
.look img{width: 16px;vertical-align: bottom;}
/*06_02_新闻中心详情页 e*/
/*07_01_社会招聘分类页 s*/
.zwzp-s{width: 1080px;max-width: 100%;margin: 0 auto;}
.zwzp-s-text .text{display: block;width: 100%;height: 60px;font-size: 16px;text-indent: 40px;}
.zwzp-sb{width: 120px;height: 60px;position: absolute;background: #186eb5 url("../images/s240x120.png") no-repeat center;background-size: cover;right: 0;top:0;}
.zp-left{width: 18%;}
.zp-right{width: 82%;padding-left: 120px;position: relative;}
.zp-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zp-right:before{content: "";top:0;height: 100%;left: 60px;border-right: 1px solid #e5e5e5;position: absolute;}
.zwsx{;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;margin-bottom: 20px;display: flex;justify-content: space-between;}
.zwsx a{font-size: 16px;color: #186eb5;}
.zwsx a:hover{text-decoration: underline;}
.zwlb li{display: block;margin-bottom: 15px;}
.zwlb li a{display: block;position: relative;padding-left: 25px;}
.zwlb li .i{position: absolute;top:2px;left: 0; display: inline-block;vertical-align: middle;width: 18px;height: 18px;border-radius: 4px;transition: all .4s;border:2px solid #c9c9c9;margin-right: 8px;}
.zwlb li span{font-size: 16px; display: inline-block;vertical-align: middle;}
.zwlb li.active .i{background: #186eb5 url("../images/gou.png") no-repeat center;background-size: cover;border-color: #186eb5;}
/*.zwlb li a:hover .i{background: #186eb5 url("../images/gou.png") no-repeat center;background-size: cover;border-color: #186eb5;}*/
.ji{width: 20px;line-height: 20px;text-align: center;border-radius: 4px;color: #fff;background: #ff6b6b;display: inline-block;;vertical-align: middle;margin-right: 8px;}
.job-list h3{display: inline-block;;vertical-align: middle;}
.job-list li{display: block;width: 100%;transition: all .4s;}
.job-list li a{display: block;width: 100%;padding: 30px;transition: all .4s;}
.job-list li a:hover{box-shadow: 0 0 26px 0 rgba(148, 148, 148, 0.16);}
.job-mid p{position: relative;margin-right: 30px;display: inline-block;vertical-align: middle;margin-bottom: 5px;}
.job-mid p:last-child{margin-right: 0;}
.job-mid{font-size: 0;}
.job-mid p:after{content: "";position: absolute;height: 10px;right: -15px;border-right: 1px solid #dddddd;top:50%;margin-top: -5px;}
.job-mid p:last-child:after{display: none;}
.zp-fy{width: 72%;padding-left: 120px;}
.lxwm-list{display: flex;flex-wrap: wrap;}
.lxwm-list li{width: 32%;margin-right: 2%;position: relative;z-index: 5;padding: 60px 30px;transition: all .4s;}
.lxwm-list li:last-child{margin-right: 0;}
.lxwm-list li:last-child .lxwm-icon{right: 0;}
.lxwm-list li p{transition: all .4s;}
.lxwm-list li h3{transition: all .4s;}
.lxwm-list li:hover{box-shadow: 0 0 26px 0 rgba(24,110,181,0.4);}
.lxwm-list li:hover p{color: #186eb5;}
.lxwm-list li:hover h3{color: #186eb5;}
.lxwm-l{position: absolute;top:4px;left: 0;width: 50px;border-radius: 100%;background: #e7f0f7;}
.lxwm-icon{position: absolute;right: -12px;bottom:-5px;z-index: -1;height: 136px;}
.lxwm-r{margin-left: 80px;}
.des-999 p{color: #999;}
.lxwm-r p{width: 258px;max-width: 100%;}
/*07_01_社会招聘分类页 e*/
/*07_02_社会招聘详情页 s*/
.zpxq-top{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.fixed-style{position: fixed;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;}
.tdjl{width: 480px;max-width: 92%;margin: 0 auto;}
.jianli-text{margin-left: 70px;}
.jianli-input-wj .jianli-text{margin-left: 150px;}
.jianli-name{position: absolute;top:0;line-height: 58px;left: 20px;font-size: 16px;color: #666;}
.jianli-input{border:1px solid #f2f2f2;margin-bottom: 10px;}
.jianli-text .text{display: block;width: 100%;height: 58px;font-size: 16px;}
.liulan{position: absolute;top:0;line-height: 58px;width: 80px;right: 0;text-align: center;font-size: 16px;color: #666;transition: all .4s;cursor: pointer;}
.liulan:hover{color: #186eb5;}
.liulan:before{content: "";position: absolute;left: 0;top:50%;margin-top: -8px;height: 16px;border-left: 1px solid #f2f2f2;}
.gb48{position: absolute;background: url("../images/btn48.png") no-repeat center;background-size: cover;width: 24px;height: 24px;cursor: pointer;right: 25px;top:25px;}
/*07_02_社会招聘详情页 e*/
/*01_联系我们 s*/
.lx-list{padding: 60px 30px;text-align: center;}
.lx-list img{width: 32px;vertical-align: bottom;}
.lx-list li{width: 25%;padding:0 15px;position: relative;cursor: pointer;transition: all .4s;}
.lx-list li:before{content: "";position: absolute;right: 0;top:35px;height: 60px;border-right: 1px solid #e5e5e5;}
.lx-list li:last-child:before{display: none;}
.lx-list li p{width: 260px;max-width: 100%;margin: 0 auto;}
.add-list li{width: 49.3%;margin-right: 1.4%;margin-top: 1.4%;transition: all .4s;}
.add-list li:nth-child(1){margin-top: 0;}
.add-list li:nth-child(2){margin-top: 0;}
.add-list li:nth-child(2n){margin-right: 0;}
.add-list li p{transition: all .4s;}
.add-list li h3{margin-right: 30px;transition: all .4s;}
.dw12{background: url("../images/dw24x32.png") no-repeat center;background-size: 100% 100%;width: 12px;height: 16px;right: 0;top:8px;position: absolute;}
/*.add-list li.active .dw12{filter: grayscale(0); opacity: 1;}*/
/*.add-list li.active h3{color: #186eb5;}*/
/*.add-list li.active p{color: #186eb5;}*/
/*.add-list li:hover .dw12{filter: grayscale(0); opacity: 1;}*/
/*.add-list li:hover h3{color: #186eb5;}*/
/*.add-list li:hover p{color: #186eb5;}*/
/*.add-list li.active{box-shadow: 0 0 26px 0 rgba(24,110,181,0.4);}*/
/*01_联系我们 e*/
/*09_01_搜索结果页 s*/
.title30 h2{font-size: 30px;}
.zwzp-s-ssjg{border-radius: 60px;overflow: hidden;}
.zwzp-s-ssjg a{background: url("../images/s240x120-2.png") no-repeat center;background-size: cover;width: 100px;}
.ssjg-top{border-bottom: 1px solid #e5e5e5;padding-bottom: 35px;}
.ss-nav{font-size: 0;position: absolute;right: 0;top:3px;}
.ss-nav a{font-size: 16px;color: #999;transition: all .4s;margin-right: 38px;}
.ss-nav a:last-child{margin-right: 0;}
.ss-nav a.active{color: #000;}
.ss-nav a:hover{color: #000;}
.des-en p{text-align: left;}
.des-en span{text-align: left;}
.ss-rus{margin-right: 380px;}
.remark{font-size: 26px;color: red;font-weight: bold;display: none;}
.ssjg-img{width: 400px;height: 260px;position: relative;border-radius: 8px;overflow: hidden;}
.ssjg-img img{object-fit: cover;}
.ssjg-list li{width: 100%;display: block;margin-bottom: 20px;}
.ssjg-list li a{width: 100%;display: block;position: relative;}
.ssjg-con{position: absolute;top:0;height: 100%;left: 480px;right: 0;border-bottom: 1px solid #e5e5e5;padding-top: 30px;}
.key{color: #186eb5;}
.ssjg-warp{width: 890px;max-width: 100%;}
.ljxq{display: inline-block;font-size: 16px;transition: all .4s;color: #999;}
.ljxq span{display: inline-block;vertical-align: middle;margin-right: 18px;}
.ljxq .i{display: inline-block;vertical-align: middle;width: 8px;height: 13px; background: url("../images/r16x26.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.ssjg-warp p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ssjg-con .ljxq{position: absolute;left: 0;bottom:35px;}
/*09_01_搜索结果页 e*/
.maodian{position: absolute;top:-150px;left: 0;}
.ssjgts{padding-top: 30px;font-size: 18px;margin-left: 18%; padding-left: 60px;}
.ssjgts a{display: inline-block;vertical-align: middle;position: relative;}
.ssjgts a:after{content: "";position: absolute;top:-2px;right: -12px;width: 12px;height: 12px;background: #186eb5 url("../images/btn48-fff.png") no-repeat center;background-size: cover;border-radius: 100%;}
.ssjgts span{display: inline-block;vertical-align: middle;}
.banner-des h2{font-size: 60px;color: #fff;font-family: AlimamaShuHeiTi-Bold;}
.banner-des pre{font-size: 60px;color: #fff;font-family: AlimamaShuHeiTi-Bold;}
.banner-000 .banner-des h2{color: #333;}
.xwxq-img{border-bottom: 1px solid #e5e5e5;padding-bottom: 40px;}
.xwxq-img .img100{border-radius: 10px;overflow: hidden;}

.none99 .jjfaxq-con{width: auto !important;float: none;}
.none99 .jjfaxq-con h2{text-align: center;}
.none99 .desstitle{text-align: center;padding-top:10px;}
.none99 .desstitle *{text-align: center;}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des,.view .swiper-slide-active .des24{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}