html{ font-size:12px; }
body{margin:0;padding:0;background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}
/*banner*/
.banner{width:100%;position:relative;}
.banner img{width:100%;}
.banner h3{top: 300px;font-size: 75px;color: #fff;font-weight: bold;position: absolute;left: 0%;text-align: center;width: 100%;}

/*新闻*/
.news{width:1280px;margin:150px auto;overflow: hidden;}
.news h3{font-size:60px;color:#333;font-weight:bold;margin-bottom:45px;}
.news p{font-size:14px;color:#666;line-height:30px;}

.whpage{margin-top: -50px;}
.whpage2{margin-bottom: 150px;}
.whpage-img{width: 48%;}
.img100 img {width: 100%;vertical-align: bottom;}
.whpage .w1438{position: relative;}
.w1438 {width: 1280px;margin: 0 auto;}
.whpage-content{position: absolute;height: 330px;top:50%;margin-top:-165px;left:45%;background: #f6f6f6;padding: 0 10%;}
.whpage2 .whpage-content{left: 0;padding-left: 4%;padding-right: 5%;box-sizing: border-box;width:50%;}
.whpage2 .whpage-img{width: 60%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.middle-text{position:relative; *top:-50%; *left:-50%;display: block;}
.pp-word h3{font-size: 60px; color: #313131;text-transform: uppercase;}
.pp-word h4{font-size: 18px;margin-bottom: 25px;margin-top: 10px;}
.pp-word p{color: #a8a8a8; line-height:30px;font-family: Arial, "Microsoft YaHei" !important;}
.pp-word p span{font-family: Arial, "Microsoft YaHei" !important;font-size: 14px !important;}
.pp-word1{text-align: center;margin:  60px 0;}
.pp-word1 p{width: 1250px;max-width: 100%;margin: 0 auto;}

.shiyanshi{width:1280px;margin:150px auto;overflow: hidden;}
.shiyanshi h3{font-size:60px;color:#333;font-weight:bold;padding-bottom: 40px;}

.shiyanshi ul{padding:0;margin:80px 0 0 0;}
.shiyanshi ul li{float:left;width:23%;margin-right:2%;}
.shiyanshi ul li img{width:100%;}
.shiyanshi ul li dd{font-size:14px;color:#666;padding-top:20px;}
.shiyanshi ul li h4{font-size:18px;color:#333;padding:15px 0;}
.shiyanshi ul li p{font-size:14px;color:#666;}

.jishu{width:100%;margin:0 auto;background:#f3f3f3;overflow: hidden;}
.jishun{width:1280px;background: #f3f3f3;padding:100px 0;position: relative;margin:0 auto;overflow: hidden;}

.jishunl{width:300px;float:left;}
.jishunl h3{font-size:36px;color:#333;font-weight:bold;line-height: 55px;padding-top:80px;}
.jishunl h4{font-size:60px;color:#333;font-weight:bold;line-height: 65px;}
.jishunl p{font-size:14px;color:#999;font-weight:normal;line-height:28px;margin-top:25px;}
.jishunr{width:885px;float:right;}
.jishunr img{width:885px;}

.zhanwang{background: url(../images/about/zhanwang.jpg) fixed;background-size: cover;height: 500px;position: relative;}
.zhanwang h3{font-size: 73px;color: #fff;font-weight: 200;position: relative;left: 16%;top: 22%;}
.zhanwang p{font-size: 73px;color: #fff;font-weight: 600;position: relative;left: 16%;top: 25%;}

@media (max-width: 760px) {
.banner h3 {
    top: 60px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0%;
    text-align: center;
    width: 100%;
}  
.news {
    width: 92%;
    margin: 50px auto;
    overflow: hidden;
}
.news h3 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin-bottom: 45px;
}
.whpage {
    margin-top: 0px;
}
.w1438 {
    width: 100%;
    margin: 0 auto;
}
.whpage-img {
    width: 100%;
    float: none;
}
.whpage-content {
    position: relative;
    height: 330px;
    top: 0%;
    margin-top: 0px;
    left: 0%;
    background: #f6f6f6;
    padding: 0 4%;
}
.pp-word h3 {
    font-size: 30px;
    color: #313131;
    text-transform: uppercase;
}
.whpage2 .whpage-img {
    width: 100%;
}
.whpage2 .whpage-content {
    left: 0;
    padding-left: 0%;
    padding-right: 0%;
    box-sizing: border-box;
    width: 100%;
}
.middle-inner {
    display: table-cell;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
    *left: 50%;
    width: 92%;
    margin:0 4%;
}
.pp-word p {
    color: #a8a8a8;
    line-height: 25px;
    font-family: Arial, "Microsoft YaHei" !important;
    width: 92%;
}
.shiyanshi {
    width: 92%;
    margin: 50px auto;
    overflow: hidden;
}
.shiyanshi ul {
    padding: 0;
    margin: 20px 0 0 0;
}
.shiyanshi h3 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
}
.shiyanshi ul li {
    float: left;
    width: 48%;
    margin: 1% 1%;
}
.whpage2 {
    margin-bottom: 50px;
}
.zhanwang {
    background: url(../images/about/zhanwang.jpg) fixed;
    background-size: cover;
    height: 300px;
    position: relative;
}
.zhanwang h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 200;
    position: relative;
    left: 16%;
    top: 22%;
}
.zhanwang p {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    position: relative;
    left: 5%;
    top: 25%;
    display: block;
    line-height: 35px;
    width: 75%;
}
}