/*鍏充簬鎴戜滑*/
.about_banner{ position: relative;}
.about_banner img{ width:100%;}
.about_banner .txt{width:46%; top:64%; padding:0 5%;}
.about_banner .txt h2{color:#606060; line-height: 1.2;margin-bottom: 3%; position: relative; font-weight: bold; display: inline-block;}
.about_banner .txt h2 em{ position: absolute; left:103%; top:10px;font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.about_banner .txt p{line-height:1.8;}
.about_banner span.down{cursor: pointer; position: absolute; bottom:8%; left:50%; width:22px; height: 32px; margin-left:-11px;}
.w550 {width: 550px; margin: 0 auto;}

.about-part01{padding:7% 0 5%; color:#fff;}
.about-part01 dl dt{ float: left; width:45%;}
.about-part01 dl dt span{ display: block; line-height: 1;}
.about-part01 dl dt span.spanll{ margin-left:-28px;}
.about-part01 dl dt span.spanrr{ margin-left:78%;}
.about-part01 dl dt p{ line-height: 2; margin-bottom: 5%;}
.about-part01 dl dt p:nth-of-type(2){margin-bottom: 15px;}
.about-part01 dl dd{ float: right; width:45%; font-family: Arial, Helvetica, sans-serif;}
.about-part01 dl dd h2{font-weight: bold; margin-top:5%; margin-bottom: 2%;}
.about-part01 dl dd p{line-height: 1.2;}

.about-part02{padding:8% 0; background: #F0F0F0;}
.about-part02 .con{ color:#606060; margin:0 0 5%;}
.about-part02 .con h2{font-weight: bold; margin-bottom:2%;}
.about-part02 .con p{margin-bottom: 2%; line-height: 2;}
.about-part02 ul{position: relative;}
.about-part02 li.ll{widtH:50.6%; margin-top:10%; position: relative; z-index: 2;}
.about-part02 li.ll .img{width:100%;}
.about-part02 li.ll .txt{padding:6% 15%; color:#606060;}
.about-part02 li.ll h3{font-weight:bold; margin-bottom:5%;}
.about-part02 li.rr{ position: absolute; right:0; top:0; widtH:55.7%;}
.about-part02 li.rr .txt{padding:6% 15% 0 0; color:#606060; float:right;}
.about-part02 li.rr .txt h3{font-weight:bold; margin-bottom:5%;}

.about-part03{ padding-top:8%; background: #fff;}
.about-part03 h2{ text-align: center; max-width: 40%; margin:0 auto; margin-bottom: 5%;}
.about-part03 .img{width:100%; position: relative;}
.about-part03 .img img{width: 100%;}
.about-part03 .img .txt{color:#fff; text-align: center; widtH:100%; padding:0 5%;}
.about-part03 .img h3{font-weight: bold; margin-bottom: 1%;}
@media only screen and (max-width:1399px) {
    .about-part01 dl dt span.spanrr{margin-left: 82%;}
    .about-part01 dl dt span.spanll{margin-left:-20px;}
    .about_banner .txt h2 em{top:6px;}
}
@media only screen and (max-width:1365px) {
    .about-part01 dl dt span.spanrr{margin-left: 88%;}
}
@media only screen and (max-width:1279px) {
    .about-part01 dl dt span.spanrr{margin-left: 90%;}
    .about_banner .txt h2 em{top:4px; font-size: 12px;}
}
@media only screen and (max-width:1023px) {
    .about_banner .txt{width:60%;}
}
@media only screen and (max-width:767px) {
    .about_banner{ height: 240px;}
    .about_banner img{ display: none;}
    .about_banner .txt{width:100%;}
    .about_banner span.down{ display: none;}
    .about-part01 dl dt,.about-part01 dl dd{ width:100%;}
    .about-part01 dl dt span.spanrr{margin-lefT:95%;}
    .about-part01 dl dt span.spanll{margin-left:-15px;}
    .about-part02 li.ll{width:100%;}
    .about-part02 li.rr{position: static; widtH:100%;}
    .about-part02 li.ll .txt,.about-part02 li.rr .txt{width:100%;padding:5%;}
    .about-part02 li.rr .txt{padding-bottom: 0;}
}

/*鑱旂郴鎴戜滑*/
.contact_banner{ position:relative;}
.contact_banner img{ width:100%;}
.contact_banner .txt{ position:absolute; background:#ff0200; color:#fff; left:12%; right:50%; bottom:0; z-index:2;}
.contact_banner .txt h2{padding:5% 5% 0;}
.contact_banner .txt h3{ padding:0 5%; font-weight: bold;}
.contact_banner .txt h4{ padding:5% 5% 0%; font-weight: bold; margin-top: -5%;}
.contact_part{ background:#f6f6f6; padding:6% 0;}
.contact_part .wrap{ position: relative;}
.inp-box{ float: left; width:55%;}
.inp-box h3{margin-bottom:5%; line-height: 1.2; color:#333;}
.inp-box li{ float: left; width:48%; margin:0 0 2%;}
.inp-box li:nth-child(2n){ float: right;}
.inp-box li input{ border:1px solid #ddd; border-radius:5px; line-height:50px; height:50px;padding:0 20px;width:100%;}
.inp-box li textarea{ border:1px solid #ddd; border-radius:5px; height:6em; line-height:1.5;padding:10px 20px; width:100%;}
.inp-box li.long{width:100%;}
.inp-box li.code input{ width:200px; float:left;}
.inp-box li.code img{ float:left; width:100px; height:50px; margin:0 15px; border-radius:5px; overflow:hidden;}
.inp-box li.code a{ line-height:50px;float:left; color:#2D2E32;}
.inp-box li .but{ border:0;  width:150px; background:#ff0000; color:#fff; margin-top:20px; line-height:1; height:50px;}

.conn_code{ float: right;text-align:center; background:#ff0200; padding:3% 4%; color:#fff;}
.conn_code img{ display:block; margin:0 auto 20px; width:120px; height:auto;}

.select-box { width: 100%; position: relative; z-index: 100;}
.select-box:hover { z-index: 101; }
.select-box dt {cursor: pointer; }
.select-box dt b { font-weight: normal; display: block;}
.select-box dt i.ico { position: absolute; transition: 0.3s all ease-in-out;}
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box dd { display: none; position: absolute; max-height: 200px; opacity:0.8; filter:alpha(opacity=80); z-index: 102; overflow-y: auto; background: #000; padding: 0; overflow-x: hidden; right: 0; left: 0; top: 100%; }
.select-box dd a { display: block; line-height: 1.8;white-space: normal;}

.contact-select {border:1px solid #ddd; border-radius:5px; line-height:50px; height:50px; background:#fff;}
.contact-select dt b { padding-left:20px; color:#828283;}
.contact-select dt b { color:#666666;}
.contact-select dt i.ico { width:25px; height:16px; background:url(../images/select_d.png) no-repeat; top:50%; margin-top:-8px; right:15px;}
.contact-select dd { background:#fff; opacity:1; filter:alpha(opacity=100); border:1px solid #ddd; border-radius:5px; left:-1px; right:-1px;}
.contact-select dd a { color:#000; padding-left:20px;}
.contact-select dd a:hover { background:#f0f0f0;}
@media only screen and (max-width:1365px) {
    .inp-box{width:65%;}
    .contact-select dt i.ico{ background-position: center; background-size: 70%;}
}
@media only screen and (max-width:767px) {
    .contact_banner .txt{ position: static;}
    .inp-box,.inp-box li,.inp-box li .but{width:100%;}
    .inp-box li input,.contact-select,.inp-box li .but{ height:40px; line-height: 40px;}
    .inp-box li.code input{width:100px;}
    .inp-box li.code img{ width:80px; height: 40px; margin:0 5px;}
    .inp-box li.code a{ line-height: 40px;}
    .conn_code{width:100%; padding:5%; margin-top:5%;}
}


/*妗堜緥閫氱敤妯℃澘*/
.fnt_50{ font-size: 50px;}
.fnt_70{ font-size: 70px;}
@media only screen and (max-width:1700px) {
    .fnt_50{ font-size: 44px;}
    .fnt_70{ font-size: 60px;}
}
@media only screen and (max-width:1600px) {
    .fnt_50{ font-size: 40px;}
    .fnt_70{ font-size: 50px;}
}
@media only screen and (max-width:1500px) {
    .fnt_50{ font-size: 36px;}
    .fnt_70{ font-size: 44px;}
}
@media only screen and (max-width:1400px) {
    .fnt_50{ font-size: 30px;}
    .fnt_70{ font-size: 40px;}
}
@media only screen and (max-width:1366px) {
    .fnt_50{ font-size: 24px;}
    .fnt_70{ font-size: 36px;}
}
@media only screen and (max-width:1280px) {
    .fnt_50{ font-size: 20px;}
    .fnt_70{ font-size: 30px;}
}

.case_banner{height:795px;overflow:hidden;background-size: 100% 100%;}
.case_banner_icon{text-align:center;padding-top:5%;}
.case_banner_box{margin-top:8%;}
.case_bbox_txt{float:left;width:38%;margin-top:3%;margin-left:10%;}
.case_bbox_txt p{color:#595959;}
.case_bbox_txt h2{color:#000;}
.case_bbox_txt a{display:block;width:164px;height:38px;background:#ff0000;color:#fff!important;text-align:center;line-height:36px;margin-top:12%;}
.case_bbox_txt a img{margin-left:35px;margin-top:12px;}
.case_bbox_txt a:hover{box-shadow: 0 0 5px 3px rgba(0,0,0,0.15);}
.case_bbox_img{width:48.8%;float:right;}
.case_bbox_img img{width:100%;}

.case_part01 .wrap{ position: relative;}
.case_p01_logo{ position: absolute; left:10%; top:0;width:164px; height: 164px; box-shadow: -5px 5px 8px 2px rgba(0,0,0,0.15);}
.case_p01_logo img{width:100%;}
.case_p01_txt{padding:5% 0;text-align:center;}
.case_p01_txt h2{color:#000; margin-bottom: 1%;}
.case_p01_txt p{color:#595959;}
.case_p01_img{width:100%;max-width:1120px;margin:0 auto;}

.case_part02{padding-top:6%;}
.case_p02_left{width:40%;float:left;margin:3% 0 0 16%}
.case_p02_left h2{color:#000; margin-bottom: 3%;}
.case_p02_left p{color:#595959; margin-bottom: 10%;}
.case_p02_left span{display:block; width:100%;}
.case_p02_right{width:43.5%;float:right;}
.case_p02_right img{width:100%;}

.case_part03{ margin-top:8%; background-repeat: no-repeat; background-position:0 40%; background-size: 100% auto;}
.case_p03_box{position:relative;}
.case_p03_txt{position:absolute;left:0;top:0; width:35%;}
.case_p03_txt h2{color:#000;margin-bottom:2%;}
.case_p03_txt p{color:#595959;}
.case_p03_box img{width:100%;}
.case_p03_bot{ text-align: center; margin:10% 5% 8%; overflow:hidden;}
.case_p03_bot img{max-width:100%;}

@media only screen and (max-width:1600px){
    .case_banner{ height: auto; padding-bottom:10%;}
}

@media only screen and (max-width:1365px){
    .case_bbox_txt a{width:120px;}
    .case_bbox_txt a img{margin-left:10px;}
    .case_p01_logo{ left:0;width:120px; height: 120px;}
}
@media only screen and (max-width:1279px){
    .case_p02_left{margin-left:5%;}
}
@media only screen and (max-width:1023px){
    .case_p01_logo{width:80px; height: 80px;}
}
@media only screen and (max-width:767px){
    .case_p01_logo{width:60px; height:60px;}
    .case_bbox_txt,.case_bbox_img{ width:100%;}
    .case_bbox_txt{margin:0 0 5%; text-align: center;}
    .case_bbox_txt a{margin:2% auto 0;}
    .case_p01_txt{padding-top: 12%;}
    .case_p02_left{width:90%;}
    .case_p02_right{width:100%; margin-top:5%;}
    .case_p03_txt{position: static; width:100%; margin-bottom: 5%;}
}


.hr_text_h1{text-align:center;padding:50px 0 5px 0;}
.hr_text_p{color:#595959;text-align:center;}
.hr_img_2018_1{width:100%;max-width:1120px;margin:0 auto;padding-top:5%;}
.hr_img_2018_1 img{width:100%;}