@charset "utf-8";
 
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{color:#666;line-height:28px;font-family:'Microsoft Yahei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;outline:none;transition:all ease 0.3s;}
a:hover{color:#ed941e;}
html,body{position:relative;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}
.container{position:relative;max-width:1200px;min-width:320px;margin:0 auto;}
/*.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}*/
.hThem{overflow: hidden;margin-bottom: 45px;}
.hThem .hTopic{font-size: 24px;color: #000000;font-weight: 600;float: left;}
.hThem .hTopic span{font-size: 14px;color: #cbcbcb;font-weight: normal;text-transform: uppercase;margin-left: 10px;position: relative;top: -6px;}
.hThem .hTopic span:after{content: "";position: absolute;width: 20px;height: 2px;background-color: #ed941e;left: 0;bottom: -5px;}
.hThem .more{float: right;position: relative;font-size: 10px;color: #a2a2a2;font-size: 10px;display: block;}
.hThem .more:after{content: "";position: absolute;width: 100%;left: 0;height: 2px;background-color: #ef9f19;bottom: 0;}
.hThem .more:hover{color: #ef9f19}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src:
    url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/*广告切换*/
.banner .bannerPrev,.banner .bannerNext{width:40px;height: 44px;background-size:40px 44px;}
.banner .bannerPrev{background-image: url(../images/banner-prev.png);}
.banner .bannerNext{background-image: url(../images/banner-next.png);}
.banner .swiper-wrapper{position: relative;}
.banner .videoBan{height: 100%;position: relative;}
.banner .videoBan .faceImg{visibility: hidden;}
.banner video{width: 100%;position: absolute;left: 0;top: 0;object-fit: cover;
object-position: center center;bottom: 0;background-color: #000;}
.banner img{width: 100%;}
.banner .banImg{display: none;}
.banner  .hd span{width: 12px;height: 12px;background-color: #fff;}
.banner .swiper-wrapper  img{animation: slowBig 12s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.banner .swiper-wrapper:hover img{animation-play-state: running;transform: none;margin-left: 0}
@keyframes slowBig {
  to {transform:scale(1.15,1.15);}
}
.banner .videoBan .cover{z-index: 1;font-size: 80px;text-align: center;color: #fff;padding-top: 25%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);height: 100%;}

/*pc导航*/
.wapHeader{display: none;}
.pcNav{min-height: 90px;margin-bottom: -90px;position: absolute;z-index: 20;width: 100%;background: rgba(0,0,0,0.7);}
.pcNav .container {position: static;}
.pcNav .headerLogo{line-height: 90px;float: left;}
.pcNav .headerNav{padding: 35px 0 35px 35px;float: left; }
.pcNav .headerNav .menu1>li{float: left;}
.pcNav .headerNav .menu1>li>a{margin: 0 35px;color: #ede5cf;font-size: 16px;position: relative;}
.pcNav .headerNav .menu1>li>a:after{content: "";position: absolute;width: 0;left: 0;bottom: -15px;height: 2px;background-color: #f07922;transition: all .5s;}
.pcNav .headerNav .menu1>li>a:hover,.pcNav .headerNav .menu1>li>.current{color:#fff;}
.pcNav .headerNav .menu1>li>a:hover:after,.pcNav .headerNav .menu1>li>.current:after{width: 100%;}
.pcNav .headerNav .menu2{position: absolute;width: 100%;/*box-shadow: 0 0 6px #ddd;*/top: 90px;text-align: center;left: 0;display: none;background: rgba(0,0,0,0.6);}
.pcNav .headerNav .menu2 ul{max-width: 1200px;min-width: 320px;margin: 0 auto;padding: 10px 0;}
.pcNav .headerNav .menu2 li{display: inline-block;margin: 0 15px;}
.pcNav .headerNav .menu2 li a{display:inline-block;height: 36px;line-height: 36px;text-align: center;color: #ccc;font-size: 14px;transition: all .5s;background: url(../images/nav-ico.png) no-repeat left center;padding-left: 15px;}
.pcNav .headerNav .menu2 li a:hover{color: #f07922;}
.pcNav .headerNav .menu2 li:last-child a{border-bottom: 0;}
.pcNav .headerTel{line-height: 90px;color: #fff;font-weight: 600;background: url(../images/htel-ico.png) no-repeat  left center;padding-left: 28px;float: right;}
.navFix{position:fixed;top:0px;left:0px;width:100%; z-index:100000;
 min-height: 74px;margin-bottom: -74px;}
.navFix .headerTel{line-height: 74px;}
.navFix .headerLogo{line-height: 60px;}
.navFix .headerNav{padding: 25px 0 25px 25px;}
.navFix .headerNav .menu2{top: 74px;}
/*.navFix .headerNav .menu1>li>a:after{bottom:-15px; }*/

/*业务*/
.business{padding: 60px 0 0 0;background: url(../images/hbusi-bg.jpg) no-repeat center bottom;height: 380px;}
.businessItem li ul{overflow: hidden;}
.businessItem li{width: 20%;float: left;}
.businessItem li a{color: #000;padding-top: 50px;transition: all .7s;display: block;cursor: default;}
.businessItem li i{display: block;width: 80px;height: 80px;border: 2px solid #b9b9b9;box-sizing: border-box;-moz-box-sizing:border-box;border-radius: 50%;margin: 0 auto;transition: all .5s;overflow: hidden;position: relative;transition: all .5s}
.businessItem li i img{display: block;position: absolute;left: 0;top: 0;}
.businessItem li h5{font-size: 16px;color: #000;text-align: center;margin: 30px 0 15px;transition: all .5s;}
.businessItem li p{font-size: 12px;color: #a0a0a0;line-height: 22px;padding: 0 15px;opacity: 0;transition: all .5s;}
.businessItem li:hover i,.businessItem li i{background: #ef9f19;border: none;background: linear-gradient(135deg, #ef9f19,#fad805);background: -webkit-linear-gradient(135deg, #ef9f19,#fad805);background: -o-linear-gradient(135deg, #ef9f19,#fad805);background: -moz-linear-gradient(135deg, #ef9f19,#fad805);}
.businessItem li:hover i img{top: 0;}
.businessItem li:hover a{padding-top: 0;}
.businessItem li:hover h5{color: #363636;}
.businessItem li:hover p,.businessItem li p{opacity: 1;transition-delay: .3s;}

/*范围*/
.range{padding: 70px 0;}
.rangeItem ul{overflow: hidden;margin-right:-25px;}
.rangeItem li{width: 33.33%;float: left; margin-bottom:20px;}
.rangeItem li a{display: block;margin-right: 20px;position: relative;padding-top: 70%;overflow: hidden;}
.rangeItem li a img{position:absolute;top:0;left:0;width:100%;height:100%;transition: all .5s;}
.rangeItem li .tit{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.7);color: #fff;font-size: 14px;height: 38px;line-height: 38px;text-align: center;padding: 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;opacity: 1;transition: all .5s;}
.rangeItem li a:hover img{transform: scale(1.1);}
.rangeItem li a:hover .tit{height: 0;opacity: 0}

/*视频*/
.video{padding: 60px 0;background: url(../images/video-bg.jpg) repeat-x;}
.videoItem{width: 80%;margin: 0 auto;position: relative;}
/*.videoItem:after{content: "";position: absolute;width: 48px;height: 48px;background: url(../images/hvideo-ico.png) no-repeat center center;left: 50%;margin-left: -24px;top: 50%;margin-top: -24px;z-index: 10;}*/
.videoItem li{cursor: pointer;}
.videoItem li img{transition: all 2s;width: 100%;}
.videoItem li:hover img{transform: scale(1.05);}
.video .videoPrev,.video .videoNext{width: 80px;height: 121px;background-size: 100%;}
.video .videoPrev{background-image: url(../images/hvideo-prev1.png);left: 0px;margin-top: -60px;}
.video .videoNext{background-image: url(../images/hvideo-next1.png);right: 0px;margin-top: -60px;}
.video .videoPrev:hover{background-image: url(../images/hvideo-prev2.png);left: 0px;}
.video .videoNext:hover{background-image: url(../images/hvideo-next2.png);right: 0px;}
.video  .more{display: block;width: 12%;border: 2px solid #fff;padding-top: 4%;background-image: url(../images/hnews-jt2.png);background-repeat: no-repeat;background-position: center center;position: relative;z-index: 0;margin: 20px auto 0;}
.video  .more:after{content: "";position: absolute;left: 0;width: 0;top:0;bottom:0;background-color: #ed941e;transition: all .5s;z-index: -1;background-image: url(../images/hnews-jt2.png);background-repeat: no-repeat;background-position: center center;}
.video  .more:hover:after{width: 100%;}
.video  .more:hover{border-color: #ed941e;background-image: none;}

/*案例 */
.case{padding: 60px 0;background-color: #f6f6f6;}
.caseItem ul{margin-right: -35px;}
.caseItem li{width: 50%;float: left;margin-bottom: 40px;}
.caseItem li a{display: block;margin-right: 35px;transition: all .5s;}
.caseItem li a .pic{display: block;position: relative;padding-top:54%;overflow: hidden; }
.caseItem li a .pic:after{content: "";position: absolute;width: 32px;height: 32px;background: url(../images/hcase-ico1.png) no-repeat center center;left: 50%;margin-left: -16px;top: 50%;margin-top: -16px;}
.caseItem li a .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .5s;}
.caseItem li a .txt{padding: 20px 10px;transition: all .5s;position: relative;}
.caseItem li a .txt i{position: absolute;width: 42px;height: 42px;background: url(../images/hcase-ico2.png) no-repeat center center;right: 2%;top: 60%;margin-top: -21px;opacity: 0;transition: all .5s;}
.caseItem li a .txt h5{font-weight: normal;font-size: 16px;color: #f07922;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseItem li a .txt p{height: 28px;color: #7a7a7a;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseItem li a:hover .txt{background-color: #ffffff;}
.caseItem li a:hover{box-shadow: 0 0 30px 20px rgba(0,0,0,0.05)}
.caseItem li a:hover .pic img{transform: scale(1.1);}
.caseItem li a:hover .txt{padding: 20px;}
.caseItem li a:hover .txt i{top: 50%;opacity: 1}

/*新闻*/
.news{padding: 60px 0;}
.news .hThem .tab{float: right;margin-top: 10px;}
.news .hThem .tab a{padding: 0 30px;}
.news .hThem .tab .on{color:#ed941e }
.news .hThem .tab a:first-child{background: url(../images/hnews-ico.png) no-repeat right center;}
.news .hThem .tab a:last-child{padding-right: 0;}
.newsItem li{width: 33.33%;}
.newsItem li a{display: block;}
.newsItem li a .pic{display: block;padding-top:62.7%;position: relative; overflow: hidden;}
.newsItem li a .pic img{position: absolute;top:0;left: 0;width: 100%;height: 100%;transition: all .5s;}
.newsItem li a .time{display: block;font-size: 20px;color: #000000;margin: 30px 0 10px;}
.newsItem li a h5{font-size: 16px;color: #000000;font-weight: normal;margin-bottom: 25px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;}
.newsItem li a p{font-size: 14px;color: #7a7a7a;margin-bottom: 30px;}
.newsItem li a .more{display: block;width: 28%;border: 2px solid #aeaeae;padding-top: 7%;background-image: url(../images/hnews-jt1.png);background-repeat: no-repeat;background-position: center center;position: relative;z-index: 0}
.newsItem li a .more:after{content: "";position: absolute;left: 0;width: 0;top:0;
bottom:0;background-color: #ed941e;transition: all .5s;z-index: -1;background-image: url(../images/hnews-jt2.png);background-repeat: no-repeat;background-position: center center;}
.newsItem li  a:hover .pic img{transform: scale(1.1);}
.newsItem li  a:hover h5{color: #ed941e;}
.newsItem li  a:hover .more{border-color: #ed941e;background-image: none;}
.newsItem li a:hover .more:after{width: 100%;}

/*合作客户*/
.customer{padding: 60px 0;background-color: #f6f6f6;}
.customerItem li{width: 16.6%;float: left;text-align: center;transition: all .5s;}
.customerItem li a{display: block;position: relative;line-height: 60px;}
.customerItem li a:after{content: "";position: absolute;border: 1px solid #ed941e;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;transform: scale(0.9);transition: all .5s;}
.customerItem li img{width: 130px;/*height: 38px;*/}
.customerItem li a:hover:after{opacity: 1;transform: scale(1.0);}

/*底部*/
.footer{background-color: #353535;padding: 60px 0 40px;}
.footerLogo{width: 25%;float: left;}
.footerContact{width: 37%;float: left;}
.footerEwm{width: 8%;float: right;}
.footerLink{float: left;width: 100%;}
.footerLogo .logo{margin-bottom: 10px;}
.footerLogo .tel{font-size: 24px;color: #ffffff;}
.footerLogo .tel i{display: inline-block;width: 15px;height: 17px;background-image: url(../images/footer-ico1.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin-right: 10px;}
.footerContact dt{font-size: 16px;color: #fff;margin-bottom: 15px;}
.footerContact dd{font-size: 14px;color: #959595;}
.footerContact dd i{display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-position: center center;margin-right: 10px;}
.footerContact dd:nth-of-type(1) i{width: 14px;height: 16px;background-image: url(../images/footer-ico2.png);}
.footerContact dd:nth-of-type(2) i{width: 13px;height: 13px;background-image: url(../images/footer-ico3.png);}
.footerContact dd:nth-of-type(3) i{width: 13px;height: 11px;background-image: url(../images/footer-ico4.png);}
.footerEwm dt{font-size: 14px;color: #fff;margin-bottom: 15px;}
.footerEwm dd img{max-height: 100px;max-width: 100px;}
.footerLink span{display:block;font-size: 14px;color: #ffffff;margin-bottom: 15px;}
.footerLink a{font-size: 14px;color: #959595;display: block;float: left;box-sizing: border-box;-moz-box-sizing:border-box;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footerLink a:hover{color:#fff;}
.footerBot{font-size: 12px;color: #878686;padding-top: 40px;}
.footerBot a{font-size: 12px;}
.footerBot a:hover{color: #fff;}
.footBar{display: none;}

/*内页banenr*/
.listBanner{position: relative;}
.listBanner img{width: 100%;}
.breadCrumb{background-color: #f5f5f5;}
.breadCrumb .container{height: 60px;line-height: 60px;color: #a1a1a1;font-size: 12px;}
.breadCrumb  a{font-size: 12px;color: #a1a1a1;}

/*内页导航*/
.pageNav{overflow: hidden;border-bottom: 1px solid #f0f0f0;padding: 15px 0;}
.pageNav li{float: left;height: 36px;}
.pageNav li a{color: #9a9a9a;font-size: 16px;position: relative;padding: 0 20px 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;background-image: url(../images/nav-ico.png);background-repeat: no-repeat;background-position: 10px center;line-height: 36px;display: inline-block;}
.pageNav li:first-child a{margin-left: 0;}
.pageNav li a:hover,.pageNav li .current{background-color: #ee951f;color: #fff;background-image: url(../images/nav-ico2.png);}


/*关于*/
.pageTopic{font-size: 24px;color: #000000;margin-bottom: 20px;}
.pageAbout{padding: 50px 0;}
.pageAbout-left{width:44%; float: left;cursor: pointer;}
.pageAbout-wap{display: none;}
.pageAbout-right{width: 53%;float: right;}
.pageAbout-right h2{font-size: 24px;font-weight: 600;color: #000000;margin-bottom: 30px;}
.pageAbout-right .txt{font-size: 16px;color: #838383;}
.pageAbout-right .txt p{margin-bottom: 20px;}

.pageProject{background-color: #f2f2f2;padding: 50px 0;}
.pageProject li{width: 12.5%;float: left;text-align: center;}
.pageProject li i{display: block;width: 90px;height: 90px;border-radius: 50%;border: 1px solid #d9d9d9;margin: 0 auto 20px;background-position: 0 0;background-repeat: no-repeat;transition: all .5s;position: relative;}
.pageProject li:after{content: "";position: absolute;width: 25px;height: 1px;background-color: #dadada;right: -10px;top: 50px;}
.pageProject li:last-child:after{display: none;}
.pageProject li  b{display: block;font-size: 20px;font-weight: normal;}
.pageProject li span{display: block;font-size: 16px;}
.pageProject li a{cursor: default;}
.pageProject li:nth-child(1) i{background-image: url(../images/pitem-ico1.png);}
.pageProject li:nth-child(2) i{background-image: url(../images/pitem-ico2.png);}
.pageProject li:nth-child(3) i{background-image: url(../images/pitem-ico3.png);}
.pageProject li:nth-child(4) i{background-image: url(../images/pitem-ico4.png);}
.pageProject li:nth-child(5) i{background-image: url(../images/pitem-ico5.png);}
.pageProject li:nth-child(6) i{background-image: url(../images/pitem-ico6.png);}
.pageProject li:nth-child(7) i{background-image: url(../images/pitem-ico7.png);}
.pageProject li:nth-child(8) i{background-image: url(../images/pitem-ico8.png);}
.pageProject li:hover i{background-color: #ee951f;border-color: #ee951f;background-position: 0 -90px;}
.pageProject .hd .swiper-pagination-bullet-active{background-color: #ee951f;}
.pageProject .hd{left: 0;right: 0;text-align:center;}
.pageProject .hd span{margin: 0 2px;}

/*企业文化*/
.pageCult li{margin-bottom: 50px;}
.pageCult li .txt {width: 40%;padding-top: 5%;font-size: 16px;color: #838383;}
.pageCult li .txt h5{font-size: 24px;color: #313131;font-weight: 600;margin-bottom: 30px;}
.pageCult li .pic{width: 40%;box-shadow: 0 0 50px 20px rgba(0,0,0,0.05)}
.pageCult li .pic img{display: block;width: 100%;}
.pageCult li:nth-child(2n) .pic,.pageCult li:nth-child(2n+1) .txt{float: left;}
.pageCult li:nth-child(2n+1) .pic,.pageCult li:nth-child(2n) .txt{float: right;}


/*内页活动*/
.listWraper{padding: 30px 0;}
.itemList li {margin-bottom: 50px;}
.itemList li a{display: block;position: relative;overflow: hidden;}
.itemList li a:after{content: "";position: absolute;width: 68%;height: 1px;background-color: #ee951f;top:85%;z-index: 1;transition: all .5s;}
.itemList li a .pic{display: block;width: 41.5%;padding-top:30%;position: relative;overflow: hidden;}
.itemList li a .pic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .5s;}
.itemList li a  .num{display: block;font-size: 80px;color: #ee951f;font-weight: 600;position: absolute;top: 25%;}
.itemList li a  .txt{position: absolute;top:22%;width: 38%;}
.itemList li a  .txt h5{font-size: 38px;color: #191919;margin-bottom: 30px;transition: all .5s; }
.itemList li a  .txt p{font-size: 16px;color: #7d7d7d;}
.itemList li:nth-child(odd) a .pic{float: left;}
.itemList li:nth-child(odd) a .num{right: 0}
.itemList li:nth-child(even) a .pic{float: right;}
.itemList li:nth-child(even) a .num{left: 0}
.itemList li:nth-child(odd) a  .txt{left: 50%;}
.itemList li:nth-child(even) a  .txt{right: 50%;}
.itemList li:nth-child(odd) a:after{right: 0}
.itemList li:nth-child(even) a:after{left: 0}
.itemList li a:hover .pic img{transform: scale(1.1);}
.itemList li a:hover:after{width: 0}
.itemList li a:hover h5{color: #ee951f}
.itemList .more{display: block;width: 150px;height: 40px;border: 1px solid #c5c5c5;line-height: 38px;text-align: center;font-size: 14px;color: #888888;border-radius: 2px;margin-top: 25px;transition: all .5s;}
.itemList li a:hover .more{background-color: #ee951f;border-color: #ee951f;color: #fff;}


/*案例列表*/
.caseList ul{margin-right: -35px;}
.caseList li{width: 50%;float: left;margin-bottom: 40px;}
.caseList li a{display: block;margin-right: 35px;transition: all .5s;}
.caseList li a .pic{display: block;position: relative;padding-top:54%;overflow: hidden; }
.caseList li a .pic:after{content: "";position: absolute;width: 32px;height: 32px;background: url(../images/hcase-ico1.png) no-repeat center center;left: 50%;margin-left: -16px;top: 50%;margin-top: -16px;}
.caseList li a .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .5s;}
.caseList li a .txt{padding: 20px 10px;transition: all .5s;position: relative;}
.caseList li a .txt i{position: absolute;width: 42px;height: 42px;background: url(../images/hcase-ico2.png) no-repeat center center;right: 2%;top: 60%;margin-top: -21px;opacity: 0;transition: all .5s;}
.caseList li a .txt h5{font-weight: normal;font-size: 16px;color: #f07922;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseList li a .txt p{color: #7a7a7a;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseList li a:hover .txt{background-color: #ffffff;}
.caseList li a:hover{box-shadow: 0 0 30px 20px rgba(0,0,0,0.05)}
.caseList li a:hover .pic img{transform: scale(1.1);}
.caseList li a:hover .txt{padding: 20px;}
.caseList li a:hover .txt i{top: 50%;opacity: 1}

/*案例详情*/
.pictureTitle{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #dadada;}
.pictureTitle h3{font-weight: normal;font-size: 24px;font-weight: normal;color: #333;text-align: center;margin-bottom: 5px;}
.showPicture .pictureTitle{border-bottom:none;padding-bottom: 0;}
.showPicture .showImg{margin-bottom: 10px;}
.showPicture .showImg img{width: 100%;display: block;}
.pictureTab{margin-right: -8px;overflow: hidden;}
.pictureTab span{display:block;width: 33.33%;text-align: center;line-height: 60px;float: left;}
.pictureTab span a{display:block;margin-right: 8px;color: #fff;background-color: #6a6a6a;font-size: 16px;transition: all .5s;}
.pictureTab span a:hover,.pictureTab .on a{background-color: #ee951f;}
.pictureBox .box{padding: 30px 0;font-size: 16px;}
.pictureRelate  .title{color: #333;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #dadada;margin-top: 20px;}
.pictureRelate .list li{width: 33.3%;float: left;}
.pictureRelate .list li a{display: block;margin: 0 5px;display: block;overflow: hidden;}
.pictureRelate .list li img{width: 100%;transition: all .5s;position: relative;z-index: -1;height:200px;}
.pictureRelate .list li .tit{padding: 10px 5px ;text-align: center;background-color: #fff;display: block;background-color: #f5f5f5;color: #666;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pictureRelate .list li:hover .tit{background-color: #f07922;color: #fff;}
.pictureRelate .list li:hover img{transform: scale(1.1);}

/*荣誉列表*/
.honorList ul{margin-right:-20px;overflow:hidden;}
.honorList li{width: 25%;float: left;margin-bottom: 10px;}
.honorList li a{display: block;margin-right: 20px;}
.honorList li .pic{display: block;border: 1px solid #dadada;position: relative;padding: 5px;}
.honorList li .pic:before,.honorList li .pic:after{content: "";position: absolute;transition: all .5s}
.honorList li .pic:before{left: 50%;right: -1px;top: -1px;bottom: -1px;border: 1px solid #f07922;width: 0;border-right: none;border-left: none;}
.honorList li .pic:after{top: 50%;right: -1px;left: -1px;bottom: -1px;border: 1px solid #f07922;height: 0;border-top: none;border-bottom: none;}
.honorList li .pic .picImg{position: relative;width: 100%;display: block;}
.honorList li .pic img{width: 100%;display: block;}
.honorList li .tit{display: block;font-size: 14px;color: #333333;text-align: center;padding: 10px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.honorList li:hover .pic:before{width: 100%;left: -1px;}
.honorList li:hover .pic:after{height: 100%;top: -1px;}

/*客户见证*/
.listBox{padding: 0 !important;}
.clientList ul{margin-right: -25px;}
.clientList li{width: 33.33%;margin-bottom: 25px;float: left;}
.clientList li .pic{display: block;width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
.clientList li .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .5s;}
.clientList li a{display: block;margin-right: 25px;transition: all .5s;}
.clientList li .tit{display: block;height: 50px;line-height: 50px;font-size: 14px;text-align: center;color: #585858;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clientList li a:hover .pic img{transform: scale(1.1);}
.clientList li a:hover{box-shadow: 0 0 10px 2px rgba(0,0,0,0.05);}
.clientList li a:hover .tit{color: #ee951f}
/*团队列表*/
.teamList li{width: 25%;float: left;margin-bottom: 20px;}
.teamList li a{margin-right: 15px;display: block;transition: all .5s;position: relative;}
.teamList li a .pic{display: block;position: relative;padding-top: 120%;}
.teamList li a .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.teamList li a h4{font-size: 16px;padding:15px 0;transition: all .5s;}
.teamList li a h4 span{font-size: 14px;}
.teamList li a h4 i{font-style: normal;margin: 0 5px;}
.teamList li a .cover{position: absolute;top: 0;left: 8%;right: 8%;bottom: 8%;background: rgba(238,149,31,0.8);color: #fff;padding: 8%;opacity: 0;transition: all .5s;transform:rotateY(90deg);}
.teamList li a .cover h5{font-size: 18px;margin-bottom: 15px;position: relative;padding-bottom: 10px;border-bottom: 2px solid #fff;}
.teamList li a .cover p{font-size: 14px;}
.teamList li a:hover{box-shadow: 0 0 10px 5px rgba(0,0,0,0.1)}
.teamList li a:hover h4{padding: 15px;opacity: 0;}
.teamList li a:hover .cover{top: 8%;opacity: 1;transform:rotateY(0deg);}

/*团队详情*/
.showTeam .teamImg{float: left;width: 32%;overflow: hidden;}
.showTeam .teamDetail{float: right;width:62%; }
.showTeam .teamDetail h5{font-size: 18px;font-weight: normal;padding-bottom: 15px;border-bottom: 2px solid #ee951f;color: #333}
.showTeam .teamDetail h5 i{font-style: normal;margin: 0 5px;}
.showTeam .teamDetail h5 span{font-size: 14px;color: #666}
.showTeam .teamDetail .content{padding: 20px 0;}

/*新闻列表*/
.newsList li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dotted #cacaca;overflow: hidden;color: #929292;}
.newsList li a{display: block;width: 100%;height: 100%;}
.newsList li a .pic{display: block;float: left;width: 30%;padding-top: 20%;position: relative;overflow: hidden;}
.newsList li a .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .5s;}
.newsList li a .txt{width: 65%;float: right;}
.newsList li a .txt h5{font-size: 22px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.newsList li a .txt .time{display: block;color: #c9c9c9;font-size: 12px;margin-top: 5px;}
.newsList li a .txt p{font-size: 14px;color: #7a7a7a;margin:20px 0 30px;}
.newsList li a .more{display: block;width: 15%;border: 2px solid #aeaeae;padding-top: 4%;background-image: url(../images/hnews-jt1.png);background-repeat: no-repeat;background-position: center center;position: relative;z-index: 0;}
.newsList li a .more:after{content: "";position: absolute;left: 0;width: 0;top:0;bottom:0;background-color: #ed941e;transition: all .5s;z-index: -1;background-image: url(../images/hnews-jt2.png);background-repeat: no-repeat;background-position: center center;}
.newsList li a:hover img{transform: scale(1.1);}
.newsList li a:hover .more{border-color: #ed941e;background-image: none;}
.newsList li a:hover .more:after{width: 100%;}
.newsList li a:hover  h5{color: #ed941e;}


/*新闻详情*/
.showArticle .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;}
.pictureTitle .time{display: block;font-size: 14px;color: #999999;text-align: center;}
.showArticle .articleContent{margin-bottom: 30px;font-size: 16px;}
.showArticle .articlePage{background: #f5f5f5;overflow: hidden;margin-bottom: 30px;}
.showArticle  .articlePage .post-prev,.showArticle  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;transition: all .5s;}
.showArticle  .articlePage a{display: block;width: 100%;height: 100%;}
.showArticle  .articlePage .pageImg{transition: all .5s;float: left;}
.showArticle  .post-prev .pageImg{text-align: right;float: right;}
.showArticle  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;float: right;}
.showArticle  .articlePage .post-prev h5{right: 0;text-align: right;}
.showArticle  .articlePage .post-next h5{text-align: left;float: left;left: 0;}
.showArticle  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;float: left;}
.showArticle  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../images/pagejt-icol.png) no-repeat 0 center;transition: all .5s;}
.showArticle  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../images/pagejt-icor.png) no-repeat -40px center;transition: all .5s;float: right;}
.showArticle .articleHost  h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;}
.showArticle .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 20px;overflow: hidden;}
.showArticle .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #e5e5e5;transition: all .5s;float: left;width: 48%;box-sizing: border-box;-moz-box-sizing: border-box;margin-right: 2%;}
.showArticle .articleRelate-news li .time{color: #ccc;float: right;font-size: 12px;}
.showArticle .articleRelate-news li a{display: block;background: url(../images/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;position: relative;transition: all .5s;left: 0;float: left;font-size: 14px;}
.mobliePage{display: none;}
.showArticle  .articlePage .post-prev:hover .pageImg,.showArticle  .articlePage .post-next:hover .pageImg{color: #fff;}
.showArticle  .articlePage .post-prev:hover,.showArticle  .articlePage .post-next:hover{background-color: #f07922}
.showArticle  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.showArticle  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.showArticle  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.showArticle  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.showArticle .articleRelate-news li:hover a{color: #f07922;left: 10px;}


/* 在线留言 */
.contactFeed{width: 800px;}
.contactForm .left{overflow:hidden;}
.contactForm .left ul{overflow: hidden;}
.contactForm .left li{width: 46%;float: left;}
.contactForm .left li span{color: #666;display: block;margin-bottom: 5px;font-size: 14px;font-weight: 600;}
.contactForm .left li:nth-child(2n){float: right;}
.contactForm .left input,.contactForm .code input{display:block;width:100%;height:40px;line-height:40px;border:1px solid #999;padding:0 15px;background:none;color:#d5d0d0;margin-bottom:20px;font-size:14px;box-sizing: border-box;background:#fff;}
.contactForm .left input{float: left;margin-right: 10px;}
.contactForm .left select{height:40px;line-height:40px;border:1px solid #999;width:100%;font-size: 14px;color:#ddd;padding:0 15px;}
.contactForm .left select option{color:#555;font-size: 14px;}
.contactForm .code{clear:both;padding-top:20px;overflow:hidden;float: left;}
.contactForm .code .c{width:120px;float:left;margin-right:5px;}
.contactForm .code img{background:#fff;padding:8px 15px;border:1px solid #888;margin-right: 5px;}
.contactForm .code .sub{width:135px;height:42px;line-height:42px;background:#ee951f;color:#fff;cursor:pointer;transition:all 0.3s;border:1px solid #ee951f;font-size:14px;}
.contactForm .code .sub:hover{background:#de7f01;}
.contactForm .left input:focus,.contactForm .area:focus,.contactForm .code:focus{border:1px solid #ee951f;}
.contactDesc{font-size: 14px;color: #999;margin-bottom: 20px;border-bottom: 1px solid #f5f5f5;padding-bottom: 20px; }


/*联系我们*/
#dituContent{height: 100%;}
.contactList li{box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);width: 50%;float: left;margin-bottom: 20px;}
.contactList li .box{overflow: hidden;position: relative;min-height: 220px;}
.contactList li .pic{display: block;float: left;width: 38%;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;bottom: 0;left: 0;background-position: center center;}
.contactList li .txt{padding: 5%;float: right;font-size: 14px;color: #606060;width: 60%;box-sizing: border-box;-moz-box-sizing:border-box; }
.contactList li .txt h5{font-size: 18px;color: #0d0d0d;margin-bottom: 3%;}
.contactList li:nth-child(1){margin-bottom: 20px;width: 100%;clear: both;}
.contactList li:nth-child(1) h2{font-size: 20px;margin-bottom: 10px;color: #ee951f;font-weight: 600}
.contactList li:nth-child(1) .pic{width: 50%;right: 0;left: auto;background: none !important;}
.contactList li:nth-child(1) .txt{width: 50%;float: left;}

/*招聘列表*/
.listJob{padding: 20px 0 30px;}
.listJob .reference{width: 100%;}
.listJob .reference tr:nth-child(odd){background-color:#f6f6f6}
.listJob .reference tr:nth-child(even){background-color:#fff}
.listJob .reference th{color:#191919;background-color:#fff;border:1px solid #d9d9d9;font-size:14px;text-align:center;font-weight: normal;width: 20%;padding: 20px 0}
.listJob .reference td{border:1px solid #d9d9d9;padding: 15px 0;font-size: 14px;color: #0d0d0d;text-align: center;transition: all .5s;}
.listJob .reference td a{color: #0d0d0d}
.listJob .reference td .jobButt{display: inline-block;width: 100px;height: 36px;line-height: 36px;background-color: #ee951f;border-radius: 4px;color: #fff;}

/*招聘详情*/
.jobDetail{background-color: #f6f6f6;}
.detailJob{padding: 20px;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);background-color: #fff;}
.detailJob .jdetit{font-size: 18px;color: #333;margin-bottom: 10px;}
.detailJob .jdeinfo{color: #666;font-size: 14px;padding-bottom: 8px;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}
.detailJob .jdeinfo span{margin-right: 10px;}
.detailJob .content{margin-bottom: 30px;font-size: 12px;}
.detailJob  .send a{color: #f07922}
.detailJob .more{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #fff;background-color: #f07922;border-radius: 4px;margin-top: 20px;}
/*其他服务项目*/
.pageRange{padding: 50px 0;}
.pageRange li{width: 33.33%;float: left;}
.pageRange ul{margin-right: -25px;}
.pageRange li a{display: block;margin-right: 25px;position: relative;padding-top: 90%;overflow: hidden;}
.pageRange li a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .5s;}
.pageRange li a span{position: absolute;left: 0;right: 0;font-size: 20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;bottom: 0;background: rgba(0,0,0,0.7);transition: all .5s;opacity: 1;padding: 0 20px;height: 50px;line-height: 50px;}
.pageRange li a:hover span{height: 0;opacity: 0;}
.pageRange li a:hover img{transform: scale(1.1);}
.pageRange li a .cover{position: absolute;top: 8%;left: 8%;bottom: 8%;right: 8%;background: rgba(239,149,31,0.8);transition: all .5s;padding: 10%;opacity: 0;}
.pageRange li a .cover  h5{font-size: 28px;color: #fff;font-weight: normal;margin-bottom: 30px;opacity: 0;position: relative;top: -10%;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 28px;}
.pageRange li a .cover  p{color: #fff;font-size: 14px;color:#fff;opacity: 0;position: relative;transition: all .5s;top: 10%;}
.pageRange li a:hover .cover{top: 0;left: 0;bottom: 0;right: 0;opacity: 1;}
.pageRange li:hover a .cover  h5{opacity:1;top:0;transition-delay: .4s}
.pageRange li:hover a .cover  p{opacity:1;top: 0;transition-delay: .4s }