@charset "utf-8";

/*~~~~框架布局~~~*/







/*==版心定义↓==*/

.container{width:1440px;}

body{background: #fff;}







/*==顶部↓==*/

/*.fixed-top{ position: fixed;width:100%;z-index:99; background:#fff; }*/

.header{position: fixed; left:0;top:0;z-index:9999; width:15%;height:100%; background: rgba(0,0,0,0.6);}

.header .logo{display: block;margin: 50px auto 0;padding:0 50px; text-align: center;}

.header .logo img{max-width:100%;}

.header .logo span{ display: block; margin-top:10px;color:#ababab;font-size:14px;}

.header .lang{ position: relative; margin:20px auto 0;display: table;}

.header .lang:before{ float: right; font-size:14px; margin:5px 0 0 10px;color: #777777;}

.header .lang .block{color:#777777;font-size:12px}

.header .lang .cn{ padding-left:20px; background:url(../images/cn.jpg) no-repeat left;}

.header .lang .en{ padding-left:20px; background:url(../images/en.jpg) no-repeat left;}

.header .lang .load{opacity:0;position: absolute; left:0;top:110%;width:100%;  background: #666;transition: all .4s ease-in-out;}

.header .lang .load a{display: block; text-align: center;color:#fff;padding:5px 2px;}

.header .lang .load a:hover{ background: #999}

.header .lang:hover .load{ opacity: 1;}

.header .lang-wap{display: none;}

.header .lang-wap a{display: inline-block; color:#999;font-size:14px;margin-left:10px}

.header .lang-wap a.active{color:#fff;font-weight:bold;}

.header .nav{margin-top:40px;}

.header .nav > li{float:left;width:100%; border-bottom:1px #1b313d solid;}

.header .nav li a.navAone{ display: block;color:#fff;font-size:16px;line-height:60px; text-align: center }

.header .nav li:hover a.navAone,.header .nav li.active a.navAone{ background: #0085d0;}

.header .nav .sub{display:none;width: 100%;padding:10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}

.header .nav .sub a.navAtwo{ display: block; padding:10px 0;font-size:14px;color:#878787}

.header .nav .sub a.navAtwo:hover,.header .nav .sub a.navAtwo.active{color:#0085d0}

.header .down{ position: absolute; left:0;bottom:50px;padding:0 50px; text-align: center; color:#696969;font-size:12px; text-align: center;}

.header .down .ico{ margin-bottom:15px;/*! overflow: hidden; */display: block;}

.header .down .ico a{ width:35px;height:35px;line-height:30px; border:1px #858585 solid;color:#858585;font-size:16px;display: inline-block;border-radius: 50%;margin: 0 2px;}

.header .down .ico a:hover{color:#fff;border:1px #fff solid;}

.header .down .weixin{ position: relative;}

.header .down .weixin .effect-lower-block{transform-origin: 50% 100%;top:auto;left:-30px;bottom:45px;padding:0px;width: 100px;display: block;}

.header .down .weixin .effect-lower-block img{max-width:100%}

/*--*/

/*.scrollbar{float: left;height:50%;width: 100%;overflow-y: scroll;}

.force-overflow{min-height: 80px;}

#nav::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(0,0,0,0);}

#nav::-webkit-scrollbar{width: 5px;background-color: rgba(0,0,0,0);}

#nav::-webkit-scrollbar-thumb{background-color: #ddd;}*/





/*==底部copy↓==*/

.copy{color:#696969;font-size:14px; display: block;}

.copy a{color:#696969;font-size:14px;}

.copy a:hover{color:#fff}

.wap-copy{ display: none; padding:20px 10px; text-align: center; overflow: hidden; background: #000;}





/*伪类*/

.bfe:before,.bfr:after{content:""; display: block;transition: all .4s ease-in-out;}

/*-*/

.bfe-s:before,.bfr-s:after{content:"";transition: all .4s ease-in-out;}

/*-*/

.bfe-pos,.bfr-pos{ position: relative;}

.bfe-pos:before,.bfr-pos:after{content:""; position:absolute;transition: all .4s ease-in-out;}

/*-*/

.bfe-spos,.bfr-spos{ position: relative;}

.bfe-spos:before,.bfr-spos:after{content:""; position:absolute; }



.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}





/*===内页框↓==*/

.rack{float:left;width:100%; padding:70px 0 80px 0; background: #fff;}

.rackWor{padding:0 0 50px 0}





/*==次级导航↓==*/

.menu{width:100%; background: #fff;}

.menu .container{ border-bottom:1px #ddd solid}

.menu .nu{float:left;  display: table; /*! background:#f2f3f4; */}

.menu .nu li{ position: relative; float:left; }

.menu .nu li:before{ opacity: 0; position: absolute; left:45%;bottom:-15px;color:#0085d0;font-size:25px;transition: all .4s ease-in-out;}

.menu .nu li a{ display: block;margin:0 0px;color:#767676;font-size:14px; padding: 20px 30px; }

.menu .nu li:hover a,.menu .nu li.active a{ color:#fff;  background:#0085d0}

.menu .nu li:hover:before,.menu .nu li.active:before{ opacity: 1}





/*==面包屑↓==*/

.site{color:#666666;font-size:12px;padding:20px 0 20px 0; background: #fff;}

.site .home{ padding-left:25px; background: url(../images/home_ico.png) no-repeat left;}

.site a{color:#666;font-size:12px;}

.site a:hover{color:#b00700}





/*==主内页包裹↓==*/

body.inx{ overflow: hidden;}

.pgx{padding-left:15% !important;}

.pgx .header{ background: #000;}







/*==地图↓==*/

#dituContent{margin:0px 0 0 0;width:100%; height:500px;}





/*==标题↓==*/

.titleAx{margin:10px 0 60px 0; color:#000000;font-size:35px;text-align: center;}

.titleAx P{margin-top:40px;color:#898989;font-size:14px}

.titleAx.white,.titleAx.white font{color:#fff}



/*--*/

.titleBx{padding:70px 0 0px 0; color:#000000;font-size:36px;text-align: center; background: #fff;}

.titleBx h3{color:#000000;font-size:40px;}

.titleBx P{margin-top:40px;color:#898989;font-size:14px;line-height:22px;width:70%; margin:40px auto 0; display: table;}





/*图片加载效果↓*/

.imgShow{position: relative;}

.imgShow:before{ content: ""; position: absolute; left:0;top:0;z-index:1;width:100%;height:100%;transform: scale(1);transform-origin:right; transition:transform .4s;background: #fff;}

.animated .imgShow:before{transform: scale(0,1);}



.imgShow img{max-width:100%;width:auto;height: 100%;object-fit: cover;    transition: width 1s ,transform 1s,background-size 1s;}

.animated .imgShow{width:100%;}

.detailCont .wow,.detailCont .imgShow{/*display: table !important;*/}

.imgShowTrans .wow:nth-child(1n) .imgShow:before{transition:transform .4s;}

.imgShowTrans .wow:nth-child(2n) .imgShow:before{transition:transform .8s;}

.imgShowTrans .wow:nth-child(3n) .imgShow:before{transition:transform 1.2s;}





/*==圈圈二级导航↓==*/

.second{ padding-top:60px; background: #fff;}

.second ul{ text-align: center;}

.second ul li{display: inline-block;}

.second ul li a{ display: table; margin:0 15px;width:110px;height:110px; border-radius:100%;color:#767676;font-size:14px; border:1px #ddd solid;text-align: center;padding: 10px 15px;}

.second ul li em{ display: block; width:30px;height:30px;margin:10px auto 10px; background-repeat:no-repeat; background-position: 0 0 ;}

.second ul li:hover a,.second ul li.active a{color:#fff; border:1px #0085d0 solid;  background: #0085d0;}

.second ul li:hover em,.second ul li.active em{ background-position:0 -30px;}





/*==首页右侧↓==*/

.rightHome{ position: absolute;right:0;top:0; float: right;width:20%;height: 100%;/*box-shadow: 0 0 10px #333;*/}

.rightHome .imgblock{ position: relative;}

.rightHome .imgblock .pic{height:100%;}

.rightHome .imgblock .pic img{width:100%;height: 100%;object-fit: cover;display: block;}

.rightHome .imgblock .title{ position: absolute; left:0;bottom:30px;width:100%;color:#fff;font-size:18px; text-align: center;}

.rightHome .imgblock .title font{ display: block;font-size:12px;color:#999}

.rightHome .icoBlock{width:100%;}

.rightHome .icoBlock .block{float:left;width:50%;height:100%;padding:10% 20px 10px 20px;  background-image:url(../images/line201.png); background-position:right bottom; background-repeat:no-repeat ;}

.rightHome .icoBlock .block em{ display: block; width:55px;height:55px; margin: auto;}

.rightHome .icoBlock .block .title{margin-top:18%;width:100%;color:#fff;font-size:18px; text-align: center;}

.rightHome .icoBlock .block .title font{ display: block;font-size:12px;color:#999}

.rightHome .icoBlock .block:hover{ background-color:#0085d0 ;}

.rightHome .icoBlock .case{background-color:#1a3474 ;}

.rightHome .icoBlock .online{ background-color:#08704d ;}

.rightHome .icoBlock .case em{ background:url(../images/ico201.png) no-repeat center;}

.rightHome .icoBlock .online em{ background:url(../images/ico202.png) no-repeat center;}

.rightHome .imgBaner{width:100%;}

.rightHome .imgBaner .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

.rightHome .imgBaner .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.rightHome .imgBaner .swiper-slide a{ display: block;width:100%;height:100%}

.rightHome .imgBaner .swiper-slide img{width:100%;height: 100%;object-fit: cover;display: block;}

.rightHome .imgBaner .swiper-slide .title{ position:absolute;left:0;bottom:0; width:100%;font-size:14px;color:#fff;font-weight:bold;padding:15px 20px; background: rgba(0,0,0,0.5);}

.rightHome .imgBaner .swiper-slide .title font{width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}

.rightHome .imgBaner .swiper-pagination{bottom: 9px;right:20px;left: auto;width: auto;}

.rightHome .imgBaner .swiper-pagination span{}

.rightHome .imgBaner .swiper-pagination span{position:relative; opacity: 1; display:inline-block;margin: 0 3px;cursor: pointer;font-size:0px;width:11px;height:11px;border-radius:50%;/* overflow:hidden; */ background: #8c8c8c}

.rightHome .imgBaner .swiper-pagination span.swiper-pagination-bullet-active{background:#0368a4}

.rightHome .ibx{overflow: hidden;}

.rightHome .product{height:22%;}

.rightHome .icoBlock{height:20%}

.rightHome .about{height:35%;} 

.rightHome .imgBaner{height:23%;}





/*==首页产品旋转↓==*/

.hostProduct{ position: absolute; left:0;top:0;z-index:-1;width:100%;height:100%;}

.hostProduct .video{ position:absolute; left:0;top:0;width:100%; height:100%;object-fit: cover; background:#023a5a; /*background: url(../images/hostProductBg.jpg) no-repeat center; background-size:cover ;*/}

.hostProduct .video source{width:100%;height:100%;}

.hostProduct .box{ position: absolute;left:0;top:0;right:0;bottom:0;  /*! display: table; */margin:auto; width:1000px;height:500px;z-index: 2;}

.hostProduct .box .pic{margin: auto;display: table}

.hostProduct .box .wx{ position: relative; z-index:999;}

.hostProduct .box .title{margin-top:10px;color:#fff;font-size:60px; text-align: center;font-weight:bold;-webkit-text-stroke: 1px #046195;text-shadow: 2px 2px 8px #0085d0;}

.hostProduct .box .brief{ display:block;margin:10px 0 40px 0;color:#fff;font-size:20px;text-align: center;letter-spacing: 5px;}

.hostProduct .box .more{ display: block; color:#fff;font-size:14px;line-height:42px;height:46px;text-align: center;text-shadow:2px 2px 8px #000; background: url(../images/hp-btn-bg.png) no-repeat center;}



/*.hostProduct .video{background: #666;}

.hostProduct .box{background: #333;}

.hostProduct #KeyShotXR{display: none;}

.hostProduct .wx{display: none;}*/



.hostProduct{}

.hostProduct .figure{  position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.hostProduct .figure .con{display: table;margin: auto; position: relative;/*! left: 0; *//*! top: 0; */width: 520px;height:520px;}

.hostProduct .line{ position: absolute;z-index:-1; background-position:center; background-repeat:no-repeat ;display: block;background-size: 100%;}

.hostProduct .line.i1{ left:55px;top:55px;width:413px;height:410px; background-image:url(../images/hpt-i1.png);animation:spinoffPulse11 12s infinite linear} 

.hostProduct .line.i2{left:88px;top:88px;width:347px;height:345px; background-image:url(../images/hpt-i2.png);animation:spinoffPulse12 15s infinite linear}

.hostProduct .line.i3{left:0;top:0;width:520px;height:520px; border:1px #0680c6 solid; border-radius:100%; }

.hostProduct .wave{ position: absolute;z-index:-1; background-position:center; background-repeat:no-repeat ;display: block;background-size: 100%;}

.hostProduct .wave{width:233px;height:211px; background-image:url(../images/hpt-wave.png);} 

.hostProduct .wave.w1{ left:-170px;top:-60px;animation:spinoffPulse13 6s infinite linear}

.hostProduct .wave.w2{ left:-178px;bottom:0;transform: rotate(-70deg);/*! transform: rotateY(145deg); */animation:spinoffPulse13 8s infinite linear}

.hostProduct .wave.w3{ right:-220px;top:-67px;/*! transform: rotateY(145deg); */transform: rotate(-70deg);animation:spinoffPulse13 10s infinite linear}

/*--*/

.hostProduct #KeyShotXR{height:555px !important;margin-top: -120px;margin-left:50px;}

#viewwindow div:nth-child(2) div:nth-child(2){ background: #ddd; display:none !important;}

#turntable{background:none !important;}



@-webkit-keyframes spinoffPulse11{

 from{transform:rotate(0deg);}

to{transform:rotate(360deg);}

}



@-webkit-keyframes spinoffPulse12{

 from{transform:rotate(0deg);}

to{transform:rotate(-360deg);}

}



@-webkit-keyframes spinoffPulse13{

0%{opacity: 1;}

20%{opacity: 0;}  

50%{opacity: 1;}

70%{opacity: 0;}  

100%{opacity: 1;}

}





/*==在线支持↓==*/

.videoStand{}

.videoStand .search{ overflow: hidden; padding:30px 100px; background:#f3f3f3 ;}

.videoStand .search .frame{float:left;width:19%;margin:0 1% 0 0}

.videoStand .search .frame.x1{width:30%;}

.videoStand .search .frame h5{color:#000000;font-size:16px;margin-bottom:10px;}

.videoStand .search .frame input,.videoStand .search .frame select{ width:100%; border:1px #ddd solid; padding:10px; height:50px;color:#999; background: #fff;}

.videoStand .search button{float:left;margin-top:30px;width:8%;line-height: 50px; color:#fff;font-size:14px; border:none; background: #0085d0;}

.videoStand .search button font{ display: table; margin: auto; padding-left:22px; background:url(../images/search_ico.png) no-repeat left;}

.videoStand .search button:hover{ background: #ff6600;}

.videoStand .long{margin:50px 0 0; }

.videoStand .titleTop{color:#000000;font-size:30px;padding-bottom:25px;margin-bottom:30px; border-bottom:1px #ddd solid;}

.videoStand .leaving{margin-top:40px;padding:50px 15%;background:#0085d0 url(../images/bg204.jpg) no-repeat center top;}

.videoStand .leaving .left{width:60%}

.videoStand .leaving .left .top{color:#fff;font-size:45px;}

.videoStand .leaving .left hr{ margin:50px 0; border:0px; width:100%; height:1px; background: #76b9de;}

.videoStand .leaving .left .wx{color:#fff;font-size:14px;}

.videoStand .leaving .right{width:30%}

.videoStand .leaving .right h5{color:#fff;font-size:20px;margin-bottom:20px;}

.videoStand .leaving .right input,.videoStand .leaving .right textarea{width:100%; border:1px #80c2e8 solid; color:#fff;font-size:12px;padding:10px 10px; margin-bottom:5px; background: none;}

.videoStand .leaving .right textarea{height:80px}

.videoStand .leaving .right button{width:100%; color:#fff;font-size:16px;padding:10px 0;margin-top:5px; border:none; text-align: center; background: #00507d;}

.videoStand .leaving .right button:hover{background: #ff6600;}

.videoStand .leaving input:-webkit-input-placeholder{ color: #f5f5f5;}

.videoStand .leaving input:-webkit-moz-placeholder{ color: #f5f5f5;}

.videoStand .leaving input::-webkit-input-placeholder,.videoStand .leaving textarea::-webkit-input-placeholder{ /*WebKit browsers */color:#fff;}

.videoStand .leaving input::-moz-placeholder,.videoStand .leaving textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#fff;}





/*==视频列表↓==*/

.list-video{width:102%;margin-left:-2%}

.list-video li{/*float:left;*/width:23%;margin:0 0% 2% 2%;display: inline-block;}

.list-video li a{ display: block;padding:10px; background: #ededed;}

.list-video li .pic{width: 100%;}

.list-video li .pic img{max-width:100%;}

.list-video li .pic em{ position: absolute;top:0;right:0;bottom:0;left:0; margin:auto;width:40px;height:40px;line-height:35px; border:2px #fff solid; border-radius: 100%; text-align: center; font-size:14px;color:#fff;}

.list-video li .box{margin:10px 0}

.list-video li h4{color:#000000;font-size:16px;}

.list-video li span{ display: block;margin-top:5px; color:#8f8f8f;font-size:12px;}

.list-video li:hover h4{color:#0085d0}





/*==企业愿景↓==*/

.visionStand{}

.visionStand .list{}

.visionStand .list dd{float:left;width:100%;margin-bottom: 60px;}

.visionStand .list dd:last-child{ margin-bottom:0px}

.visionStand .list dd .pic{float:left;width:50%;}

.visionStand .list dd .wx{float:right;width:50%;padding:60px 40px 0 40px;color:#9a9a9a;font-size:14px; line-height:25px;}

.visionStand .list dd .wx b{ display: block; margin-bottom:35px;color:#000000;font-size:25px;}

.visionStand .list dd.two .wx{float:left}

.visionStand .list dd.two .pic{float:right}

.visionStand .list dd.one .wx{padding-right: :0px;}

.visionStand .list dd.two .wx{padding-left:0px;}

 

 

/*==发展历程↓==*/

.courseBox{}

.courseBox .titleBx{padding: 0px 0 50px 0;}

.courseBox .list{ position: relative;overflow: hidden;padding-bottom:50px;}

.courseBox .list li{float:left;width:48%;padding-right:150px; margin-bottom: 90px;height:165px;} 

.courseBox .list li a{ position:relative;float:left;width:100%;padding:30px;margin-bottom:30px; background: #ececec;}

.courseBox .list li h4{color:#0085d0;font-size:20px;font-weight: bold;}

.courseBox .list li .txt{font-size:14px;color:#787878; margin-top:10px;}

.courseBox .list li a:before,.courseBox .list li a:after{ content:""; position: absolute;right:-150px;bottom:30px; background: #0085d0;}

.courseBox .list li a:before{width:150px;height:1px}

.courseBox .list li a:after{bottom:18px;width:25px;height:25px;border-radius: 50%;}

.courseBox .list li.one{/*! margin-top: 100px; */}

.courseBox .list li.two{float:right;padding-left:150px;padding-right:0px;margin-top: 90px;margin-bottom: 0px;}

.courseBox .list li.two a:before,.courseBox .list li.two a:after{left:-150px;}

.courseBox .list li:hover a{ background: #0085d0}

.courseBox .list li:hover a h4,.courseBox .list li:hover a .txt{color:#fff}

.courseBox .list .line{ position:absolute; left:50%; top:0; width:2px; height:100%;border:none;background: #0085d0;}





/*==荣誉资质↓==*/

.list-honor li{display:inline-block;width:20%;}

.list-honor li a{margin:0 30px 30px 0}

.list-honor li:nth-child(4n){margin-right:0px;}

/*==荣耀列表↓==*/

.list-honor{  margin-bottom: 10px;}

.list-honor li a{ display:block;padding:10px;text-align: center;background: #fff;box-shadow: 0 0 10px #ddd;}

.list-honor li .pic{/* margin: 8px 0 18px 0; */text-align: center;margin: 8px auto 18px;display: table;}

.list-honor li .pic img{ max-width: 100%; max-height: 100%;}

.list-honor li .block{ height: 260px; vertical-align: middle; display: table-cell; text-align: center; }

.list-honor li h4{color:#5d5d5d;font-size:14px;padding: 16px 0 5px 0;border-top:1px #ddd solid;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list-honor li:hover h4{color:#0085d0;border-top:1px #0085d0 solid;}





/*==关于我们↓==*/

.AboutBox{}

.AboutBox .introduction{padding:0 10%;}

.AboutBox .business{margin-top:50px;}

.AboutBox .business{ padding:50px 50px 50px 50px; background: url(../images/bg203.jpg) no-repeat top;background-size:cover ;background-attachment: fixed;}

.AboutBox .business .list{margin-top:80px; }

.AboutBox .business .list dd{float:left;width:33.3%;padding:0 80px; text-align: center;transition: all .4s ease-in-out;}

.AboutBox .business .list dd img{}

.AboutBox .business .list dd h4{margin:20px 0;color:#fff;font-size:20px;}

.AboutBox .business .list dd p{color:#fff;font-size:14px; text-align: left;}

.AboutBox .business .list dd:hover{ transform:translateY(-10px) !important;}

.AboutBox .advantage{margin-top:60px}

.AboutBox .advantage dl{}

.AboutBox .advantage dl dd{ position: relative; float:left;width:33.3%; overflow: hidden;}

.AboutBox .advantage dl dd img{max-width:100%;height: 100%;object-fit: cover;}

.AboutBox .advantage dl dd .box{ position: absolute;left:0;bottom: -100%;margin-bottom:50px;padding:0px 25px;width:100%;height:100%; background: rgba(0,0,0,0.8);transition: all .6s ease-in-out;}

.AboutBox .advantage dl dd h4{color:#ffffff;font-size:20px;line-height: 50px;transition: all .4s ease-in-out;}

.AboutBox .advantage dl dd h3{ opacity: 0;margin-top:15%;color:#ffffff;font-size:20px; text-align: center;transition: all .4s ease-in-out;}

.AboutBox .advantage dl dd p{opacity: 0;color:#ffffff;font-size:12px;line-height: 24px;margin-top:20px; }

.AboutBox .advantage dl dd:hover .box{bottom:0;margin-bottom: 0;background: rgba(0,133,208,0.8);}

.AboutBox .advantage dl dd:hover h4{opacity: 0;height: 0;}

.AboutBox .advantage dl dd:hover h3,.AboutBox .advantage dl dd:hover p{opacity: 1;}





/*==产品框架-滚动圆↓==*/

.circle{}

.circle{ position: relative;z-index:2; display: table; margin: auto; width:515px;height:515px;}

.circle .pic{position: relative;z-index:1; display: table-cell;vertical-align: middle; text-align: center;}

.circle .pic img{ max-width:100%;}

.circle .pic #KeyShotXR{height: 1000px !important;

width: 950px !important;}

.circle .block{ position: absolute;z-index:1; display: block; color:#7b7b7b;font-size:14px;line-height:40px; text-align: right;/*! padding-left: -100px; */min-width: 200px;}

.circle .block font{color:#0085d0;font-size:20px; display: block; margin-top:0px;}

.circle .block:before{ content:""; position: absolute;right:-50px;top:2px; width:40px;height:40px; background: url(../images/circle-spot.png) no-repeat center; animation:spinoffPulse3 1.5s infinite linear}

.circle .block.right{text-align: left;}

.circle .block.right:before{left:-50px;right:auto}

/*-*/

.circle .block.x1{left:-210px;top:140px; /*! width:20px; *//*! height:20px; */  transition: all .4s ease-in-out;}

.circle .block.x2{left:-220px;top:300px;}

.circle .block.x3{left:-130px;top:440px;}

.circle .block.x4{right:-213px;top:140px;}

.circle .block.x5{right:-212px;top:330px;}

/*-*/

.circle .line{ position: absolute;display: block; background-repeat:no-repeat; background-position:center ;}

.circle .line.i1{left:82px;top:82px; width:347px;height:345px; background-image:url(../images/circle-i1.png);animation:spinoffPulse1 15s infinite linear}

.circle .line.i2{left:50px;top:50px; width:413px;height:410px; background-image:url(../images/circle-i2.png);animation:spinoffPulse2 40s infinite linear}

.circle .line.i3{left:0px;top:0px; width:515px;height:515px; border: 1px #ddd solid;border-radius: 100%;}



@-webkit-keyframes spinoffPulse1{

 from{transform:rotate(0deg);}

to{transform:rotate(360deg);}

}



@-webkit-keyframes spinoffPulse2{

 from{transform:rotate(0deg);}

to{transform:rotate(-360deg);}

}



/*

@-webkit-keyframes spinoffPulse3{

 from{ opacity:1;}

to{opacity:0;}



}*/





/*==产品↓==*/

.ProductListBox{}

.ProductListBox .titleBx{padding:0px 0 60px 0; }

.ProductListBox .mt{margin-top:70px; overflow: hidden;}





/*==阀门产品↓==*/

.Product-1{}

.Product-1 .circle .pic{ position: absolute; left:-35%;top:-5%;}

.Product-1 .list{}

.Product-1 .list dd{ display: block;margin-bottom:40px; overflow: hidden; background: #f4f4f4;}

.Product-1 .list dd .box{float:left;width:50%;padding:80px 80px 10px 80px; background: #f4f4f4;}

.Product-1 .list dd .box h3{color:#000000;font-size:50px;margin-bottom:30px}

.Product-1 .list dd .box span{ position:relative; display: block; margin:10px 0;padding-left:15px;color:#515151;font-size:16px;}

.Product-1 .list dd .box span:before{content: ""; position: absolute; left:0;top:10px;width:4px;height:4px; background: #0085d0;}

.Product-1 .list dd .pic{ float: right;width:50%}

.Product-1 .list dd .box,.Product-1 .list dd .pic{}

.Product-1 .list dd:nth-child(2n) .box{float: right;}

.Product-1 .list dd:nth-child(2n) .pic{float:left;}





/*==阀门测试↓==*/

.Product-2{}

.Product-2 .circle .pic{ position: absolute; left:-43%;top:-16%;}

.Product-2 .structure{ }

.Product-2 .structure .box{}

.Product-2 .structure .box img{max-width:100%}

.Product-2 .structure .box .imgShow:before{transition:transform 2s}

.Product-2 .dispose{}

.Product-2 .dispose .table{width:100%;}

.Product-2 .dispose .table .thead{ background:#0085d0;}

.Product-2 .dispose .table span{ display:table-cell;width:12%; padding:15px 20px;}

.Product-2 .dispose .table span:nth-child(1){ text-align: center;}

.Product-2 .dispose .table span:nth-child(3){width:32.8%;}

.Product-2 .dispose .table span:nth-child(5){width:30%;}

.Product-2 .dispose .table .thead span{color:#fff;font-size:20px;  text-align: center;}

.Product-2 .dispose .table .tbody{ border-left:1px #ddd solid;border-bottom:1px #ddd solid}

.Product-2 .dispose .table .tbody span{ color:#000000;font-size:16px;/*font-weight:bold;*/ border-right:1px #ddd solid}

.Product-2 .dispose .table .thead,.Product-2 .dispose .table .tbody{ width:100%;display:table}

.Product-2 .explain{}

.Product-2 .explain .list dd{ display: block;margin-bottom:50px; overflow: hidden; }

.Product-2 .explain .list dd .box{float:right;width:50%;padding:50px 0; }

.Product-2 .explain .list dd .box h3{color:#000000;font-size:30px;margin-bottom:40px}

.Product-2 .explain .list dd .box p{ display: block; color:#898989;font-size:14px; line-height: 24px;}

.Product-2 .explain .list dd .pic{ float: left;width:50%}

.Product-2 .explain .list dd .box,.Product-2 .explain .list dd .pic{}

.Product-2 .explain .list dd:nth-child(2n) .box{float: left;padding-right:50px;}

.Product-2 .explain .list dd:nth-child(2n) .pic{float:right;}

.Product-2 .explain .list dd:nth-child(1n) .box{padding-left:50px;}





/*==集成控制↓==*/

.Product-3{}

.Product-3 .compose{}

.Product-3 .compose .box{ text-align: center;}

.Product-3 .compose .box img{ display: block; margin: auto; max-width:100%;}

.Product-3 .compose .box .imgShow:before{transition:transform 2s}

.Product-3 .trait{padding:50px 100px; overflow: hidden; background: #f4f4f4;}

.Product-3 .trait .titleBx{ background:none;}

.Product-3 .trait dl{}

.Product-3 .trait dl dd{float:left;width: 25%; text-align: center;padding:0 50px;}

.Product-3 .trait dl dd img{ display: block; margin: auto;}

.Product-3 .trait dl dd h4{color:#000000;font-size:18px; font-weight:bold;margin:25px 0 20px 0;}

.Product-3 .trait dl dd p{color:#474747;font-size:14px;text-align: left;}

.Product-3 .advantage{}

.Product-3 .advantage dl{width:103%;margin-left:-3%}

.Product-3 .advantage dl dd{float:left;width:22%;margin-left:3%;min-height:380px;padding:50px 30px; text-align: center; background:#6ca5d9;}

.Product-3 .advantage dl dd img{ display:block;margin: auto;max-width:100%; }

.Product-3 .advantage dl dd h4{margin-top:35px;color:#fff;font-size:20px; font-weight:bold}

.Product-3 .advantage dl dd hr{width:30px;height:1px; margin:20px auto;background: #fff;border: none;}

.Product-3 .advantage dl dd p{color:#fff;font-size:14px; text-align: left;}

.Product-3 .scene{}

.Product-3 .scene dl{width:102%; margin-left:-2%;}

.Product-3 .scene dl dd{float:left;width:31.3%;margin:0 0 3% 2%;}

.Product-3 .scene dl dd .pic{ display: block;cursor: initial;}

.Product-3 .scene dl dd .pic img{max-width:100%;}

.Product-3 .scene dl dd h4{color:#000000;font-size:16px;margin-top:20px; text-align: center;}

/*.Product-3 .scene dl dd:hover h4{color:#0085d0}*/





/*==产品详情↓==*/

.ProductShow{margin: 0 0 70px 0;}

.ProductShow .sTopLeft{width:45%;}

.ProductShow .sTopRight{width:50%;/*! padding-left:50px; */}

.ProductShow .sTopRight h2{color:#b00700;font-size:20px;}

.ProductShow .sTopRight p{color:#666666;font-size:14px; display: block;margin: 30px 0;}

.ProductShow .sTopRight span{padding:20px 0; color:#666666;font-size:14px;display: block; border-top:1px #ddd solid; border-bottom: 1px #ddd solid;line-height: 30px;margin-bottom: 40px;}

.ProductShow .sTopRight .tel{color:#666666;font-size:12px; padding-left:50px;background: url(../images/tel_ico.png) no-repeat left;float: left;}

.ProductShow .sTopRight .tel font{ font-size:28px; color:#b00700;display: block;}

.ProductShow .sTopRight .online{margin:5px 0 0 70px;padding:10px 40px 10px 70px; color:#fff;font-size:14px;background:#b00700 url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}

.ProductShow .sTopRight .online:hover{background:#f60 url(../images/ico20.png) no-repeat 40px 10px;}

.ProductShow .tabBox{overflow: hidden;float: left;width: 100%;margin: 50px 0;}

.ProductShow .tabBox .tone{ border-top:1px #b00700 solid;  border-right:1px #ddd solid;border-bottom: 1px #ddd solid; background: #f5f5f5; overflow: hidden;}

.ProductShow .tabBox .tone li{color:#333333;padding:17px 50px;font-size:14px;border-left:1px #ddd solid;float: left;cursor: pointer;}

.ProductShow .tabBox .tone li.hit{ color:#b00700;background: #fff;}

.ProductShow .tabBox .down{ margin-top:20px;}

.ProductShow .relevant{overflow: hidden;margin: 0 0 20px 0;}

.ProductShow .relevant h2{ color:#333333;font-size:20px; font-weight:bold;background:url(../images/line06.jpg) no-repeat left;padding-left: 10px;}

.ProductShow .relevant .more{color:#999999;font-size:12px; background: url(../images/line09.png) no-repeat right; float: right;padding-right: 20px;margin-top: 7px;}

.ProductShow .relevant .more:hover{color:#b00700}

.ProductShow .relevant .list{}

.ProductShow .relevant .list a{ display: block;background: #fff;border: 1px #ddd solid;padding: 0 0 20px 0;}

.ProductShow .relevant .list li h4{color:#333333;font-size:14px;text-align: center;margin: 15px 0;}

.ProductShow .relevant .list li em{ display: table; margin:auto; border:1px #ddd solid; color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}

.ProductShow .relevant .list li:hover h4{ color:#b00700}

.ProductShow .relevant .list li:hover em{ color:#b00700;border:1px #b00700 solid}

.ProductShow .relevant .down{margin-top:50px;overflow: hidden;} 

.ProductShow .relevant .swiper-container{position: relative;overflow: hidden;margin-top: 30px;}

.ProductShow .relevant .swiperLong{ position:relative;padding:0 0px;}

.ProductShow .relevant .btn{color: #fff;font-size: 30px;width: 35px;height:40px;line-height: 35px;text-align: center; background: #505050;}

.ProductShow .relevant .swiper-button-prev{left:-50px;}

.ProductShow .relevant .swiper-button-next{left:auto;right:-50px;}

.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{ background:#b00700}

.ProductShow .relevant .list li:hover h4{color:#b00700}





/*==新闻列表↓==*/

.NewsListBox{}

.NewsListBox .list{width:103%;margin-left:-3%}

.NewsListBox .list li{float:left;width:30.3%; margin:0 0 3% 3%; border:1px #ddd solid}

.NewsListBox .list li a{display: block;}

.NewsListBox .list li .box{padding:20px 30px}

.NewsListBox .list li .pic{ display: block;}

.NewsListBox .list li .time{color:#6d6d6d;font-size:12px;}

.NewsListBox .list li .title{margin-top:5px;color:#000000;font-size:20px;-webkit-line-clamp: 2;}

.NewsListBox .list li .txt{ margin:30px 0 20px 0;color:#8a8a8a;font-size:12px; line-height: 22px;-webkit-line-clamp: 2;}

.NewsListBox .list li .more{color:#0085d0;font-size:14px; font-weight:bold;}

.NewsListBox .list li:hover .title{color:#0085d0}





/*==新闻详细页↓==*/

.NewsDetailBox{}

.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}

.NewsDetailBox .tit{color:#000000;font-size:23px;}

.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}

.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}

.NewsDetailBox .msg span{margin:0 5px;}

.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#FF6600}

.NewsDetailBox .msg .active{font-weight:bold;}

.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}

.NewsDetailBox .share .bshare-custom{float:left;}

.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}

.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}

.NewsDetailBox .share .return:hover{background-color:#0085d0}

.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}

.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}

.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}

.NewsDetailBox .pagIng span a:hover{color:#0085d0}

.NewsDetailBox .pagIng .prev{float:left}

.NewsDetailBox .pagIng .next{float:right}

.NewsDetailBox .relevant{margin-top:40px}

.NewsDetailBox .relevant .tit{color:#767676;font-size:18px;}

.NewsDetailBox .relevant .list{margin-top:20px;}

.NewsDetailBox .relevant .list li{float:left;width:45%;margin:6px 5% 6px 0;}

.NewsDetailBox .relevant .list li .time{float: right; color:#858585;font-size:14px;}

.NewsDetailBox .relevant .list li a{ display: block; color:#858585;font-size:14px;padding-left:15px; background: url(../images/arrow201.png) no-repeat left;transition: all .4s ease-in-out;}

.NewsDetailBox .relevant .list li:hover a{color:#0085d0}





/*==联系我们↓==*/

.contactBox{}

.contactBox .address{}

.contactBox .address dd{ float:left;width:50%;padding:0 80px 20px 0;}

.contactBox .address dd:last-child{padding-right:0px;}

.contactBox .address dd h4{color:#000;font-size:25px;margin-bottom:30px;}

.contactBox .address dd .wx{color:#767676;font-size:14px;line-height:24px}

.contactBox .map{ margin:40px 0;}





/*==留言2↓==*/

.message{background: #ededed;padding: 50px 80px 50px 80px;margin: 70px 0 0 0;overflow: hidden;}

.message .title{color:#000000;font-size:25px;margin-bottom: 35px; overflow: hidden;}

.message .title span{ float:right;color:#aaaaaa;font-size:14px;margin-top: 10px;}

.message form{ /*! margin-top:30px */}

.message .frame{position: relative; float:left; height:55px;width:49.5%; margin:0 1% 1% 0%; border:1px #ddd solid; background:#fff;}

.message .x2,.message .x4{margin-right:0px;}

.message input,.message textarea{height:100%;padding:10px 10px; border:none; display: block;width: 100%;background: none;}

.message .frame input{padding-left:60px;}

.message .frame.x2 input{padding-left:90px}

.message .frame b{ position: absolute;left:20px;top:18px; color:#838383;font-size:14px;}

.message .frame.x5{width:100%;height:150px;}

.message .frame textarea{/*! width:100%; */ clear: both}

.message .yzm{ height:45px;width: 100%;}

.message .yzm input{float:left;width:10%;margin-right:10px; border:1px #ddd solid; background: #fff;/*! padding: 3px 10px; */}

.message .yzm img{float:left;padding:10px; border:1px #ddd solid; background: #fff;}

.message button{padding:15px 40px;margin:25px 10px 0 0;font-size:16px;color:#fff;border:none}

.message button.submit{ background: #0085d0;}

.message button.reset{ background:#b8b8b8;}

.message button:hover{ background:#f60;}





/*==案例项目↓==*/

.CaseStand{}

.CaseStand .list{width:103%; margin-left:-3%;}

.CaseStand .list li{ position: relative; float:left;width:45%;height:290px;padding-left:300px;margin:0 0 4% 4%; background: #ebebeb;}

.CaseStand .list li .pic{position: absolute;left:0;top:0; float:left;width:300px;height:100%}

.CaseStand .list li .pic img{width:100%;height: 100%;object-fit: cover;display: block;}

.CaseStand .list li .box{ float:right; padding:0 30px;height:100%;/*! margin-left: 300px; */}

.CaseStand .list li .box .title{margin:40px 0 10px 0;color:#000000;font-size:16px;font-weight: bold; }

.CaseStand .list li .box .txt{color:#444;font-size:14px; line-height:23px; margin-bottom:10px;}

.CaseStand .list li .box .dn{line-height:23px;}

.CaseStand .list li .box font{color:#444}

.CaseStand .list li:hover .title{color:#0085d0}





/*==list-box 图片款 久↓==*/

.list-box{margin-top:20px;}

.list-box li{float:left; width:23%; margin:0 1% 1% 1%}

.list-box li img{max-width:100%;width:100%;}

.list-box li .pic{padding-top:65%;border: 1px #ddd solid;}

.list-box li:hover .pic{border: 1px #b00700 solid;}

.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}

.list-box li:hover h4{color:#c31019;}

#list-box2 li{width:18%;}





/*==loading后重载首页↓==*/

.x-block .loading{display:block;transform:scale(1);}

.x-block .x-wb{display: none;}





/*==loading↓==*/

.loading{  position: absolute; left:0;top:0;z-index:9999999999999;width:100%; height:100%; background:#0d2843 url(../images/loading-bg.jpg) no-repeat center;animation:spinoffPulse22 3s;transform:scale(0);transition: all .3s ease-in-out;}

.loading .box{ position: absolute; left:0;top:0;right: 0;bottom:0; margin: auto;width:280px;height: 160px;}

.loading .box .pic{ display: table; margin: auto;/*animation:spinoffPulse21 3s;*/}

.loading .ing{ margin:20px 0 0 0;width: 100%;}

.loading .schedule{float:left;width:75%;  position: relative; border: 2px #205f9f solid;/*! width:150px; */height:17px;}

.loading .schedule:before{ content: ""; position: absolute; left:2px;top:2px;right:2px;bottom:2px;width:auto;height:9px; background: url(../images/loading-ico.png) repeat-x center;background-size: 20px;animation:spinoffPulse20 2.2s;}

.loading #nbr{float:right;width:25%; color:#fff;font-size:14px;font-weight: bold;padding-left: 25px;}



@-webkit-keyframes spinoffPulse20{

 from{width:0%;}

to{width:98%;}

}



@-webkit-keyframes spinoffPulse21{

from{ transform: translateX(-50px);}

to{ transform:translateX(50px);}

}





/*==快速导航↓==*/

.navigation{padding-bottom:50px;  background:#fff;}

.navigation a{ position: relative; display:table; margin:auto;width:100px;height:100px; border-radius: 100%; border:1px #ececec solid; cursor: pointer; 

box-shadow: -6px -6px 8px -4px rgba(255, 255, 255, 0.75), 6px -6px 8px -4px rgba(255, 255, 255, 0.75), 6px 6px 10px -6px rgba(174, 174, 174, 0.75), -8px 12px 10px -15px rgb(174, 174, 174);}

.navigation font{color:#666;font-size:15px;margin:35px 0 0 0; text-align: center;display: block;transition: all .4s ease-in-out;}

.navigation i{ position: absolute; left:44%;bottom:20px;color:#999;font-size:20px;animation:spinoffPulse40 2s infinite linear}

.navigation i.b2{ bottom:14px;animation:spinoffPulse40 1s infinite linear}

.navigation a:hover font,.navigation a:hover i{color:#0085d0}



@-webkit-keyframes spinoffPulse40{

from{ transform: translateY(0px); opacity:1;}

to{ transform:translateY(5px);opacity:0;}

}





/*==底部↓==*/

.footer{background: #edeef0;overflow: hidden;transition: all .4s ease-in-out;}

.footer .height{padding: 50px 0 60px 0; overflow: hidden;}

.footer .nav{float:left;width:70%;position:relative;display: table;width: 70%;}

.footer .nav h3{ color:#000000;font-size:16px;margin-bottom:15px;}

.footer .nav li{display: table-cell; float: left;width: 20%;border-left:1px #ddd solid; padding:0 30px 30px 30px;}

.footer .nav li a{ display: block;color:#878787;font-size:14px;padding:3px 0;}

.footer .nav li a:hover{color:#0085d0}

.footer .right{width:30%; color:#5a5a5a;font-size:14px;line-height: 24px;word-wrap : break-word}

.footer .right .tel{display: block;color:#000000;font-size:16px; margin-bottom:20px;}

.footer .right .tel font{ display: block;color:#000000;font-size:35px; margin-top:10px; }

.footer .down{ float: right; text-align: right; margin-top:40px;color:#878787;font-size:14px; }

.footer .down a{color:#878787;font-size:14px;}

.footer .down a:hover{color:#0085d0}

.footer{height:0px;transform:scale(0)}

.footer.open{height:auto;transform:scale(1)}













/*内页转场*/

/*

.x-pg{ overflow: hidden;}

.x-pg .header,.x-pg .banner-within,.x-pg .menu,.x-pg .titleBx,.x-pg .rack,.x-pg .navigation{ display: none;}

.x-pg .header{}

.x-pg .transition{position: absolute; left:0;top:0;right: 0;bottom: 0;z-index: 2; background: #fff;}

.x-pg .transition .box{ position: absolute; left:0;top:0;right: 0;bottom: 0;z-index: 1; width:50%;height:30px; margin:auto;}

.x-pg .transition .box:before,.x-pg .transition .box:after{content: ""; position: absolute; width:100%;height:10px;left:-100%; background: #333;animation:spinoffPulse30 2s;}

.x-pg .transition .box:after{top:auto;left:-150%; bottom:0;animation:spinoffPulse31 3s;}

*/



/*@-webkit-keyframes spinoffPulse30{

from{ transform: translateX(0px);}

to{ transform:translateX(2000px);opacity: 0;}

}



@-webkit-keyframes spinoffPulse31{

from{ transform: translateX(0px);}

to{ transform:translateX(2500px);opacity: 0;}

}



@-webkit-keyframes spinoffPulse32{

from{ transform: translateY(-100px);opacity: 0;}

to{ transform:translateY(0px);opacity: 1;}

}

*/