@charset "utf-8";
/*~~~~框架布局~~~*/
html{/*font-size: 87.5%;*/ /*10 ÷ 16 × 100% = 62.5%*/}
.rackWor table td{ vertical-align: top;}

/*==版心定义↓==*/
.container{width:1400px;}
.swiper-button-disabled{opacity: 1 !important;}
.layer-anim{animation-name:initial !important}
/*==顶部↓==*/
/*.fixed-top{ position: fixed;width:100%;z-index:99; background:#fff; }*/
.head-top{padding:10px 0;height:45px; background:#666;}
.head-top .left .block{display:inline-block;color:#fff;font-size:12px;margin-right:50px;padding-left:35px;line-height: 25px; background-position:left; background-repeat:no-repeat;}
.head-top .tel{ background-image:url(../images/tel-ico.png);} 
.head-top .mail{ background-image:url(../images/mail-ico.png);} 
.head-top .share{margin:-7px 0 0 20px;}
.head-top .share .block{ color:#fff;font-size:28px; margin:0 10px;display: inline-block;}
.head-top .share .block:hover{color:#eee}
/*.head-top .share .block.facebook:hover{ color: #1278f4;}
.head-top .share .block.twitter:hover{ color: #41abe1;}
.head-top .share .block.linkedin:hover{ color: #0073b1;}*/
.head-top .lang{margin:5px 0 0 50px;}
.head-top .lang .block{ display: inline-block;color:#fff;font-size:14px;margin-right:10px;padding-right:10px;border-right:1px #fff solid}
.head-top .lang .block:last-child{margin-right:0px; padding-right: 0px; border-right: 0px;}
.head-top .lang .block:hover{color:#eee}
/*--*/
.header{position: relative;padding:30px 0;height: 110px;}
.header .nav{margin-top: 18px;}
.header .nav > li{float:left; margin-left:50px;}
.header .nav > li > a.navAone{ display: block;color:#333;font-size:18px;text-align: center; /*! line-height: 65px; */padding-bottom: 38px;}
.header .nav > li:hover > a.navAone,.header .nav > li.active > a.navAone{color:#29abe2}
.header .nav > li .sub{display:none; position: absolute;left:-40px;top:100%;z-index:2;width:150px; text-align: center; background:rgba(0,0,0,0.5);}
.header .dow{position: relative;}
.header .dow .sub a{ display: block;color:#fff;font-size:14px;padding:10px;}
.header .dow .sub a:hover{ background: #29abe2}
.header .nav > li.pro .sub{width: 100%;left: 0;}
.header .pro .sub ul{ display: table;width:100%;}
.header .pro .sub ul li{/*! float:left; */width:20%;padding: 30px 0;border-right: 2px #999 solid;display: table-cell;}
.header .pro .sub ul li:last-child{ border-right:none;}
.header .pro .sub ul li .title{display: table;margin:0 auto 12px; color:#fff;font-size:16px; padding:6px 0 6px 50px;background: url(../images/proIco01.png) no-repeat left; }
.header .pro .sub ul li .block{ display: table;padding:8px 0 8px 40px;color: #fff;font-size: 14px;margin: auto;}
.header .pro .sub ul li a:hover{color:#29abe2}
.header .search{ position: relative; margin:10px 0 0 50px;width:200px}
.header .search input{width:100%; line-height: 30px; border-radius: 30px;border:1px #ddd solid;padding: 2px 20px;/*! float: left; */}
.header .search button{ position: absolute; top:0;right:0;font-size:20px;color:#29abe2;border: 2px #29abe2 solid;border-radius: 30px;height: 100%;}
.header .search button:hover{color:#fff; border-color:#999; background: #999;}
/*==次级导航↓==*/
.menu{width:100%;background:#f2f3f4;}
.menu ul{ text-align: center; display: table; width: 100%;}
.menu li{ display:table-cell; }
.menu li a{ display: block;margin:0 0px;color:#191919;font-size:16px; border-left:1px #ddd solid;padding: 20px 0px;}
.menu li:hover a,.menu li.active a{ color:#fff;  background:#29abe2}
/*===产品导航↓==*/
.menu-pro{padding:50px 0; background: #f7f7f7;}
.menu-pro ul{ text-align: center;width:100%;display: table;position: relative;z-index: 2;padding: 0 100px;}
.menu-pro ul:after{content: ""; position: absolute; left:0;top:50%; width:100%;height:2px; background: #ddd;z-index: -1;}
.menu-pro ul > li{ display: table-cell;position: relative;}
.menu-pro ul > li > a{ display:block;width:120px;height:120px; margin:auto; border-radius: 50%;color:#fff;font-size:14px;padding:0 5px; text-align: center;overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/ background: #eee;}
.menu-pro ul > li > a{ display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}
.menu-pro ul > li > a:hover{ /*background: #29abe2 !important;*/}
.menu-pro ul > li:hover .down{ display: block}
.menu-pro li:nth-child(1) > a,.menu-pro li:nth-child(1) a:hover{background: #a3682a;}
.menu-pro li:nth-child(2) > a,.menu-pro li:nth-child(2) a:hover{background: #00a29a;}
.menu-pro li:nth-child(3) > a,.menu-pro li:nth-child(3) a:hover{background: #7f1183;}
.menu-pro li:nth-child(4) > a,.menu-pro li:nth-child(4) a:hover{background: #ff0000;}
.menu-pro li:nth-child(5) > a,.menu-pro li:nth-child(5) a:hover{background: #e69138;}
.menu-pro{}
.menu-pro .down{ display: none; position: absolute;left:0;top:100%; width:100%; background:rgba(0,0,0,0.3);}
.menu-pro .down a{ display: block;color:#fff;font-size:14px;padding:8px 0;} 
/*==面包屑↓==*/
.site{margin:30px 0 5px 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:#29abe2}
/*==地图↓==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}
/*==标题↓==*/
.titleAx{margin:0px 0 40px 0; color:#4f4e4e;font-size:24px;}
.titleAx font{ display: block;color:#5d5c5c;font-size:16px;margin-top: 5px;}
.titleAx.white{color:#fff}
.titleAx.cen{text-align: center;}
.titleAx span{ display: block; color:#666;font-size:14px;}
.titleAx.pg{margin-bottom:10px;margin-top:60px;}
.titleBx{color:#666;font-size:37px;margin-bottom: 40px;}
.titleBx span{ display: block; color:#666;font-size:24px;}
/*伪类*/
.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:50px 0 80px 0;}
.rackWor{}
/*===滚动新闻↓==*/
.newsSrll{padding:10px 0; background:#d9d9d9;overflow: hidden;height: 42px;}
.newsSrll .title{ float:left; color:#595757;font-size:18px;}
.newsSrll .txtScroll{float:left;margin-left:20px;}
.newsSrll .txtScroll .btn{float:left;margin: -10px 0 -10px 5px;padding:10px;height:100%; color:#666;font-size:16px; cursor: pointer; background:#b9b9b9;}
.newsSrll .txtScroll .btn:hover{color:#fff; background: #29abe2;}
.newsSrll .txtScroll .long{margin-left:20px;float: left;}
.newsSrll .txtScroll .list a{ display: block; color:#595757;font-size:16px;max-width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsSrll .txtScroll .list a:hover{color:#29abe2}
.newsSrll .more{ float:right; color:#595757;font-size:14px;}
.newsSrll .more:hover{color:#29abe2}
/*===首页新闻，简介↓==*/
.informationHome{margin:100px 0}
.informationHome .more{ display: block; margin-top:50px;width:60px;line-height:60px;border-radius: 50%; text-align: center; color:#fff;font-size:14px; background: #aaa;}
.informationHome .more:hover{ background: #29abe2}
.informationHome .left{ position: relative; width:47%;}
.informationHome .left .list{}
.informationHome .left .list li{margin-bottom:20px;border-bottom: 1px #ddd solid;padding-bottom:20px;}
.informationHome .left .list h4{font-size:16px;color:#666;/*border-bottom:1px #aaa dashed;padding-bottom:5px;*/margin-bottom:5px;}
.informationHome .left .list span{ display: block; font-size:12px;color:#9fa0a0}
.informationHome .left .list p{margin-top:10px;font-size:12px;color:#666}
.informationHome .left .list li:hover h4{color:#29abe2}
.informationHome .left .btn{color:#ddd;font-size:20px;left:-60px;}
.informationHome .left .btn.nt{left:auto;right:-60px;}
.informationHome .left .btn:after{font-size:50px;}
.informationHome .left .btn:hover{color:#29abe2}
.informationHome .right{width:45%;}
.informationHome .right .wx{color:#666;font-size:14px;line-height:26px;}
/*===首页产品↓==*/
.ProductHome{padding:60px 0 100px 0; background:#aaabab;}
.ProductHome .titleAx{text-align: center;}
.ProductHome .long{ position: relative;padding:0 80px;}
.ProductHome .list{}
.ProductHome .list li{background: #fff;}
.ProductHome .list li img{ display: block;max-width:100%;}
.ProductHome .list li h4{padding:20px 0;color:#fff;font-size:18px; text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #727171;}
.ProductHome .list li:hover h4{ background: #29abe2}
.ProductHome .btn{color:#fff;}
.ProductHome .btn:after{font-size:50px;transition: all .4s ease-in-out;}
.ProductHome .btn.nt{}
.ProductHome .btn:hover:after{color:#29abe2}
/**/
.ProductHome .list li a:before{content: "";width: 100%;height: 0px;background: #fff;position: absolute;bottom:0;z-index:3;transition: all ease-out .5s;}
.ProductHome .list li a:hover:before{bottom:0;background: none;width: 100%;height: 100%;}
/*===客户服务↓==*/
.serviceInner{}
.serviceInner .titleAx{ text-align: center;}
.serviceInner .top{ display: table; background:#f6f6f6;}
.serviceInner .top .block{display: table-cell;margin: 0px;vertical-align: middle;text-align: center;}
.serviceInner .top h2{width:35%;}
.serviceInner .top .pic{width:70%;}
.serviceInner .top .pic img{max-width:100%;}
.serviceInner .info{padding:50px;margin-top: 50px;background: #f6f6f6;overflow: hidden;}
.serviceInner .info .left{width:47%;}
.serviceInner .info .left .wx{color:#666;font-size:16px;line-height: 30px;}
.serviceInner .info .right{width:45%}
.serviceInner .info .right .list{}
.serviceInner .info .right .list li:after{ content: ""; clear: both;display: block;margin:20px 0; width:100%;height:1px; background: #ddd;}
.serviceInner .info .right .list li a{color:#666;font-size:16px;}
.serviceInner .info .right .list li:hover a{color:#29abe2;}
.serviceInner .info .right .list li:last-child:after{ display: none}
/*===关于文化↓==*/
.CultureInner{}
.CultureInner .long{ display: table;width:100%;}
.CultureInner .pic,.CultureInner .wx{ display: table-cell;width:50%;vertical-align: middle;}
.CultureInner .pic img{ display: block;max-width:100%}
.CultureInner .wx{padding-left:60px}
.CultureInner .wx h3{color:#666;font-size: 34px;margin-bottom:40px ;}
.CultureInner .wx p{color:#666;font-size:14px;line-height:25px;}
/*===发展历程↓==*/
.fzlc{ background:url(../images/16.jpg) no-repeat center;background-size:cover; }
.fzlc ul{ position: relative;z-index:2; margin: auto;  display: table;}
.fzlc ul:after{content: ""; position: absolute; left:50%;top:0;z-index: -1;width:2px;height:90%;border-left:2px #666 dashed; }
.fzlc ul li{ clear: both; margin-bottom:50px;}
.fzlc ul li h3{color:#fff;font-size:18px;width:100px;line-height:100px;margin: 0 30px; border-radius: 50%; text-align: center; background:#888;}
.fzlc ul li h4{ color:#666;font-size:14px;line-height:24px;text-align: right;width:300px;}
.fzlc ul li h4:last-child{text-align: left}
.fzlc ul li h3,.fzlc ul li h4{display: inline-block}
/*==产品↓==*/
.list-product{width:101.5%;margin:0 0 -2% -1.5%; display: table;}
.list-product li{ float:left;width:23.5%;border:1px #666 solid; margin: 0 0 2% 1.5%;}
.list-product li a{ position: relative; display: block;background: #fff;}
.list-product li .pic:before{ opacity: 0; content: ""; position: absolute; left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5); transition: all .4s ease-in-out;}
.list-product li h4{color:#f7f7f7;font-size:16px;text-align: center;padding:15px 0px; background:#666;}
.list-product li em{ opacity: 0; position:absolute;left:50%;top:50%;margin:-36px 0 0 -36px;width: 73px;height: 73px;text-align: center;transform: translateY(-45px);transition: all .4s ease-in-out; background: url(../images/add.png) no-repeat center;}
.list-product li:hover .pic:before{ opacity: 1}
.list-product li:hover em{ opacity: 1; transform: translateY(0px);}
.list-product li:hover h4{ background: #333;}
.list-product li a:before{content: "";width: 100%;height: 0px;background: #fff;position: absolute;bottom:0;z-index:3;transition: all ease-out .5s;}
.list-product li a:hover:before{bottom:0;background: none;width: 100%;height: 100%;}
/*==产品详情↓==*/
.Pro-titleTop{color:#333;font-size:24px;padding:30px 0; background:#e1e1e1;}
/*.ProductShow{margin: 0 0 70px 0;}*/
.ProductShow .top{width: 80%;margin:auto}
.ProductShow .top .pic{float: left;width:45%; text-align:center;/* background: #eee*/}
.ProductShow .top .pic img{display: block; max-width:100%;margin: auto;}
.ProductShow .top .right{float:right ;width:55%;padding:5% 0 0 50px;}
.ProductShow .top .right .title{color:#666;font-size:36px;}
.ProductShow .top .right span{ display:block;margin-top:10px;color:#666;font-size:14px;}
.ProductShow .detailCont{margin-top:100px;}
.ProductShow .detailCont .long{ margin-top:50px;padding-top:30px;border-top:1px #999 solid}
.ProductShow .detailCont .long .title{color:#333;font-size:36px;margin-bottom:30px;}
.ProductShow .detailCont .long .wx{color:#666;font-size:14px; line-height: 24px;}
/*==滚动图↓==*/
.srllPic{ position: relative;;width: 100%;margin: auto;}
.srllPic .gallery-top{border: 1px #ddd solid; background:#fbfbfb}
.srllPic .gallery-top li img{max-width:100%;width:auto;height:500px;display: block}
.srllPic .gallery-thumbs{margin-top:15px;padding: 0 50px;}
.srllPic .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer;}
.srllPic .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #29abe2 solid;}
.srllPic .gallery-thumbs li img{max-width:100%;width:100%;display: block}
.srllPic .btn{ opacity: 1;top:0;left:0; width:38px;height:100%;padding:0 0; display:table;border-radius: 0%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#29abe2;font-size:40px;  background-image:none; background-color:#ddd; background-position:center; background-repeat:no-repeat ;background-size: auto;}
.srllPic .btn:before{ display: table-cell;vertical-align: middle;padding: 0px;}
.srllPic .btn::after{display:none}
.srllPic .btn.nt{left:auto;right:0;}
/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPic .btn:hover{color:#fff; background-color:#29abe2;}
.srllPic .swiper-button-disabled{opacity: .5;}
/*.srllPic .btn:hover{ opacity: 1;}*/
/*==新闻↓==*/
.NewsListBox{}
.NewsListBox .list{width:102%;}
.NewsListBox .list li{ float:left;width:48%;margin: 0 0% 2% 2%}
.NewsListBox .list li a{ display: block;position: relative; border:1px #ddd solid;height:200px;padding:40px 40px 40px 240px; }
.NewsListBox .list li .pic{float:left; position: absolute;left:0;top:0;width:200px;height:100%;}
.NewsListBox .list li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .list li h4{color:#666;font-size:18px;-webkit-line-clamp: 3;}
.NewsListBox .list li .time{color:#999;font-size:14px; display: block; margin-top:20px;}
.NewsListBox .list li:hover a{box-shadow: 0 0 10px #ddd;}
.NewsListBox .list li:hover h4{color:#29abe2}
.NewsListBox .more{ position: relative; z-index:2;margin-top:60px}
.NewsListBox .more:after{ content: ""; position: absolute; left:0;top:30px;z-index:-1;width:100%;height:1px; background: #ddd;}
.NewsListBox .more span{ display:block; margin:auto;width:60px;line-height:60px;border-radius: 50%; color:#fff;font-size:14px;text-align: center;background: #999;}
.NewsListBox .more:hover span{ background: #29abe2}
/*==新闻详细页↓==*/
.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}
/*===招聘↓==*/
.joinInner{}
.joinInner .list{width:102%;margin:0 0 -2% -2%; display: table;}
.joinInner .list li{ float:left;width:48%;margin: 0 0% 2% 2%}
.joinInner .list li a{ display: block;position: relative; border:1px #ddd solid;height:200px;padding:20px; }
.joinInner .list li h4{color:#666;font-size:18px;}
.joinInner .list li p{color:#999;font-size:14px;-webkit-line-clamp: 3;line-height:24px;}
.joinInner .list li b{ display: block; color:#666;font-size:14px; margin:10px 0 5px 0;}
.joinInner .list li:hover a{box-shadow: 0 0 10px #ddd; background: #29abe2;}
.joinInner .list li:hover h4,.joinInner .list li:hover p,.joinInner .list li:hover b{color:#fff}
/*===联系我们↓==*/
.contactInner{padding-bottom:0px}
.contactInner .info{width:30%;margin: auto;}
.contactInner .info .list{}
.contactInner .info .list li{clear: both; font-size:18px;color:#666;border-bottom:1px #aaa solid;padding-bottom:10px;margin-bottom:10px;overflow: hidden;line-height: 40px;}
.contactInner .info .list li:before{float:left;color:#777;font-size:26px; border:1px #999 solid;margin-right:10px;width: 40px;line-height: 40px;border-radius: 50%;text-align: center;}
.contactInner .map{margin-top:80px;}
/*==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 #29abe2 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%;}
/*==底部===*/
.footer{padding: 20px 0;background: #f5f5f5;overflow: hidden;}
.footer .txt,.footer .txt a{color:#595757;font-size:12px;}
.footer .txt a:hover{color:#29abe2}