@charset "utf-8";
* { 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{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;}
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;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1200{width: 1200px;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;}
.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;}

.hyyy-warp::-webkit-scrollbar {width: 6px;height: 6px;}
.hyyy-warp::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.hyyy-warp::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.hyyy-warp::-webkit-scrollbar-track-piece {background: #f3f3f3;}

.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.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;}
.desfff *{color: #fff;}
.titlefff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
body{padding-top: 80px;transition: all .4s;}
.padding-tb60{padding: 60px 0;}
.padding-tb80{padding: 80px 0;}
/*header s*/
.header{background: #fff;position: fixed;z-index: 999;width: 100%;top:0;left: 0;transition: all .4s;}
.logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.logo img{vertical-align: bottom;display: block;height: 35px;transition: all .4s;}
.nav li{position: relative;margin-right: 1px;}
.nav li:last-child{margin-right: 0;}
.nav li.active .nav-yi{color: #fff;background: #0095df;}
.nav-yi{display: block;line-height: 80px;padding: 0 30px; text-align: center;transition: all .4s;font-size: 16px;font-weight: lighter;}
.nav-er-box{position: absolute;top:100%;left: 50%;transform: translateX(-50%);white-space: nowrap; background: #fff;display: none;overflow: hidden;box-shadow: 0 1px 2px #ddd;width: 100%;}
.nav-er-box a{display: block;color: #3e3e3e;line-height: 50px;transition: all .4s;padding:0 5px;position: relative;text-align: center;font-weight: lighter;}
.nav-box{margin-left: 210px;margin-right: 240px;text-align: center;}

.header-area{position: absolute;right: 0;top:50%;transform: translateY(-50%);font-size: 0;}
.header-area-item{display: inline-block;vertical-align: middle;margin-right: 26px;font-size: 14px;position: relative;}
.header-area-item:after{content: "";position: absolute;top:50%;margin-top: -12px;height: 24px;border-right: 1px solid #eee;right: -13px;}
.header-area-item:last-child:after{display: none;}
.header-area-item:last-child{margin-right: 0;}
.header-area-text{color: #666;display: inline-block;vertical-align: middle;font-weight: lighter;}
.header-area-icon{display: inline-block;vertical-align: middle;}
.search-box{position: relative;cursor: pointer;}
.search-btn{width: 24px;height: 24px;border-radius: 24px; 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: 30px;top:53px;background: #fff;overflow: hidden;transition: all .4s;border-radius: 30px;box-shadow: 0 0 4px #ddd;}
.search-con .text{display: block;height: 30px;width: 100%;background: none;text-indent: 32px;}
.search-close{width: 30px;height: 30px;position: absolute;top:0;left: 0;text-align: center;background:url("../images/gb64.png") no-repeat center;background-size:cover;}
.search-sb{position: absolute;right:6px;top:3px;cursor: pointer;}
.search-box.active .search-con{width: 200px;}
.search-text{margin-right: 30px;}
.language{position: relative;}
.language-val{text-transform: uppercase; transition: all .4s;line-height: 24px;}
.language .header-area-icon{width: 7px;transition: all .4s;}
.language.active .header-area-icon{transform: rotate(180deg);}
.language-box{position: absolute;top:100%;background: #fff;width: 80px;;left: 50%;margin-left: -40px;display: none;box-shadow: 0 0 2px #ddd;margin-top: 5px;}
.language-box a{display: block;text-align: center;line-height: 24px;transition: all .4s;font-weight: lighter;}
.language-box a:hover{background: #005bac;color: #fff;}
.header-icon-person{background: url("../images/person.png") no-repeat center;background-size: cover;width: 24px;height: 24px;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:12px;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: #0095df; 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); }

body.is-scroll .header{box-shadow: 0 1px 2px #f0f0f0;}
body.no-ban .header{box-shadow: 0 1px 2px #f0f0f0;}
/*header e*/
/*footer s*/
.footer{background: #181818;}
.footer a{transition: all .4s;}
.footer a:hover{color: #fff;opacity: 1;}
.footer-top{padding: 60px 0;}
.footer-bot{padding: 28px 0;border-top: 1px solid rgba(255,255,255,0.05);}
.footer-bot span,.footer-bot a{display: inline-block;color: #fff;opacity: 0.2;}
.footer-ct span{margin: 0 8px;}
.footer-top{display: flex;justify-content: space-between;}
.footer-nav{display: flex;}
.footer-nav dl{min-width: 162px;}
.footer-nav dt{color: #fff;font-size: 16px;margin-bottom: 25px;}
.footer-nav dt:after{display: block;content: "";width: 30px;height: 2px;background: #e40012;margin-top: 10px;}
.footer-nav dd{margin-bottom: 10px;}
.footer-nav a{color: #fff;opacity: 0.5;font-weight: lighter;}
.footer-bot a{font-weight: lighter;}
.footer-code{position: relative;padding-left: 80px;}
.footer-code:before{content: "";position: absolute;top:0;left: 0;height: 100%;border-left: 1px solid rgba(255,255,255,.1);}
.gzwm{font-size: 16px;color: #fff;}
.footer-code-list li{width: 130px;}
.footer-code-list li .img100{background: rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);padding: 10px;}
/*footer e*/
/*index s*/
.bannerDot{position: absolute;z-index: 9;bottom:80px;left: 0;width: 100%;}
.bannerDot li{width: 30px;border-bottom: 1px solid rgba(255,255,255,0.2);transition: all .4s;color: #fff;margin-right: 10px;cursor: pointer;font-size: 16px;}
.bannerDot li span{display: block;height: 32px;line-height: 32px;opacity: 0;}
.bannerDot li.active{width: 60px;border-color: #fff;}
.bannerDot li.active span{opacity: 1;}
.bannerDot li:last-child{margin-right: 0;}
.index-page{min-height: calc(100vh - 80px);display: flex;align-items: center;}
.title42 h2{font-size: 42px;}
.title-bold h2{font-weight: bold;}
.title-bold h1{font-weight: bold;}
.des-justify p{text-align: justify;}
.spqb-des{margin-left: 350px;margin-right: 270px;}
.spqb-title42{position: absolute;top:0;left: 0;}
.ljgd{display: inline-block;transition: all .4s;width: 180px;position: relative;border:1px solid #0095df;color: #0095df;padding-left: 12px;overflow: hidden;z-index: 3;}
.ljgd span{display: inline-block;vertical-align: middle;line-height: 54px;font-size: 16px;}
.ljgd .i{width: 5px;height: 8px;background: url("../images/sjx10x16.png") no-repeat center;background-size: cover;position: absolute;right: 15px;top:50%;margin-top: -4px;}
.ljgd:after{content: "";position: absolute;width: 100%;height: 100%;top:0;background: #0095df;z-index: -1;transition: all .4s;left: 78%;transform: skew(-15deg);}
.ljgd:hover{color: #fff;}
.ljgd:hover:after{left: 0;transform: skew(0deg);}
.ljgd-right{position: absolute;top:0;right: 0;}
.pro-style{display: block;background: url("../images/pro-bg.png") no-repeat center;background-size: 100% 100%;padding: 30px 20px;}
.pro-type{position: absolute;top:8%;left: 8%;}
.pro-type img{height: 51px;width: auto;}
.pro-img{width: 240px;max-width: 60%;}
.pro-style:hover .pro-img img{animation: move 0.6s linear;}
@keyframes move {
    0%{transform: translateX(0);}
    50%{transform: translateX(-20%);}
    100%{transform: translateX(0);}
}
.des-title24 h3{font-size: 24px;}
.i50x3{display: inline-block;width: 50px;height: 3px;background: #0095df;}
.proBtn div{position: absolute;z-index: 9;cursor: pointer;width: 60px;height: 60px;top:50%;margin-top: -30px;transition: all .4s;border-radius: 100%;}
.proBtn1{background: rgba(255,255,255,.2) url("../images/120-1.png") no-repeat center;background-size: cover;left: -100px;}
.proBtn2{background: rgba(255,255,255,.2) url("../images/120-2.png") no-repeat center;background-size: cover;right: -100px;}
.proBtn div:hover{background-color: #0095df;}
.des-light p{font-weight: lighter;}
.des-title20 h3{font-size: 20px;transition: all .4s;}
.title-bold h3{font-weight: bold;}
.news-type{position: absolute;top:0;left: 0;background: #0095df;width: 50px;text-align: center;line-height: 26px;border-radius: 26px;color: #fff;}
.news-type-box{padding-left: 65px;}
.news-left{width: 50%;}
.date1 strong{font-weight: normal;font-size: 30px;display: block;line-height: 1;}
.date1 .i{width: 40px;height: 3px;background: #0095df;}
.date1 span{font-size: 18px;opacity: 0.7; display: block;line-height: 1;}
.news-style{display: block;padding-left: 160px;position: relative;}
.news-right .news-style{padding-left:0 !important;}
.news-style .date1{position: absolute;left: 0;top:0;}
.news-style .img100{box-shadow: 5px 5px 20px 5px rgba(72,109,135,.6);position: relative;overflow: hidden;}
.news-style .img100 img{position: absolute;width: 100%;height: 100%;object-fit: cover;top:0;left: 0;}
.news-type-box h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.des-col3 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-right{position: absolute;right: 0;width: 42%;top:0;height: 100%;border-left: 1px solid rgba(51,51,51,.1);}
.fdffre{display: flex;flex-wrap: wrap;}
.fdffre div{width: 100%;}
.news-hot li{display: block;}
.new-bot{padding-left: 65px;}
.ljgd2{display: inline-block;transition: all .4s;font-weight: lighter;}
.ljgd2 span{display: inline-block;vertical-align: middle;font-size: 16px;margin-right: 9px;}
.ljgd2 .i{width: 5px;height: 8px;background: url("../images/sjx10x16-1.png") no-repeat center;background-size: cover;display: inline-block;vertical-align: middle;}
.div84tg{position: absolute;left: 65px;bottom:80px;}
.index-page-news{padding-top: 160px;}
.padding-t80{padding-top: 80px;}
.news-hot a:hover h3{color: #0095df;}
.news-list a:hover h3{color: #0095df;}
.news-list{position: absolute;bottom:180px;top:100px;left: 0;right: 0;}
.news-list li{position: absolute;height: 50%;left: 0;display: block;border-bottom: 1px solid rgba(51,51,51,0.1);width: 100%;padding-left: 80px;padding-right: 180px;}
.news-list li:nth-child(1){top:0;}
.news-list li:nth-child(2){bottom:0;}
/*index e*/
/*02_商品情报-产品系列 s*/
.ban{height: 200px;overflow: hidden;position: relative;z-index: 3;}
.ban-img{z-index: -1;}
.ban-des h2{font-size: 40px;color: #fff;}
.position{height: 58px;}
.position{height: 58px;border-bottom:1px solid #eee;position: relative;}
.position-nav{font-size: 0;}
.position-items{display: inline-block;margin-right: 40px;}
.position-items > a{font-size: 18px;transition: all .4s;display: inline-block;position: relative;line-height: 57px;}
.position-items:last-child{margin-right: 0;}
.position-items > a:after{content: ""; background: #e40012;height: 2px;opacity: 0;width: 0;transition: all .4s;position: absolute;bottom:-1px;left: 50%;transform: translateX(-50%);z-index: 9;}
.position-items:hover > a{color: #e40012;}
.position-items:hover a:after{width: 100%;opacity: 1;}
.position-items.active > a{color: #e40012;}
.position-items.active a:after{width: 100%;opacity: 1;}
.position-san{position: absolute;top:100%;left: 0;width: 100%;text-align: center;background: #f8f8f8;display: none;}
.position-san a{display: inline-block;font-size: 18px;transition: all .4s;line-height: 48px;margin-right: 58px;}
.position-san a:last-child{margin-right: 0;}
.position-san a.active{color: #0095df;}
.position-san a:hover{color: #0095df;}
.position-items:hover .position-san{display: block;}
.position-con .w1200{overflow: hidden;white-space: nowrap;height: 58px;}

.guide img,.guide span,.guide a{display: inline-block;vertical-align: middle;line-height: 57px;color: #999;transition: all .4s;margin-right: 3px;font-weight: lighter;}
.guide img{width: 10px;}
.guide a:last-child{margin-right: 0;color: #333333;}
.guide a:hover{color: #333333;}
.xilie li{width: 18.8%;margin-right: 1.5%;margin-bottom: 20px;}
.xilie li:nth-child(5n){margin-right: 0;}
.xilie-style{display: block;border:1px solid #eee;position: relative;}
.xilie-img{width: 180px;max-width: 100%;margin: 0 auto;opacity: 0.2;}
.title26 h2{font-size: 26px;}
.xilie-warp{padding:0 15px;display: flex;align-items: center;}
.xilie-warp img{display: inline-block;vertical-align: middle;height: 57px;margin-right: 10px;}
.xilie-warp .title26{display: inline-block;vertical-align: middle;}
.bottom-line{height: 4px;width: 0;opacity: 0;background: #e40012;position: absolute;bottom:-1px;left: 50%;transform: translateX(-50%);transition: all .4s;}
a:hover .bottom-line{width: 100%;opacity: 1;}
.svl{display: none;}
/*02_商品情报-产品系列 e*/
/*02_商品情报-产品系列-2 s*/
.btn60 div{width: 60px;height: 60px;border-radius: 100%;cursor: pointer;z-index: 9;transition: all .4s;display: inline-block;vertical-align: middle;}
.btn601{background: #f8f8f8 url("../images/120-3.png") no-repeat center;background-size: cover;}
.btn602{background: #f8f8f8 url("../images/120-4.png") no-repeat center;background-size: cover;}
.btn601:hover{background: #0095df url("../images/120-1.png") no-repeat center;background-size: cover;}
.btn602:hover{background: #0095df url("../images/120-2.png") no-repeat center;background-size: cover;}
.xilie2Btn{position: absolute;pointer-events: none;top:0;left: 0;width: 100%;bottom:40px;}
.xilie2Btn div{position: absolute;pointer-events: auto;top:50%;margin-top: -30px;}
.xilie2Btn1{left: -100px;}
.xilie2Btn2{right: -100px;}
.xilie2 a{display: block;padding: 1px;}
.xilie2 img{object-fit: contain;}
.border-eee{border:1px solid #eee;}
.i4x16{background: #0095df;width: 4px;height: 16px;display: inline-block;transition: all .4s;}
a:hover .i4x16{background: #e40012;}
.des-title-line{position: relative;padding-left: 20px;}
.des-title-line .i4x16{position: absolute;left: 0;top:4px;}
.des-title18 h3{font-size: 18px;transition: all .4s;}
.pro-none .img100{opacity: 0.1;}
.pro-none .des-title-line{opacity: 0.3;}
.pro-none .bottom-line{display: none;}
.pro-none .i4x16{background: #0095df !important;display: none;}
.pro-none .des-title-line{padding-left: 0;}
/*02_商品情报-产品系列-2 e*/
/*02_商品情报-产品系列-4 s*/
.cpxq-img{width: 38.84%;border:1px solid #eee;}
.cpxq-con{position: absolute;right: 0;top:0;height: 100%;width: 55%;}
.title36 h2{font-size: 36px;transition: all .4s;}
.title30 h3{font-size: 30px;transition: all .4s;}
.title-0095df h3{color:#0095df;}
.fangda{width: 30px;height: 30px;background: #ccc url("../images/fangda.png") no-repeat center;background-size: cover;border-radius: 100%;position: absolute;z-index: 5;right: 16px;bottom:16px;cursor: pointer;pointer-events: none;}
#fullPage{display: none;background: black;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 19930428;}
#fullPage img{display: block;width: 100%;}
#canvas{width: 100%;height: 100%;background: none;display: block;}
.bgf8{background: #f8f8f8;}
.title24 h3{font-size: 24px;transition: all .4s;}
.cptd-r{margin-left: 350px;}
.cptd-r img{max-width: 100%;height: auto !important;}
.cptd-title24{position: absolute;top:0;left: 0;}
.des-title20 h4{font-size: 20px;}
.cptd-page{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpt-img{width: 210px;min-width: 210px;}
.cptd-page:last-child{margin-bottom: 0;}
.showimg{cursor: pointer;}
.cptd-con{width: 490px;margin-right: 20px;}
.cpt-img .showimg{background: #fff;}
.cpxq-k{padding: 30px;}
.bgfff{background: #fff;}
.xgpj td{border:1px solid #eee;height: 50px; padding: 0 25px;}
.cpxqfixed{position: fixed;z-index: 999;right:50%;margin-right: -720px;bottom:50%; width: 60px;display: none;}
.cpxqfixed.active{display: block;}
.cpxqfixed li{display: block;background: #ffffff;border:1px solid #eeeeee;text-align: center;height: 60px;transition: all .4s;}
.cpxqfixed li:first-child{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cpxqfixed li:nth-last-of-type(2){border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.cpxqfixed li:last-child{margin-top: 10px;border-radius: 5px;}
.cpxqfixed li a{display: block;padding-top: 7px;position: relative;}
.icon{width: 24px;height: 24px;margin: 0 auto 3px;transition: all .4s;}
.fix-lxwm{background: url("../images/fix1.png") no-repeat center;background-size: cover;}
.fix-xzyb{background: url("../images/fix2.png") no-repeat center;background-size: cover;}
.fix-fhdb{background: url("../images/fix3.png") no-repeat center;background-size: cover;}
.cpxqfixed-con p{font-size: 12px;transition: all .4s;}
.cpxqfixed li:hover{background: #0095df;border-color: #0095df;}
.cpxqfixed li:hover .cpxqfixed-con p{color: #fff;}
.cpxqfixed li:hover .fix-lxwm{background: url("../images/fix1-1.png") no-repeat center;background-size: cover;}
.cpxqfixed li:hover .fix-xzyb{background: url("../images/fix2-1.png") no-repeat center;background-size: cover;}
.cpxqfixed li:hover .fix-fhdb{background: url("../images/fix3-1.png") no-repeat center;background-size: cover;}
.cpxqfixed li:hover .cpxqfixed-hide{display: block;}
.cpxqfixed-hide{position: absolute;right: 100%;top:0;display: none;}
.cpxqfixed-warp{background: #fff;box-shadow: 1px 2px 10px 0 rgba(186, 186, 186, 0.36);width: 170px;margin-right: 16px;border-radius: 5px;text-align: left;padding:11px 15px;position: relative;}
.cpxqfixed-warp p{color: #0095df;}
.cpxqfixed-warp span{color: #0095df;font-size: 20px;}
.cpxqfixed-warp:after{width: 10px;height: 10px;position: absolute;left: 100%;top:25px;background: #fff;content: "";transform: rotate(45deg);margin-left: -5px;}
.cptd-page{flex-wrap: nowrap;}
/*02_商品情报-产品系列-4 e*/
/*02_商品情报-产品系列-5 s*/
.title-bottom-line{border-bottom: 4px solid #eee;position: relative;}
.title-bottom-line:before{content: "";position: absolute;left: 0;bottom:-4px;height: 4px;background: #e40012;transition: all .4s;width: 0;opacity: 1;}
a:hover .title-bottom-line:before{width: 100%;opacity: 1;}
a:hover .title24 h3{color: #e40012;}
.solution .title-bottom-line{height: 100px;padding-top: 35px;}
.solution li{width: 48.4%;margin-right: 3.2%;margin-bottom: 5%;}
.solution li:nth-child(2n){margin-right: 0;}
/*02_商品情报-产品系列-5 e*/
/*02_商品情报-行业应用 s*/
.hyyy h3{line-height: 58px;transition: all .4s;position: relative;}
.hyyy .des-title18{;position: relative;z-index: 9;}
.hyyy .des-title18:before{position: absolute;right: 50%;top:0;content: "";border-top:1px solid rgba(255,255,255,.4);left: 0; margin-right: 7px;opacity: 0;}
.hyyy .des-title18:after{position: absolute;left: 50%;top:0;content: "";border-top:1px solid rgba(255,255,255,.4);right: 0; margin-left: 7px;opacity: 0;}
.hyyy a{display: block;position: relative;color: #fff;padding-left: 34px;}
.hyyy li{width: 23.5%;margin-right: 2%;margin-bottom: 48px;position: relative;}
.hyyy li:nth-child(4n){margin-right: 0;}
.hyyy-hide{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(1,149,223,.95);opacity: 0;transition: all .4s;}
.hyyy-warp{position: absolute;left: 0;width: 100%;top:0;bottom:60px;overflow: auto;padding: 20px 15px;}
.hyyy-warp p{color: #fff;font-weight: lighter;position: relative;margin-bottom: 12px;}
.hyyy-warp p:last-child{margin-bottom: 0;}
.hyyy-warp p a:before{width: 19px;height: 19px;background: url("../images/jt38.png") no-repeat center;background-size: cover;position: absolute;top:2px;left: 0;content: "";}
.hyyy .i{width: 14px;height: 9px;background: url("../images/26x18.png") no-repeat center;background-size: cover;position: absolute;bottom:100%;left: 50%;margin-left: -7px;opacity: 0;}
.hyyy li:hover h3{color: #fff;}
.hyyy li:hover .hyyy-hide{opacity: 1;}
.hyyy li:hover .des-title18:before{opacity: 1;}
.hyyy li:hover .des-title18:after{opacity: 1;}
.hyyy li:hover .i{opacity: 1;}
/*02_商品情报-行业应用 e*/
/*03_公司情报1-公司简介 s*/
.title32 h1{font-size: 32px;}
.des-bot40 p{margin-bottom: 40px;}
.des-bot40 p:last-child{margin-bottom: 0;}
.des-indent p{text-indent: 2em;}
.gsjj-con{margin-left: 460px;}
.gsjj-left{position: absolute;top:0;width: 348px;}
.des-title22 h2{font-size: 22px;}
.des-title22 h3{font-size: 22px;}
.title-0095df h2{color: #0095df;}
.mg-bt5{margin-bottom: 5px;}
.wdys{width: 474px;height: 417px;margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.title32 h2{font-size: 32px;}
.title-e40012 h2{color: #e40012;}
.wdys-warp{width: 310px;max-width: 100%;margin: 0 auto;}
.wdys-list li{position: absolute;width: 350px;height: 315px;z-index: 9;animation-delay: 300ms !important;}
.wdys-list-warp{width: 220px;max-width: 100%;margin: 0 auto;}
.wdys-title img{width: 50px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.wdys-title .des-title22{display: inline-block;vertical-align: middle;}
.padding-tb100{padding: 100px 0;}
.wdys-list li:nth-child(1){left:-10px;top:180px;}
.wdys-list li:nth-child(2){left:50%;top:-60px;margin-left: -175px;}
.wdys-list li:nth-child(3){right:-10px;top:180px;}
.wdys-list li:nth-child(5){left:110px;bottom:10px;}
.wdys-list li:nth-child(4){right:110px;bottom:10px;}
.wdys-list-warp .des16{margin-bottom:30px;}
.wdys-top{z-index: 9;}
/*03_公司情报1-公司简介 e*/
/*03_公司情报3-环境责任 s*/
.hjzr-img{width: 460px;position: absolute;top:0;left: 0;}
/*.hjzr-con{margin-left: 515px;}*/
.hjzr-con .des-light{margin-bottom: 30px;}
.hjzr-con .des-light:last-child{margin-bottom: 0;}
/*03_公司情报3-环境责任 e*/
/*03_公司情报4-联系我们1 s*/
.lxwm-list{display: flex;flex-wrap: wrap;}
.lxwm-list li{padding:25px 0;background: #f8f8f8;margin-bottom: 1%;}
.lxwm-list li .des-title-line{padding: 0 20px;}
.gsxx-list .relative{padding-left: 50px;}
.gsxx-list .relative p:nth-child(1){position: absolute;top:0;left: 0;}
.lxwm-list-one li{display: block;width: 100%;}
.lxwm-list-two li{width: 49.5%;margin-right: 1%;}
.lxwm-list-two li:nth-child(even){margin-right: 0;}
/*03_公司情报4-联系我们1 e*/
/*03_公司情报4-联系我们2 s*/
.lxwm-list-three li{width: 32.66%;margin-right: 1%;margin-bottom: 1%;}
.lxwm-list-three li:nth-child(3n){margin-right: 0;}
.des-bold p{font-weight: bold;}
.lxwm-list .des-title18 h3{display: inline-block;margin-right: 5px;}
.lxwm-list .des-title18 .des16{display: inline-block;}
.bumen{font-size: 0;display: flex;flex-wrap: wrap;}
.bumen-page{font-size: 14px;display: inline-block;vertical-align: top;background: #fff;margin-top: 1.33%;padding:15px 20px;}
.bumen-thour .bumen-page{width: 24%;margin-right: 1.33%;}
.bumen-thour .bumen-page:nth-child(1){margin-top: 0;}
.bumen-thour .bumen-page:nth-child(2){margin-top: 0;}
.bumen-thour .bumen-page:nth-child(3){margin-top: 0;}
.bumen-thour .bumen-page:nth-child(4){margin-top: 0;}
.bumen-thour .bumen-page:nth-child(4n){margin-right: 0;}
.lxwm-list-jtgs .des-title18 .des-bold{display: block;}
/*03_公司情报4-联系我们2 e*/

/*.03_公司情报5-总经理寄语 s*/
.jiyu-left{position: absolute;top:0;left: 0;}
.jiyu{min-height: 500px;}
.jiyu-right{margin-left: 0 !important;}
/*.03_公司情报5-总经理寄语 e*/
/*03_公司情报6-公司沿革 s*/
.his .swiper-container{margin: 0 50px;}
.his .swiper-slide{height: 480px;}
.his-con{position: absolute;height: 50%;width: 100%;left: 0;}
.his-con:before{content: "";position: absolute;width: 1px;height: 224px;left: 10px;background: url("../images/224.png") no-repeat center;background-size: 100% 100%;}
.his .swiper-slide:nth-child(odd) .his-con{top:0;}
.his .swiper-slide:nth-child(even) .his-con{bottom:0;}
.his .swiper-slide:nth-child(odd) .his-con:before{bottom:0;}
.his .swiper-slide:nth-child(even) .his-con:before{top:0;transform: rotate(-180deg);}
.hisBtn div{position: absolute;top:50%;margin-top: -30px;}
.hisBtn1{left: -60px;}
.hisBtn2{right: -60px;}
.zindex5{z-index: 5;}
.his:before{content: "";z-index: -1;top:50%;width: 100%;left: 0;border-top: 1px solid #ccc;position: absolute;}
.his-des .title36 h2{display: inline-block;}
.his-des .title36 span{display: inline-block;font-size: 18px;}
.his-dot{position: absolute;width: 21px;height: 21px;border-radius: 100%;left: 0;top:50%;margin-top: -10px;background: rgba(255,255,255,.6);}
.his-dot:after{content: "";position: absolute;top:5px;right: 5px;bottom:5px;left: 5px;background: #e40012;border-radius: 100%;}
.his-des{position: absolute;left: 40px;width: 440px;}
.his .swiper-slide:last-child .his-des{width: auto;}
.his .swiper-slide:nth-child(odd) .his-des{top:0;}
.his .swiper-slide:nth-child(even) .his-des{bottom:30px;}
.his-des .img100{width: 150px;}
.his-des .des16:last-child{margin-bottom: 0;}
.his-des .des16{font-size:16px;font-family:"Microsoft YaHei","PingFang SC";font-weight:lighter;text-align:justify;}
.his-des .des16 *{font-size:16px;font-family:"Microsoft YaHei","PingFang SC";font-weight:lighter;text-align:justify;}
.hisBtn div.swiper-button-disabled{display: none;}
/*03_公司情报6-公司沿革 e*/
/*03_公司情报7-宣传VTR s*/
.vtr-box{width: 890px;max-width: 100%;margin: 0 auto;}
.vtr-box video{display: block;width: 100%;vertical-align: bottom;}
/*03_公司情报7-宣传VTR e*/


.ry li{width: 22.75%;margin-right: 3%;position: relative;z-index: 5;margin-bottom: 40px;}
.ry li:nth-child(4n){margin-right: 0;}
.ry li p{transition: all .4s;}
.ry li:hover p{color: #0095df;}
.ry .img100 img{object-fit: cover;}
.sd{position: absolute;width: 116%;left: -8%;bottom:-6px;z-index: -1;}
.sd img{width: 100%;vertical-align: bottom;}
.page{text-align: center;margin-top: 40px;}
.page a{margin: 3px; display: inline-block;vertical-align: middle;transition: all .4s;width: 40px;height: 40px;line-height: 38px;border:1px solid #eee;}
.page a:hover{background-color: #0095df;color: #fff;border-color: #0095df;}
.page a.active{background-color: #0095df;color: #fff;border-color: #0095df;}
.page-left{background: url("../images/80-1.png") no-repeat center;background-size: cover;}
.page-right{background: url("../images/80-2.png") no-repeat center;background-size: cover;}
.page-left:hover{background: url("../images/80-3.png") no-repeat center;background-size: cover;}
.page-right:hover{background: url("../images/80-4.png") no-repeat center;background-size: cover;}
/*04_公司动态1-公司新闻 s*/
.xw-con{border-bottom: 1px solid #eee;padding: 50px 0;position: relative;}
.xw-date{position: absolute;top:0;left: 0;text-align: center;width: 70px;}
.xw-des{margin-left: 190px;padding-left: 24px;}
.xw-des h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xw-des p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;}
.xw-date strong{display: block;font-size: 36px;line-height: 1;}
.xw-date span{display: block;font-size: 16px;border-top: 1px solid #eee;line-height: 1;margin-top: 8px;padding-top:8px;}
.xw li{margin-bottom: 30px;width:100%;}
.xw li a{display: block;position: relative;}
.xw-des:before{content: "";position: absolute;top:0;height: 100%;border-left: 1px solid #eee;left: -60px;}
.xw-des .i{width: 15px;height: 3px;background: #e3010f;position: absolute;left: 0;top:10px;}
.xw-img{position: absolute;right: 0;top:0;height: 100%;width: 360px;overflow: hidden;}
.xw-img img,.fc-img img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.xw li.has .xw-con{margin-right: 375px;padding-right: 40px;}
.xw li.has .xw-con .xw-des p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 6.4em;}
.xw li a:hover h3{color: #e3010f;}
/*04_公司动态1-公司新闻 e*/
/*04_公司动态2-公司新闻-详细 s*/
.xwxq-top h1{font-size: 30px;font-weight: bold;line-height: 1.6;color: #171a20;}
.xwxq-top p{display: inline-block;margin-right: 30px;}
.xwxq-top p:last-child{margin-right: 0;}
.edit{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding:50px 80px;}
.edit img{max-width: 100%;height: auto !important;vertical-align: bottom;}
.fanhui{display: inline-block;transition: all .4s;font-size: 18px;color: #fff;background: #0095df;width: 160px;border-radius: 50px;}
.fanhui .i{display: inline-block;vertical-align: middle;width: 9px;height: 15px;margin-right: 16px; background: url("../images/18x30.png") no-repeat center;background-size: 100% 100%;}
.fanhui span{display: inline-block;vertical-align: middle;line-height: 50px;}
.fanhui:hover{background: #e3010f;}
.xwxq-page li{display: block;margin-bottom: 15px;}
.xwxq-page li:last-child{margin-bottom: 0;}
.xwxq-page li a{transition: all .4s;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xwxq-page li a:hover{color: #e3010f;}
/*04_公司动态2-公司新闻-详细e*/
/*06_加入我们-人事方针 s*/
.title28 h2{font-size: 28px;}
/*06_加入我们-人事方针 e*/
/*06_加入我们-员工福利 s*/
.fc li{width: 32%;margin-right: 2%;margin-bottom: 50px;}
.fc li:nth-child(3n){margin-right: 0;}
.fc li:hover h3{color: #e3010f;}
.fc-img{position: relative;}
/*06_加入我们-员工福利 e*/

/*网站地图*/
.sitemap li:nth-child(1){padding-top: 0;}
.sitemap li{padding:30px 0 20px;border-bottom:solid 1px #eeeeee;display: block;}
.sitemap li span{font-size:16px;}
.sitemap li a{font-size:16px;color: #666;transition: all .4s;}
.sitemap dl{padding:15px 0 0;}
.sitemap dt{display:inline-block;opacity:0.8;padding-right:20px;padding-bottom: 10px;}
.sitemap li a:hover{color: #e3010f;}
/*网站地图e*/
/*搜索s*/
.search-rs{font-size: 18px;}
.quitabtt{display: flex;flex-wrap: wrap;}
.quitabtt a{min-width: 103px;text-align: center;padding: 0 20px;background: #f0f0f0;border-radius: 36px;line-height: 36px;margin-right: 20px;margin-bottom: 20px; color: #333;font-size: 16px;transition: all .4s;}
.quitabtt a.active{color: #fff;background: #e3010f;}
.quitabtt a:hover{color: #fff;background: #e3010f;}
/*搜索s*/

.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{
    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);}
}