@charset "utf-8";
/*about us*/
.about_banner{width:100%; background:url(../images/about/about_banner.jpg) center center no-repeat; height:500px; overflow:hidden;}
.about_banner .cmpinfo{padding-top:60px;overflow:hidden;position: relative;}
.about_banner .cmpinfo .info{width:680px; float:left;}
.about_banner .cmpinfo .info h3{font-size: 32px;font-weight: bold;color: #eee;line-height: 60px;}
.about_banner .cmpinfo .info h4{font-size: 24px;color: #065fab;line-height:60px;}
.about_banner .cmpinfo .info p{line-height: 22px;font-size: 14px;color: #aaa;margin-bottom: 20px;}
.about_banner .cmpinfo .logo{position: absolute;right: 0;top: 170px;}

.advantages{width:100%;overflow:hidden;background: #eee;padding:40px 0;background-size: 100%;background-attachment: fixed;}
.advantages h3{text-align:center;font-size: 32px;line-height:48px;font-weight:bold;color: #313131;margin-top: 30px;}
.advantages ul{overflow:hidden;padding: 40px 0;}
.advantages ul li{width:50%;margin: 20px 0;}
.advantages ul li.sleft{line-height:24px;font-size:14px;color:#444;position:relative;float:left;width: calc(50% - 20px);background: #fff;}
.advantages ul li.sleft .adv_pic{float:left;}
.advantages ul li.sleft .words{float:left;width: calc(100% - 220px);padding: 60px 40px;}
.advantages ul li.sright{line-height:24px;font-size:14px;color:#444;position:relative;float:right;width: calc(50% - 20px);background: #fff;}
.advantages ul li.sright .adv_pic{float:right;}
.advantages ul li.sright .words{float:right;width: calc(100% - 220px);padding: 60px 40px;}

.advantages ul li .words h4{color:#7caf36; font-size:16px; line-height:24px; font-weight:bold; margin-bottom:14px;}
.advantages ul li .words h4 a{color: #313131;}
.advantages ul li .words h4 a:hover{color: #065fab;}
.advantages ul li .words p{color: #666;font-size:14px;line-height:24px;text-align:justify;}
.advantages ul li .adv_pic {width: 220px;float:right;border: 10px solid #ffffff;/* border-radius: 50%; */overflow: hidden;box-shadow: 0 0 6px 4px rgba(206, 206, 206, 0.28);}
.advantages ul li .adv_pic img{width:100%;/* border-radius:50%; */display: block;}

.onestop{width:100%;overflow:hidden;background: #fff;padding: 40px 0;position: relative;}
.onestop h3{text-align:center;font-size: 32px;line-height:48px;font-weight:bold;color: #313131;margin-top: 30px;}
.onestop ul{overflow:hidden;padding: 40px 0;text-align: center;}
.onestop ul li{width: calc(14.2857% - 34.5px);float: left;position: relative;margin-right: 40px;padding: 14px;background: #484848;border-radius: 4px;}
.onestop ul li::after{content: " ";background: url(../images/about/right-arrow.png) no-repeat center center;background-size: 100%;width: 20px;height: 20px;position: absolute;right: -30px;top: calc(50% - 20px);z-index: 9;}
.onestop ul li:last-child{margin-right: 0;}
.onestop ul li:last-child::after{display: none;}
.onestop ul li img{width: 100%;display:block;transition: 0.5s;margin-bottom: 10px;}
.onestop ul li:hover{box-shadow: 0 0 12px rgba(8, 8, 8, 0.38);}
.onestop ul li span{clear: both;color: #fff;line-height: 20px;font-size: 14px;}