@charset "utf-8";
@font-face {
    font-family: harmonyossansscregular;
    src: url(../font/harmonyossansscregular.ttf);
}
@font-face {
    font-family: harmonyossansscmedium;
    src: url(../font/harmonyossansscmedium.ttf);
}
@font-face {
    font-family: harmonyossansscbold;
    src: url(../font/harmonyossansscbold.ttf);
}
@font-face {
    font-family: manropebold;
    src: url(../font/manropebold.woff),
    url(../font/manropebold.woff2),
    url(../font/manropebold.otf),
    url(../font/manropebold.ttf);
}
@font-face {
    font-family: manroperegular;
    src: url(../font/manroperegular.woff),
    url(../font/manroperegular.woff2),
    url(../font/manroperegular.otf),
    url(../font/manroperegular.ttf);
}
@font-face {
    font-family: manropesemibold;
    src: url(../font/manropesemibold.woff),
    url(../font/manropesemibold.woff2),
    url(../font/manropesemibold.otf),
    url(../font/manropesemibold.ttf);
}
@font-face {
    font-family: dinengschrift;
    src: url(../font/dinengschrift.otf),
    url(../font/dinengschrift.ttf);
}
@font-face {
    font-family: dincondmedium;
    src: url(../font/dincondmedium.otf);
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:harmonyossansscregular,"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select{font-family:harmonyossansscregular,"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
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.6em;}
.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;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.w1100{width: 1100px;max-width: 92%;margin: 0 auto;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}
.scrollBar::-webkit-scrollbar {width: 10px;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;}

.size36{font-size: 36px;}
.size20{font-size: 20px;}


/*header s*/
body{transition: all .4s;padding-top: 86px;}
.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;transition: all .4s;height: 85px;background: #fff;border-bottom: 1px solid rgba(255,255,255,.3);}
.header .w1600{position: relative;transition: all .4s;}
.logo{position: absolute;left:0;top:50%;transform: translateY(-50%);}
.logo img{display: block;height: 31px;transition: all .4s;}
.logofff{position: absolute;top:0;left: 0;opacity: 0;}
.nav-box{margin-right: 166px;position: relative;}
.nav li{float: left;position: relative;}
.nav-yi{display: inline-block;line-height: 85px;font-size: 16px; padding: 0 28px;transition: all .4s;position: relative;z-index: 3;}
.nav-yi span{position: relative;z-index: 1;display: inline-block;text-align: center;}
.nav-yi span:before{position: absolute;content: '';top:50%;margin-top: -2px; transition: all .4s;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid #333;right: -15px;}
.nav-yi span:after{position: absolute;z-index: -1;bottom:-1px;left: 50%;transform: translateX(-50%); height: 3px;background: #5cc3e4;width:0;content: "";transition: all .4s;}
.nav li.active .nav-yi span:after{width: 100%;}
.nav li.active .nav-yi{color: #5cc3e4;}
.nav li.active .nav-yi span:before{border-top-color: #5cc3e4;}

.header-style .nav li.active .nav-yi span:before{border-top-color: #fff;}
.header-style .nav li.active .nav-yi{color: #fff;}
.header-style .nav-yi span:after{background: #fff;}

.nav-er{position: absolute;width: 130px;left: 50%;margin-left: -65px;\opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;box-shadow: 0 1px 2px #ddd;}
.nav-er a{display: block;background: rgba(255,255,255,.9);text-align: center;line-height: 44px;text-transform: uppercase;font-size: 14px;color: #777;}
/*.nav li:nth-child(2) .nav-er a:nth-child(5){display: none;}*/
.search-box{position: absolute;right: 85px;top:50%;margin-top: -12px; cursor: pointer;z-index: 7;}
.search-box:after{content: '';position: absolute;right: -22px;top:50%;height: 10px;border-right: 1px solid #dcdcdc;margin-top: -5px;}
.earth{width: 17px;height: 17px;display: block;background: url("../images/earch1.png") no-repeat center;background-size: cover;margin: 7px;transition: all .4s;}
.search-btn{width: 24px;height: 24px;border-radius: 24px;background:url("../images/search.png") no-repeat center;background-size:cover;line-height: 24px;text-align: center; z-index: 5;position: relative;transition: all .4s;}
.search-con{position: absolute;width: 0;right: 0;height: 32px;top:56px;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:4px;cursor: pointer;display: none;}
.search-box.active .search-con{width: 200px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.language{position: absolute;height: 32px;line-height: 32px;top:50%;margin-top: -16px;right: 0;width: 44px;cursor: pointer;}
.language-val{}
.language-box{position: absolute;top:100%;background: #fff;width: 60px;left: 50%;margin-left: -30px;display: none;}
.language i{position: absolute;right: 0;top:50%;margin-top: -3px; width: 12px;height: 6px;background: url("../images/down.png") no-repeat center;background-size: cover;transition: all .4s;}
.language.active i{transform: rotate(180deg);}
.language-box a{display: block;text-align: center;font-size: 12px;line-height: 24px;color: #333;}
.language-box a:hover{background: #5cc3e4;color: #fff;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;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; }
.menu-handler .burger{height: 2px; background: #fff; 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;transition:all .4s;}
.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); }

body.is-scroll{padding-top: 70px;}
body.is-scroll .header{height: 70px;;background: #5cc3e4;border-color: #5cc3e4;}
body.is-scroll .nav-yi{line-height: 70px;color: #fff;}
body.is-scroll .search-con{top: 49px;}
body.is-scroll .logo img{height: 27px;}
body.is-scroll .nav li.active .nav-yi{color: #fff;}
body.is-scroll li .nav-yi span:before{border-top-color: #fff;}
body.is-scroll li .nav-yi span:after{background: #fff;}
body.is-scroll .search-opean{background:url("../images/search-1.png") no-repeat center;background-size:cover;}
body.is-scroll .search-box:after{border-color: #fff;}
body.is-scroll .logo .logo333{opacity: 0;}
body.is-scroll .logo .logofff{opacity: 1;}
body.is-scroll .nav li.active .nav-yi span:before{border-top-color: #fff;}
body.is-scroll .language i{background: url("../images/down-1.png") no-repeat center;background-size: cover;}
body.is-scroll .earth{background: url(../images/earch2.png) no-repeat center;background-size: cover;}

.index-body{padding-top: 0;}
.index-body.is-scroll{padding-top: 0;}

.header-style .header{background: none;box-shadow: none !important;}
.header-style .logo .logo333{opacity: 0;}
.header-style .logo .logofff{opacity: 1;}
.header-style .nav-yi{color: #fff;}
.header-style .nav-yi span:before{border-top-color: #fff;}
.header-style .search-opean{background:url("../images/search-1.png") no-repeat center;background-size:cover;}
.header-style .earth{background: url(../images/earch2.png) no-repeat center;background-size: cover;}
.header-style .language i{background: url("../images/down-1.png") no-repeat center;background-size: cover;}
/*header e*/
/*footer s*/
.footer{background: url("../images/footer.jpg") no-repeat center;background-size: cover;padding-top: 70px;}
.footer-nav{overflow: hidden;display: flex;justify-content: space-between;}
.footer-nav dl{float: left;margin-right: 60px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt{font-size: 16px;color: #fff;}
.footer-nav dt:after{display: block;width: 23px;height: 2px;background: #58d8ff;content: '';margin: 15px 0 25px;}
.footer-nav dd{margin-bottom: 10px;}
.footer-nav dd:last-child{margin-bottom: 0;}
.footer-nav dd a{transition: all .4s; color: #a1b4c1;}
.footer-nav dd a:hover{color: #fff;}
.footer-contact{margin-left: 0 !important;}
.footer-tel{margin-bottom: 20px;}
.footer-tel h3{font-size: 16px;color: #fff;margin-bottom: 12px;}
.footer-tel span{font-size: 24px;color: #58d8ff;}
.footer-add p{color:#a1b4c1;position: relative;padding-left: 30px;margin-bottom: 2px;}
.footer-add p:last-child{margin-bottom: 2px;}
.footer-add p img{position: absolute;left: 0;top:2px;}
.footer-bot{padding-top: 40px;text-align: right;}
.footer-map span,.footer-map a{display: inline-block;color: #fff;}
.footer-map span{margin: 0 11px;}
.beian{padding: 14px 0;}
.beian span,.beian a{display: inline-block;color: #a1b4c1;margin-left: 10px;}
.attend h3{font-size: 18px;color: #fff;}
.attend-bot{font-size: 0;margin: 25px 0 35px;position: relative;}
.attend-con{position: absolute;width: 104px;left: 50%;margin-left: -55px;bottom:45px;height: 0;transition: all .4s;overflow: hidden;padding: 4px;opacity: 0;filter: alpha(opacity=0);z-index: 9;}
.attend-con .fixed-warp{position: relative;background: #fff;box-shadow: 0 0 4px #ddd;}
.attend-con .fixed-warp:before{content: '';position: absolute;width: 0;border:8px solid transparent;top:100%;left: 50%;border-top-color: #fff;margin-left: -8px;}
.attend-bot a{display: inline-block;width: 34px;height: 34px;border-radius: 100%;font-size: 14px;margin-left: 10px;position: relative;border:1px solid #a1b4c1;text-align: center;}
.attend-bot a:first-child{margin-left: 0;}
.fixed-warp{padding: 5px;text-align: center;}
.fixed-warp .img100{border:1px solid #dbdbdb;}
.fixed-warp p{font-size: 12px;color: #626262;}
.fixed-hide .i{position: absolute;width: 0;height: 0;border:8px solid transparent;left: 100%;bottom:10px;border-left-color: #fff;}
.gz-gzh{background: url("../images/gz-gzh.png") no-repeat center;background-size: cover;}
.gz-xcx{background: url("../images/gz-xcx.png") no-repeat center;background-size: cover;}
.gz-wb{background: url("../images/gz-wb.png") no-repeat center;background-size: cover;}
.gz-dy{background: url("../images/gz-dy.png") no-repeat center;background-size: cover;}
.footer-qr{font-size: 0;text-align: center;}
.footer-qr li{display: inline-block;vertical-align: top; font-size: 14px;margin-right: 18px;}
.footer-qr li:last-child{margin-right: 0;}
.footer-qr li img{width: 74px;vertical-align: bottom;}
.footer-qr li p{font-size: 10px;color: #fff;margin-top: 5px;}
.attend-bot a.active .attend-con{height: 150px;opacity: 1;filter: alpha(opacity=1);}
/*footer e*/
/*index s*/
.bannerDots{position: absolute;z-index: 9;left: 0;width: 100%;bottom:35px;text-align: center;}
.bannerDots .swiper-pagination-bullet{width: 20px;height: 2px;opacity: 1;border-radius:0;margin:0 5px; background: #fff;transition: all .4s;}
.bannerDots .swiper-pagination-bullet-active{width: 40px;background: #58d8ff;}
.bannerBtn div{position: absolute;width: 60px;height: 60px;border-radius: 100%;cursor: pointer;z-index: 9;top:50%;margin-top: -30px;transition: all .4s;opacity: 0.6;}
.bannerBtn div:hover{opacity: 1;}
.bannerBtn1{background: url("../images/btn601.png") no-repeat center;background-size: cover;left: 30px;}
.bannerBtn2{background: url("../images/btn602.png") no-repeat center;background-size: cover;right: 30px;}
.banner-top span{display: block;color: #5f89e0;font-size: 84px;opacity: .22;line-height: 1em;font-family: manropesemibold;}
.banner-top h2{color: #fff;font-size: 60px;font-weight: bold;line-height: 1em;margin-top: -50px;position: relative;z-index: 2;}
/*.banner-mid{margin-left: 8%;}*/
.banner-mid h3{color: #fff;font-size: 48px;}
.banner-mid p{color: #fff;margin: 5px 0;font-family: manroperegular;text-transform: uppercase;letter-spacing: 1px;padding-left: 1px;}
.gd{display: inline-block;position: relative;color: #fff;padding-right: 50px;}
.gd i{position: absolute;width: 35px;height: 11px;background: url("../images/jt35.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -5px;}
.title24{margin-bottom: 40px;}
.title24 span{display: block;color: #111;text-transform: uppercase; font-family: manropebold;font-size: 30px;line-height: 1em;}
.title24 h2{font-size: 24px;color: #1e1e1e;margin: 18px 0;}
.title24 .i{width: 34px;border-bottom: 1px solid #126a7c;transform-origin: left !important;animation-delay: 300ms !important;}
.news-type{position: absolute;right: 0;top:50px;}
.news-type a{transition: all .4s; font-size: 18px;display: inline-block;position: relative;padding-left: 40px;margin-right: 60px;}
.news-type a:hover{color: #58d8ff;}
/*.news-type a:nth-child(even):before{background: #0f76ff;}*/
/*.news-type a:nth-child(even):hover{color: #0f76ff;}*/
.news-type a:last-child{margin-right: 0;}
.news-type a:before{width: 20px;height: 20px;position: absolute;left: 0;top:50%;margin-top: -10px;background: #ccc;content: '';transition: all .4s;}
.news-type a.active:before{background: #58d8ff;}
.news-type a:hover:before{background: #58d8ff;}
.news{display: none;}
.news.active{display: block;}
.date{transition: all .4s;line-height: 1em;}
.year{color: #999;margin-bottom: 10px;}
.news-style h3{line-height: 1.5em;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family:"Microsoft YaHei"; overflow: hidden;transition: all .4s;}
.news-style p{height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: bold; overflow: hidden;margin-bottom: 30px;}
.news-style .img100{margin: 25px 0;overflow: hidden;height: 250px;}
.news-style .img100 .position-full{transition: all .4s;}
.news-style:hover .img100 .position-full{transform: scale(1.1);}
/*.xw .img100{height: 234px;overflow: hidden;}*/
.jt35-2{display: inline-block;width: 35px;height: 11px;background: url("../images/jt35-2.png") no-repeat center;background-size: cover;transition: all .4s;}
.news-style:hover .jt35-2{background: url("../images/jt35-1.png") no-repeat center;background-size: cover;}
.news-style:hover .date{color: #0f76ff;}
.news-style:hover h3{color: #0f76ff;}

.gd2{display: inline-block;padding:0 22px; border:1px solid #0f76ff;text-align: center;color: #0f76ff;transition: all .4s;}
.gd2 span{display: inline-block;line-height: 34px;vertical-align: middle;margin-right: 11px;}
.gd2 i{display: inline-block;vertical-align: middle;width: 35px;height: 11px;background: url("../images/jt35-1.png") no-repeat center;background-size: cover;}
.gd2:hover{background: #0f76ff;color: #fff;}
.gd2:hover i{background: url("../images/jt35.png") no-repeat center;background-size: cover;}
.prodcut .img{height: 900px;}
.product-title{position: absolute;left: 0;top:100px;z-index: 9;width: 100%;}
.title24-fff span{color: #fff;}
.title24-fff h2{color: #fff;}
.title24-fff .i{border-color: #fff;}
.product-type{margin-top: 90px;}
.product-type li{margin-bottom: 20px;}
.product-type a{display: inline-block;color: #fff;font-size: 18px;position: relative;padding-bottom: 7px;}
.product-type a:before{content: '';position: absolute;left: 0;width: 0;bottom:0;border-bottom: 1px solid #fff;transition: all .4s;}
.product-type li.active a:before{width: 100%;}
.product-type a:hover:before{width: 100%;}
.product-con{position: absolute;width: 50%;box-sizing: border-box;right: 0;bottom:0;}
.product-warp{padding: 60px 85px;background: url("../images/product-r.jpg") no-repeat center;background-size: cover;margin-left:100px;border-top-left-radius: 40px;}
.gdfff{border-color: #fff;color: #fff;}
.gdfff:hover{border-color: #0f76ff;}
.gdfff i{background: url("../images/jt35.png") no-repeat center;background-size: cover;}
.product-des h3{color: #fff;font-size: 30px;}
.product-des p{color: #fff;font-size: 18px;width: 440px;max-width: 100%;margin: 20px 0 30px;line-height: 2em;min-height: 6em;}
.product-num{position: absolute;right: -26px;bottom: -64px;line-height: 1em;font-family: dinengschrift;font-size: 225px;color: #fff;opacity: 0.38;}
.proBtn{position: absolute;top:217px;z-index: 9;left: 0;width: 100%;}
.proBtn .w1600 div{width: 52px;height: 52px;border-radius: 100%;cursor: pointer;transition: all .4s;}
.proBtn1{background:#fff url("../images/521.png") no-repeat center;background-size: cover;margin-bottom: 15px;}
.proBtn1:hover{background:#58d8ff url("../images/521-1.png") no-repeat center;background-size: cover;}
.proBtn2{background:#fff url("../images/522.png") no-repeat center;background-size: cover;}
.proBtn2:hover{background:#58d8ff url("../images/522-1.png") no-repeat center;background-size: cover;}
.about-img{width: 59%;padding-bottom: 70px;}
.about-img .img{margin-left: 100px;position: relative;z-index: 9;}
.about-con{width: 36%;}
.des16 p{font-size: 16px;color: #777;line-height: 1.8em;}
.about-des{min-height: 240px;margin-bottom: 40px;}
.about-des p{margin-bottom: 36px;}
.about-des p:last-child{margin-bottom: 0;}
.about-img-bg{position: absolute;left: 2%;bottom:0;width: 62.5%;}
.tel-l{padding: 90px 0;box-sizing: border-box;width: 45%;border-right: 1px solid rgba(255,255,255,.3);height: 880px;}
.tel-r{width: 55%;right:0;height:100%;top:0;position: absolute;}
.tel-r:before{content: '';position: absolute;border-right: 1px solid rgba(255,255,255,.3);height: 100%;top:0;left: 50%;}
.tec .w1600{border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);}
.gitied{font-size: 0;}
.gitied li{;width: 50%;box-sizing: border-box;display: inline-block;vertical-align: top;font-size: 14px;}
.gitied li:nth-child(1){margin-bottom: 130px;}
.gitied li:nth-child(2){margin-bottom: 130px;}
.gitied-su{display: inline-block;position: relative;padding-right:35px;padding-left: 50px;}
.gitied-su .i{position: absolute;top:10px;left: -1px;width: 3px;height: 70px;background: #5cc3e4;transform-origin: top !important;animation-delay: 500ms !important;}
.gitied-su strong{font-size: 100px;color: #fff;font-family: dinengschrift;line-height: 1em;}
.gitied-su span{font-size: 18px;color: #fff;position: absolute;right: 0;}
.gitied-su .gitied-top{font-size: 30px;}
.gitied-top{top:0;}
.gitied-bot{bottom:12px;}
.tel-l .gitied-bot{bottom:33px;}
.gitied-con p{margin-top: 10px; font-size: 18px;color: #fff;padding-left: 50px;}
.tel-l-data .gitied-su strong{font-size: 250px;}
.tel-l .gitied-su .i{top:32px;}
.swiperDot{margin-top: 50px;}
.swiperDot .swiper-pagination-bullet{margin: 0 6px;}
.size18{font-size: 18px;}
.diqu li{margin-bottom: 40px;}
.diqu h3{font-family: harmonyossansscmedium;margin-bottom: 10px;}
.diqu p{color: #747474;}
.diqu-con{position: relative;z-index: 5;}
.diqu-img{position: absolute;bottom:0;right: 0;left: 490px;z-index: 3;}
/*.diqu-img img{max-width: 100%;vertical-align: bottom;}*/
/*index e*/

/*2.1乘用车 s*/
.ban{position: relative;overflow: hidden;}
.ny-navs .w1600{font-size: 0;}
.ny-navs{border-bottom: 1px solid #dcdcdc;}
.ny-navs a{display: inline-block;font-size: 16px;color: #505050;margin-right: 50px;position: relative;line-height: 64px;transition: all .4s;}
.ny-navs a:last-child{margin-right: 0;}
.ny-navs a:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:-1px;opacity: 0;border-bottom: 2px solid #58d8ff;width: 0;transition: all .4s;}
.ny-navs a.active{color: #58d8ff;}
.ny-navs a.active:after{width: 100%;opacity: 1;}
.ny-navs a:hover:after{width: 100%;opacity: 1;}
.ny-navs a:hover{color: #58d8ff;}
.cp-left .title24 span{font-family: manroperegular;width: 210px;max-width: 100%;}
.size30{font-size:30px;}
.size24{font-size:24px;}
.cp-left{position: absolute;left: 0;top:0;}
.cp-con{min-height: 200px;margin-left: 310px;}
.cp-con .img100{overflow: hidden;background: #fff;}
.cp-con .img100 img{transition: all .4s;}
.cp-con .img100:hover img{transform: scale(1.1);}
.mg-b20{margin-bottom: 20px;}
.mg-b40{margin-bottom: 40px;}
.cp-page{background: #f5f5f5;display: inline-block;font-size: 0;vertical-align: top;width: 48%;margin-right: 4%;margin-top: 4%;padding:35px;}
.cp-page:nth-child(1){margin-top: 0;}
.cp-page:nth-child(2){margin-top: 0;}
.cp-page:nth-child(even){margin-right: 0;}
.cp-bot{font-size: 0;display: flex;flex-wrap: wrap;}
.cp-ms{display: inline-block;vertical-align: top;font-size: 14px;width: 46%;margin-right: 8%;margin-bottom: 4%;}
.cp-ms:nth-child(2n){margin-right: 0;}
.title-h4{color: #fff;background: #5bc4e5;line-height: 36px;padding: 0 20px 0 10px;display: inline-block;min-width: 210px; max-width: 100%;position: relative;z-index: 3;white-space: nowrap;}
.title-h4:after{content: '';position: absolute;width: 0;height: 0;top:0;right: 0;border:10px solid transparent;border-top-color: #f5f5f5;border-right-color: #f5f5f5;z-index: -1;}
.cp li:nth-child(even){background: #f5f5f5;}
.cp li:nth-child(even) .cp-page{background: #f0f0f0;}
.cp li:nth-child(even) .title-h4:after{border-top-color: #f0f0f0;border-right-color: #f0f0f0;}
.cp-page.full .cp-ms{width: 100%;margin-right: 0;}
.cp-ms2{display: inline-block;vertical-align: top;font-size: 14px;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.cp-ms2:nth-child(3n){margin-right: 0;}
.cp-bot2{font-size: 0;}
.cp-ms2 p{margin-bottom: 20px;line-height: normal; position: relative;}
.cp-ms2 p:last-child{margin-bottom: 0;}
/*.cp-ms2 p:before{content: '·';position: absolute;top:0;left: 0;}*/
.cp-ms2 .title-h4:after{border-top-color: #fff;border-right-color: #fff;}
.cp li:nth-child(even) .title-h4:after{border-top-color: #f5f5f5;border-right-color: #f5f5f5;}
.cp-body .ban-des{text-align: center;margin-bottom: 0 !important;}
.ban-des h2{margin-bottom: 10px; font-size: 48px;font-weight: bold;font-family: "Microsoft YaHei";color: #fff;}
.ban-des h3{font-size: 36px;font-weight: bold;font-family: "Microsoft YaHei";color: #fff;}
/*2.1乘用车 e*/
/*3.1研发概况 s*/
.js-body .ban-des h2{text-shadow: 2px 3px 2px rgba(0, 12, 59, 0.67);}
.js-body .ban-des h2:nth-child(2){text-indent: 4em;}
.yfgk-list{font-size: 0;}
.yfgk-page{font-size: 14px;display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;margin-top: 3.5%;}
.yfgk-page:nth-child(1){margin-top: 0;}
.yfgk-page:nth-child(2){margin-top: 0;}
.yfgk-page:nth-child(3){margin-top: 0;}
.yfgk-page:nth-child(3n){margin-right: 0;}
.yfgk-page .img100{margin-bottom:25px;}
.yfgk-page h3{margin-bottom:10px;}
.yfgk-page .des18 p{position: relative;padding-left: 10px;}
.yfgk-page .des18 p:before{content: "·";position: absolute;left: 0;top:0;}
.des18 p{font-size: 18px;line-height: 30px;color: #666666 !important;}

.yfgk-list-clo5 .yfgk-page{width: 19%;margin-right: 1.25%;}
.yfgk-list-clo5 .yfgk-page:nth-child(4){margin-top: 0;}
.yfgk-list-clo5 .yfgk-page:nth-child(5){margin-top: 0;}
.yfgk-list-clo5 .yfgk-page:nth-child(3n){margin-right: 1.25%;}
.yfgk-list-clo5 .yfgk-page:nth-child(5n){margin-right: 0;}

.yfgk-list-clo5 h3{line-height: 1.4em;min-height: 4.2em;}

/*3.1研发概况 e*/
/*3.2产品技术 s*/
.mg-b60{margin-bottom: 60px;}
.size48{font-size: 48px;}
.one-stop{font-weight: bold;color: #5bc4e5;font-family: "Microsoft YaHei";text-transform: uppercase;line-height: 1em;}
.color5bc4e5{color: #5bc4e5;}
.mg-b10{margin-bottom: 10px;}
.one-stop-list{font-size: 0;}
.one-stop-page{font-size: 14px;display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.one-stop-page:nth-child(4n){margin-right: 0;}
.one-stop-page h4{margin: 30px 0 15px;}
.one-stop-page .img100{border:1px solid #ddd;}
.col5{font-size: 0;}
.col2{font-size: 0;}
.col4{font-size: 0;}
.col5-page{display: inline-block;vertical-align: top;width: 18%;margin-right: 2.5%;margin-bottom: 2.5%;font-size: 14px;}
.col2-page{display: inline-block;vertical-align: top;width: 47%;margin-right: 6%;margin-bottom: 3%;font-size: 14px;}
.col4-page{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 2%;font-size: 14px;}
.col5-page:nth-child(5n){margin-right: 0;}
.col2-page:nth-child(2n){margin-right: 0;}
.col4-page:nth-child(4n){margin-right: 0;}
.col2-page .title-h4{width: 100%;}
.one-stop-page-bot .title-h4:after,.title-h4-fff .title-h4:after{border-top-color: #fff;border-right-color: #fff;}
.mg-b30{margin-bottom: 30px;}
/*3.2产品技术 e*/
/*4.1公司新闻 s*/
.new-body .ban-des h2:nth-child(2){text-indent: 2em;}
.xw{font-size: 0;}
.xw li{font-size: 14px;display: inline-block;vertical-align: top;margin-right: 4.25%;width: 30.5%;margin-bottom: 4.25%;}
.xw li:nth-child(3n){margin-right: 0;}
.page{text-align: center;margin-top: 50px;}
.page a{display: inline-block;vertical-align: middle;transition: all .4s;}
.xw h3{margin-bottom: 20px;min-height: 3em;line-height: 1.5em;}
.xw span{color: #999;}
.pages{font-size: 16px;color: #737373;margin: 0 5px;}
.pages.active{color: #5bc4e5;}
.pages:hover{color: #5bc4e5;}
.page-btn{color: #fff;width: 84px;line-height: 32px;text-align: center;background: #bcbcbc;}
.page-btn:first-child{margin-right: 20px;}
.page-btn:last-child{margin-left: 20px;}
.page-btn:hover{background: #5bc4e5;}
/*4.1公司新闻 e*/
/*4.2公司新闻详情 s*/
.none-ban .header{border-bottom: 1px solid #d8d8d8;}
.xwxq-l{width: 68%;}
.xwxq-r{width: 26%;}
.xwxq-top{border-bottom: 1px dashed #b9b9b9;padding-bottom: 15px;}
.xwxq-top h1{font-size: 36px;margin-bottom: 35px; color: #242424;}
.xwxq-top span{color: #707070;}
.xwxq-con{width: 990px;max-width: 92%;margin: 0 auto;}
.daoyu{background:#e6e6e6;text-align: center;position: relative;padding: 20px 0;margin: 27px 0;}
.daoyu h2{margin: 0 50px;font-size: 18px;color: #010101;}
.daoyu img{width: 18px;}
.dou1{position: absolute;top:5px;left: 12px;}
.dou2{position: absolute;bottom:5px;right: 12px;}
.edit img{display: block;max-width: 100%;margin: 30px auto !important;height: auto !important;}
.edit p{font-size: 16px;color: #707070;text-align: center;line-height: 2em;margin: 20px 0;}
.edit video{max-width: 100%;height: auto !important;}
.xwxq-fy{border-top: 1px dashed #b9b9b9;}
.xwxq-fy p{margin-top: 20px;margin-bottom: 5px;}
.xwxq-fy a{color: #7a7a7a;transition: all .4s;}
.xwxq-fy a:hover{color: #5bc4e5;}
.xwxq-page{padding: 30px;background: #f4f4f4;margin-top: 30px;}
.title22{margin-bottom: 30px;}
.title22 h3{font-size: 22px;color: #000;}
.title22 span{font-size: 24px;color: #000;font-family: Arail;text-transform: uppercase;display: block;margin-bottom: 5px;}
.xwxq-page .xw li{width: 100%;margin-right: 0;display: block;margin-bottom: 50px;}
.xwxq-page .xw li:last-child{margin-bottom: 0;}
.xwxq-page .xw li h3{height: auto;}
/*4.2公司新闻详情 e*/
/*5.1介绍 s*/
.shzr-body .ban-des h2{font-weight: normal;margin-bottom: 15px;}
.shzr-body .ban-des h3{font-weight: normal;font-size: 18px;}
.shzr-body .ban-des{margin-left: 23%;margin-bottom: 5%;}
.shzr-l{position: absolute;top:0;left: 0;width: 380px;max-width: 100%;}
.shzr-l .title24 span{font-family: manroperegular;line-height: 1.2em;}
.shzr-r{margin-left: 600px;min-height: 200px;}
.dhyx span{color: #010101;}
.baogao .img100{position: relative;}
.baogao .img100:before{position: absolute;width: 100%;height: 100%; top:0;left: 0;content: '';background: rgba(0,0,0,.61);z-index: 3;opacity: 0;transition: all .4s;}
.baogao .swiper-slide:hover .img100:before{opacity: 1;}
.baogao .swiper-slide p{transition: all .4s;}
.baogao .swiper-slide:hover p{color: #5bc4e5;}
.baogaoBtn{font-size: 0;text-align: right;margin-bottom: 7px;}
.baogaoBtn div{display: inline-block;width: 32px;height: 32px;cursor: pointer;font-size: 14px;transition: all .4s;}
.baogaoBtn1{background: #959595 url("../images/521-1.png") no-repeat center;background-size: cover;margin-right: 4px;}
.baogaoBtn2{background: #959595 url("../images/522-1.png") no-repeat center;background-size: cover;}
.baogaoBtn div:hover{background-color: #5bc4e5;}
.crs-bg{height: 575px;}
.crs-bot{width: 1216px;margin: -260px auto 0;background: #f8f7f7;padding: 50px;max-width: 90%;}
/*.crs-bot .des16{width: 700px;margin: 0 auto;max-width: 100%;}*/
.crs-l{width: 44%;padding-top: 30px;}
.crs-r{width: 49.4%;}
.crs-l p{text-align: justify;}
.fangzheng-box{width: 456px;margin: 0 auto;}
.fangzheng{width: 100%; height: 456px;position: relative;}
.fangzheng .dashed{border-radius: 100%;border:1px dashed #5bc4e5;}
.fangzheng .line{border-radius: 100%;border:1px solid #5bc4e5;top:45px;right: 45px;bottom:45px;left: 45px;position: absolute;}
.mg-b80{margin-bottom: 80px;}
.fz-logo img{width: 283px;}
.csr-list li{position: absolute;width: 500px;}
.csr-list li .img100{position: absolute;top:50%;width: 76px;height: 76px;border-radius: 100%;background: #5bc4e5;margin-top: -38px;}
.csr-list li:nth-child(odd){text-align: right;padding-right: 100px;}
.csr-list li:nth-child(even){padding-left: 100px;}
.csr-list li:nth-child(odd) .img100{right: 0;}
.csr-list li:nth-child(even) .img100{left: 0;}
.csr-list li:nth-child(1){right: 366px;top:24px;}
.csr-list li:nth-child(2){left: 366px;top:24px;}
.csr-list li:nth-child(3){right: 430px;top:180px;}
.csr-list li:nth-child(4){left: 430px;top:180px;}
.csr-list li:nth-child(5){right: 380px;top:334px;}
.csr-list li:nth-child(6){left: 380px;top:344px;}
.csr-list li:nth-child(7){width: 100%;text-align: center;top:100%;padding: 0;margin-top: -30px;}
.csr-list li:nth-child(7) .img100{position: static;margin: 0 auto 20px;}
.csr-list li p{color: #787878;}
.csr-list li h3{margin-bottom: 10px;}
.csrfz{padding-bottom: 220px;}
/*5.1介绍 e*/
/*6.1服务 s*/
.fw li:nth-child(odd) .img100{float: right;}
.fw li:nth-child(even) .img100{float: left;}
.fw .img100{width: 45%;}
.fw-con{position: absolute;height: 100%;width: 48%;}
.fw li:nth-child(odd) .fw-con{left: 0;}
.fw li:nth-child(even) .fw-con{right: 0;}
.fw li{margin-bottom: 50px;}
.fw li:last-child{margin-bottom: 0;}
.fw li .des16{margin-top: 20px;}
.fw li h4{font-size: 16px;padding: 5px 0;}
.ditu{width: 49%;}
.ditu-con{position: absolute;width: 45%;height: 100%;right: 0;top:0;}
.ditu-con h4{font-size: 16px;margin: 10px 0;}
.fwlxfs{padding: 20px;}
.fwlxfs-box{padding: 50px 0;}
.sel-box{width: 600px;border:1px solid #c3c3c3;position: absolute;right: 0;top:0;}
.sel-box select{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 16px;background: #f9f9f9;border:none;}
.ss{position: absolute;width: 50px;height: 40px;right: 0;top:0;background: url("../images/ss.png") no-repeat center;background-size: cover;}
.wangdian{font-size: 0;display: flex;flex-wrap: wrap;}
.wangdian li{display: inline-block;vertical-align: top; font-size: 14px;width: 32.5%;margin-right: 1.25%;margin-bottom: 1.25%;border:1px solid #dbdbdb;border-radius: 6px;padding: 30px 28px;transition: all .4s;}
.wangdian li:nth-child(3n){margin-right: 0;}
.wangdian li p{color: #757575;}
.wangdian li:hover{background: #f6f9fd;border-color: #8cbee7;}
/*6.1服务 e*/
/*7.1公司简介 s*/
.about-body .ban-des{margin-left: 24%;margin-bottom: 8%;}
.about-body .ban-des h2:nth-child(2){text-indent: 2em;}
.title24-regular span{font-family: manroperegular;}
.gsjj-img{width: 50%;padding-top: 20px;padding-right: 20px;position: relative;z-index: 3;margin-left: 100px;}
.gsjj-img .img100{padding-top: 12px;padding-right: 12px;background: #fff;}
.gsjj-img .i{position: absolute;right: 0;top:0;bottom:32px;left: 128px;background: #67daff;z-index: -1;}
.gsjj .title24{padding-top: 40px;}
.gsjj .des16{margin-bottom: 100px;}
.gsjj .des16 p{line-height: 2em;}
.gjrz .title24{position: absolute;width: 100%;left: 0;top:40px;z-index: 9;}
.yjy .title24{top:80px;z-index: 5;}
.yjy{z-index: 5;}
.yjy:before{content: '';position: absolute;width: 100%;left: 0;height: 100%;top:0;background: rgba(0,0,0,.3);z-index: 3;}
.bases-l{padding-top: 80px;width: 30%;}
.bases-l h4{font-size: 16px;margin-bottom: 10px;}
.bases-r{width: 67.4%;}
.basesPage span{display: inline-block;}
.basesPage .cur{font-weight: bold;font-family: harmonyossansscbold;margin-right: 8px;}
.basesPage .all{color: #838383; font-family: harmonyossansscmedium;}
.basesBtn{font-size: 0;}
.basesBtn div{font-size: 14px;display: inline-block;vertical-align: middle;width: 13px;height: 13px;cursor: pointer;transition: all .4s;}
.basesBtn1{background: url("../images/131.png") no-repeat center;background-size: cover;margin-right: 15px;}
.basesBtn2{background: url("../images/132.png") no-repeat center;background-size: cover;}
.basesBtn1:hover{background: url("../images/131-1.png") no-repeat center;background-size: cover;}
.basesBtn2:hover{background: url("../images/132-1.png") no-repeat center;background-size: cover;}
.zindex5{z-index: 5;}
.bases-bg{width: 50%;height: 100%;left: 0;top:0;z-index: -1;position: absolute;}
.preview{width: 50%;}
.preview .swiper-slide{width: 49%;margin-right: 2%;cursor: pointer;position: relative;}
.preview .swiper-slide{padding-left: 80px;}
.preview .swiper-slide-active{padding-left:0;}
.preview .swiper-slide:before{content: '';position: absolute;width: 2px;height: 42px;background: #d8d8d8;top:50%;margin-top: -21px;right: -4px;}
.preview .swiper-slide:last-child:before{display: none;}
.preview .swiper-slide:last-child{margin-right: 0;}
.bases-con{width: 220px;max-width: 98%;}
.bases-con h3{font-size: 16px;color: #000;margin-bottom: 15px;transition: all .4s;}
.preview .active-nav h3{color: #5bc4e5;}
.preview .swiper-slide:hover h3{color: #5bc4e5;}
/*7.1公司简介 e*/
/*7.2企业文化 s*/
.wenhua{font-size: 0;}
.wenhua li{font-size: 14px;display: inline-block;vertical-align: top;position: relative;width: 31%;margin-right: 3.5%;}
.wenhua li:nth-child(3n){margin-right: 0;}
.wenhua-con{padding: 40px 50px;}
.size58{font-size: 58px;}
.wenhua-con span{line-height: 1em;color: #fff;opacity: .29;text-transform: uppercase;}
.wenhua-con h3{line-height: 1em;color: #fff;margin-top: -25px;}
.wenhua-con h4{color: #fff;}
.value-list{border-left: 1px solid rgba(255,255,255,.36);}
.value-list li{float: left;width: 33.33%;border-right: 1px solid rgba(255,255,255,.36); height: 640px;background: rgba(3,80,114,.4);text-align: center;padding: 0 20px;transition: all .4s;}
.value-list li:hover{background: rgba(3,80,114,0);}
.value-list h3{color: #fff;font-weight: bold;line-height: 1em;}
.value-list h4{color: #fff;}
.value-list .i{display: inline-block;width: 28px;height: 3px;background: #5bc4e5;margin: 20px auto;}
.value-bot{height: 8em;}
.value-bot p{color: #fff;line-height: 2em;}
.value-box .w1600{position: relative;}
.value-box .w1600:before{position: absolute;width: 999999px;; right: 100%;top:0;height: 100%;background: rgba(3,80,114,.4);content: "";}
.value-box .w1600:after{position: absolute;width: 999999px;; left: 100%;top:0;height: 100%;background: rgba(3,80,114,.4);content: "";}
/*7.2企业文化 e*/
/*7.3发展历程 s*/
.his-year .swiper-slide{width: 33.33%;text-align: center;cursor: pointer;}
.his-year .swiper-slide .i{width: 16px;height: 16px;border: 1px solid #595959;border-radius: 100%;margin: 0 auto;position: relative;background: #fff;transition: all .4s;}
.his-year .swiper-slide span{display: block;margin: 10px auto;transition: all .4s;}
.his-year .swiper-slide .i i{position: absolute;top:3px;right: 3px;bottom:3px;left: 3px;border-radius: 100%;background: #595959;transition: all .4s;}
.his-year:before{content: '';position: absolute;border-bottom: 1px dashed #a1a1a1;width: 100%;bottom:8px;left: 0;z-index: -1;}
.his-year .swiper-slide.active-nav span{color: #5bc4e5;}
.his-year .swiper-slide.active-nav .i{border-color: #5bc4e5;}
.his-year .swiper-slide.active-nav .i i{background: #5bc4e5;}
.his-year .swiper-slide:hover span{color: #5bc4e5;}
.his-year .swiper-slide:hover .i{border-color: #5bc4e5;}
.his-year .swiper-slide:hover .i i{background: #5bc4e5;}
.jidi-img{width: 55.75%;}
.jidi-con{width: 40%;}
.jidi-con p{margin-left: 3em;margin-bottom: 8px;}
/*.jidi-con p:nth-child(1){color: #000;margin-left: 0 !important;}*/
/*7.3发展历程 e*/
/*7.4荣誉资质列表 s*/
.zzrz{font-size: 0;}
.zzrz li{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;font-size: 14px;margin-bottom: 80px;cursor: pointer;}
.zzrz li:nth-child(4n){margin-right: 0;}
.zzrz li .img100{margin-bottom: 25px;}
.zzrz li p{font-size: 16px;}
.fixed-style{position: fixed;width: 100%;height: 100%;top:0;z-index: 99999;left: 0;background: rgba(2,21,36,.5);display: none;}
.rzzz-con{width: 1140px;max-width: 92%;margin: 0 auto;}
.rzzz-con img{width: 760px;max-width: 100%;}
.rzzz-warp{margin: 0 20px;}
.rzclose{cursor: pointer;position: absolute;top:22px;right: 30px;background: url("../images/close32.png") no-repeat center;background-size: cover;width: 32px;height: 32px;}
/*7.4荣誉资质列表 e*/
/*7.6联系我们 s*/
.dz-form-top{font-size: 0;}
.dz-form-top a{display: inline-block;text-align: center;font-size: 18px;margin: 0 30px;transition: all .4s;position:relative;line-height: 60px;}
.dz-form-top a:after{width: 10px;height: 8px;position: absolute;bottom:0;left: 50%;margin-left: -5px;background: url("../images/sjx10x8.png") no-repeat center;background-size: cover;content: "";opacity: 0;transition: all .4s;}
.dz-form-top a.active{color: #5bc4e5;}
.dz-form-top a.active:after{opacity: 1;}
.dz-form-top a:hover{color: #5bc4e5;}
.dz-form-top a:hover:after{opacity: 1;}
.welcome{border-bottom: 1px dashed #b6b6b6;line-height: 80px;}
.dz-form-page{display: none;}
.dz-form-page.active{display: block;}
.mg-b15{margin-bottom: 15px;}
.input-name{font-size: 16px;}
.xing{color: #ff0000;}
.input-text{border:1px solid #c3c3c3;}
.input-text .text{display:block;height:48px;text-indent: 1em;width: 100%;}
.input-list-2 .input-page{width: 46%;margin-right: 8%;}
.input-list-2 .input-page:nth-child(even){margin-right: 0;}
.radios{font-size: 0;}
.radios a{display: inline-block;font-size: 14px;color: #747474;transition: all .4s;margin-right: 30px;margin-bottom: 20px;}
.radios a:last-child{margin-right: 0;}
.radios a i{display: inline-block;vertical-align: middle;width: 13px;height: 13px;border-radius: 100%;border:1px solid #c4c4c4;transition: all .4s;margin-right: 5px;position: relative;}
.radios a i:before{position: absolute;content: '';top:2px;right: 2px;bottom:2px;left: 2px;border-radius: 100%;background: #5bc4e5;transition: all .4s;opacity: 0;}
.radios a span{display: inline-block;vertical-align: middle;}
.radios a:hover i{border-color: #5bc4e5;}
.radios a:hover i:before{opacity: 1;}
.radios a.active i{border-color: #5bc4e5;}
.radios a.active i:before{opacity: 1;}
.input-list-3 .input-page{width: 31%;margin-right: 3.5%;}
.input-list-3 .input-page:nth-child(3n){margin-right: 0;}
.textarea{padding: 12px;}
.textarea textarea{display: block;resize: none;overflow: auto;width: 100%;height: 170px;}
.tongyi span{display: inline-block;vertical-align: middle; color: #747474;position: relative;padding-left: 25px;cursor: pointer;}
.tongyi a{display: inline-block;vertical-align: middle;color: #5bc4e5;}
.tongyi span i{position: absolute;width: 16px;height: 16px;top:50%;margin-top: -8px;left: 0;border:1px solid #c3c3c3;border-radius: 4px;}
.tongyi span.active i{background: #5bc4e5 url("../images/gou.png") no-repeat center;background-size: cover;border-color: #5bc4e5;}
.tijiao{background: #5bc4e5;display: inline-block;text-align: center;width: 170px;line-height: 60px;color: #fff;border-radius: 5px;}
.shijian{width: 49%;}
.input-text .text::-webkit-input-placeholder{color:#adadad;}
.input-text .text:-moz-placeholder{color:#adadad;}
.input-text .text::-moz-placeholder{color:#adadad;}
.input-text .text:-ms-input-placeholder{color:#adadad;}
.fwfz-top .title24{margin-bottom: 0 !important;}
.fwfz-top .title24 h2:last-child{margin-bottom: 0 !important;}
.fwlxfs h3{line-height: 42px;}
/*7.6联系我们 e*/
/*8.1投资者关系 s*/
.tzz-body .ban-des h2{color: #0e9fb6;}
.zxgg-l{width: 60%;}
.zxgg-list li{border-bottom: 2px solid #c5d9dd;}
.zxgg-list a{display: block;padding: 27px 0;transition: all .4s;}
.zxgg-date{background: #e9f9fd;border-radius: 4px;padding: 11px 23px;position: absolute;left: 0;top:0;width: 90px;height: 90px;transition: all .4s;}
.zxgg-date strong{font-family: dincondmedium;color: #5bc4e5;line-height: 1em;}
.zxgg-date p{line-height:normal;color: #4191aa;font-family: dincondmedium;}
.zxgg-con{min-height: 90px;margin-left: 130px;margin-right: 110px;padding-top: 15px;}
.zxgg-con span{color: #8c8c8c;display: inline-block;margin-right: 30px;}
.zxgg-con span:last-child{margin-right: 0;}
.btn72{position: absolute;width: 72px;height: 72px;background: url("../images/721.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -36px;transition: all .4s;border-radius: 100%;}
.zxgg-list a:hover{background: #f2f7f8;}
.zxgg-list a:hover .zxgg-date{background: #f2f7f8;}
.zxgg-list a:hover .btn72{background: #5bc4e5 url("../images/722.png") no-repeat center;background-size: cover;right: 18px;}
.zxgg-r{width: 33%;}
.gp{height: 745px;margin-bottom: 27px;padding: 50px 70px;}
.bb{height: 370px;}

/*8.1投资者关系 e*/
.maodian{position: absolute;left: 0;top:-70px;}
.diqu-line li{position: absolute;animation-duration: 2s;}
.diqu-line li:nth-child(1){width: 7.2%;top: 48%;left: 85%;transform-origin: left top;animation-delay: 200ms !important;}
.diqu-line li:nth-child(2){width: 7.6%;top: 48.5%;left: 77.5%;transform-origin: top right;animation-delay: 400ms !important;}
.diqu-line li:nth-child(3){width: 4.5%;top: 48.8%;left: 80.6%;transform-origin: top right;animation-delay: 600ms !important;}
.diqu-line li:nth-child(4){width: 15.4%;top: 18%;left: 69.6%;transform-origin: bottom right;animation-delay: 800ms !important;}
.diqu-line li:nth-child(5){width: 29.7%;top: 10.8%;left: 55.4%;transform-origin: bottom right;animation-delay: 1000ms !important;}
.diqu-line li:nth-child(6){width: 40.6%;top: 24.8%;left: 44.4%;transform-origin: bottom right;animation-delay: 1200ms !important;}
.diqu-line li:nth-child(7){width: 53.9%;top: 33.8%;left: 31.4%;transform-origin: bottom right;animation-delay: 1400ms !important;}
.diqu-line li:nth-child(8){width: 70.8%;top: 29.8%;left: 14.4%;transform-origin: bottom right;animation-delay: 1600ms !important;}
.diqu-line li i{position: absolute;width: 8px;height: 8px;border-radius: 100%;background: #1279ff;}
.diqu-line li:nth-child(1) i{bottom:0;right: 0;animation-delay: 2.2s !important;}
.diqu-line li:nth-child(2) i{bottom:0;left: 0;animation-delay: 2.4s !important;}
.diqu-line li:nth-child(3) i{bottom:0;left: 0;animation-delay: 2.6s !important;}
.diqu-line li:nth-child(4) i{top:0;left: 0;animation-delay: 2.8s !important;}
.diqu-line li:nth-child(5) i{top:0;left: 0;animation-delay: 3s !important;}
.diqu-line li:nth-child(6) i{top:8%;left: 0;animation-delay: 3.2s !important;}
.diqu-line li:nth-child(7) i{bottom:0;left: 0;animation-delay: 3.4s !important;}
.diqu-line li:nth-child(8) i{bottom:20%;left: 0;animation-delay: 3.6s !important;}
.diqu-logo{position: absolute;z-index: 9;width: 3.6%;left: 83.2%;top: 40.5%;}
.fwalBtn{position: absolute;right: 0;bottom:0;font-size: 0;}
.fwalBtn div{display: inline-block;width: 52px;height: 52px;cursor: pointer;transition: all .4s;font-size: 14px;border-radius: 100%;}
.fwalBtn1{background: #e5e5e5 url("../images/521.png") no-repeat center;background-size: cover;}
.fwalBtn1:hover{background: #58d8ff url("../images/521-1.png") no-repeat center;background-size: cover;}
.fwalBtn2{background: #e5e5e5 url("../images/522.png") no-repeat center;background-size: cover;margin-left: 8px;}
.fwalBtn2:hover{background: #58d8ff url("../images/522-1.png") no-repeat center;background-size: cover;}
.fwal-bot span{color: #8f8f8f;}
.swiperDot{margin-top: 40px;}
.swiperDot .swiper-pagination-bullet{opacity: 1;margin: 0 6px;background: #a7a7a7;width: 20px;height: 2px;border-radius: 0;}
.swiperDot .swiper-pagination-bullet-active{background: #58d8ff;width: 40px;}
.gpxx h3{margin-bottom: 10px;}
.gp-value img{width: 29px;}



.kcxfz li{float: left;width: 48%;margin-right: 4%;}
.kcxfz li h3{line-height: 1.6em;}
.kcxfz li:nth-child(2n){margin-right: 0;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt25{margin-bottom: 25px;}
.mg-tb20{margin-bottom: 20px;}
.des p{color: #8f8f8f;line-height: 2em;text-align: justify;}
.kcxfz-sm{font-size: 0;}
.kcxfz-sm-page{font-size: 16px;display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;}
.kcxfz-sm-page:last-child{margin-right: 0;}
.kcxfz li h4{font-size: 16px;margin-bottom: 5px;}
.green{color: #009900;}
.red{color: #ff0000;}

.ny-nav2{padding: 40px 0 0;}
.ny-navs2 .w1600{font-size: 0;}
.ny-navs2 a{padding: 0 24px;line-height: 48px;font-size: 14px;display: inline-block;background: #f1f1f1;margin-right: 15px;margin-bottom: 10px;}
.ny-navs2 a:last-child{margin-right: 0;}
.ny-navs2 a.active{background: #58d8ff;color: #fff;}
.ny-navs2 a:hover{background: #58d8ff;color: #fff;}
.Investor-hd li{ float:left; margin-right:3px; margin-bottom:5px;}
.Investor-hd li a{ display:inline-block; padding:0 15px; font-size:14px; font-weight:600; height:50px; line-height:50px; color:#404040; background:#e1e1e1; transition:.5s;}
.Investor-hd li.on a,.Investor-hd li:hover a{ background:#f00; color:#fff;}
/*.Investor-bd {margin-top:30px;}*/
.Investor-bd{min-height: 250px;}
.Investor-bd li{ height:48px; line-height:48px; border-bottom:1px solid #e1e1e1; padding-right:100px; position:relative;}
.Investor-bd li a{color:#808080; font-size:14px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; width:100%; display:inline-block; position:relative;}
.Investor-bd li span{ position:absolute; top:0; right:0; color:#999;font-size: 12px;}
.Investor-bd li a:hover{color:#f00;}
.Investor-bd li:before{content:""; background:url(../images/pdf.png) #fff no-repeat; width:25px; height:25px; background-size:cover; position:absolute; top:12px; right:75px;}
.Investor-bd li.yasuo:before{background:url(../images/zip.png) #fff no-repeat;background-size:cover;}
.information-table td{font-size: 14px;color: #828282;line-height: 24px;padding: 15px 10px 15px 30px;border-bottom: 1px solid #e1e1e1;}
.information-table td:nth-child(1){background: #edfbff;border-right: 1px solid #e1e1e1;width: 50px;text-align:center ;padding-left: 0;padding-right: 0;}
.information-table table{width: 100%;border-top: 1px solid #e1e1e1;}
.mg-bt60{margin-bottom: 60px;}
.gonggao-type{font-size: 0;}
.gonggao-type a{display: inline-block;font-size: 16px;margin-right: 40px;position: relative;transition: all .4s;}
.gonggao-type a:before{content: '';position: absolute;right: -20px;top:50%;height: 14px;margin-top: -7px;border-right: 1px solid #ddd;}
.gonggao-type a:last-child{margin-right: 0;}
.gonggao-type a:last-child:before{display: none;}
.gonggao-type a.active{color: #58d8ff;}
.gonggao-type a:hover{color: #58d8ff;}

#investor .stock .content{background-color: #f5f7f7;padding: 70px;}
#investor .stock .title{font-weight: lighter;font-size: 24px;}
/*.row{margin-right: -15px;margin-left: -15px;}*/
#investor .stock .tip{margin-top: 30px;color: #919797;font-size: 12px;}
.stock-present{float: left;width: 40%;}
.transaction{float: right;width: 58%;}
#investor .stock .stock-present .price, #investor .stock .stock-present .change{vertical-align: middle;display: inline-block;}
#investor .stock .stock-present .price{font-weight: bold;font-size: 60px;}
#investor .stock .stock-present.up .price, #investor .stock .stock-present.up .change{color: #e60d16;}
#investor .stock .stock-present .change::after{content: " ";display: block;width: 0;height: 0;}
#investor .stock .stock-present.up .price::after, #investor .stock .stock-present.up .change::after{border:10px solid transparent;border-bottom-color: #e60d16; margin-top: 10px;}
#investor .stock .transaction .item{float: left;width: 25%;position: relative;padding: 0 15px;}
#investor .stock .transaction .item:before{content: " ";position: absolute;height: 100%;width: 1px;overflow: hidden;background-color: #d9e0e0;left: 0;top: 0;}
.label{display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
#investor .stock .transaction .item .label{font-size: 14px;color: #919797;padding-left: 0;}
#investor .stock .transaction .item .value{font-size: 24px;line-height: 39px;}
#investor .stock .transaction .item .value strong{font-weight: normal;}
#investor .stock .stock-present .price span{font-size: 18px;color: #393e40;font-weight: bold;font-family: 'microsoft yahei','PingFangSC-Regular','helvetica neue',tahoma,'PingFang SC',arial,'hiragino sans gb',sans-serif;}
#investor .stock .stock-present .price strong{font-family: 'microsoft yahei','PingFangSC-Regular','helvetica neue',tahoma,'PingFang SC',arial,'hiragino sans gb',sans-serif;}
#investor .stock .stock-present.down .price, #investor .stock .stock-present.down .change{color: #009900;}
#investor .stock .stock-present.down .price::after, #investor .stock .stock-present.down .change::after{margin-top: 20px;border:10px solid transparent;border-top-color: #009900;}
@media (max-width: 1025px) {
    #investor .stock .content{padding: 25px;}
}
@media (max-width:850px) {
    .ny-navs2 a{margin-right: 2%;padding: 0;width: 32%;text-align: center;line-height: 40px;}
    .ny-navs2 a:nth-child(3n){margin-right: 0;}
    .information-table td:nth-child(1){width: 140px;}
    .stock-present,.transaction{float: none;width: auto;}
    .stock-present{margin-bottom: 30px;}
}
@media (max-width:760px) {
    .ny-nav2{padding-top: 4%;}
    .Investor-bd{min-height: 100%;}
    .mg-bt60{margin-bottom: 30px;}
    #investor .stock .transaction .item{width: 50%;}
    #investor .stock .stock-present .price{font-size: 36px;}
    #investor .stock .title{font-size: 20px;margin-bottom: 10px;}
    #investor .stock .stock-present.up .price::after, #investor .stock .stock-present.up .change::after{border-width: 6px;margin-top: 0;}
    #investor .stock .stock-present .price span{font-size: 16px;}
    #investor .stock .transaction .item .value{font-size: 20px;}
    #investor .stock .stock-present.down .price::after, #investor .stock .stock-present.down .change::after{margin-top: 6px;border-width: 6px;}
}

.his-year .swiper-container{margin: 0 52px;}
.histBtn div{position: absolute;width: 52px;height: 52px;z-index: 9;top:50%;margin-top: -26px;border-radius: 100%;transition: all .4s;cursor: pointer;}
.histBtn1{background: url("../images/521.png") no-repeat center;background-size: cover;left: 0;}
.histBtn1:hover{background:#58d8ff url("../images/521-1.png") no-repeat center;background-size: cover;}
.histBtn2{background: url("../images/522.png") no-repeat center;background-size: cover;right: 0;}
.histBtn2:hover{background:#58d8ff url("../images/522-1.png") no-repeat center;background-size: cover;}
.jidi-con p{margin-left: 0;}
.jidi-con p:nth-child(1){margin-left: 0 !important;}


/*20230209 s*/

.footer-qr2{text-align: center;font-size: 0;}
.footer-qr2 li{display: inline-block;width: 50%;font-size: 14px;margin: 20px 0;}
.footer-qr2 img{width: 32px;}
.footer-qr3 li{display: inline-block;vertical-align: middle;margin-right: 30px;}
.footer-qr3 li:last-child{margin-right: 0;}
.footer-qr3 li a{color: #a1b4c1;}
.ctus{text-align: left;}
.ctus h3{color: #fff;font-size: 18px;margin-bottom: 10px;}

.footer-bot{display: flex;justify-content: space-between;}
.footer-qr3 li a img{width: 19px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.footer-qr3 li a span{display: inline-block;}
.shipin9{width: 210px;max-width: 100%;cursor: pointer;}
.play45{display: inline-block;width: 45px;height: 45px;background: url("../images/play45.png") no-repeat center;background-size: cover;}
.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: 90%;}
.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;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt15{margin-bottom: 15px;}
.ptBtn{position: absolute;left: -90px;top:115px;}
.ptBtn div{display: block;width: 52px;height: 52px;cursor: pointer;border-radius: 100%;transition: all .4s;}
.ptBtn1{background: #e6e6e6 url("../images/521.png") no-repeat center;background-size: cover;margin-bottom: 15px;}
.ptBtn2{background: #e6e6e6 url("../images/522.png") no-repeat center;background-size: cover;}
.ptBtn1:hover{background: #58d8ff url("../images/521-1.png") no-repeat center;background-size: cover;}
.ptBtn2:hover{background: #58d8ff url("../images/522-1.png") no-repeat center;background-size: cover;}
.ptDot{display: none;}
@media (max-width: 760px){
    .footer-bot{display: block;}
    .ctus{margin-bottom: 30px;text-align: center;}
    .footer-qr3{display: inline-block;text-align: left;}
    .footer-qr3 li{display: block;}
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
    .ptDot{display: block;}
    .mg-bt15{margin-bottom: 8px;}
}
/*20230209 e*/
/*20230712 s*/
.title18 h3{font-size: 18px;}
.zlmb{font-size: 0;}
.zlmb li{display: inline-block;vertical-align: middle;background: #dbe9da;font-size: 14px;width: 30%;margin-right: 5%;text-align: center;border-radius: 5px;}
.zlmb li:nth-child(3n){margin-right: 0;}
.zlmb li p{color: #609d5e !important;line-height: 48px;}
.mg-bt40{margin-bottom: 40px;}
.zlgl{font-size: 0;display: flex;flex-wrap: wrap;}
.zlgl li{width: 30%;margin-right: 5%;font-size: 14px;display: inline-block;vertical-align: top;border:1px solid #5cc3e4;;box-sizing: border-box;border-radius: 5px;overflow: hidden;}
.zlgl li p{text-align: justify;}
.zlgl li .des16{padding:25px 30px}
.zlgl li:nth-child(3n){margin-right: 0;}
.zlgl-top{background: #e3f4f9;padding: 12px 30px;}
.zlgl-top img{display: inline-block;vertical-align: middle;width: 14px;margin-right: 12px;}
.zlgl-top h3{color: #58d8ff; font-size: 22px;display: inline-block;vertical-align: middle;}
/*.yggh{margin: -320px auto 0 0;}*/
/*.yggh .fwal-play{padding: 30px;}*/
.des4a4a4a p{color: #4a4a4a;text-align: justify;}
.fwal-bot span{display: block;}
.hbln{height: 33.4vw;}
.desfff p{color: #fff !important;}
.hbln-con{width: 1008px;max-width: 100%;margin: 0 auto;}
.line20 p{line-height: 2em;}
.titlefff h2{color: #fff;}
.title36 h2{font-size: 36px;}
.mg-t0 h2{margin-top: 0 !important;}
.fwalBtn{bottom:auto;top:50%;transform: translateY(-50%);}
@media (max-width: 760px) {
    .zlgl li{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .zlgl li .des16{padding: 20px 15px;}
    .zlgl li:last-child{margin-bottom: 0;}
    .zlmb li{width: 32%;margin-right: 2%;}
    .mg-bt40{margin-bottom: 20px;}
    .title36 h2{font-size: 20px;}
    .hbln{height: auto;padding: 35px 0;min-height: 207px;}
    .zlgl-top h3{font-size: 16px;}
    .zlgl-top img{width: 10px;margin-right: 6px;}
    .zlgl-top{padding: 8px 15px;}
}
/*20230712 e*/

.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-top,.swiper-slide-active .banner-mid,.swiper-slide-active .gd,.report .i,.banner-con-box.active{
    animation:slideUp 1.5s both;-webkit-animation:slideUp 1.5s both;
}
@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 1.5s both;-webkit-animation:slideLeft 1.5s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight,.swiper-slide-active .product-con{
    animation:slideRight 1.5s both;-webkit-animation:slideRight 1.5s both;
}
@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 1.5s both;-webkit-animation:tobig 1.5s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}