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


/*==顶部↓==*/
.head-top{padding:20px 0 30px 0;}
.head-top .logo{}
.head-top .logowx{margin:12px 0 0 20px;color:#333333;font-size:15px;display: inline-block;}
.head-top .logowx font{ display:block;color:#075498;font-size:20px;font-weight: bold;}
.head-top .ewm{display:block;margin-right:40px;}
.head-top .ewm img{display:block;height:80px}
.head-top .right{}
.head-top .right .search{float: left;margin: 8px 15px 0 0;padding-right: 15px;border-right: 1px #aaa dashed;}
.head-top .right .search em{ display: block; width:20px; height:20px; background:url(../images/search_ico.png) no-repeat center;}
.head-top .right .search .effect-lower-block{transform-origin: 95% 0%;top: 30px;width: 300px;}
.head-top .right .search .box{ background:#f5f5f5}
.head-top .right .search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}
.head-top .right .search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff; cursor: pointer;}
.head-top .right .search button:hover{ background:#0057a4}
.head-top .right .tel{color:#232323;font-size:26px;float: left;padding-left:25px;background: url(../images/tel_ico.png) no-repeat 0px 10px;}
.head-top .right .tel font{display: block; color:#065693;font-size:28px;}
.head-top .waptel{display:none;float:right;margin:  15px 22px 0 0;color:#666;font-size:18px;font-weight: bold;}
.head-nav{background:#0057a4}
.head-nav .nav{/*! display: table; *//*! width: 100%; *//*! display: block; */}
.head-nav .nav li{float:left;width:11.1%;/*! display: table-cell; */}
.head-nav .nav li a.navAone{ display: block;color:#fff;font-size:16px;line-height:55px; text-align: center; border-right: 1px #386d9b dashed;}
.head-nav .nav li:last-child a.navAone{border:none}
.head-nav .nav li:hover a.navAone,.head-nav .nav li.active a.navAone{ background: #02b29d;}
.head-nav .nav .sub img{display: inline-block;/* width: 500px; *//* height: 200px; *//* background: #0092D8; */border: 1px #ddd solid;padding: 10px;}
.head-nav .nav .sub .right{width: 40%;/* padding: 30px 0; */display: inline-block;vertical-align: top;padding: 20px 0 0 10px;}
.head-nav .nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);line-height:26px;padding: 40px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.head-nav .nav .sub li{ zoom:1; }
.head-nav .nav .sub .right a.navAtwo{position:relative;float: left;display: inline-block;border-radius:0px;color: #5e5e5e;font-size: 16px;padding: 0px 50px 0 10px;margin: 0 15px 20px 15px;/* border-bottom: 1px #D2D2D2 solid; */-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;/* background: url(../images/arrow_02.png) no-repeat left; */}
.head-nav .nav .sub .right a.navAtwo:hover{color:#0057a4}
.head-nav .nav .sub .right a.navAtwo:before{content: "";display: block;position: absolute;top: 12px;left: 0px;width: 5px;height:5px;background:#0057a4;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}


/*==客服按钮↓==*/
.onlineKefu{ color:#fff;font-size: 14px;padding:10px 50px 10px 30px;/*! margin:20px 0 0 20px; */ background-color: #0057a4; background-image:url(../images/online-ico.png); background-repeat:no-repeat; background-position:90px 12px;}
.onlineKefu:hover{ background-color: #02b29d}



/*==次级导航↓==*/
.menu{width:100%; margin:20px 0 10px 0}
.menu ul{ text-align: center; display: table; /*! background:#f2f3f4; *//*! width: 100%; */margin: auto;border-left: 1px #ddd solid;border-top: 1px #ddd solid;}
.menu li{ display:inline-block; border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;float: left;}
.menu li a{ display: block;margin:0 0px;color:#191919;font-size:16px; /*! border-left:1px #ddd solid; */padding: 16px 50px;}
.menu li:hover a,.menu li .active{ color:#fff;  background:#0057a4}


/*==面包屑↓==*/
.site{margin:30px 0 50px 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:#0057a4}


/*==标题↓==*/
.titleAx{margin:20px 0; color:#191919;font-size:44px;text-align: center;}
.titleAx font{margin-right:5px;color:#0057a4;font-size:44px;font-weight: bold;}
.titleAx hr{margin:-5px auto 10px; display:block; width:50%; height:1px;border:none; background: #ddd;}
.titleAx em{ display: block;border-left:30px #0057a4 solid;border-right:30px #10c788 solid;width: 1px;height: 3px;margin: 5px auto;}
.titleAx p{color:#333333;font-size:16px; display: block;}
.titleAx-white,.titleAx-white font{color:#fff}

.titleBx.pgTit{margin:35px 0 50px 0}
.titleBx{margin:20px 0; color:#191919;font-size:36px;text-align: center;}
.titleBx span{ display: table;color:#343434;font-size:14px;margin-top: 5px;margin: 5px auto 0;text-transform:Capitalize;}
.titleBx span em{ display: block; width:10px;height:10px; border-radius: 50%; background: #0057a4;margin: 5px 0 0 5px;float: right;}


/*==首页产品↓==*/
.ProductHome{margin: 50px 0 80px 0;}
.ProductHome .titleAx{ margin-bottom: 40px;}
.ProductHome .left,.lefter{width:25%;/*! margin: 80px 0; */}
.ProductHome .right,.righter{width:72%;}


/*==左侧↓==*/
.leftNav{border:10px #0057a4 solid}
.leftNav .titTop{ padding:15px 20px 20px 10px;color:#fff; font-size:25px; background: #0057a4;text-align: center;}
.leftNav .box{padding:20px 30px 10px 30px;}
.leftNav .box h3{ position:relative;color:#0057a4;font-size:22px;padding-bottom:12px;margin-bottom: 10px;font-weight: bold;}
.leftNav .box h3:before{content: ""; position: absolute; left:0;bottom:0; width:20px; height:1px; background: #0057a4;} 
.leftNav .box li{clear: both;}
.leftNav .box li a{ display: block; color:#434343;font-size:15px; padding:12px 0 12px 20px; border-bottom:1px #ddd solid; background: url(../images/arrow_04.png) no-repeat left;}
.leftNav .box li:hover a,.leftNav .box li.active a{color:#0057a4}
.leftNav .tel{padding:25px 20px 15px 20px;margin-top:20px;color:#fff;font-size:25px; text-align: center; background: #0057a4;}
.leftNav .tel span{position:relative; display: block;}
.leftNav .tel span:after{content: ""; display: block;margin: 10px auto 10px; width:50px; height:1px; background: #4178bc;} 
.leftNav.phone{}
.leftNav.phone span{ display: block; color:#666;font-size:16px;margin: 15px 0 0 0;}
.leftNav.phone span font{ display: block; font-size:25px;color: #0057a4;}


/*==首页合作伙伴↓==*/
.WorkHome{padding:100px 0 20px 0;}
.WorkHome .swiperLong{ position: relative;padding:0 60px;}
.WorkHome .swiper-container{margin-top:40px; text-align:center}
.WorkHome .swiper-slide{}
.WorkHome .swiper-slide .pic{border:1px #ddd solid}
.WorkHome .swiper-slide h4{color:#666;font-size:16px;margin:15px 0 0 0;}
.WorkHome .swiper-slide img{max-width:100%;}
.WorkHome .btn{width:40px; height:45px;line-height:40px; text-align:center; display: inline-block;color: #fff;font-size: 25px;background:#666;}
.WorkHome .btn:hover{background:#0057a4;}
.WorkHome .swiper-button-prev{left:0px;}
.WorkHome .swiper-button-next{left:auto;right:0px;}
.WorkHome .swiper-slide:hover .pic{border:1px #0057a4 solid}
.WorkHome .swiper-slide:hover h4{color:#0057a4}
.WorkHome.pg{padding:0px 0 50px 0;margin-bottom:40px; border-bottom:1px #ddd solid}
.WorkHome.pg .swiper-container{margin-top:0px;}
.WorkHome.pg .titleAx{display:none}


/*==产品列表↓==*/
.ProductHome .right .list{}
.list-product .top{ background: #f4f4f4;clear: both;float: left;width: 100%;margin-bottom: 20px;padding-right: 30px;}
.list-product .top a{ margin: 0px;}
.list-product .top .pic{width:50%;margin-right:30px;}
.list-product .top h4{margin-top:30px;}
.list-product .top h4 a{color:#3a3a3a;font-size:28px;}
.list-product .top hr{margin:15px 0;width:50px;height:1px;background: #c3c3c3;border: none;}
.list-product .top p{color:#494949;font-size:14px;margin: 20px 0 50px 0;}
.list-product .top .btn{width:18%; display:inline-block;text-align:center;color:#fff;font-size:14px;padding:10px 10px; margin-right:10px; border-radius: 20px;}
.list-product .top .details{ background: #0071bf;}
.list-product .top .online{ background: #04b29f;}
.list-product .top .btn:hover{ background: #0057a4;}
.list-product .top:hover h4 a{color:#0057a4}
.list-product .two{float:left; width:33.3%; }
.list-product .two .pic{border:1px #ddd solid}
/*.ProductHome .right .list-product li.two img{height:206px}*/
/*.list-product li.two img{height:206px}*/
.list-product .two a{ display: block; margin:0 20px 20px 0 }
.list-product .two h4{ text-align: center;color:#494949;margin-top:10px; font-size:16px;}
.list-product .two span{ display: block; text-align: center;color:#666;margin-top:5px; font-size:14px;}
.list-product .two:hover h4{color:#0057a4}


/*==产品主页↓==*/
.list-product-index{}
.list-product-index li{float:left; width:50%}
.list-product-index li a{display:block;border:1px #ddd solid;overflow: hidden;margin: 0 10px 25px 15px;padding-right: 30px;}
.list-product-index li .pic{float:left; width:50%; margin-right:30px;}
.list-product-index li h4{color:#333;font-size:20px;margin-top: 20px;}
.list-product-index li p{ margin:20px 0 0 0;color:#666;font-size:14px;}
.list-product-index li:hover h4{color:#0057a4}
.list-product-index li:hover a{border:1px #0057a4 solid}


/*==产品主页↓==*/
.ProductIndexList{padding: 0 0 100px 0;}
.ProductIndexList .list li{margin:0 0 50px 0;clear: both;overflow: hidden;border-bottom: 1px #ddd solid;padding-bottom: 50px;}
.ProductIndexList .list li .pic{float:left;width:45%;}
.ProductIndexList .list li .box{float:right;width:51%;padding:20px 0 0 0;}
.ProductIndexList .list li .box h4{ border-left:2px #0057a4 solid;font-size:30px;padding-left:15px;color:#282828}
.ProductIndexList .list li .box h4 font{ display:block;font-size:12px;color:#282828}
.ProductIndexList .list li .txt{ margin:50px 0 0 0;color:#555555;font-size:14px;}
.ProductIndexList .list li.two .pic{ float:right;}
.ProductIndexList .list li.two .box{ float:left;}


.inproBox{margin:0 0 50px 0;clear: both;overflow: hidden;border-bottom: 1px #ddd solid;padding-bottom: 50px;}
.inproBox .pic{float:left;width:100%;}
.inproBox .pic img{width:100%;}
.inproBox .box{float:right;width:100%;padding:30px 0 0 0;}
.inproBox .box h4{ border-left:2px #0057a4 solid;font-size:25px;padding-left:15px;color:#282828}
.inproBox .box h4 font{ display:block;font-size:12px;color:#282828}
.inproBox .txt{ margin:30px 0 0 0;color:#555555;font-size:14px;line-height:25px;}


/*====*/
.lefter{margin-bottom:100px;}
.lefter .leftNav{width:100%;clear: both;margin-bottom: 40px;padding-bottom:20px;}
.righter{width:72%;}
.righter .titTop{color:#666;font-size:20px; border-bottom:1px #ddd solid; padding: 0 0 10px 0;margin-bottom:20px;}


/*==产品详情↓==*/
.ProductShow{margin: 0 0 70px 0;}
.ProductShow .sTopLeft{width:45%;}
.ProductShow .sTopRight{width:50%;/*! padding-left:50px; */}
.ProductShow .sTopRight h2{color:#0057a4;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/tel3_ico.png) no-repeat left;float: left;}
.ProductShow .sTopRight .tel font{ font-size:28px; color:#0057a4;display: block;}
.ProductShow .sTopRight .online{margin:5px 0 0 70px;padding:10px 40px 10px 70px; color:#fff;font-size:14px;background:#0057a4 url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}
.ProductShow .sTopRight .online:hover{background:#02b29d 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 #0057a4 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:#0057a4;background: #fff;}
.ProductShow .tabBox .down{ margin-top:20px;}
.ProductShow .relevant{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:#0057a4}
.ProductShow .relevant .list{}
.ProductShow .relevant .list a{ display: block;background: #fff;border: 1px #ddd solid;padding: 0 0 0px 0;}
.ProductShow .relevant .list li h4{color:#333333;font-size:14px;text-align: center;margin: 15px 0 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 span{display: block;color:#666;font-size:14px;text-align: center;}
.ProductShow .relevant .list li:hover h4{ color:#0057a4}
.ProductShow .relevant .list li:hover em{ color:#0057a4;border:1px #0057a4 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:#0057a4}
.ProductShow .relevant .list li:hover h4{color:#0057a4}


/*==首页选择理由↓==*/
.ReasonHome{padding:40px 0 80px 0; background: url(../images/reason_bg.jpg) no-repeat center;}
.ReasonHome .list{margin-top: 50px;}
.ReasonHome .list li{float:left; width:20%; text-align: center; /*! background:#fff; */}
.ReasonHome .list li a{ display: block;margin:0 10px;padding:20px; box-shadow:0 0 10px #ddd; border-radius: 10px;;background: #fff;}
.ReasonHome .list li em{ display: block;margin:auto; width:95px;height:80px; background-repeat:no-repeat; background-position:0 6px; /*! background-color:#eee */ transition: all .4s ease-in-out;}
.ReasonHome .list li h3{margin:10px 0 10px 0;color:#666;font-size:18px; font-weight:bold;}
.ReasonHome .list li span{display:block;color:#999;font-size:14px;}
.ReasonHome .list li:hover em{}
.ReasonHome .list li:hover a{ background: #0057a4;}
.ReasonHome .list li:hover h3,.ReasonHome .list li:hover span{color:#fff }
.ReasonHome .list li:hover em{  background-position:0 -74px;  }
.ReasonHome .list li.x1 em{ background-image: url(../images/reason_ico01.png);}
.ReasonHome .list li.x2 em{ background-image: url(../images/reason_ico02.png);}
.ReasonHome .list li.x3 em{ background-image: url(../images/reason_ico03.png);}
.ReasonHome .list li.x4 em{ background-image: url(../images/reason_ico04.png);}
.ReasonHome .list li.x5 em{ background-image: url(../images/reason_ico05.png);}




/*==首页优势↓==*/
.AdvantageHome{padding: 50px 0 80px 0;}
.AdvantageHome .titleAx{margin-bottom:50px}
.AdvantageHome .long{clear: both; }
.AdvantageHome .long .pic{float:left;width:50%}
.AdvantageHome .long .pic img{max-width:100%}
.AdvantageHome .long .box{float:right;padding-top:50px;width: 50%;text-align: right;}
.AdvantageHome .long .box h3{color:#0057a4;font-size:36px;font-weight: bold;}
.AdvantageHome .long .box h3 font{font-size:60px}
.AdvantageHome .long .box span{ display: block;color:#3a3a3a;font-size:30px;font-weight: bold;}
.AdvantageHome .long .box span font{ display: block;color:#8a8a8a;font-size:16px;font-weight: 400;}
.AdvantageHome .long .box span hr{width:100px; height:1px; background: #0057a4;margin: 15px 0 5px 0;}
.AdvantageHome .long .box p{color:#383838;font-size:16px;width:80%;margin-top: 15px;}
.AdvantageHome .long .box span hr,.AdvantageHome .long .box p{float: right;clear: both;border: none;}
.AdvantageHome .long.two .pic{float:right}
.AdvantageHome .long.two .box{float:left;text-align: left}
.AdvantageHome .long.two .box span hr,.AdvantageHome .long.two .box p{float: left;clear: both;border: none;}


/*==首页客服↓==*/
.longonline{ background: url(../images/longonline_bg.jpg) no-repeat top;padding: 50px 0;}
.longonline p{float:left; color:#fff;font-size:35px;}
.longonline p font{ display: block;font-weight:bold;}
.longonline a{float:right;margin:70px 20px 0 0; display:block;font-weight:bold;padding:13px 60px 12px 25px; font-size:18px;color:#fff; background-color:#02b29d; background-image: url(../images/online_ico02.png); background-repeat:no-repeat; background-position:110px 8px  }
.longonline a:hover{background-color: #02b29d}
.longonline .tel{float:right;/*! padding:30px; */color:#fff;font-size:32px; text-align: center; }
.longonline .tel span{position:relative; display: block;font-size: 18px;}
.longonline .tel span:after{content: ""; display: block;margin: 10px auto 10px; width:50px; height:1px; background: #6c8fbb;} 


/*==首页净化设备↓==*/
.AquipHome{overflow: hidden;margin: 50px 0 80px 0;}
.AquipHome .tone{ position: relative; text-align: center;text-align: center;margin: 40px 0 0 0; /*! overflow: hidden; */}
.AquipHome .tone:before{ position:absolute;content: "";position: absolute; bottom:0;left:-100%; width:300%;height:3px; background: #ddd;}
.AquipHome .tone li{ position:relative;/*! float:left; */ margin:0 20px;padding-bottom:20px;color:#313131;font-size:16px;display: inline-block;cursor: pointer;font-weight: bold;}
.AquipHome .tone li:before{content: ""; position:absolute; left:0; bottom:0px; width:0%; height:3px; background: #0057a4;transition: all .4s ease-in-out;}
.AquipHome .tone li.active{color:#0057a4}
.AquipHome .tone li.active:before{width:100%;}
.AquipHome .down{margin-top:40px;}
.AquipHome .list{}
.AquipHome .list li{float:left; width:25%;}
.AquipHome .list li a{display: block; margin:0 10px;}
.AquipHome .list li .pic{border:1px #ddd solid}
.AquipHome .list li h4{margin-top:10px;color:#434343;font-size:16px; text-align: center;}
.AquipHome .list li:hover h4{color:#0057a4}
.AquipHome .list li:hover .pic{border:1px #0057a4 solid;}


/*==首页关于↓==*/
.AboutHome{padding:50px 0 80px 0; background: #f4f4f4;}
.AboutHome .title{margin:0 0 20px 0;clear: both;overflow: hidden;}
.AboutHome .title h2{ float:left;color:#000000;font-size:44px;}
.AboutHome .title h2 font{color:#0057a4;font-weight: bold;}
.AboutHome .title h2 span{ display:block; margin:5px 0 10px 0;color:#0057a4;font-size:25px;font-weight: bold;}
.AboutHome .title h2 hr{width:80px; height:2px; background: #0057a4;;margin: 0px 0 0px 0;border: none;}
.AboutHome .title a{float:right; padding-left:35px;margin-left:20px;display: block;color:#373737;line-height: 35px;font-weight: bold;transition: all .4s ease-in-out;}
.AboutHome .title a:hover{color:#0057a4}
.AboutHome .title a.x1{ background: url(../images/ico001.png) no-repeat left;}
.AboutHome .title a.x2{ background: url(../images/ico002.png) no-repeat left;}
.AboutHome .title a.x3{ background: url(../images/ico003.png) no-repeat left;}
.AboutHome .wx{margin:25px 0 10px 0;color:#666666;font-size:15px;clear: both;}
.AboutHome .pic{margin-top:20px;max-width: 100%;}


/*==首页新闻↓==*/
.NewsHome{padding:50px 0 100px 0;}
.NewsHome .title{overflow: hidden;}
.NewsHome .title h3{color:#191919;font-size:44px;float: left;}
.NewsHome .title h3 font{color:#0057a4;font-weight:bold;}
.NewsHome .title ul{float:right;margin: 20px 0 0 0;}
.NewsHome .title ul li{float:left;margin-left:50px;color:#333333;font-size:20px;cursor: pointer;}
.NewsHome .title ul li.active{color:#0057a4}
.NewsHome .down{margin-top:30px;}
.NewsHome .list{}
.NewsHome .list li{float:left;width:25%;}
.NewsHome .list li a{ position: relative; display: block; /*margin:0 15px;*/padding-bottom:30px; border-bottom: 1px #ddd solid; }
/*.NewsHome .list li a:before{ position: absolute; left:0;bottom:0; width:0%; height:1px; background: #ddd;}*/
.NewsHome .list li h4{margin-top:15px;color:#191919;font-size:16px;font-weight: bold;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.NewsHome .list li p{margin:15px 0 25px 0;color:#4c4c4c;font-size:12px;}
.NewsHome .list li span{ display: inline-block;color:#999999;font-size:12px;position: relative;}
.NewsHome .list li span:before{ position: absolute; right:-40px;top:2px; color:#999;border: 1px #ddd solid;/*! padding: 5px; */border-radius: 50%;width: 15px;line-height: 13px;text-align: center;font-size: 12px;color:#ddd;transition: all .4s ease-in-out;}
.NewsHome .list li:hover h4{color:#0057a4}
.NewsHome .list li:hover a{border-bottom:1px #0057a4 solid}
.NewsHome .list li:hover span:before{border:1px #0057a4 solid;color:#0057a4}
.NewsHome  .swiper-button-next{ position: initial; background:none; width: auto;height:auto;margin: auto;margin-top: 40px;color: #999;font-size: 14px;opacity: 1;display: table;}
.NewsHome  .swiper-button-next:before{ width:25px;line-height: 24px;height:25px; text-align: center;border:1px #999 solid; border-radius: 50%; color:#999; margin-right:10px;transition: all .4s ease-in-out;}
.NewsHome  .swiper-button-next:hover{color:#0057a4;}
.NewsHome  .swiper-button-next:hover:before{border:1px #0057a4 solid;color:#0057a4;transform:rotate(180deg);}


/*==新闻列表↓==*/
.NewsListBox{}
.NewsListBox .list{}
.NewsListBox .list li{float:left;width:25%;}
.NewsListBox .list li a{display: block; margin:0 0 30px 20px; }
.NewsListBox .list li .title{color:#191919;font-size:18px;}
.NewsListBox .list li:hover .title{color:#02b29d}
.NewsListBox .list li .txt{color:#666666;font-size:12px;line-height: 23px;}
.NewsListBox .list li .more{position:relative;margin:20px 0 0 0px;color:#666666;font-size:12px;transition: all .4s ease-in-out;display: table;}
.NewsListBox .list li:hover .more{ color:#02b29d}
.NewsListBox .list li .more:before{ position: absolute; top:8px; right:-15px; content: ""; width:10px;height:5px; background: url(../images/line06.png) no-repeat 0px 0px;transition: all .4s ease-in-out;}
.NewsListBox .list li:hover .more:before{ background-position:-11px 0px;}
.NewsListBox .list .line{ margin:30px 0 50px 0; width:100%; height:1px; border:none; background: #ddd;clear: both;float: left;}
.NewsListBox .list li.top{width:50%; }
.NewsListBox .list li.top a{ background: #eaeaea;/*! float: left; */overflow: hidden;padding-right: 30px;}
.NewsListBox .list li.top .pic{float:left;width:50%; margin-right:30px;}
.NewsListBox .list li.top .title{margin:30px 0 30px 0;}
.NewsListBox .list li.block{}
.NewsListBox .list li.block a{margin-bottom:50px}
.NewsListBox .list li.block .title{margin:25px 0}


/*==新闻详细页↓==*/
.newsDetail{float:left;width:100%;}
.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#9a6834;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont embed{width:70%; height:500px; margin:auto;display: block;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border-top:1px solid #dadada;padding:30px 15px;overflow:hidden;}
.pagIng .fl{/*! width:100%; */height:60px;padding-right:30px;/*! border-right:1px solid #dadada; */}
.pagIng .fl a:hover{color:#0057a4}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#0057a4;}
.pagIng .fr:hover{background:#000;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}


/*==关于↓==*/
.AboutBox{margin:0 0 30px 0}
.AboutBox .titleAx{ margin:20px 0 40px 0;}
.AboutBox .AboutHome{ border-bottom:1px #ddd solid} 
.AboutBox .AboutHome .left .title{font-size:26px;}
.AboutBox .information{padding:45px 0 80px 0;/*! border-bottom:1px #ddd solid */}
.AboutBox .information .titleAx{ margin-bottom:50px;}
.AboutBox .information .left{float:left; width:50%;}
.AboutBox .information .left .title{font-size:26px;color:#191919}
.AboutBox .information .left .wx{font-size:14px;color:#4d4d4d;line-height:25px;margin-top: 20px;}
.AboutBox .information .right{ float:right; width:48%;}
.AboutBox .information .right img{width:100%;}
.AboutBox .honor{padding:60px 0 60px 0;background: url(../images/bg01.jpg);}
.AboutBox .honor .swiper-container-square1{margin-top:0px;float: left;width: 100%;}
.AboutBox .honor .swiper-container-square1 .pic{ padding: 0px;border: none;}
.AboutBox .honor .swiper-container-square1 a{ border:1px #ddd solid; background: #fff;display: block;padding: 20px 35px;}
.AboutBox .honor .swiper-pagination{position: initial;margin: 40px 0 0 0;}
.AboutBox .honor .swiper-pagination span{background: #999999;opacity: 1;position: relative; margin:0 8px;}
.AboutBox .honor .swiper-pagination span:before{ opacity: 0; position: absolute;left:-3px;top:-3px; width:14px; height:14px; content: ""; border:1px #999 solid; border-radius: 50%; }
.AboutBox .honor .swiper-pagination span.swiper-pagination-bullet-active{ background: #0057a4;}
.AboutBox .honor .swiper-pagination span.swiper-pagination-bullet-active:before{ opacity: 1; border: 1px #0057a4 solid;}
.AboutBox .culture{padding:50px 0 80px 0;background: #f9f9f9;}
.AboutBox .culture .long{}
.AboutBox .culture .left{width:50%; text-align:center}
.AboutBox .culture .left img{max-width:100%}
.AboutBox .culture .right{width:50%;padding:30px 0 0 50px;color:#4d4d4d;font-size:14px; line-height:25px}
.AboutBox .culture .box{float:left;width:48%;margin-top:10px;color:#4d4d4d;font-size:14px; line-height:25px}
.AboutBox .culture .box:last-child{margin-left:4%;}
.AboutBox .album{padding: 50px 0 100px 0;border-top: 1px #ddd solid;}
.AboutBox .album .focusAlbum{position: relative;width: 49.8%;}
.AboutBox .album .focusAlbum .list{}
.AboutBox .album .focusAlbum .list li{float:left; width:100%;position: relative;}
.AboutBox .album .focusAlbum .list li img{ max-width:100%}
.AboutBox .album .focusAlbum .list h4{ position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:14px; padding:20px 30px; background: rgba(0,0,0,0.5);}
.AboutBox .album .focusAlbum .spot{ position: absolute; right:20px;bottom:20px;z-index: 9;}
.AboutBox .album .focusAlbum .spot li{background: #999999;opacity: 1;position: relative; margin:0 8px;display: inline-block;font-size: 0px;width: 8px;height: 8px;border-radius: 50%;}
.AboutBox .album .focusAlbum .spot li:before{ opacity: 0; position: absolute;left:-3px;top:-3px; width:14px; height:14px; content: ""; border:1px #999 solid; border-radius: 50%; }
.AboutBox .album .focusAlbum .spot li.on{ background: #0057a4}
.AboutBox .album .focusAlbum .spot li.on:before{ opacity: 1; border: 1px #0057a4 solid}
.AboutBox .album .list-2{width: 50.2%;float: left;}
.AboutBox .album .list-2 li{float:left; width:50%;}
.AboutBox .album .list-2 li a{ position: relative; display: block; margin:0 0 10px 10px}
.AboutBox .album .list-2 h4{position:absolute;left:0;bottom:0;width:100%; color:#fff;font-size:14px; padding:10px 20px; background: rgba(0,0,0,0.5);}


/*==切换1↓==*/
.swiper-container-square1{overflow: hidden;position: relative;}
.swiper-container-square1 .list{}
.swiper-container-square1 .list li h4{margin-top:10px;color:#333333;font-size:12px;text-align: center;}
.swiper-container-square1 .list .pic{padding:20px; background: #fff;border: 1px #eee solid;}
.swiper-container-square1 .prev,.swiper-container-square1 .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}
.swiper-container-square1 .prev:hover,.swiper-container-square1 .next:hover{ background:#02b29d}
.swiper-container-square1 .list li:hover h4{color:#02b29d}



/*==联系我们↓==*/
.contactBox{}
/*.contactBox .mode .titleAx{ margin-bottom:40px;}*/
.contactBox .map{width:50%}
.contactBox .right{ position:relative;width:50%; padding:0 200px 0 50px;overflow: hidden;}
.contactBox .right h3.title{color:#191919;font-size:24px}
.contactBox .right h4.title{ margin:20px 0 30px 0;color:#999;font-size:20px ;}
.contactBox .right h4.title hr{margin:10px 0 0 0; border:none; width:15px; height:1px; background: #02b29d;}
.contactBox .right .tel{ float:left; font-size:12px; color:#666666; margin: 0 30px 20px 0; width: 100%;}
.contactBox .right .tel font{  display: block; font-size:26px; color:#0057a4}
.contactBox .right .tel font i{font-style:normal;color:#666;font-size:12px;margin-left:5px;}
.contactBox .right .tel3{}
.contactBox .right .add{ position: relative;/* border-top:1px #ccc solid;*/margin-top:30px; padding-top:30px;color:#494949;font-size:14px;/*! overflow: hidden; */float: left;width: 100%;}
.contactBox .right .add:before{ position: absolute; content:""; right:-100%;top:0; width:200%; height:1px; background:#ccc}
.contactBox .right .online{ position: absolute; right:0;top:10px;text-align: center;}
.contactBox .right .online .ewm{ display: block;margin:0 0 10px 0; border:1px #ddd solid;padding:2px;}
.contactBox .right .online .onlineKefu{box-shadow: 0 0 10px #0057a4;display: block;}

/*==留言2↓==*/
.message{background: #ededed;padding: 50px 0 100px 0;margin: 70px 0 0 0;overflow: hidden;background: url(../images/bg01.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:25%; padding:20px 20px;font-size:14px; color:#fff; background: #02b29d;border: none;box-shadow: 0 0 10px #ddd}
.message button:hover{background:#02b29d}
.message .submit{ background: #0057a4;}
.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 #0057a4 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: 70px 0 0 0;background: #222;overflow: hidden;}
.footer div a{ color:#999}
.footer div a:hover{ color:#fff}
.footer .nav h3{ color:#fff;font-size:16px;margin-bottom:20px;}
.footer .nav{position:relative;display: table;margin-bottom: 30px;width: 40%;}
.footer .nav li{display: table-cell;padding-right: 15px;/*! float: left; */}
.footer .nav li a{ display: block;color:#999999; line-height:20px;font-size:12px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .middle{color:#999999;font-size:12px; line-height: 20px;padding-left: 50px;}
.footer .middle a{color:#999999;font-size:12px;}
.footer .m-re{ display: none;}
.footer .telbox{ /*! width:20%; */ border-right: 1px #666 dotted;padding-right: 50px;}
.footer .telbox h4{position:relative;font-size:16px;color:#999;margin-bottom: 20px;}
/*.footer .telbox h4:before{ content: ""; position: absolute; left:-35px; top:14px; width:25px;height:1px; background: #02b29d;}*/
.footer .telbox span{display: block;color:#aaaaaa;font-size:12px; margin-bottom:10px;}
.footer .telbox span font{ display: block; color:#fff;font-size:20px;}
.footer .telbox span.x1 font{font-size:26px;} 
.footer .telbox span.x2 font{/*! font-size:20px; */}
.footer .ewm{color:#999;font-size:12px;margin-left: 70px;}
.footer .ewm img{ display: block; max-width: 100%; margin-bottom:5px;}
.footer .link{ margin-top:30px;padding:15px 0;background: #222222;}
.footer .link h3{color:#fff;font-size:12px;float: left;}
.footer .link a{color:#999;font-size:12px;display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}