html{overflow-x:hidden;}
.bg{background:#f3f3f4;}


@media screen and (max-width: 768px){
img.top{ width: 100%;}
img.tit{ height:2.8rem; margin-top: -5rem;}
.layui-col-xs3{padding-bottom: 20px;}
.layui-col-xs3 div,.layui-col-xs3 span{width: 100%;display: block;}
.layui-col-xs3{text-align: center;}
.layui-col-xs3 div img{width: 70%;}
.layui-col-xs3 span{ font-size: 1.2rem;font-weight: 500; margin-top: 10px;}


.layui-text{margin-top:30px;}
.layui-text strong{font-size: 1.4rem; line-height:2.4rem;}
.layui-show{margin-top: 20px; text-align: center;}
.layui-text p{font-size:1.1rem; line-height:1.8rem;}
.layui-box .view{ text-align: right;margin-top: 20px;}
.layui-box .view img{width:98%;}
.bg{padding-bottom: 60px;}

.footer{color: #fff;}
.fright{text-align:left;}
.footer P{font-size:1rem; line-height: 1.4rem;}

}


@media screen and (min-width: 768px){
img.top{ width: 100%;}
img.tit{ height:4rem; margin-top: -9rem;}
.layui-col-xs3{padding-bottom: 20px;}
.layui-col-xs3 div,.layui-col-xs3 span{width: 100%;display: block;}
.layui-col-xs3{text-align: center;}
.layui-col-xs3 span{ font-size: 1.6rem;font-weight: 500; margin-top: 10px;}


.layui-text{margin-top:30px;}
.layui-text strong{font-size: 1.2rem; line-height:2.4rem;}
.layui-show{margin-top: 20px;}
.layui-text p{font-size:0.9rem; line-height:1.4rem;}
.layui-box .view{ text-align: right;margin-top: 200px; margin-left: 10%; border-left: 1px solid #ccc;}
.layui-box .view img{width:88%;}
.bg{padding-bottom: 60px;}

.footer{color: #fff;}
.fright{text-align:left;}
.footer P{font-size:1rem; line-height: 1.4rem;}

}


@media screen and (min-width: 992px){
img.top{ width: 100%;}
img.tit{ height: 5.5rem; margin-top: -10rem;}
.layui-col-xs3{padding-bottom: 20px;}
.layui-col-xs3 div,.layui-col-xs3 span{width: 100%;display: block;}
.layui-col-xs3{text-align: center;}
.layui-col-xs3 span{ font-size: 1.8rem;font-weight: 500; margin-top: 10px;}

.layui-text{margin-top:50px;}
.layui-text strong{font-size: 2rem; line-height:3rem;}
.layui-show{margin-top: 20px;}
.layui-text p{font-size:1.1rem; line-height:1.8rem;}
.layui-box .view{ text-align: right;margin-top: 200px; margin-left: 10%; border-left: 1px solid #ccc;}
.layui-box .view img{width:88%;}
.bg{padding-bottom: 100px;}

.footer{color: #fff;}
.fright{text-align: right;}
.footer P{font-size:1rem; line-height: 1.6rem;}

}



@media screen and (min-width: 1200px){
.width90{width: 90%;}
.layui-container{width: 1280px;}
.fly-nav-bar{ float: right;}
img.top{ width: 100%;}
img.tit{ height:8rem; margin-top: -18rem;}
.layui-col-xs3{padding-bottom: 20px;}
.layui-col-xs3 div,.layui-col-xs3 span{width: 100%;display: block;}
.layui-col-xs3{text-align: center;}
.layui-col-xs3 span{ font-size: 1.8rem;font-weight: 500; margin-top: 10px;}
.layui-text{margin-top:50px;}
.layui-text strong{font-size: 2.4rem; line-height:4rem;}
.layui-show{margin-top: 20px;}
.layui-text p{font-size: 1.4rem; line-height:2rem; margin-bottom: 1.4rem;}
.layui-box .view{ text-align: right;margin-top: 200px; margin-left: 10%; border-left: 1px solid #ccc;}
.layui-box .view img{width:88%;}

.footer{color: #fff;}
.fright{text-align: right;}
.footer P{font-size:1rem; line-height: 1.6rem;}
}





.top-banner img{ width: 100%;}
.footer{background:#000; padding: 25px 0;}
.footer a{color: #ff0;}
font{font-weight: bold;}