﻿/*首页关于我们*/
/*.about-dex-box*/
.bus-dex-box{position: relative;background:#f3f3f3; padding-bottom: 100px;}
.about-dex{padding-top:100px; }
.tit-com{height:30px; line-height:30px; padding-left:30px; font-weight: lighter; color:#009CFA; background:url(../img/common/bg-tit.png) no-repeat left center; margin-bottom: 50px;}
.tit-com span{display: inline-block; border-left:1px solid #232323; padding-left:5px; margin-left:5px; color:#232323;}
.tit-com label{display: inline-block; background:#f3f3f3; padding:0 10px; text-transform: uppercase;}
.about-dex label{background:#fff;}
.a-dex-l{width:454px; height:434px; padding:2px; border:1px solid #000;}
.a-dex-l img{width:100%;}
.a-dex-r{width:740px; height:435px; background: url(../img/index/map.png) no-repeat left center; padding-left:50px; background-size:contain;}
.a-dex-r a{width:160px; height:40px; display: block; line-height: 40px; color:#009CFA; border:1px solid #009CFA; border-radius: 8px;}
.a-link-bar{height:355px; background:url(../img/index/icon-about.png) no-repeat center center;}
.a-l-item{width:50%; float:left; height:180px;}
.a-l-item label{cursor: pointer;}
.a-l-item.fl{padding-right:200px; padding-top:10px;}
.a-l-item.fr{padding-left:200px; }
.fixedBg{background:url(../img/index/bg-fixid.jpg) no-repeat center center; background-attachment:fixed;}
/*首页业务*/
.bus-dex-box{padding-bottom:50px;}
.bus-dex-l{width:580px; height:700px;}
.bus-dex-l .busImg{width:100%; height:640px; overflow: hidden;}
.busImg img{width:100%;}
.bus-txt-span{display: block; width:100%; height:60px; line-height: 60px; font-size:18px; background:#fff; text-indent: 2em;}
.bus-r-item{width:580px;}
.bus-r-item:hover span{background: #009CFA; color:#fff;}
/*首页服务*/
.ser-dex{padding-bottom:100px;}
.ser-dex .tit-com label{background:#fff;}
.ser-dex-box dl{width:385px; height:195px; float:left; background:#e8e7e7 url(../img/index/icon-ser-b.png) no-repeat; padding:40px 40px 0 130px; color:#646464; margin:0 7px;}
.ser-dex-box dl i{display: block; width:60px; height:2px; background:#646464; margin:5px 0;}
.ser-dex-box dl:hover{background:#009CFA url(../img/index/icon-ser-w.png) no-repeat; color:#fff;}
.ser-dex-box dl:hover i{background:#fff;}
.ser-dex-box dt{line-height: 24px; font-size:18px; text-transform: uppercase;}
.ser-dex-box dd{font-size:12px; line-height: 20px;}
.fixedBg2{height:500px; background: url(../img/index/bg-guide.jpg) no-repeat center top; background-attachment:fixed; }
/*首页新闻*/
.news-dex-outer{background:#F3F3F3; height:835px;}
.news-dex,.cont-dex{padding:100px 0;}
.new-tab-tit{text-align: center; height:50px; margin:0 auto; line-height: 50px;  border-right:0;}
.new-tab-tit span{display: inline-block; min-width:140px; height:50px; border:1px solid #e8e7e7; box-sizing: border-box; border-left:0; text-align: center; font-size:16px; background:#fff; padding:0 15px;}
.new-tab-tit span:first{border-left:1px solid #E8E7E7;}
.new-tab-tit span.current,.new-tab-tit span:hover{background:#009CFA; color:#fff;}
.newsList{display:none; height:475px; background:url(../img/index/line-news.png) no-repeat top center;}
.newsList li{width:600px; height:100px; float:left; margin:35px 0 25px; position: relative;}
.newsList li .newsTime{width:100px; height:100px; background:#e8e7e7;}
.newsList li .newsLink{width:460px; height:100px; background:#fff; border:1px solid #e8e7e7;}
.news-l .newsTime,.news-l .newsLink{float:left;}
.news-r .newsTime,.news-r .newsLink{float:right;}
.newsTime span{display: block; width:100%; height:28px; line-height: 28px;text-align: center; background:#009CFA; color:#fff; font-size: 16px;}
.newsTime label{display: block; width:100%; height:72px; line-height: 72px; text-align: center; font-size:24px; color:#8f8f8f;}
.newsLink{padding:15px 20px; color:#323232;}
.newsLink h4{font-size:16px; font-weight: normal; height:40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.newsLink p{height:20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.newsList i{display: block; width:20px; height:20px; background:#fff; position: absolute; z-index: 1; transform: rotateZ(45deg); margin:20px 50px; top:15px; border:1px solid #e8e7e7;}
.news-l i{right:-20px; border-left:0; border-bottom:0;}
.news-r i{left:-20px; border-right:0; border-top:0;}
.newsList li:hover h4{color:#009CFA;}
/*首页联系我们*/
.wrap-all .cont-box{background:url(../img/common/cont-bg.jpg) no-repeat center center; overflow: hidden;}
.cont-box{height:735px; background-size:cover; padding-top:100px;}
.cont-box .tit-com{background:url(../img/common/bg-tit2.png) no-repeat center left;}
.cont-box .tit-com label{background:none;}
.cont-box .tit-com span{color:#fff; border-left-color: #fff;}
.cont-l{width:520px; height:320px; position: relative; margin-top:80px;}
.l-body{position: absolute; bottom:0; left:0; z-index: 9;}
.l-down{position: absolute; top:16px; left:0; transform-origin:top center;transition: all .5s ease 0s; transform: rotateX(0deg); z-index: 11;}
.l-up{position: absolute; top:-99px; left:-1px; transform-origin:bottom center;transition: all .5s ease 0s; transform: rotateX(-90deg); z-index: 7;}
.l-com{width:450px; height:400px; border-radius: 8px; background:#fff; margin:0 auto; padding:40px 20px; opacity: 0; position: relative; z-index: 8;line-height: 30px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); transition: all .8s ease 1s; -webkit-transition: all .8s ease 1s; -moz-transition: all .8s ease 1s; -ms-transition: all .8s ease 1s; -o-transition: all .8s ease 1s;}
.l-com dt{border-bottom:1px dashed #e8e7e7; color:#009CFA; font-size:18px; }
.l-bg{width:520px; height:300px; background:#909090; position: absolute; z-index: 7; top:20px; border-radius:6px;}
.opacity1{opacity: 1; filter:opacity(100%); -webkit-transform: translateY(-250px); -moz-transform: translateY(-250px); -ms-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px);}
.rotate90{-webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg);}
.rotate0{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);}
.code-dl{width:112px; height:157px; background:#fff; padding:6px; position: absolute; top:120px; left:205px; z-index: 10;}
.code-dl dt{width:100px; height:100px; margin-bottom:10px;}
.code-dl dt img{width:100%;}
.arr-down{position: absolute; top:130px; left:246px; z-index: 11; animation-name: arr-down; animation-duration: .8s; animation-timing-function:ease-in-out; animation-iteration-count: infinite; cursor: pointer;}
@keyframes arr-down{
	from{transform: translateY(0px); opacity: 1;}
	to{transform: translateY(20px); opacity: 0;}
}
@-webkit-keyframes arr-down{
	from{transform: translateY(0px); opacity: 1;}
	to{transform: translateY(20px); opacity: 0;}
}
.cont-map{width:600px; height:460px;}
/*底部*/
.footerBar{background:#323232;}
.logo-btm{width:180px; padding:0 20px}
.logo-btm img{width:100%;}
.footerBar p{width:840px; margin:0 auto; color:#fff; line-height: 60px;}
.footerBar p a{color:#fff;}


.news-ban{height:400px;}
.new-respon{padding:80px 0;}
.new-respon .tit-com label{background:#fff;}
.respon-Bar{width:100%; height:436px; position: relative;}
.res-btn-p{position: absolute; right:0; bottom:0; z-index: 1;}
.res-btn-p a{width:25px; height:25px; border-radius: 50%; background:#808080; font-size:18px; text-align: center; color:#fff; cursor:pointer;}
.respon-box{height:436px; position: relative;}
.responItem{position: absolute; top:0; left:0; display: none;}
.responImg{width:456px; height:436px; border:1px solid #000; padding:2px;}
.responImg img{width:100%;}
.responTxt{width:665px; line-height: 30px; color:#666; font-size:14px;}
.responTxt label{color:#323232; font-size:20px;}
.responTxt p{text-indent: 2em;}

/*分页*/
.pageDiv{clear:both; width:100%; text-align: center; margin-top:50px;}
.pageDiv span.current {background: #009CFA;color: #fff; padding: 4px 8px; margin: 0 3px; border: 1px solid #009CFA;}
.pageDiv a.num { display: inline-block; padding: 4px 8px; border: 1px solid #dcdcdc; margin: 0 3px;  cursor: pointer;}
.pageDiv a.prev, .pageDiv a.next {display: inline-block; padding: 4px 8px; border: 1px solid #dcdcdc; margin: 0 3px; cursor: pointer;}
.pageDiv a.prev:hover, .pageDiv a.next:hover,.pageDiv a.num:hover {background: #009CFA;color: #fff !important;}

.a-fixed{height:800px; background: url(../img/about/fixed-bg.jpg) no-repeat center center; background-attachment: fixed; padding:80px 0;}
.a-fixed .tit-com,.a-value .tit-com{background:url(../img/common/bg-tit2.png) no-repeat left center; }
.a-fixed .tit-com label,.a-value .tit-com label{background:none;}
.a-fixed .tit-com span,.a-value .tit-com span{color:#fff; border-left-color: #fff;}
.a-fixed-txt{line-height: 24px;}
/*图标切换*/
.icons-outer{position: relative;}
.icons-outer .btn-prev,.icons-outer .btn-next{position: absolute; top:140px;}
.icons-outer .btn-prev{left:0;}
.icons-outer .btn-next{right:0;}
.icons-box{width:1140px; height:385px; margin:0 auto; overflow: hidden;}
.icons-ul{}
.icons-ul li{width:200px; height:280px; float:left; margin:40px 8px; background:#e5e5e5; color:#455a7d; transition: all .4s ease; line-height:20px;}
.icons-ul li dt{width:200px; height:200px;  position: relative;}
.icons-ul li dt img{position: absolute; width:100%;}
.icons-ul li dt .iconAfter{display: none;}
.icons-ul li:hover{background:#009CFA; color:#fff;}
.icons-ul li:hover .iconBefore{display: none;}
.icons-ul li:hover .iconAfter{display: block;}
.icons-ul li dd{padding:0 5px;}
.icons-ul li.liScale{width:260px; height:365px; background:#009CFA; color:#fff; margin-top:0;}
.icons-ul li.liScale dt{width:260px; height:260px;}
.icons-ul li.liScale .iconAfter{display: block;}
.icons-ul li.liScale .iconBefore{display: none;}
.a-story{padding:90px 0; height:645px;}
.a-story .tit-com label{background:none;}
.a-story p{color:#323232; text-indent: 2em; line-height: 26px;}
.a-value{height:700px; padding:90px 0; line-height: 30px;}

.a-expert label{background:none;}
.manItem{padding:20px 0; border-bottom: 1px dashed #e8e7e7;}
.manItem:last-of-type{border-bottom: 0px;}
.manImg{width:240px; height:240px; overflow: hidden;}
.manImg span{display: block; width:100%; height:100%; border-radius: 50%;}
.manInfo{padding:0 60px; line-height: 24px; font-size:14px;}
.manInfo label{font-size:18px; display: block;}
.manInfo a{width:80px; height:30px; background: #009CFA; color:#fff; text-align: center; line-height: 30px; padding:8px 15px; border-radius: 4px;}
.serOuter{background:#f4f6f7;}
.serOuter .serBar{background:#fff; padding:40px; line-height: 30px;}
.serOuter .tit-com label{background:#f4f6f7;}
.serBar img{max-width:95%; margin:10px auto;}
.serBar{position: relative;}
.serBoxItem{border-bottom:1px solid #e5e5e5; display: none; padding-bottom:50px;}
/*联系我们*/
.cont-page .cont-box,.cont-page .cont-box .tit-com label{background:#f4f6f7;}
.cont-page .cont-box .tit-com span{color:#323232; border-left-color: #323232;}
/*加入我们*/
.join-car{overflow: hidden; height:700px;}
.join-car .res-btn-p{width:665px; left:0;}
.join-car .responImg{border:0;}
.job-bar{background:#f4f6f7; padding:90px 0;}
.job-bar .tit-com label{background:#f4f6f7;}
.foldBar{width:1000px; margin:30px auto;}
.job-fold{width:100%; margin-top:2px; box-shadow:1px 1px 5px 1px rgba(0,0,0,.1);}
.fold-tit{width:100%; padding:20px 20px 20px 0; color:#fff; font-size:14px; padding-left:60px; display: table; background:#009cfa url(../img/join/icon-reduce.png) no-repeat 98% center; transition: all .4s ease; cursor: pointer;}
.fold-tit-add{width:100%; background:#646464 url(../img/join/icon-add.png) no-repeat 98% center !important;}
.fold-tit span{display: table-cell; vertical-align: middle; font-weight: bold; font-size:18px;}
.fold-tit i{padding:0 1rem;}
.fold-con{padding:15px; color:#000; display: none;}
.fold-con h4{margin:1.5rem 0; color:#0068b7;}
.fold-con p{ line-height: 1.5rem; text-indent: 2em; font-size:14px;}
.fold-con p label{font-weight: bold; color:#0068b7;}
.sendEmail{width:100%; background:#009cfa; line-height: 3em; padding:0 25px; font-size:16px; display: none; color:#fff;}


/*新闻内页*/
.news-details-bar { width: 1200px; margin: 0 auto; padding: 50px 0;}
.comment-bar { width: 100%;}
.comment-top { width: 100%; border-bottom: 2px solid #ccc; padding-bottom: 10px;}
.comment-top h3 { font-size: 28px; text-align: center; line-height: 32px; color: #1a1a1a; width: 860px; margin: 40px auto;}
.news-sec-tit { text-align: left; font-size: 14px; line-height: 2em; width: 860px; margin: 0 auto; color: #989898;}
.news-sec-tit label { margin-right: 15px;}
.news-comment { padding: 30px 0; font-size: 14px; line-height: 24px; color: #1a1a1a;}
.news-com-txt img{display: block; max-width:100%; margin:0 auto;}
.prev-next-div {border: 1px solid #cccccc; border-left: none; border-right: none; font-size: 13px; padding: 7px 0px; margin-top: 24px; line-height: 1.5em; clear: both; display: inline-block; width: 100%;}
.comment-share-back>p a { background: #f2f2f2; padding: 10px 42px; color: #262626; font-size: 14px; margin-top: -12px; transition: .5s cubic-bezier(.3, 0, 0, 1.3); transition: .5s cubic-bezier(.3, 0, 0, 1.3);}
.comment-share-back>p a:hover { background: #009CFA; color: #fff;}
.prev-next-div a span {display: inline-block; background: #f2f2f2; color: #1a1a1a; padding: 5px 15px; margin-right: 5px;}
