﻿.pad200{ padding-top:160px;}
.pad60{ padding-top:80px; padding-bottom:80px;}
.padt60{padding-bottom:80px;}
.pad30{ padding-top:30px;}
.padl{ padding-left:5%; padding-right:5%;}
.pad5{ padding-left:5%;padding-right:5%;padding-bottom:80px;}
.aboutcenter{ width:1430px; background-color:#fff; margin:0 auto;}
.aboutcenter .t1{ font-size:74px;line-height:80px; padding-left:40px; color:#000}
.aboutcenter .t2{ font-size:52px; text-align:left;  line-height:80px; padding-left:40px; color:#595757}
.aboutcenter .t3{ font-size:31px; padding-left:40px; color:#727171; margin-top:80px;}
.aboutimg{ width:100%; position:relative;}
.aboutcenter .desn{width:70%; position:relative; }
.aboutcenter .desn .left{ width:50%; position:absolute;left:0px; top:0px; margin-left:40px;}
.aboutcenter .desn .left .titles{ font-size:30px; line-height:60px; border-bottom:2px solid #c1c0c0; color:#000}
.aboutcenter .desn .left .titles1{ font-size:17px;  line-height:30px;  color:#585858; padding:10px 0px 10px;}
.aboutcenter .desn .left .titles2{ font-size:20px;  line-height:30px;  color:#000; }
.aboutcenter .desn .left .height{ width:50%; height:30px;}
.aboutcenter .desn .right{ padding-left:100px; padding-top:20px; padding-right:216px;}
.bgf5{}
.fuwu li{ width:25%; float:left; padding:50px 0px; cursor:pointer;}
.fuwu li:hover{ width:25%; float:left; padding:50px 0px; background-color:#fff;}
.fuwu li div{ width:102px; margin:0 auto; height:172px; text-align:center; line-height:30px; font-size:14px; color:#4d4d4d}
.fuwu li .w77{width:77px; margin-top:10px;margin-bottom:15px;}
.about1{ width:1400px; margin:0 auto; position:relative; height:100%;}
.liuyan{ width:410px; padding:30px; position:absolute; right:0%; top:10%; background-color:#fff;}
.liuyans{ position:relative; height:100%; width:100%;}
.aboutimg{ height:688px; width:100%; background:url(../images/ContactUs.png) no-repeat center top ;}
.liuyan .titles{color:#231815; font-size:28px;  text-align:center;}
.liuyan .titles2{color:#727171; font-size:15px;text-align:center;}
.liuyan .left{ width:48%; float:left; color:#333333; line-height:36px; margin-top:20px; font-size:15px;}
.liuyan .left span{ color:#a3a3a3;}
.liuyan .reg-input{ border:1px solid #a3a3a3; border-radius:5px; width:100%; height:36px; line-height:36px;}
.liuyan .left1{ margin-left:4%;}
.liuyan .t1{color:#333333;font-size:15px;  padding-top:10px;line-height:36px;}
.radio{color:#666; line-height:30px;}
.textarea{border:1px solid #a3a3a3; border-radius:5px; width:100%; height:72px; line-height:36px;}
.btn{ margin-top:6px; background-color:#3e3a39; color:#fff; line-height:36px;border-radius:5px; width:100%; cursor:pointer;}
.t2{ text-align:center;color:#a3a3a3; line-height:30px;}
.errors{position:absolute; color:#fff; text-align:center;border-radius:5px; top:50%; left:30%;background-color:rgba(0,0,0,0.8); width:210px; line-height:36px; display:none;}
@media screen and (max-width: 1487px) {
    .aboutcenter{ width:1200px; margin:0 auto;}
    .aboutcenter .nums .titles{font-size:60px;  line-height:90px;  color:#231815}
    .aboutcenter .t2{ font-size:36px;  line-height:80px; padding-left:40px; color:#595757}
    .aboutcenter .desn .right{ padding-left:620px; height:910px;}    
    .about1{ width:1200px; margin:0 auto; position:relative; height:100%;}    
    .aboutimg{ height:688px; width:100%; background:url(../images/ContactUs.png) no-repeat  40% top; }
}
 @media screen and (max-width: 1600px){
.aboutcenter .t1 {
    font-size: 54px;
    line-height: 60px;
    padding-left: 40px;
    color: #000;
}
.aboutcenter .t3 {
    font-size: 26px;
    padding-left: 40px;
    color: #727171;
    margin-top: 80px;
}
}
 
@media only screen and (max-width: 1230px){
 .padl {
    padding-left: 0;
    padding-right: 0;
}
}
