@charset "utf-8";
/* CSS Document */
html{ font-size:12px; }
body{margin:0;padding:0;background-color:#fff; overflow-x:hidden;font-family: 思源黑体; }
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;font-weight: 300;}
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; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}
 
.will{width:1200px;margin:0 auto;overflow: hidden;}

.banner{background: url(../images/about_ban.jpg) no-repeat;}

.banner h3{text-align: center;margin: 180px 0 60px 0;}
.banner h3 img{width:auto;}
.banner img{width:auto;}
.banner p{color: #2c2c2c;font-size: 18px;font-weight: 300;letter-spacing: 1px;line-height: 36px;margin-bottom: 0px;margin-top: 50px;}
.banner p span{color:#2aa8ff;font-weight:bold;}

/**我们的团队**/
.tuandui{width:1200px;margin:150px auto;overflow: hidden;}
.tuandui h3{font-size:50px;color:#2c2c2c;padding-bottom:100px;text-align: center;}

.section{width:1250px;margin:0px auto 0 auto;overflow:hidden;}
.section ul{width:1250px;}
.section ul li{float:left;margin-right:25px;margin-bottom:10px;display:inline;width:382px;height:560px;overflow:hidden;position:relative;}
.section ul li .photo{width:382px;height:560px;overflow:hidden;}
.section ul li .photo h4{font-size:36px;color: #2c2c2c;float: left;padding-left: 30px;padding-top: 20px;}
.section ul li .photo dd{font-size:20px;color: #2c2c2c;float: right;font-weight: 300;line-height: 55px;padding-right: 30px;padding-top: 20px;}
.section .rsp{width:382px;height:489px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;border-radius: 20px;}
.section .text{position:absolute;width:382px;height:489px;left:-382px;top:0px;overflow:hidden;}
.section .text ul{padding:0;margin:300px 0 0 0;width:auto;position: relative;}
.section .text ul li i{content: "";border-radius: 20px;position: relative;background: #fff;width: 6px;height: 6px;top: 20px;float: left;margin-right: 5px;}
.section .text ul li{color: #FFFFFF;padding-left:30px;
    font-size: 18px;
    line-height: 35px;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
    display: block;}
.section .text ul li span{color:#64d1ff;}

@media screen and (max-width: 768px) {

.will {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
.banner {
    background: url(../images/about_ban.jpg) no-repeat;
    padding-bottom: 6vw;
}
.banner h3 {
    text-align: center;
    margin: 8vw 0 4vw 0;
}
.banner h3 img {
    width: 50vw;
}
.banner img {
    width: 100%;
}
.banner p {
    color: #2c2c2c;
    font-size: 4vw;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 7vw;
    margin-bottom: 0px;
    margin-top: 5vw;
}
.tuandui {
    width: 96%;
    margin: 5vw auto;
    overflow: hidden;
}
.tuandui h3 {
    font-size: 5vw;
    color: #2c2c2c;
    padding-bottom: 6vw;
    text-align: center;
}
.section {
    width: 100%;
    margin: 0px auto 0 auto;
    overflow: hidden;
}
.section ul {
    width: 100%;
}
.section ul li {
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    display: inline;
    width: 100%;
    height: 560px;
    overflow: hidden;
    position: relative;
}
section .text ul li {
    color: #FFFFFF;
    padding-left: 30px;
    font-size: 4vw;
    line-height: 35px;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
    display: block;
}
.section ul li .photo h4 {
    font-size: 6vw;
    color: #2c2c2c;
    float: left;
    padding-left: 3vw;
    padding-top: 20px;
}
.section ul li .photo dd {
    font-size: 4.5vw;
    color: #2c2c2c;
    float: right;
    font-weight: 300;
    line-height: 55px;
    padding-right: 30px;
    padding-top: 1.5vw;
}
}