/*
* website main.css create by zy 2016-5-13
*/

/* default.html css */
.header{height: 82px; overflow: hidden;}
.logo{padding-top: 13px;}
.nav-bar{box-sizing: border-box;}
.nav-bar li{float: left; -moz-transition: background 0.5s ease-in,color 0.3s ease-out; -webkit-transition: background 0.5s ease-in,color 0.3s ease-out; -o-transition: background 0.5s ease-in,color 0.3s ease-out; transition: background 0.5s ease-in,color 0.3s ease-out;}
.nav-bar li a{display: block; font-size: 14px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height: 79px; padding-left: 35px; padding-right: 35px; line-height: 79px;}
.nav-bar li:hover{background-color: #fafafa; border-bottom: 3px solid #340e6f;}
.nav-bar li.active{border-bottom: 3px solid #340e6f;}
.nav-bar li.active a{border-left:1px solid #dedede; border-right:1px solid #dedede; background-color: #fafafa; color: #000000;}
.banner{float:left; width: 100%;height: 580px; background:#eee;overflow: hidden;}
.index-body{height: 815px;}
.index-left{width: 65%;}
.index-right{width: 31%; border: 2px solid #dedede;}
.news-left{width: 49.5%; border-right: 1px solid #dedede;}
.news-right{width: 46.5%;}
.news-hot-images{width: 360px; height: 200px; background-color: #f0f0f0;}
.meta-title{padding: 17px 0;}
.meta-title h2{font-weight: normal;}
.meta-title label{color: #a0a0a0;}
.meta-title span{float: right;}
.news-right dl{clear: both; height: 100%;}
.news-right dt,dd{float: left;}
.news-right dt{height: 80px; width: 80px; background-color: #f0f0f0; overflow: hidden;}
.news-right dd{width: 70%; padding-left: 10px;}
.q-and-a dl{clear: both;}
.q-and-a dt,dd{float: left;}
.q-and-a dt{height: 62px; width: 62px; overflow: hidden;}
.q-and-a dd{width: 77%; padding-left: 10px;}
.footer-fix{position: absolute; bottom: 0;}
.footer{height: 220px; background-color: #383f46; padding-top: 80px; color: #bfbfbf;}
.foot-col-1{ width: 32%; float: left; border-right: 1px solid #535a61; height: 130px;}
.foot-col-1 a{color: #a4a6a7;}
.foot-col-1 a:hover{color: #bfbfbf;}
.foot-nav li{ float: left; width: 30%; padding-bottom: 10px;}
.foot-col-2{width: 45%; float: left; border-right: 1px solid #535a61; height: 130px;}
.foot-col-2.kehu dl{clear: both; height: 75px; width: 300px; margin: 0 auto;}
.foot-col-2.kehu dt,dd{float: left;}
.foot-col-2.kehu dt{height: 44px; width: 44px; overflow: hidden;}
.foot-col-2.kehu dd{padding-left: 10px;}
.foot-col-3{width: 22%; float: right; height: 130px;}
.foot-copyright{padding-top: 50px;}

/* guandaozhuanjia.html css */
.guandao-banner{height: 360px; text-align: center; background-color: #3da4c6;}
.our-service{height: 510px; overflow: hidden; padding-top: 50px;}
.service-box{width:1250px; text-align: center;}
.service-box div{width: 296px; float: left; height: 300px; background-color: #ffffff; padding-top: 30px; margin-right: 6px;}
.expert-info{height: 820px; padding-top: 50px;}
.expert-box>div{width: 25%; height: 260px; position: relative; float: left; overflow: hidden;}
.expert-txt{position: absolute; left: 0; top: 0; background-color: rgba(61,164,198,0.7); color: #ffffff; box-sizing: border-box; padding: 30px; height: 100%; box-sizing: border-box; cursor: pointer; opacity: 0; filter:alpha(opacity:0); transition: .5s; width: 100%;}
.expert-box>div:hover .expert-txt{opacity: 1; filter:alpha(opacity:100);}
.expert-bg{background: #ebebeb url(../images/expert_bg.jpg) no-repeat center top;}

/* guandaoruanjian.html css */
.master{height: 680px; overflow: hidden; padding-top: 100px; position: relative;}
.pipe-left{width: 32%;}
.pipe-bg-01{background: #ebebeb url(../images/master_01.png) no-repeat center 100px;}
.pipe-bg-02{background: #f5f5f5 url(../images/master_02.png) no-repeat center 100px;}
.pipe-bg-03{background: #ffffff url(../images/master_03.png) no-repeat center 100px;}
.pipe-ball{height: 300px; position: absolute; bottom: 0;}
.pipe-ball .ball{height: 260px; width: 260px; border: 1px solid #bfbfbf; border-radius: 50%; position: absolute; bottom: -50px; cursor: pointer; overflow: hidden;}
.ball-pos1{left: 0;}
.ball-pos2{left: 310px;}
.ball-pos3{left: 625px;}
.ball-pos4{left: 938px;}
.ball{text-align: center;}
.ball>p{width: 65%; margin: 0 auto;}
.ball .f-36{color: #3da4c6;}
.ball .f-12{color: #777777;}
.pipe-ball .ball-box:hover .f-36{color: #ffffff;}
.pipe-ball .ball-box:hover .p-t-10{color: #ffffff;}
.leaning{height: 870px; overflow: hidden; padding-top: 100px; position: relative;}
.pipe-expert{position: absolute; bottom: 0;}
.pipe-box{overflow: hidden; width: 1200px; position: relative; height: 400px;}
.pipe-box .pbinner{width:3800px; height: 400px; position: absolute;}
.pipe-box .pbinner div{width: 374px; float: left; margin-right: 39px;}
.pipe-box .pbinner div images{width: 374px; height: 230px;}
.pipe-development{height: 850px; overflow: hidden; padding-top: 100px; position: relative;}
.development-sys{height: 98px; background: url(../images/sprite.png) no-repeat left -502px; float: left; width: 32.5%; margin-bottom: 65px;}
.development-left{width: 55%; overflow: hidden;}
.development-box{padding-top: 50px; width: 1430px;}
.development-right{position: absolute; right: -50px; top: 160px;}
.pipe-pager{position: absolute; right: 0; top: -30px;}
.pipe-pager span{display: block; height: 22px; width: 34px; float: left;}
.management{height: 500px; padding-top: 150px;}
.soft{height: 620px; padding-top: 80px;}
.soft-left{width: 33.3%;}
.soft-right{width: 33.3%;}

/* guandaofuwu.html css */
.fuwu{height: 870px; overflow: hidden; padding-top: 70px;}
.fuwu-left{width: 68%; float: left;}
.fuwu-right{width: 32%; float: right;}
.fuwu-left dl{width: 49%; float: left; height: 200px;}
.fuwu-left dt,dd{float: left;}
.fuwu-left dd{width: 80%;}

/* kehuzhichi.html css */
.support-bg{background: #3da4c6 url(../images/zhichi_bg_01.jpg) no-repeat center -60px;}
.support{height: 540px;}
.support-right{float: right; width: 45%; padding-top: 100px;}
.i-line{clear: both; padding-bottom: 20px;}
.i-input{height: 48px; background-color: #eeeeee; border-radius: 4px; border: none; width: 100%; padding: 3px 3px 3px 18px; box-sizing: border-box;}
.i-line>div{width: 48%;}
.i-textarea{height: 165px; background-color: #eeeeee; border-radius: 4px; border: none; width: 100%; padding: 18px 3px 3px 18px;; box-sizing: border-box;}
.contact-staff{height: 470px; padding-bottom: 300px; padding-top: 70px;}
.staff-box{width: 1300px;}
.staff-box>div{width: 30.5%; height: 300px; background-color: #ffffff; text-align: center; float: left; margin-right: 6px;}

/* guanyuwomen.html css */
.qiye{height: 480px; overflow: hidden; padding-top: 70px;}
.qiye-col{width: 33.33%; float: left; text-align: center; padding-top: 35px;}
.short-line{height: 3px; background-color: #646464; width: 38px; margin: 0 auto;}
.jieshao{height: 440px; background: url(../images/about_us_bg.jpg) no-repeat top center;}
.join-us{height: 560px; overflow: hidden; padding-top: 70px;}
.contact-us{height: 800px; padding-top: 70px;}
.addr.c-t-777{padding-top: 10px; padding-bottom: 10px;}
.addr.c-t-777 span{margin-right: 20px; margin-bottom: -8px;}
.contact-left{width: 40%; float: left;}
.contact-right{width: 55%; float: right;}
.our-pos{}
.jieshao-box{width: 810px; color: #ffffff; margin: 0 auto; font-size: 16px; line-height: 26px; text-align: center; position: relative;}
.rec:before{content: "“"; font-size: 80px; font-family: Arial; position: absolute; bottom: 150px; left:-35px;}
.rec:after{content: "”"; font-size: 80px; font-family: Arial; position: absolute; bottom: -1px; right:-20px;}

/* xinwenwenti.html css */
.article{ padding-bottom: 350px; padding-top: 32px;}
.question{padding-top: 32px; padding-bottom: 350px;}
.article-left{width: 240px; float: left;}
.article-nav>li{font-size: 16px; line-height: 66px; background-color: #3da4c6; color: #2e7890;}
.article-nav>li a{color: #2e7890; display: block; height: 100%; text-align: center;}
.b-nav-li{border-bottom: 1px solid #10586f;}
.article-nav .active a{color: #ffffff;}
.article-right{float: left; width: 960px;}
.article-inner{padding: 32px 32px 32px 32px;}
.article .article-inner{}
.article-table{padding-bottom: 32px;}
.article-table th,td{text-align: left; vertical-align: top;}
.article-table th{font-weight: lighter; color: #3da4c6; padding-bottom: 28px;}
.article-table td{color: #646464;}
.sub-nav{padding-bottom: 12px; padding-top: 12px;}
.sub-nav>li{font-size: 14px; line-height: 36px;}
.sub-nav>li:hover{background-color: #0f5870;}
.nav-line{height: 1px; width: 180px; margin: 0 auto; clear: both; background-color: #10586f;}
.sub-nav .active{background-color: #10586f;}
.article-dl{height: 140px; position: relative;}
.article-dl>dt{height: 100px; width: 148px; float: left;}
.article-dl>dd{float: left; width: 65%; padding-left: 32px;}
.dl-time{position: absolute; right: 0; top: 20px;}
.news-b-line{border-bottom: 1px solid #dedede;}
.article-content{line-height: 22px; padding-top: 32px;}
.article-content img{width: 100%;}
.go-back{display: block; height: 32px; width: 66px; background: url(../images/sprite.png) no-repeat 10px -868px; line-height: 30px; cursor: pointer; text-indent: 25px;}
.go-back:hover{background: url(../images/sprite.png) no-repeat -85px -868px; color: #ffffff;}


.show_news{float:left; width:100%; margin-top:15px; line-height:220%;}
.show_news .news_tit{float:left; width:calc(100% - 40px); padding:30px 20px 10px; text-align:center; border-bottom:1px dashed #e9e9e9; overflow:hidden;}
.show_news .news_tit h2{font-size:18px; line-height:40px;}
.show_news .news_tit span{color:#969696; line-height:24px;}
.show_news .news_content{float:left; width:calc(100% - 40px); padding:20px; line-height:220%;}
.show_news .news_content img{max-width:765px;}