/*

 首页内容

 * */

#imain1{padding: .6rem 0 0;}

.i_tit{text-align: center; font: bold .25rem/.6rem "微软雅黑"; color: #333;}

.i_mcon1{width:100%; overflow:hidden;}

.i_mcon1 a{display: block; width: 33.33%; color: #666; float: left; overflow:hidden}

.i_mcon1 a img{display: block; width: 140%; position:relative; max-width:140%; position:relative; left:-20%; margin:-30% 0;}

.i_mcon1 a h3{text-align: center; font: 400 .22rem/.5rem "微软雅黑"; color: #666;}



#imain2{padding: 0 5% .3rem; position: relative;}

.im_con2{width: 70%; margin: .2rem auto 0; overflow:hidden;}

.im_con2 ul{width: 1000%;}

.im_con2 ul li{float: left; position:relative;}

.im_con2 ul li h3{ position:absolute; left:0; top:30%; font:bold .25rem/.4rem "微软雅黑"; color:#fff; width:100%; text-align:center;}

.im_con2 ul li p{position:absolute; left:10%; top:40%; font:400 .2rem/.4rem "微软雅黑"; color:#fff; width:80%;}

#imain2 .ctrl{position: absolute; top: 50%; margin-top: -.2rem; width: .2rem; height: .4rem;}

#imain2 .lf_ct{left: 5%; background: url(../images/i_lf.jpg) center no-repeat; background-size: 100% auto;}

#imain2 .ri_ct{right: 5%; background: url(../images/i_ri.jpg) center no-repeat; background-size: 100% auto;}



#imain3{padding: .3rem 0 0;}

.im_con3{position: relative;margin: .3rem 0 0;}

.im_con3 .yx{width: 2.3rem; height: 2.3rem; background: #ebe9ea; border-radius: 50em; padding: .45rem; margin: 0 auto;}

.im_con3 .yxnr{background: #fff; border-radius: 50em; padding: .1rem; width: 1.4rem; height: 1.4rem;}

.im_con3 .yxnr h3{width:1.2rem; height: 1.2rem; border-radius: 50em; border: #000 dashed 1px; text-align: center; font: bold .24rem/1.2rem "微软雅黑"; color: #757575;}

.im_con3 .pic{width: 30%; position: absolute; display: block;}

.im_con3 .pic .txt{text-align: center; font: 400 .16rem/.4rem "微软雅黑"; color: #666;}

.im_con3 .pic img{width: 60%; margin: 0 auto;}

.im_con3 .pic1{bottom: 50%; margin-bottom: 1.3rem; left:35%;}

.im_con3 .pic2{bottom: 50%; margin-bottom:.3rem; left:70%;}

.im_con3 .pic3{top: 50%; margin-top: -.2rem; left:70%;}

.im_con3 .pic4{top: 50%; margin-top: 1.2rem; left:55%;}

.im_con3 .pic5{top: 50%; margin-top: 1.2rem; right:55%;}

.im_con3 .pic6{top: 50%; margin-top: -.2rem; right:70%;}

.im_con3 .pic7{bottom: 50%; margin-bottom: .3rem; right:70%;}



#imain4{padding: .5rem 5%;}

#imain4 .con{padding: .3rem 0 0; overflow:hidden;}

#imain4 .con ul{ width:1000%;}

#imain4 .con li{display: block; float: left;}



/*

 招聘

 * */

.iban{position: relative;}

.iban img{display: block; width: 100%;}

.job_list{padding: .5rem 5%;}

.job_list dl{background: #e4e4e4; margin-bottom: .3rem; padding: .15rem 5%;}

.job_list dl dt{border-bottom: #999 solid 1px; font: 400 .23rem/.5rem "微软雅黑"; color: #404c5a;}

.job_list dl dd{padding:.1rem; font: 400 .2rem/200% "微软雅黑"; color: #666;}

.job_tel{background: url(../images/jt_ico.jpg) right center no-repeat #6a1c1c; background-size: auto 100%; padding: .1rem 5%; font: 400 .2rem/.3rem "微软雅黑"; color: #fff; margin-bottom:.5rem}

.job_tel em{color: #ffdfe5;}

.job_tel a{color: #ffdfe5; text-decoration: underline;}



.n_dt{position: absolute; width: 100%; left: 0; bottom: 0;}

.n_dt a{display: block; float: left; width: 50%; height: .5rem; text-align: center; font: 400 .22rem/.5rem "微软雅黑"; background: rgba(0,0,0,.3); color: #979596;}

.n_dt a.on{background: rgba(255,255,255,.2); color: #fff;}



.news_list{padding: .5rem 5% 0;}

.news_list dl{margin-bottom: .3rem;}

.news_list dl dt{float: left; width: 37.5%; padding: .1rem 0 0;}

.news_list dl dt img{width: 100%;}

.news_list dl dt a{display: block;}

.news_list dl dd{float: right; width: 58%;}

.news_list dl dd .text{height: .7rem; font: 400 .22rem/.35rem "微软雅黑"; color: #333; overflow: hidden; display: block;}

.news_list dl dd .text2{height: .6rem; font: 400 .18rem/.3rem "微软雅黑"; color: #666; overflow: hidden;}

.news_list dl dd .tim{font: 400 .2rem/.3rem "微软雅黑"; color: #999; height: .3rem; overflow: hidden;}

.news_list dl dd .tim em{font-size: .16rem; margin-left:.1rem;}



.loadmore{margin: .5rem 5%; background: #475b74 url(../images/more_ico.jpg) center center no-repeat; background-size: .3rem auto; height: .4rem;}





.nv_tit{text-align: center; padding: .5rem 5% 0; font: bold .22rem/.4rem "微软雅黑"; color: #333;}

.nv_tim{text-align: center; font: 400 .18rem/.4rem "微软雅黑"; color: #666;}

.nv_ncon{padding: .2rem 7%; font: 400 .2rem/200% "微软雅黑"; color: #666; min-height: 5rem;}

.nv_updown{padding: .3rem 5% .5rem; font: 400 .2rem/.5rem "微软雅黑"; color: #666;}

.nv_updown a{color: #666;}



/*

 案例列表

 * */

.bgfff{background: #ffffff;}

.case_c1{padding: .5rem 0 .3rem;}

.case_c1 .pic{display: block; margin: 0 auto; width: 26.5625%;}

.case_c1 .txt{text-align: center; font: bold .22rem/.4rem "微软雅黑"; color: #333;}

.case_c2{padding: 0 3.125%; position: relative;}

.case_c2 .ctrl{position: absolute; width: .35rem; height: .35rem; top: .5rem;}

.case_c2 .ctrl img{width: 100%;}

.case_c2 .lf_ct{left: 3%;}

.case_c2 .ri_ct{right: 3%;}

.case_c2 .con{width: 82.5%; margin: 0 auto; overflow:hidden;}

.case_c2 .con ul{width: 200%;}

.case_c2 .con ul li{width: 50%; float: left;}

.case_c2 .con ul li .pic img{width: 100%;}

.case_c2 .con ul li .txt{text-align: center; font: bold .25rem/.7rem "微软雅黑"; color: #333;}

.case_c3{background: #eeeeee; padding: .3rem 3.75%; font: 400 .2rem/200% "微软雅黑"; color: #333;}



.case_pic{padding: .3rem 0 0;}

.case_pic img{width: 100%;}



.bgd6d9e2{background: #d6d9e2 !important;}

.c_con1{padding: .3rem 5%;}

.n_ncon{font: .2rem/.4rem "微软雅黑"; color: #333; padding: .1rem 0 3% 0;}



.c_con2{background: #a3a3a3; padding: .2rem 5%;}

.c_con2 dl{float: left; width: 33.33%;}

.c_con2 dl dt img{display: block; margin: 0 auto; width: 50%;}

.c_con2 dl dd{font: 400 .16rem/180% "微软雅黑"; color: #fff; text-align: center; padding-top: .1rem;} 

.c_con2 dl dd b{font-size: .2rem;}



.c_con3{padding: .3rem 5% 0;}

.c_con3 .bt{margin-left: 5%; font: bold .22rem/.4rem "微软雅黑"; color: #485460;}

.c_con3 .nr{padding: .2rem 0 0 15%;}

.c_con3 .nr ul{padding-bottom: .1rem;}

.c_con3 .nr li{float: left; position: relative; height: .4rem; width: 50%; overflow: hidden; font: 400 .2rem/.4rem "微软雅黑";}

.c_con3 .nr li a{display: block; color: #485460; margin-left: .2rem;}

.c_con3 .nr li:after{width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; margin-top: -.05rem; background: #485460; content: " ";}

.c_con3 .more{display: block; margin: .2rem auto; width:28%;}



.c_con4{padding: .3rem 0 0;}

.c_con4 .tit{font:bold .2rem/.3rem "微软雅黑"; color: #000; margin-left: 20%;}

.c_con4 .tit em{color: #666; text-transform: uppercase; display: block;}

.c_con4 .con{font: 400 .2rem/180% "微软雅黑"; color: #333; margin-left: 20%; padding:.15rem 7% 0 0; min-height: 2rem;}

.c_con4 .con a{color: #666;}



.c_con5{margin: .2rem auto; width: 75%;}

.c_con6{width: 85.5%; margin: 0 auto .3rem; font: 400 .16rem/.3rem "微软雅黑";}

.c_con6 p{margin-bottom: .15rem; padding: .05rem 5% .05rem 10%; height: .7rem;}

.c_con6 p:nth-child(1){background: url(../images/map_1.jpg) center center no-repeat; background-size: 100% auto; line-height: .6rem;}

.c_con6 p:nth-child(2){background: url(../images/map_2.jpg) center center no-repeat; background-size: 100% auto;}

.c_con6 p:nth-child(3){background: url(../images/map_3.jpg) center center no-repeat; background-size: 100% auto;}



.fc_con1{margin: .5rem 5%; background: #516077; position: relative; overflow:hidden;}

.fc_con1>ul{width: 100%;}

.fc_con1>ul li{float:left; overflow:hidden;}

.fc_con1>ul li dt{padding: .15rem .25rem; position:relative;}

.fc_con1>ul li dt .txt{display: block; font: 400 .21rem/.4rem "微软雅黑"; color: #fff; width:70%;}

.fc_con1>ul li dt .text{height: .6rem; overflow: hidden; font: 400 .18rem/.3rem "微软雅黑"; color: #dce6f2;}

.fc_con1 .btns{position:absolute; padding:.15rem .1rem 0; right:0; top:0; background:#516077; z-index:999}

.fc_con1 .btns p{width:.35rem; height:.35rem; margin-left:.1rem; float:right}

.fc_con1 .btns p img{display:block; width:100%;}



.fc_con1 .pics{position: relative;}

.fc_con1 .pics i{display:block; width:.35rem; position:absolute; top:50%; margin-top:-.3rem; z-index:999;}

.fc_con1 .pics i.lf{left:5%;}

.fc_con1 .pics i.ri{right:5%;}

.fc_con1 .pics ul{ width:1000%;}

.fc_con1 .pics li{ position:relative; float:left; overflow:hidden;}

.fc_con1 .pics li img{width: 100%; height:3.5rem;}

.fc_con1 .pics li .pfnr{position: absolute; background: rgba(255,255,255,.2); width: 100%; left: 0; bottom: 0; padding: .1rem 5%;}

.fc_con1 .pics li .pfnr .txt{display: block; height: .4rem; font: 400 .2rem/.4rem "微软雅黑"; color: #fff;}

.fc_con1 .pics li .pfnr .text{font: 400 .16rem/.25rem "微软雅黑"; color: #fff; height: .5rem; overflow: hidden;}



.fc_con2{background: #bdbbbb url(../images/fc_xin.jpg) 6% center no-repeat; background-size: 25% auto; padding: .1rem 5% .1rem 32%;}

.fc_con2 h3{text-align: right; font: bold .18rem/.3rem "微软雅黑"; color: #fff;}

.fc_con2 .nr{font: 400 .16rem/.3rem "微软雅黑"; color: #fff;}



/*

 解决方案

 * */

.bg737f8d{background: #737f8d !important;}

.fa_list dl{border-bottom: #c3cbd8 solid 1px;}

.fa_list dl dt{ padding: .2rem 0;}

.fa_list dl dt .lf{float: left; width: 33%;}

.fa_list dl dt .lf .pic{display: block; width: 60%; margin: 0 auto; padding: .3rem 0 0;}

.fa_list dl dt .lf .pic img{width: 100%;}

.fa_list dl dt .ri{float: left; width: 67%; position: relative; padding:0 5% .2rem 0;}

.fa_list dl dt .ri .txt{display: block; font: bold .21rem/.5rem "微软雅黑"; color: #fff;}

.fa_list dl dt .ri .text{font: 400 .16rem/.3rem "微软雅黑"; color: #fff; margin-bottom: .2rem;}

.fa_list dl dt .ri .more{display: block; width: 40%; background: #8f99a4 url(../images/fajt.png) .1rem center no-repeat; background-size:.15rem auto; text-indent:.15rem; text-align: center; font: 400 .18rem/.35rem "微软雅黑"; color: #fff;}

.fa_list dl dd{display: none; background: #eeeeee;}

.fa_list dl dd .lf{float: left; width: 620px; height: 505px;}

.fa_list dl dd .lf .pic{display: block; width: 408px; height: 400px; margin: 0 auto;}

.fa_list dl dd .lf .text{text-align: center; font: 400 22px/60px "微软雅黑"; color: #666;}

.fa_list dl dd .ri{float: right; padding: 115px 0 0; width: 560px;}

.fa_list dl dd .ri .txt{height: 50px; font: bold 24px/50px "微软雅黑"; color: #333;}

.fa_list dl dd .ri .text{padding: 12px 0 0; font: 400 16px/28px "微软雅黑"; color: #666;}

.fa_list dl dd .ri .text p{background: url(../images/fa_ico.jpg) left center no-repeat; padding-left: 14px;}

.fa_list dl.on dd{display: block;}

.fa_list dl.on dt .ri .more{background: #8f99a4 url(../images/fajt2.png) .1rem center no-repeat; background-size:.15rem auto; text-indent:.15rem;}

.fa_list dl:nth-child(2n) dt .lf{float: right; text-align: right;}

.fa_list dl:nth-child(2n) dt .ri{float: right; padding:0 0 0 5%;}

.fa_list dl:nth-child(2n) dt .ri .more{left: 2px; right: auto;}

.fa_list dl:nth-child(2n) dd .lf{float: right;}

.fa_list dl:nth-child(2n) dd .ri{float: right;}

.fa_list dl dd .ri.three{ padding-top: 25px;}

.fa_list dl dd .ri.three .text{ margin-bottom: 20px;}

.fa_list dl dd.four li{width: 33.33%; float: left;}

.fa_list dl dd.four li .pic{display: block; margin: 0 auto; width: 178px; height: 280px;}

.fa_list dl dd.four li .pic2{display: block; margin: 0 auto; width: 235px; height: 208px;}

.fa_list dl dd .pic6{display: block; height: 192px; padding: 32px 0 0;}

.fa_list dl dd.four li h4{text-align: center; height: 58px; font: bold 24px/58px "微软雅黑"; color: #333;}

.fa_list dl dd.four li h4.bt2{text-align: center; height: 64px; font: bold 24px/64px "微软雅黑"; color: #333;}

.fa_list dl dd.four li h4.bt3{text-align: center; height: 80px; font: bold 24px/80px "微软雅黑"; color: #333; padding-top: 15px;}

.fa_list dl dd.four li .son{font: 400 16px/28px "微软雅黑"; color: #666; width: 230px; margin: 0 auto; text-indent: 1em;}

.fa_list dl dd.four li .son2{font: 400 16px/28px "微软雅黑"; color: #666; width: 230px; margin: 0 auto; text-indent: 1em; padding-top: 10px;}

.fa_list dl .pt44{padding-top: 44px;}

.fa_list dl:last-child{border-bottom: none;}



.djs_con{ position:absolute; left:5%; bottom:.3rem; width:90%;}

.djs_con .gdnr{overflow:hidden; width:95%; height:1.7rem; position:relative; background:url(../images/dsj3.png) left bottom repeat-x; background-size:auto .08rem;}

.djs_con #gdnr{overflow:hidden; height:1.7rem; margin-left:5%; width:95%;}

.djs_con .gdnr li{float:left; width:2.2rem; background:url(../images/dsj1.png) left top no-repeat; background-size:.2rem auto; height:1.24rem; margin-top:.4rem; padding-left:.3rem; cursor:pointer;}

.djs_con .gdnr li dt{height:.3rem; font:bold .22rem/.22rem "微软雅黑"; color:#fff;}

.djs_con .gdnr li dd{font:400 .18rem/.3rem "微软雅黑"; color:#fff; margin-right:.2rem;}

.djs_con .gdnr li:nth-child(2n){background:url(../images/dsj2.png) left top no-repeat; background-size:.2rem auto; margin-top:0; height:1.64rem;}

.djs_con i{display:block; position:absolute; left:95%; bottom:-.2rem; background:url(../images/dsj4.png) left top no-repeat; background-size:90% auto; width:.2rem; height:.4rem;}





.canrnr{ width:100%;}

.canrnr .case_c3{width:100%;}





.cul_hdp{ padding:.2rem 7%; margin:0 auto; position:relative;}

.cul_hdp .hdps{width:80%; margin:0 auto; overflow:hidden;}

.cul_hdp .hdps ul{width:1000%;}

.cul_hdp .hdps ul li{float:left;}

.cul_hdp .hdps ul li img{display:block; width:100%; height:3.5rem;}

.cul_hdp .hdps ul li p{ text-align:center; font:400 .22rem/.5rem "微软雅黑"; color:#666;}

.cul_hdp i{display:block; position:absolute; top:50%; margin-top:-.2rem; width:5%;}

.cul_hdp i.lf{left:7%;}

.cul_hdp i.ri{right:7%;}