@charset "utf-8";
body{background-color: #f8f8f8;}
.whyus{margin-top: 40px;}
.whyus .wu_left{width: 280px;}
.nav{border-left: 2px solid #cecece; position: absolute; top:0; background-color: #f5f7fa; height: 633px;}
.whyus .nav li{position: relative; top: 0; left: -14px; font-size: 14px; background-color: #f5f7fa; margin-bottom: 20px; overflow: hidden; cursor: pointer;}
.whyus .nav li i{width: 28px; height: 28px; margin-top: 13px; margin-right: 15px; font-size: 14px; text-align: center; color: #fff; line-height: 30px; background-color: #cecece; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display: inline-block;}
.whyus .nav li span{width: 230px; height: 52px; vertical-align: middle; line-height: 1.3; font-size: 20px; display: inline-block;}
.whyus .nav li.selected i{background-color: #f90;}
.whyus .nav li.selected span{color: #f90;}

.whyus .content{width: 880px; color: #666;}
.whyus .content .item-box{padding:40px 30px; background-color: #fff; margin-bottom:40px; border: 1px solid #e7e7e7;}
.whyus .content .item-box h3{font-size: 30px; color: #000; line-height: 1; margin-bottom: 10px;}
.whyus .content .item-box .item-con{width: 400px;}

.status_fixed{position: fixed; top:0; bottom:auto;}
.status_absolute{position: absolute; top:0; bottom:auto;}
.status_absolutebottom{position: absolute; bottom:30px; top:auto;}

/*响应*/

.whyus .content img{width: 386px;}
@media (max-width:1200px) {
.whyus .wu_left{display:none}
.whyus .content,.w1180{width:100%;}
.whyus .content .item-box .item-con,.whyus .content img{width:50%;}

}

@media (max-width:800px) {
.whyus .content .item-box .item-con,.whyus .content img{width:100%;}
}