@charset "utf-8";
/*~~~~框架布局~~~*/


/*==版心定义↓==*/
.container{width:1600px;}


/*==顶部↓==*/
.fixed-top.header{ position: fixed;width:100%;height:60px;padding:5px 0;z-index:99;  box-shadow: 0 0 10px #aaa; background:#fff; }
.fixed-top.header .logo img{height:50px;}
.fixed-top.header .logo .txt{ font-size:16px;}
.fixed-top.header .logo .txt strong{font-size:12px; }
.fixed-top.header .right{padding-top:15px;}
.fixed-top.header .nav li a.navAone{line-height:45px;}
.fixed-top.header .line:before{top:-10px; height:65px;}

.header{padding:20px 0;height:110px;width:100%;}
.header .container{width:100%;padding:0 100px;}
.header .logo{}
.header .logo .txt{ float:right;padding:5px 0 0 20px; color:#191919;font-size:30px;}
.header .logo .txt strong{display: block; color:#ee7700; font-size:14px; font-weight:100;}
.header .nav{height:100%;float: left; padding-left:120px;display: table;width: 55%;}
.header .line.nav:before{left:80px;}
.header .line:before{ left:0; top:-20px; width:1px;height:110px; background: #ddd;}
.header .nav li{/*! float:left; */display: table-cell;}
.header .nav li a.navAone{ position: relative; display: block;/*! margin:0 40px; */color:#191919;font-size:16px;line-height:80px; text-align: center }
.header .nav li a.navAone:before{ content: ""; position: absolute; left:0;bottom:-10px; width:100%;height:2px; background: #009fe8;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav li:hover a.navAone:before,.header .nav li.active a.navAone:before{transform: scale(1);transform-origin:left;}
.header .nav li:hover a.navAone,.header .nav li.active a.navAone{color:#009fe8}
.header .right{padding:30px 0 0 50px;}
.header .right .block{ float:left; margin-right:15px;padding-right:15px; border-right:1px #aaa dotted;display: block;}
.header .right .block em{ display: block; width:20px;height:20px;}
.header .right .weixin em{ background: url(../images/weixin-ico.png) no-repeat center;}
.header .right .search em{ background: url(../images/search-ico.png) no-repeat center;}
.header .right .tel{font-size:22px;color:#191919;padding-left:25px;padding-right:0px;margin-left:10px;line-height:22px;border-right:none;background: url(../images/kefu-ico.png) no-repeat left;/*! display: block; */}
.header .right .search .effect-lower-block{transform-origin: 95% 0%;top: 30px;width: 300px;}
.header .right .search .box{ background:#f5f5f5}
.header .right .search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}
.header .right .search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff; cursor: pointer;}
.header .right .search button:hover{ background:#009fe8}
.header .right .weixin .effect-lower-block{transform-origin: 95% 0%;top: 30px;width: 120px;}
.header .right .weixin img{max-width:100%; display: block;}
/*.header .logo,.header .nav,.header .right{float:none; display: inline-block;}*/


/*==次级导航↓==*/
.menu{width:100%;margin-top: -65px;position: relative;height: 65px;}
.menu ul{ text-align: right; display: table; background:#fff;/*! width: 100%; */float: right;border-bottom: 1px #ddd solid;border-right: 1px #ddd solid;}
.menu li{ /*! display:table-cell; */ display: inline-block;}
.menu li a{ display: block;margin:0 0px;color:#333333;font-size:18px; border-left:1px #ddd solid;padding: 20px 50px;}
.menu li:hover a,.menu li.active a{ color:#fff;  background:#ee7a00}


/*==面包屑↓==*/
.site{margin:30px 0 30px 0;color:#666666;font-size:12px;}
.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:#009fe8}


/*==地图↓==*/
.ditu{margin:0px 0 0 0;width:100%; height:500px; /*background: url(../images/mapBG.jpg) no-repeat center;*/}


/*==标题↓==*/
.titleAx{margin:20px 0; color:#191919;font-size:36px;/*! text-align: center; */}
.titleAx font{ display: block;color:#5d5c5c;font-size:16px;margin-top: 5px;}
.titleAx-white,.titleAx-white font{color:#fff}
/*--*/
.titleBx{color:#191919;font-size:40px;text-align:center;}
.titleBx hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#009fe8;}
/*--*/
.titleCx{margin:0 0 50px 0;overflow: hidden;}
.titleCx:before{left:0;top:40px;width:100%;height:1px; background: #ddd;z-index: -1;} 
.titleCx h3{float:left;color:#191919;font-size:32px;padding-right: 20px;background: #fff;}
.titleCx h3 font{ display: block;color:#999;font-size:12px;}
.titleCx .more{float:right;color:#999999;font-size:12px;border:1px #999999 solid;padding:10px 20px;background: #fff;margin: 20px 0 0 0;}
.titleCx .more:after{float:right;width:8px;height:10px;margin:7px 0 0 10px; background: url(../images/line03.png) no-repeat -8px 0;}
.titleCx .more:hover{color:#fff;border:1px #009fe8 solid; background:#009fe8;}
/*.titleCx .more:hover:after{background-position:0 0 ;}*/
/*--*/
.titleTop{margin:0 0 40px 0;overflow: hidden;}
.titleTop .titleAx{float:left;margin:0px;}
.titleTop .more{ float:right;margin:20px 0 0 0; color:#333333;font-size:12px;padding-left:20px; background: url(../images/arrow-01.png) no-repeat left;}
.titleTop .more:hover{color:#009fe8}


/*伪类*/
.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;z-index: 2;}
.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:40px 0 80px 0;}
.rackWor{}


/*==了解更多按钮↓==*/
.onlineMore{color:#fff;font-size:12px; padding:14px 50px; background: #009fe8;display: table;/*! margin-top: 40px; *//*! overflow: hidden; *//*! clear: both; */float: left;}
.onlineMore:after{ float:right;margin:5px 0 0 25px;width:11px;height:7px; background: url(../images/line01.png) no-repeat center;}
.onlineMore:hover{background: #f60}


/*==首页产品↓==*/
.productHome{padding:60px 0; overflow: hidden; background: #efefef;}
.productHome .tone{ overflow: hidden;background: #fff;}
.productHome .tone li{float:left; width:20%; text-align:center;border-right:1px #ddd solid}
.productHome .tone li:last-child{border:none;}
.productHome .tone li a{color:#333333;font-size:18px;padding:20px 10px;display: block;}
.productHome .tone li.active a{color:#fff; background: #009fe8;}
.productHome .tone li font{ display:table;margin:auto; }
.productHome .tone li font:before{width:30px;height:30px;left:-39px;top:-3px; background-repeat:no-repeat ; background-position:0 0px;/*! background-color: #eee; */}
.productHome .tone li.active font:before{ background-position:0 -30px }
.productHome .tone li.x1 font:before{background-image:url(../images/proIco01.png);}
.productHome .tone li.x2 font:before{background-image:url(../images/proIco02.png);}
.productHome .tone li.x3 font:before{background-image:url(../images/proIco03.png);}
.productHome .tone li.x4 font:before{background-image:url(../images/proIco04.png);}
.productHome .tone li.x5 font:before{background-image:url(../images/proIco05.png);}
.productHome .down{ background: #fff;margin-top: 20px;}
.productHome .down .long{overflow: hidden;}
.productHome .down .left{float:left;width:45%;height:530px; text-align: center; vertical-align: middle !important;}
.productHome .down .left a{height: 100%;width: 100%;display: flex;align-items: center;}
.productHome .down .left img{ display:table-cell; max-width:100%;margin: auto;}
.productHome .down .right{float:right;width:55%;border-left: 1px #ddd solid;}
.productHome .down .right .top{padding:50px 50px 0 40px;overflow: hidden;}
.productHome .down .right .top h4{color:#333;font-size:20px;}
.productHome .down .right .top p{margin:20px 0 30px 0;color:#666666;font-size:14px;-webkit-line-clamp: 2;}
.productHome .down .right .onlineMore{/*! margin-top:20px; */}
.productHome .down .left,.productHome .down .right{/*float:none; display: table-cell; vertical-align: top;*/}
.productHome .down .srll{margin-top:50px;border-top:1px #ddd solid}
.productHome .down .list{/*margin-top:50px;border-top:1px #ddd solid;overflow: hidden;*/}
.productHome .down .list li{/*float:left;width:33.3%;*/}
.productHome .down .list li a{ text-align: center; display: block; border-right:1px #ddd solid}
.productHome .down .list li img{max-width:100%;}
.productHome .down .list li:last-child a{}
.productHome .down .list li h4{color:#343434;font-size:12px;padding:10px 0;}
.productHome .down .list li:hover h4{color:#009fe8 }


/*==首页信息介绍↓==*/
.introduceHome{padding:100px 0; overflow: hidden; background: url(../images/bg01.jpg) no-repeat center; background-size:cover ;}
.introduceHome .container{height:428px;}
.introduceHome .tone{float:left;width:20%; /*! text-align: center; */background: #fff;}
.introduceHome .tone li{padding:30px 20px 30px 50px;height:25%;border-bottom:1px #ddd solid;vertical-align: top;cursor: pointer;border-right:1px #ddd solid; background:#f4f4f4;}
.introduceHome .tone li:last-child{}
.introduceHome .tone li em{float:left;display:inline-block; width:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;border-radius: 100%; background:#009fe8;}
.introduceHome .tone li h4{color:#333333;font-size:22px;display: inline-block;text-align: left;margin-left: 30px;}
.introduceHome .tone li h4 font{display: block;font-size:12px;color:#333333;transition: all .4s ease-in-out;}
.introduceHome .tone li.active{ background: #009fe8;}
.introduceHome .tone li.active em{color:#009fe8;  background:#fff ;}
.introduceHome .tone li.active h4{color:#fff}
.introduceHome .tone li.active h4 font{color:#fff}
.introduceHome .right{float:left;width:80%;/*! padding: 20px 50px 20px 50px; */position: relative; background:#fff; color:#333;}
.introduceHome .right .long{height:100%;}
.introduceHome .right .box{float: left;position: relative; width: 54%;height:100%;padding: 20px 50px 20px 50px;}
.introduceHome .right .box h3{font-size:44px; padding-top:20px; color:#ee7700;}
.introduceHome .right .box h3 font{font-size:12px; display: block;margin-top:5px;}
.introduceHome .right .box h3 hr{display: block;width:20px;height:1px; margin:15px 0 0 0;border: none;background: #fff;}
.introduceHome .right .box .txt{margin-top:50px;}
.introduceHome .right .box .txt span{display: block; margin-top:20px;font-size: 16px; padding-left:15px;}
.introduceHome .right .box .txt span:before{ left:0;top:5px;width:6px;height:6px; background: #0065b9;}
.introduceHome .right .lower{ position: absolute;left:50px;bottom:30px; padding-top:25px;border-top:1px #1a5572 solid;/*! width: 100%; */right: 50px;}
.introduceHome .right .lower .tel{font-size:22px;font-size:22px;padding-left:25px; background:url(../images/kefu-ico02.png) no-repeat left ;}
.introduceHome .right .lower .online{color:#668ea1;font-size:12px; border:1px #668ea1 solid;display: inline-block;padding: 12px 40px;margin-left:40px;}
.introduceHome .right .lower .online:before{float:right;margin:2px 0 0 12px; width:14px;height:14px;line-height:14px;border-radius: 100%;; background:#668ea1 url(../images/line02.png) no-repeat center;}
.introduceHome .right .lower .online:hover{background: #ffff}
.introduceHome .right .lower .online:hover:before{ background-color:#fff }
.introduceHome .pic{float:right;width:46%;}
.introduceHome .pic a{float:left;display: block;width:49.9%;margin: 0 0 0.1% 0.1%;height: 35%;cursor: auto;}
.introduceHome .pic a img{max-width:95%;height: 95%;object-fit: cover; padding-top:4%;}
.introduceHome .pic a{width:100%;height:100%;}
.introduceHome .tone,.introduceHome .right .long,.introduceHome .right .box,.introduceHome .right,.introduceHome .pic{height:100%;}


/*==首页关于↓==*/
.abouteHome{padding: 80px 0 100px 0;}
.abouteHome .left{float:left; position: relative; width:32%;padding-right: 80px;}
.abouteHome .left .wx{margin-top:50px;color:#666666;font-size:15px;line-height:26px;}
.abouteHome .left .lower{ position: absolute; left:0;bottom:0;width:100%;padding:40px 0 0 0;background: #fff;z-index: 9;}
.abouteHome .left .digital{ /*! overflow: hidden; *//*! float: left; *//*! width: 100%; */padding-right:10px;clear: both;}
.abouteHome .left .digital li{ float:left;width:30%;border-right:1px #ddd dashed;padding-left:30px;}
.abouteHome .left .digital li:nth-child(1){padding-left:0px;}
.abouteHome .left .digital li:last-child{border-right: none;}
.abouteHome .left .digital li span{color:#009fe8;font-size:34px;}
.abouteHome .left .digital li h4{color:#333;font-size:16px;}
.abouteHome .left .lower .more{margin-top: 40px;}
.abouteHome .right{ position: relative; width:50%;}
.abouteHome .right img{max-width:100%;height:100%;object-fit: cover;}
.abouteHome .right .video{ position: absolute;right:30px;bottom:50px;color:#fff;font-size:12px;padding:18px 35px; background: rgba(0,0,0,0.5);}
.abouteHome .right .video:after{ float:right;width:20px;height:20px; margin:-3px 0 0 10px;background: url(../images/play.png) no-repeat center;}
.abouteHome .right .video:hover{ background: #009fe8}
.abouteHome .left,.abouteHome .right{float: none;height: 590px;display: table-cell;vertical-align: top;}


/*==实力见证↓==*/
.strengthBox{padding-bottom:0px;}
.strengthBox .titleBx{margin-bottom:60px;}
.strengthBox .long{margin-bottom:80px;padding-bottom:80px;border-bottom:1px #ddd solid}
.strengthBox .long:last-child{margin-bottom:0;border-bottom: none;}
.strengthBox .long-1{height:500px}
.strengthBox .long-1 .left{width:50%;height:100%;}
.strengthBox .long-1 .left img{max-width:100%;height: 100%;object-fit: cover;}
.strengthBox .long-1 .right{ position: relative; width:50%;height:100%;padding:20px 0 0 50px;}
.strengthBox .long-1 .right .bottom{ position: absolute; left:0;bottom:0;}
.strengthBox .long-1 .right .bottom a{float: left;width:33.2%;display: block;margin-left:0.1%;}
.strengthBox .long-1 .right .bottom a img{max-width: 100%;display: block;}
.strengthBox .long-1 .left,.strengthBox .long-1 .right{}
.strengthBox .long .title{color:#191919;font-size:32px;}
.strengthBox .long hr{ display: block; margin:20px 0 50px 0;width:15px;height:1px; background: #009fe8;border: none;}
.strengthBox .long p{color:#464646;font-size:18px;}
.strengthBox .long p.en{color:#999;font-size:12px;}
.strengthBox .long-2{ position: relative;}
.strengthBox .long-2 .pic{}
.strengthBox .long-2 .pic img{max-width:100%;height: 100%;object-fit: cover;}
.strengthBox .long-2 .wx{ position: absolute;left:50px;bottom:125px;width:40%; padding:40px; background: rgba(255,255,255,0.8);}
.strengthBox .such{margin-top:20px; overflow: hidden; background:url(../images/bg03.jpg) no-repeat center; background-size:cover;}
.strengthBox .such .left{width:50%;padding:100px 0;}
.strengthBox .such .title{color:#fff;font-size:40px;}
.strengthBox .such p{color:#fff;font-size:18px; margin-top:30px;}
.strengthBox .such .bottom{ margin-top:100px;}
.strengthBox .such .bottom a{float: left;width:33.2%;display: block;margin-left:0.1%;}
.strengthBox .such .bottom a img{max-width: 100%;display: block;}


/*==首页新闻↓==*/
.newsHome{padding: 100px 0 80px 0; border-top:1px #ddd solid}
.newsHome .titleTop{margin-bottom:45px;overflow: hidden;}
.newsHome .titleTop .titleAx{float:left;}
.newsHome .tone{ float: right;margin: 18px 0 0 0;}
.newsHome .tone li{float: left;position: relative;padding-bottom:10px;margin-left:30px;} 
.newsHome .tone li a{color:#333333;font-size:16px;} 
.newsHome .tone li:before{position: absolute;left:0;bottom:0;content: "";width:0%;height:1px;background: #009fe8;transition: all .4s ease-in-out;}
.newsHome .tone li.active a{color:#009fe8;}
.newsHome .tone li.active:before{width:100%;}
.newsHome .list{width:102%; /*! margin-left:-2% */}
.newsHome .list li{float:left;width: 23%;margin-right:2%;}
.newsHome .list li:last-child{margin-right:0px;}
.newsHome .list li h4{margin:22px 0;color:#191919;font-size:16px;-webkit-line-clamp: 1;}
.newsHome .list li p{/*! margin: 0px 0 20px 0; */color:#666666;font-size:12px;-webkit-line-clamp: 2;}
.newsHome .list li .time{display:block;color:#666666;font-size:12px;padding-top:15px; border-top:1px #ddd solid;margin-top: 30px;}
.newsHome .list li .time font{color:#333333;font-size:36px;margin-right: 10px;}
.newsHome .list li:hover h4{color:#009fe8}
/*.newsHome .list li:hover .time{border-top:1px #009fe8 solid}*/


/*==新闻↓==*/
.NewsListBox2{}
.NewsListBox2 .long{ margin-bottom:80px;}
.NewsListBox2 .list-top{}
.NewsListBox2 .swiper-container:after{left:0;bottom:0;width:100%;height:100px; background: #009fe8;}
.NewsListBox2 .list-top li{ position: relative; background:#ececec;height: 450px;}
.NewsListBox2 .list-top li .pic{float: left;position:absolute;left:0;top:0;width:700px;height: 100%;}
.NewsListBox2 .list-top li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox2 .list-top li .box{padding:50px;padding-left:750px;/*! text-align: center; */float: left;width: 100%;height: 100%;}
.NewsListBox2 .list-top li .box h4{font-size:28px;color:#191919;font-weight: bold;-webkit-line-clamp: 3;}
.NewsListBox2 .list-top li .box h4 hr{display: block;width:15px;height:1px;margin:20px 0 0 0; background: #009fe8;border: none;}
.NewsListBox2 .list-top li .box p{font-size:14px;color:#464646;margin: 30px 0;line-height: 22px;-webkit-line-clamp: 4;}
.NewsListBox2 .list-top .more{margin:auto;}
.NewsListBox2 .list-top li:hover h4{color:#009fe8}
.NewsListBox2 .righter .more{margin-top:25px; display:inline-block;color:#808080;font-size:14px; padding:5px 10px; border: 1px #999 solid;}
.NewsListBox2 .righter li:hover .more{color:#fff;border:#52ab40 1px solid; background: #52ab40;}
.NewsListBox2 .swiper-container{}
.NewsListBox2 .swiper-container .spot{bottom:0;display: table;width: 100%;left: 700px;/*! margin-left: 52px; */text-align: left;padding: 35px 35px 35px 50px;background: #009fe8;}
.NewsListBox2 .swiper-container .spot span{ opacity:1;width:10px;height:10px; background:rgba(255,255,255,0.5);margin-right: 12px;}
.NewsListBox2 .swiper-container .spot .swiper-pagination-bullet-active{ background:#fff}
.NewsListBox2 .list-2{width:101.5%; margin-left:-1.5%;}
.NewsListBox2 .list-2 li{float:left; position: relative; width:48.5%;margin:0 0 1.5% 1.5%;height:200px;padding:20px 20px 20px 270px;background: #efefef;}
.NewsListBox2 .list-2 li a{display: block; }
.NewsListBox2 .list-2 li .pic{position: absolute; left:0;top:0;width:240px;height:100%;}
.NewsListBox2 .list-2 li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox2 .list-2 li h4{color:#333333;font-size:20px; font-weight: bold;;}
.NewsListBox2 .list-2 li p{color:#636363;font-size:12px; margin:20px 0 50px 0;-webkit-line-clamp: 2;}
.NewsListBox2 .list-2 li .more{ border-top:1px #ddd solid;padding-top:10px;color:#9d9d9d;font-size:12px;width: 100%;display: flex;}
.NewsListBox2 .list-2 li .more:after{/*! float:right; */ display: inline-block; width:8px;height:10px;margin:7px 0 0 10px; background: url(../images/line03.png) no-repeat -8px 0;}
.NewsListBox2 .list-2 li:hover .more:after{ background-position: 0 0 ;}
.NewsListBox2 .list-2 li:hover{box-shadow: 0 0 10px #ddd;box-shadow:4px 4px 10px #ccc; transform:translateY(-5px);}
.NewsListBox2 .list-2 li:hover h4{ color:#009fe8}
.NewsListBox2 .list-3{border-top:1px #ddd solid;border-left:1px #ddd solid;}
.NewsListBox2 .list-3 li{float:left;width:33.3%;padding:50px 50px 20px 50px;border-right:1px #ddd solid;border-bottom:1px #ddd solid;}
.NewsListBox2 .list-3 li:after{ left:0;bottom:0; width:100%;height:7px; transition:transform .5s;transform: scale(0,1);transform-origin:right;background: #009fe8;}
.NewsListBox2 .list-3 li h4 a{color:#191919;font-size:20px; font-weight: bold;}
.NewsListBox2 .list-3 li .label{margin:18px 0; display: block; color:#8f8f8f;font-size:12px;padding:5px 0 5px 25px; background: url(../images/label-ico.png) no-repeat left;}
.NewsListBox2 .list-3 li .label a{color:#8f8f8f;font-size:12px;}
.NewsListBox2 .list-3 li .label a:hover{color:#009fe8}
.NewsListBox2 .list-3 li p{color:#464646;font-size:14px;-webkit-line-clamp: 2;}
.NewsListBox2 .list-3 li .time{ display: block; color:#ababab;font-size:14px;margin-top:50px;}
.NewsListBox2 .list-3 li .time:after{float:right; width:22px;height:7px;margin:10px 0 0 10px; background: url(../images/line04.png) no-repeat center;}
.NewsListBox2 .list-3 li:hover h4 a{color:#009fe8}
.NewsListBox2 .list-3 li:hover:after{transform: scale(1);transform-origin:left;}


/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:50px 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}


/*==产品列表↓==*/
.ProductListBox{}
.ProductListBox .top{padding:60px 60px 60px 100px;margin-bottom:40px; overflow: hidden; background: #ededed url(../images/bg02.jpg) no-repeat center;}
.ProductListBox .top .left{float:left;width: 50%;}
.ProductListBox .top h3{color:#191919;font-size:40px;margin-top: 50px;}
.ProductListBox .top h3 font{color:#999;font-size:14px; display: block}
.ProductListBox .top hr{float: left;margin:15px 0 0 0;width:15px;height:1px;border:none; background:#009fe8 ;display: block;}
.ProductListBox .top p{color:#666;font-size:14px;margin-top:50px;-webkit-line-clamp: 3;}
.ProductListBox .top .pic{float:right;width:30%;}


/*==产品列表↓==*/
.list-product{width:101.5%; margin-left:-1.5%;}
.list-product li{ float:left;width:23.5%;margin:0 0 2% 1.5%; }
.list-product li a{ display: block;/*! margin: 0 10px 20px 10px; */background: #fff;/*! padding-bottom: 20px; */}
.list-product li .pic{ border:1px #ddd solid;}
.list-product li h4{color:#333333;font-size:14px;margin: 18px 0 0 0;}
.list-product li em{ display: block;margin-top:15px; width:8px;height:5px; background:url(../images/line03.png) no-repeat -8px 0px;}
.list-product li:hover h4{ color:#009fe8}
.list-product li:hover em{ background-position:0 0;}


/*==产品详情↓==*/
.ProductShow{margin: 0 0 70px 0;}
.ProductShow .lefter{width:72%;}
.ProductShow .sTopLeft{width:54%;}
.ProductShow .sTopLeft img{ display:block;max-width:100%; border:solid 1px #CCC;}
.ProductShow .sTopRight{width:42%;/*! padding-left:50px; */}
.ProductShow .sTopRight h2{color:#191919;font-size:26px; border-bottom:1px #ddd solid;padding-bottom:25px;margin-bottom: 25px;}
.ProductShow .sTopRight .txt{color:#666666;font-size:14px; display: block;margin-bottom:30px;overflow: hidden;}
.ProductShow .sTopRight .txt b{ display: block;color:#191919;font-size:16px;margin-bottom:12px;}
.ProductShow .sTopRight .txt font{display: inline-block; width:50%;float: left;}
/*.ProductShow .sTopRight .tel{padding:20px 0 20px 30px;; color:#191919;font-size:22px;font-weight:bold;display: block; border-top:1px #ddd solid; border-bottom:1px #ddd solid; background: url(../images/kefu-ico.png) no-repeat left;}
.ProductShow .sTopRight .testing{margin-top:60px;}
.ProductShow .sTopRight .testing img{max-width:100%;}*/
.ProductShow .sTopRight .contact{color:#444;font-size:16px; display: block;line-height:30px;overflow: hidden;border-top:1px #ddd solid;padding-top:25px;margin-top: 25px;}
.ProductShow .sTopRight .ewm{margin-top:40px}
.ProductShow .sTopRight .ewm span{float:left; display:block; width:35%;margin-right:10%;color:#191919;font-size:14px; text-align:center}
.ProductShow .sTopRight .ewm span img{ display:block;max-width:100%;margin-bottom:8px;}
.ProductShow .detail{margin-top:80px}
.ProductShow .detail .title{color:#666666;font-size:20px;padding-bottom:20px;margin-bottom:10px;border-bottom: 1px #ccc solid;}
.ProductShow .detail .wor{margin-top:40px;}
.ProductShow .pagIng-2{border:1px #aaa solid;overflow: hidden;margin-top: 60px;display: table;width: 100%;}
.ProductShow .pagIng-2 span{ display: inline-block;color:#888888;font-size:14px;}
.ProductShow .pagIng-2 .block{float:none !important; padding:20px 15px;display: table-cell;vertical-align: middle;}
.ProductShow .pagIng-2 span a{color:#888888;font-size:14px;}
.ProductShow .pagIng-2 span a:hover{color:#009fe8}
.ProductShow .pagIng-2 .prev{float:left; }
.ProductShow .pagIng-2 .next{float:right; text-align: right}
.ProductShow .pagIng-2 .return{border-left:1px #aaa solid;border-right:1px #aaa solid;text-align: center;}
.ProductShow .pagIng-2 .return:hover{color:#fff;background: #009fe8}
.ProductShow .pagIng-2 .prev,.ProductShow .pagIng-2 .next{width:40%;}
.ProductShow .righter{width:22%;}
.ProductShow .righter .relevant{padding:40px 35px; background: #f2f2f2;}
.ProductShow .righter .relevant .title{color:#666666;font-size:16px; border-bottom:1px #ddd solid;padding-bottom:15px;margin-bottom:20px;}
.ProductShow .righter .relevant .list{}
.ProductShow .righter .relevant .list li{ position: relative; margin-bottom:20px; clear:both;overflow: hidden;}
.ProductShow .righter .relevant .list li .pic{ border:1px #eee solid;height:70px;text-align: center;margin-right:15px;float: left;width: 40%;}
.ProductShow .righter .relevant .list li .pic img{height:100%; max-width: 100%;margin: auto;display: block;}
.ProductShow .righter .relevant .list li h4{color:#191919;font-size:16px;-webkit-line-clamp: 1;margin-top: 10px;}
.ProductShow .righter .relevant .list li p{color:#666666;font-size:12px;margin-top:10px;-webkit-line-clamp: 1;}
.ProductShow .righter .relevant .list li:hover .pic{border:1px #009fe8 solid;}
.ProductShow .righter .relevant .list li:hover h4{color:#009fe8}
.ProductShow .righter .touch{margin-top:20px;padding:40px 35px; background: #f2f2f2;}
.ProductShow .righter .touch .tel{color:#191919;font-size:28px; display: block; padding:0 0 25px 30px; margin-bottom:25px; border-bottom:1px #ddd solid; background: url(../images/kefu-ico03.png) no-repeat 0 8px;}
.ProductShow .righter .touch .tel font{margin-left:5px;color:#666666;font-size:14px;}
.ProductShow .righter .touch p{}
.ProductShow .righter .touch p span{ display: block; margin-top:10px}
.ProductShow .righter .touch p span font{}


/*==关于↓==*/
.AboutBox{margin:0 0 30px 0}
.AboutBox .titleBx{margin:auto;margin-bottom:50px;display:table;/*display: table-caption;*/}
.AboutBox .introduce{ margin:0 0 80px 0}
.AboutBox .introduce .long{ display: table;}
.AboutBox .introduce .left{ position:relative;width:52%;padding-right:100px;}  
.AboutBox .introduce .left .title{color:#191919;font-size:30px;}
.AboutBox .introduce .left .wx{margin:20px 0;color:#666666;font-size:14px;line-height: 25px;}
.AboutBox .introduce .left,.AboutBox .introduce .right{float:none; height:400px;display: table-cell; vertical-align: top;}
.AboutBox .introduce .gd{ position: absolute; left:0;bottom:0;width:100%;color:#fff;font-size:24px;padding:20px 15px; background:#00a0e9}
.AboutBox .introduce .right{width:48%; vertical-align: bottom;}
.AboutBox .introduce .right img{width:100%;max-width:100%;height: 100%;object-fit: cover;}
.AboutBox .course{margin:0 0 80px 0;}
.AboutBox .course .swiper-container{width: 100%;height: 100%;}
.AboutBox .course .swiper-slide{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;}
.AboutBox .course .swiper-pagination-bullet{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color:#000;opacity: 1;background: rgba(0,0,0,0.2);}
.AboutBox .course .swiper-pagination-bullet-active{color:#fff;background: #007aff;}
.AboutBox .course .swiper-container{ position: relative;}
.AboutBox .course .swiper-container:before{ content: ""; position: absolute; left:0; top:104px; width:500%; height:1px; background:#ddd;/*! z-index: 2; */}
.AboutBox .course .swiper-slide{color:#666666;font-size:24px;padding:0 20px;text-align: center;display: block;background: none;cursor: pointer;}
.AboutBox .course .swiper-slide h4{ display:table;width: 100%;color:#333;font-size:24px;clear: both; line-height:100px;vertical-align: bottom;}
.AboutBox .course .swiper-slide .dot{ position: relative; display: block;  width:8px; height:8px; background: #999;margin: auto;clear: both;border-radius: 50%;/*! z-index: 1; */}
.AboutBox .course .swiper-slide .dot:before{ opacity: 0; content: ""; position: absolute; left:-3px;top:-3px; width:14px; height:14px; border:1px #009fe8 solid; border-radius: 50%;transition: all .4s ease-in-out;}
.AboutBox .course .swiper-slide p{height:60px;color:#666666;font-size:14px;-webkit-line-clamp: 5;margin: 20px 0;}
.AboutBox .course .swiper-slide:hover h4,.AboutBox .course .swiper-slide:hover p{color:#009fe8}
.AboutBox .course .swiper-slide:hover .dot{ background:#009fe8}
.AboutBox .course .swiper-slide:hover .dot:before{ opacity: 1;}
/*.AboutBox .course .swiper-slide-active{font-size:44px; color:#009fe8}
.AboutBox .course .swiper-slide-active .dot{ background:#009fe8}
.AboutBox .course .swiper-slide-active .dot:before{ opacity: 1;}*/
.AboutBox .course .swiper-button-prev,.AboutBox .course .swiper-button-next{ right:0px; width:35px; height:35px; text-align: center; background-color:#626262; border-radius: 50%; background-image:url(../images/arrow_05.png); background-position:center; background-repeat:no-repeat;background-size: auto;}
.AboutBox .course .swiper-button-prev:hover,.AboutBox .course .swiper-button-next:hover{ background-color:#009fe8}
.AboutBox .course .swiper-button-prev{left:0px; right:auto;transform:rotate(180deg);}
.AboutBox .course .swiper-button-disabled{opacity:1;background-color: #999;}
.AboutBox .framework{ padding:50px 0; margin:0 0 80px 0;background: #f4f4f4;}
.AboutBox .framework .box{ text-align: center;}
.AboutBox .framework .box img{max-width:100%;}
.AboutBox .culture{padding:0 100px;}
.AboutBox .culture .titleBx{text-align: left;margin:0 0 30px 0;}
.AboutBox .culture .left{width:40%}
.AboutBox .culture .left img{max-width:100%;}
.AboutBox .culture .right{width:50%;}
.AboutBox .culture .right span.block{ display: block; color:#3a3a3a;font-size:16px; padding:20px 0;border-bottom:1px #bbb dashed}
.AboutBox .culture .right span.block font{color:#ee7700;font-size:24px;margin-right:10px;}


/*==联系我们↓==*/
.contactBox{padding-bottom:0px}
.contactBox .info{overflow: hidden;}
.contactBox .info .container{}
.contactBox .info .long{ display: table; margin-top:50px; overflow: hidden; background: #f2f2f2;}
.contactBox .info .left,.contactBox .info .right{display: table-cell; vertical-align: top; overflow: hidden;}
.contactBox .info .left{width:50%;}
.contactBox .info .left #dituContent{min-height: 687px;max-height:100%;height:100%;}
.contactBox .info .right{width:50%;padding:50px 0 30px 80px;}
.contactBox .info .right .title{color:#1070ca;font-size:35px;}
.contactBox .info .right hr{ display:block; width:100px;height:1px; margin:20px 0 0 0; border:none; background: #cecece;}
.contactBox .info .right .block{display: block;padding-left:50px;margin:20px 0px;color:#363636;font-size:26px; /*! background: #e8e8e8; */ background-repeat:no-repeat ; background-position:0px 0px;}
.contactBox .info .right .block.tel{ margin-right:2%; background-image:url(../images/tel2-ico.png);}
.contactBox .info .right .block.mail{ background-image:url(../images/mail-ico.png); /*! background-position:75px 22px; */}
.contactBox .info .right .block.qq{ background-image:url(../images/qq-ico.png); }
.contactBox .info .right .wx{color:#333333;font-size:16px;margin-top: 20px;/*! overflow: hidden; */float: left;width: 100%;}
.contactBox .info .right .ewm{ margin-top:30px;float: left;width: 100%;}
.contactBox .info .right .ewm img{ display:block; padding:10px;border:1px #ddd solid;width: 100%;margin-bottom: 15px;background: #fff;}
.contactBox .info .right .ewm span{float:left;width:20%;color:#666666;font-size:14px;margin-right: 5%;text-align: center;}


/*==留言2↓==*/
/*
.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}
.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;}
.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}
.message .frame.x4{width:99%;}
.message .frame input,.message .frame textarea{padding-left:30px; border:none;display: inline;vertical-align: top;}
.message .frame textarea{height:100px; clear: both}
.message button.submit{float:left;width:50%; padding:20px 20px;font-size:14px; color:#fff; background: #009fe8;border: none;}
.message button.submit:hover{background:#f00}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}*/


/*==留言3↓==*/
.message{background: #ededed;padding: 50px 0 100px 0;margin: 70px 0 0 0;overflow: hidden;background: url(../images/bg05.jpg);}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:49%; margin:0 0.5% 1% 0.5%; background:#fff;box-shadow: 0 0 10px #ddd}
/*.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;}
.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}*/
.message .frame.x5{width:99%;}
.message .frame i{ position:absolute; top:30%; right:20px;color:red;font-style: normal;}
.message .frame input,.message .frame textarea{padding-left:5px; border:none;width: 98%;/*! float: left; */display: inline;vertical-align: top;/*! float: right; */ }
.message .frame textarea{/*! width:100%; */height:100px; clear: both}
.message button{float:left;width:30%; padding:20px 20px;font-size:14px; color:#fff; background: #cd8f58;border: none;box-shadow: 0 0 10px #ddd}
.message button:hover{background:#009fe8}
.message .submit{ background: #78a2b5;}
.message .reset{margin-left:20px; background: #a5afb8;}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}


/*==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 #009fe8 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%;}


/*==荣誉资质↓==*/
.list-honor2{margin:0 0 20px 0; overflow: hidden;}
.list-honor2 h2.title{float:left;width:100%;color:#666;font-size:20px;margin:0 0 20px 0; padding:0 0 15px 0;border-bottom: 1px #ddd solid;}
.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;}
.list-honor2 li a{ display: block}
.list-honor2 li .imgBoxB{/*! width:100%; */ text-align: center; border:1px #ddd solid;margin: auto;height: 250px;}
.list-honor2 li .auto{ margin:auto; display: table}
.list-honor2 li .imgBox{height:250px;width:100%;/*! border:1px #ddd solid; */vertical-align: middle;display: table-cell;text-align: center;}
.list-honor2 li .imgBox img{ width:auto;max-width:100%;margin: auto;max-height: 250px;display: block;vertical-align: middle;}
.list-honor2 li .imgPD{border: 1px #ddd solid;}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}
.list-honor2 li:hover h4{color:#c31019;}


/*==底部===*/
.footer{padding: 60px 0 0 0;background: #1a1a1a;overflow: hidden; background:#000 url(../images/footer-bg.jpg) no-repeat center; background-size:cover ;}
.footer .left{width:60%;}
.footer .nav{position:relative;display: table;}
.footer .nav li{/*! display: table-cell; */padding-right: 40px;margin-right:40px;float: left;border-right:1px #999 dotted;}
.footer .nav li:last-child{border:none}
.footer .nav li a{ display: block;color:#fff; line-height:20px;font-size:14px;/*! padding:3px 0; */}
.footer .nav li a:hover{color:#009fe8}
.footer .left .bx{float: left;width: 100%;margin-top: 50px;}
.footer .left .bx .logo{ float:left}
.footer .left .bx .txt{font-size:12px;color:#999999;margin-left:50px;display: inline-block;line-height: 24px;}
.footer .right{/*! width:40%; */}
.footer .right .bx{float:left;color:#999999;font-size:12px;}
.footer .right .bx .tel{color:#fff;font-size:22px;padding-left:25px;background: url(../images/kefu-ico02.png) no-repeat left;display: block;float: right;margin-bottom: 10px;}
.footer .right .bx .position{/*! float:right; */display: block;text-align: right;margin: 10px 0 20px 0;clear: both;}
.footer .right .ewm{float:right;padding:10px;margin-left:80px;color:#2c2c2c; text-align:center;font-size:12px; background: #fff;}
.footer .right .ewm img{max-width:100%;margin-bottom:5px;width: 120px;display: block;}
.footer .right .bx a{color:#999999;font-size:12px;}
.footer .right .bx a:hover{color:#fff}
.footer .link{padding:20px 0; background: #252525;overflow: hidden;margin-top: 60px;}
.footer .link h3{color:#666666;font-size:12px;float: left;}
.footer .link a{color:#666666;font-size:12px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}
.footer .link a:hover{color:#fff}