@charset "utf-8";
/*
    create 2018-6-5
    关于我们页面
*/
.clearfix:after{  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;  font-size:0;  }
.clearfix{  zoom:1;  }


.banner{
    position: relative;
    height: 400px;
    background:url("/static/images/qy_about_banner.jpg") no-repeat center;
}
.slide-title{
    position: absolute;
    top: 248px;
    width: 100%;
    height: 66px;
    line-height: 66px;
    font-size: 46px;
    color: #ffffff;
    text-align: center;
}
.slide-title span{
    color: #FF6666;
}
.aboutlayer{
    width: 100%;
    background-color: #fff;
    padding: 45px 0px 89px;
}
.aboutbox{
    width: 1200px;
    margin: 0 auto;
}
.about-title{
    height: 146px;
    line-height: 146px;
    font-size: 34px;
    color: #2d3137;
    text-align: center;
}
.aboutbox p{
    line-height: 35px;
    font-size: 17px;
    color: #5c6f82;
}
.gradelayer{
    width: 100%;
    background-color: #f0f3f5;
    padding:102px 0px 50px;
}
.yisu-grade{
    width: 1200px;
    margin: 0 auto;
}
.grade-title{
    height: 79px;
    line-height: 34px;
    font-size: 34px;
    color: #2d3137;
    text-align: center;
}
.trade-text{
    height: 26px;
    line-height: 17px;
    font-size: 17px;
    color: #5c6f80;
    text-align: center;
}
.grade-box{
    margin-top: 86px;
    margin-bottom: 114px;
}
.trade-data{
    position: relative;
    float: left;
    height: 105px;
    width: 33.3333333%;
}
.data-count{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 76px;
    line-height: 42px;
    text-align: center;
    font-size: 42px;
    color: #FF6666;
    z-index: 1;
}
.data-count i{
    font-size: 27px;
    font-style: normal;
}
.data-text{
    position: absolute;
    left: 0px;
    top: 67px;
    width: 100%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #5c6f80;
    z-index: 1;
}
.data-img{
    position: absolute;
    right: 0px;
    top: 5px;
    width: 190px;
    height: 212px;
}
.first-data-img{
    background: url("/static/images/aboutyisu_sprite_img.png") no-repeat -10px -10px;
}
.second-data-img{
    background: url("/static/images/aboutyisu_sprite_img.png") no-repeat -210px -10px;
}
.third-data-img{
    background: url("/static/images/aboutyisu_sprite_img.png") no-repeat -410px -10px;
}

/*.qyry{background: url("/static/images/qyry.jpg") no-repeat center; padding: 95px 0 50px 0;}*/
.qyry {
    height: 840px;
    background: url(/static/images/qyry.jpg) no-repeat center;
    padding: 40px 0 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.qyrybox{width:1200px; margin: 0 auto;}
.qyry_tit {
    padding-bottom: 70px;
}
.qyry_tit h2{font-size: 36px; color: #ffd290;
    background-position: center center; text-align: center;}
.xhjh{ text-align: center;}
.xhjh li{  float: left;  width: 258px;  height: 195px; margin-right:213px;}
.first-xhjh{
    background: url("/static/images/aboutyisu_sprite_img.png") no-repeat -10px -232px;
}
.second-xhjh{
    background: url("/static/images/aboutyisu_sprite_img.png") no-repeat -268px -232px;
}
.third-xhjh{
    background: url("/static/images/aboutyisu_sprite_img.png") no-repeat -526px -232px;
}
.xhjh li.third-xhjh{
    margin-right:0px;
}
.zzzs{width:1200px; overflow: hidden; padding-top: 23px;}
.zzzs ul{width:1200px; overflow: hidden;}
.zzzs li{ text-align: center;margin-right:165px;float:left;width:290px;}
.zzzs li img{ width:100%; height:100%;}
.zzzs li.l_last{margin-right:0px;}
.zzzs p{color: #fff;font-size: 16px;line-height: 54px;margin-top: 9px;}
.contactlayer{
    height: 780px;
    background: url("/static/images/contact01.jpg") no-repeat center;
    padding-top: 101px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contactbox{
    width: 1200px;
    margin: 0 auto;
}
.contact-title{
    height: 126px;
    line-height: 35px;
    font-size: 35px;
    color: #2d3137;
    text-align: center;
}
.yisuadress{
    padding: 5px;
}
.yisuadress>div{
    float: left;
    height: 450px;
}
.yisu-company{
    position: relative;
    width: 510px;
}
.adress-text{
    position: absolute;
    right: 5px;
    top: 141px;
    width: 394px;
    height: 169px;
    color: #fff;
    padding-left: 30px;
    box-sizing: border-box;
}
.adress-title{
    height: 42px;
    line-height: 22px;
    font-size: 22px;
    padding-top: 22px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.adress-text p{
    line-height: 24px;
    font-size: 14px;
}
.yisu-map{
    width: 680px;
}
.bottom{
    padding:0px;
}