/* CSS Document */
.s01_banner{width: 100%; height: 800px; background: url(../images/s01_banner.jpg) left top/100% 100% no-repeat; overflow: hidden; text-align: center; color: #000;}
.s01_banner .t1, .s01_banner .t2, .s01_banner .t3, .s01_banner .t4{line-height: 100%;}
.s01_banner .t1{font-size: 36px; margin-top: 220px;}
.s01_banner .t2{font-size: 60px; color: #ff6666; padding: 40px 0;}
.s01_banner .t3{font-size: 16px;}
.s01_banner .t4{font-size: 24px; padding: 80px 0 50px 0;}
.s01_banner ul{width: 1350px; margin: 0 auto;}
.s01_banner ul li{width: 20%; float: left;}
.s01_banner ul li p{font-size: 16px; width: 68%; color: #fff; border: 1px solid #fff; text-align: center; padding:68px 0; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -zom-border-radius: 50%;}

.content1{width: 1350px; margin: 0 auto; text-align: center; overflow: hidden;}
.content1 .tit{font-size: 36px; color: #000; padding-top: 100px;}
.content1 .image{padding: 50px 0;}
.content1 ul{width: 100%; padding-bottom: 50px; overflow: hidden;}
.content1 ul li{float: left; width: 50%; font-size: 16px; color: #fff; padding: 10px 0;}
.content1 ul li p{width: 80%; line-height: 40px; background: #ff3333; margin: 0 auto; border-radius: 20px; -webkit-border-radius: 20px; -zom-border-radius: 20px;}

.content2{width: 100%; background: #ffcc33; overflow: hidden; padding: 50px 0;}
.content2 .tit1{font-size: 36px; text-align: center;}
.content2 .tit2{font-size: 16px; text-align: center; padding: 30px 0 50px 0;}
.content2 ul{width: 1350px; margin: 0 auto; overflow: hidden;}
.content2 ul li{float: left; width: 33%; font-size: 16px; line-height: 200%;}
.content2 ul li h3{font-size: 24px; padding-bottom:10px; padding-left: 20px;}
.content2 ul li p img{margin-right: 10px; padding-left: 20px;}

.content3{width: 1350px; margin: 0 auto; padding: 80px 0; overflow: hidden;}
.content3 h2{text-align: center; font-size: 36px; padding-bottom: 50px;}
.content3 ul li{width: 20%; float: left;}
.content3 ul li h3{font-size: 24px; padding-top: 30px;}
.content3 ul li h4{font-size: 16px; color: #999999; padding-top: 15px;}
.content3 ul li p{font-size: 16px; line-height: 150%; padding-right:10%; padding-top: 20px;}

.content4{width: 100%; height: 750px; background: url(../images/s01_4_bg.jpg) left top/100% 100% no-repeat; text-align: center;}
.content4 h2{font-size: 48px; padding: 70px 0;}
.content4 h3{font-size: 30px; padding-top: 360px;}
.content4 ul{width: 1350px; margin: 0 auto;}
.content4 ul li{width: 20%; float: left; font-size: 17px; line-height: 200%;}
.content4 ul li img{display: inline-block; margin: 0 auto;}
.content4 ul li strong{display: block; font-size: 36px;}

@media screen and (max-width: 1350px){
    .s01_banner .t2{font-size: 50px;}
    .s01_banner ul{width: 1000px;}
    .s01_banner ul li p{padding: 50px 0}
    .content1{width: 1000px;}
    .content2 ul{width: 1000px;}
    .content2 ul li img{max-width: 100%;}
    .content2 ul li{font-size: 14px;}
    .content3{width: 1000px;padding: 60px 0;}
    .content3 h2{font-size: 32px;}
    .content4 ul{width: 1000px;}
    .content4 h2{font-size: 42px;}
}

@media screen and (max-width: 1023px){
    .s01_banner{height: auto;padding-bottom: 100px;}
    .s01_banner .t1{font-size: 30px;margin-top: 160px;}
    .s01_banner .t2{font-size: 40px;}
    .s01_banner ul{width: 98%;}
    .s01_banner ul li p{width: 133px;}

    .content1{width: 98%;}
    .content1 .tit{font-size: 30px;padding-top: 60px;}
    .content1 ul li p{width: 98%;font-size: 14px;}
    .content2 .tit1{font-size: 30px;}
    .content2 ul{width: 98%;}
    .content2 ul li{width: 49%;}
    .content2 ul li:nth-child(2){display: none}
    .content2 ul li:last-child{float: right}
    .content3{padding: 40px 0;width: 98%;}
    .content3 h2{font-size: 26px;}
    .content4 h3{font-size: 20px;}
    .content4 h2{font-size: 30px;}
    .content4 ul{width: 98%;}

}

@media screen and (max-width: 767px){
    .s01_banner .t1{font-size: 20px;margin-top: 100px;}
    .s01_banner .t2{font-size: 20px;padding: 30px 0;}
    .s01_banner .t3{font-size: 14px;width:94%;margin: 0 auto}
    .s01_banner .t4{font-size: 16px;padding: 30px 0;}
    .s01_banner{padding-bottom: 30px;}
    .s01_banner ul li{width: 130px;margin: 5px 1px;display: inline-block;vertical-align: top;float: none}
    .s01_banner ul li p{width: 100%;border-radius: 5px;padding:5px 2px;font-size: 13px;box-sizing: border-box}
    .content1{width: 94%;}
    .content1 .tit{padding-top: 30px;font-size: 20px;}
    .content1 ul{padding-bottom: 30px;}
    .content1 ul li{width: 100%;}
    .content1 ul li p{line-height: 110%;padding: 8px 0;}

    .content2{padding: 30px 0;}
    .content2 .tit1{font-size: 20px;width:94%;margin: 0 auto}
    .content2 .tit2{font-size: 14px;}
    .content2 ul{width: 94%;}
    .content2 ul li{width: 100%;}
    .content2 ul li:nth-child(2){display: block;}
    .content2 ul li img{max-width: 80%;}
    .content2 ul li h3{padding:0;}
    .content2 ul li p img{padding-left: 0}
    .content3{padding: 30px 0;width: 94%;}
    .content3 h2{font-size: 18px;padding-bottom: 30px;}
    .content3 ul li{width: 100%;margin-bottom: 20px;}
    .content3 ul li p{padding-right: 0;}

    .content4 h3{font-size: 16px;}
    .content4 h2{font-size: 20px;padding: 30px 0;}

    .content4 ul li{width: 30%;display: inline-block;float: none;}
    .content4 ul li img{max-width: 100%;}
    .content4 ul li strong{font-size:24px;}

}