@charset "utf-8";

@media screen and (max-width:877px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/ban_01.png") no-repeat center; background-size:cover; padding:150px 0;}
    .main-slider h3{font-size:30px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:40px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:16px; margin-bottom:100px; color:#fff;}
    .main-slider .btn{color:#fff; padding: 13px 18px !important;}
    .main-slider .btn i{padding-left:60px; font-size: 20px; padding-left: 50px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:10px; height:10px;background-color:#fff;margin-right:20px; border-radius: 50%;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    .main-section01 .inner div:first-child{border-top:2px solid #000; width:100%;  margin-top:50px; text-align:center;}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){margin-top:20px; }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around;}
    .main-section01 .inner div:nth-of-type(2) ul li{float:left; width:50%;  margin-bottom: 40px;text-align:center; height:170px; align-items: flex-end;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto; padding-bottom:12px;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}

    .main-section02{position:relative; height:400px ; margin-top:30px; text-align: center;}
    .main-section02 h3{font-size:30px; color:#000; line-height: 80px; font-weight: 300;}
    .main-section02 p{font-size:14px; line-height: 26px; color:#777; padding-bottom:55px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
    .main-section02 img:nth-of-type(1){position: absolute; right: 38px; top: 295px; width: 34%;}
    .main-section02 img:nth-of-type(2){position: absolute; right: 156px; top: 358px; z-index: 1; width: 34%;}
    .main-section02 img:nth-of-type(3){position: absolute; left: 24px; top: 449px; width: 48%;}

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; overflow:hidden; background-size: cover; margin-top: 183px;}
    
	.main-banner h3{font-size:30px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:14px; line-height: 30px; color:#fff; display:inline-block;word-break: keep-all; padding-bottom:30px;} 
    .main-banner div{padding-top:63px; padding-right:45px; padding-bottom:50px;display: flex; flex-direction: column; align-items: flex-end; text-align: right; background-color:rgba(0,0,0,.3);}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03{margin-top:50px; }
    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{}
    .main-section03 ul>li{width:90%; margin:0 auto 20px;  }
    .main-section03 ul li div img{width:100%}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:10px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; width: 239px; margin: 50px auto; display: block;}
    .main-section03 .inner>a i{padding-left:60px; }




}
@media screen and (min-width:878px) and (max-width:1219px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/ban_01.png") no-repeat center; background-size:cover; padding:250px 0;}
    .main-slider h3{font-size:55px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:80px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:27px; margin-bottom:100px; color:#fff;}
    .main-slider .btn{color:#fff;}
    .main-slider .btn i{padding-left:60px; font-size: 20px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    .main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:105px; float:left}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){width:80%;float:right;margin-top:105px;margin-bottom:100px;  }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 30%;    justify-content: space-around; margin-bottom: 40px;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto; padding-bottom:15px;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}

    .main-section02{position:relative; height:400px ; }
    .main-section02 h3{font-size:40px; color:#000; line-height: 80px; font-weight: 300; padding-bottom:20px;}
    .main-section02 p{font-size:15px; line-height: 30px; color:#777; padding-bottom:85px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
    .main-section02 img:nth-of-type(1){position: absolute; right:0; top:0; width:30%}
    .main-section02 img:nth-of-type(2){position: absolute; right:198px; top:162px; z-index: 1; width: 25%;}
    .main-section02 img:nth-of-type(3){position: absolute; right:80px; top:290px; width: 30%;}

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; height:550px; background-size: cover; }
    .main-banner h3{font-size:40px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:15px; line-height: 30px; color:#fff; padding-bottom:85px; display:inline-block} 
    .main-banner div{padding-top:125px; padding-right:20px;display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03{margin-top:50px; }
    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{display:flex; justify-content: space-between;}
    .main-section03 ul li{width:30%; }
    .main-section03 ul li div img{width:100%}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:30px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; float: right;margin-top: 50px; margin-bottom:97px}
    .main-section03 .inner>a i{padding-left:60px; }




}

@media screen and (min-width:1220px) and (max-width:1869px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/ban_01.png") no-repeat center; background-size:cover; padding:250px 0;}
    .main-slider h3{font-size:75px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:80px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:30px; margin-bottom:130px; color:#fff;}
    .main-slider .btn{color:#fff;}
    .main-slider .btn i{padding-left:60px; font-size: 20px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    .main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:105px; float:left}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){width:80%;float:right;margin-top:105px;margin-bottom:100px;  }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 30%;    justify-content: space-around; margin-bottom: 40px;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto; padding-bottom:20px;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}

    .main-section02{position:relative; height:690px ; }
    .main-section02 h3{font-size:60px; color:#000; line-height: 80px; font-weight: 300; padding-bottom:20px;
	}
    .main-section02 p{font-size:16px; line-height: 30px; color:#777; padding-bottom:85px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
    .main-section02 img:nth-of-type(1){position: absolute; right:0; top:0; }
    .main-section02 img:nth-of-type(2){position: absolute; right:269px; top:102px; z-index: 1;}
    .main-section02 img:nth-of-type(3){position: absolute; right:380px; top:315px; }

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; height:700px; background-size: cover; }
    .main-banner h3{font-size:60px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:16px; line-height: 30px; color:#fff; padding-bottom:85px; display:inline-block} 
    .main-banner div{padding-top:225px; padding-right:20px;display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03{margin-top:50px; }
    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{display:flex; justify-content: space-between;}
    .main-section03 ul li{width:30%; }
    .main-section03 ul li div img{width:100%}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:30px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; float: right;margin-top: 50px; margin-bottom:97px}
    .main-section03 .inner>a i{padding-left:60px; }




}

@media screen and (min-width:1870px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/ban_01.png") no-repeat center; background-size:cover; padding:250px 0;}
    .main-slider h3{font-size:75px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:80px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:30px; margin-bottom:130px; color:#fff;}
    .main-slider .btn{color:#fff;}
    .main-slider .btn i{padding-left:60px; font-size: 20px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    .main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:105px; float:left}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){width:80%;float:right;margin-top:105px;margin-bottom:180px;  }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 30%;    justify-content: space-around; margin-bottom: 40px;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto; padding-bottom:20px;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}

    .main-section02{position:relative; height:690px ; }
    .main-section02 h3{font-size:70px; color:#000; line-height: 80px; font-weight: 300;}
    .main-section02 p{font-size:16px; line-height: 30px; color:#777; padding-bottom:85px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
    .main-section02 img:nth-of-type(1){position: absolute; right:0; top:0; }
    .main-section02 img:nth-of-type(2){position: absolute; right:269px; top:102px; z-index: 1;}
    .main-section02 img:nth-of-type(3){position: absolute; right:380px; top:315px; }

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; height:770px; background-size: cover;  margin: 0 0 95px auto}
    .main-banner h3{font-size:70px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:16px; line-height: 30px; color:#fff; padding-bottom:85px; display:inline-block} 
    .main-banner div{padding-top:225px; padding-left:1020px;display: flex; flex-direction: column; align-items: flex-start;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{display:flex; justify-content: space-between;}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:30px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width: 415px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; float: right;margin-top: 105px; margin-bottom:97px}
    .main-section03 .inner>a i{padding-left:60px; }

	.main-section04 ul li{width:33.33%}
	.main-section04 ul li img{width:100%; }


}