@charset "utf-8";

.section{overflow:hidden;}
.visual{text-align: center;}
.visual img{max-width: 100%;}
.mainSection1{text-align:center;padding:60px 30px 56px;box-sizing: border-box;}
.mainSection1 ul{display:inline-block;}
.mainSection1 ul li{display:inline-block;padding:0 35px;}
.mainSection1 ul li .box .icon{display:inline-block;background-color:#0d58c8;width:120px;height:120px;border-radius: 50%;line-height:120px;}
.mainSection1 ul li .box .icon img{vertical-align: middle;}
.mainSection1 ul li .box .tit{font-size:22px;color:#333;font-weight:bold;padding:17px 0 10px;}
.mainSection1 ul li .box .txt{font-size:16px;color:#777;line-height:24px;}
.mainSection1 ul li .btn{margin-top:22px;}
.mainSection1 ul li .btn a{width:158px;border:1px solid #0d58c8;font-size:14px;color:#0d58c8;line-height:24px;border-radius: 25px;padding:10px 0 14px;}
.mainSection1 ul li .btn a.on, .mainSection1 ul li .btn a:hover{color:#fff;border:1px solid #fff;background-color:#0d58c8;}

.mainSection2{background: url('../images/main/bg_select2.jpg') left top repeat;padding:95px 0 180px;}
.mainSection2 h2{padding-bottom:47px;color:#222;font-size:48px;font-weight: bold;text-align:center;}
.mainSection2 .slideProductsWrap{position: relative;margin:0 auto;box-sizing: border-box;}
#slideProducts{position: relative;height:460px;box-sizing: border-box;}
#slideProducts .slide{position: relative;display:inline-block;margin:0 auto;}
#slideProducts .slick-arrow{width:80px;height:80px;position: absolute;top:50%;margin-top:-40px;z-index:5;}
#slideProducts .slick-prev{left:-130px;background:#222 url('../images/main/icon_arrow_l.png') center center no-repeat;}
#slideProducts .slick-next{right:-130px;background:#222 url('../images/main/icon_arrow_r.png') center center no-repeat;}
#slideProducts .slick-dots{text-align: center;padding-top:70px;}
#slideProducts .slick-dots li{display:inline-block;width:12px;height:12px;border:3px solid #fff;border-radius:25px;cursor: pointer;margin:0 5px;}
#slideProducts .slick-dots li button{font-size:0;}
#slideProducts .slick-dots li.slick-active{background-color:#0d58c8;border:3px solid #0d58c8;}
.mainSection2 .img{height:460px;background-color:#fff;text-align: center;line-height:460px;overflow: hidden;}
.mainSection2 .img img{vertical-align: middle;max-width: 100%;}
.mainSection2 .infoTxt{background-color:#fff;box-sizing: border-box;padding:59px 50px 0;position: relative;-webkit-box-shadow: 0px 0px 30px 10px rgba(221,221,221,1);
-moz-box-shadow: 0px 0px 30px 10px rgba(221,221,221,1);
box-shadow: 0px 0px 30px 10px rgba(221,221,221,1);}
.mainSection2 .infoTxt:after{content:'';display:block;width:60px;height:10px;position: absolute;left:-40px;top:70px;background-color: #0d58c8;}
.mainSection2 .infoTxt .tit{font-size:30px;line-height:36px;color:#222;font-weight:bold;padding-bottom:18px;}
.mainSection2 .infoTxt .txt{font-size:16px;line-height:24px;color:#777;height:120px;overflow: hidden;}
.mainSection2 .infoTxt .btn{margin-top:35px;}
.mainSection2 .infoTxt .btn a{position: relative;padding:17px 0 17px 70px;font-size:16px;color:#777;}
.mainSection2 .infoTxt .btn a:after{content:'';display:block;background:#222835 url('../images/main/icon_detail.png') center center no-repeat;width:50px;height:50px;border-radius: 50%;position: absolute;left:0;top:0;}

.mainSection3{padding:100px 0;font-size:0;}
.mainSection3 .bnnr{display:inline-block;vertical-align: top;}
.mainSection3 .bnnr1{width:600px;height:280px;padding:58px 40px 48px;background:#222835 url('../images/main/icon_bannr1.png') 449px center no-repeat;box-sizing: border-box;display:inline-block;vertical-align: top;}
.mainSection3 .bnnr1 .tit{font-size:24px;color:#fff;padding-bottom:22px;}
.mainSection3 .bnnr1 .txt{font-size:16px;line-height:24px;color:#fff;}
.mainSection3 .bnnr1 a{font-size:14px;color:#777;padding:17px 42px 19px 20px;background:#fff url('../images/main/icon_go.png') 128px center no-repeat;border-radius: 25px;margin-top:28px;}
.mainSection3 .bnnr2{margin:0 40px;}
.mainSection3 .bnnr{width:298px;height:280px;padding:37px 30px 0;border:1px solid #ddd;background-color:#f7f7f7;box-sizing: border-box;color:#fff;}
.mainSection3 .bnnr:hover{background-color:#0d58c8;color:#fff;border:1px solid #0d58c8;}

.mainSection3 .bnnr .category{font-size:16px;font-weight:bold;color:#0d58c8;}
.mainSection3 .bnnr .tit{font-size:20px;color:#222;line-height:36px;font-weight:bold;padding:7px 0 18px;}
.mainSection3 .bnnr .txt{font-size:16px;color:#777;line-height:24px;height:72px;overflow:hidden;margin-bottom:30px;}
.mainSection3 .bnnr .date{font-size:16px;color:#777;}

.mainSection3 .bnnr:hover *{color:#fff;}



@media all and (min-width:1541px){
    #slideProducts .slide{width:1280px !important;}
    .mainSection2 .slideProductsWrap{width:1540px;padding:0 130px;}
    .mainSection2 .img{width:850px;}
    .mainSection2 .infoTxt{position: absolute;right:0;top:40px;width:500px;height:370px;}

}

@media all and (max-width:1540px){
    .mainSection2{padding:80px 0;}
    .mainSection2 .slideProductsWrap{width:710px;padding:0;}
    #slideProducts{height:auto;}
    .mainSection2 .infoTxt{padding-bottom:37px;}
    .mainSection2 .infoTxt .txt{font-size:18px;height:75px;}
    .mainSection2 .infoTxt .btn{margin-top:20px;text-align:right;}
    .mainSection2 .infoTxt:after{content:'';width:100%;height:10px;position: absolute;left:0;top:0;}
    .mainSection2 .img{width:100%;}
    #slideProducts .slick-dots{padding-top:0;}
    #slideProducts .slick-list{position: relative;z-index:1;}
    #slideProducts .slick-dots{position: absolute;left:0;top:425px;width:100%;z-index:5;}
    #slideProducts .slick-dots li{border:3px solid #ddd;}
}


@media all and (max-width:1300px){
    .mainSection3 .bnnr2{margin:0 20px;}
}

@media all and (max-width:1280px){

    .visual img{max-width:100%;}
    .mainSection1{padding:47px 0 37px;}
    .mainSection1 ul li{padding:0;height:120px;width:750px;}
    .mainSection1 ul li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
    .mainSection1 ul li .box{float:left;padding-left:150px;text-align:left;position: relative;}
    .mainSection1 ul li .box .icon{text-align:center;position: absolute;top:0;left:0;}
    .mainSection1 ul li .box .tit{margin-top:10px;}
    .mainSection1 ul li .btn{float:right;margin-top:36px;}
    .mainSection1 ul li + li{margin-top:30px;}


    .mainSection3{width:710px;margin:0 auto;}
    .mainSection3 .bnnr1{width:100%;display:block;background-position:92% center;}
    .mainSection3 .bnnr{width:48%;margin-top:20px;}
    .mainSection3 .bnnr2{margin-right:4%;margin-left:0;}
}

@media all and (max-width:1024px){
    .mainSection1 ul li{display:block;}
    .inner{padding-left:10px;padding-right:10px;box-sizing: border-box;}
    .mainSection3{padding:60px 0;}
    #slideProducts .slick-prev{left:-15px;}
    #slideProducts .slick-next{right:-15px;}
}

@media all and (max-width:768px){
    .mainSection1 ul li{height:auto;width:100%;}
    .mainSection1 ul li .box{float:none;padding-left:0;text-align:center;}
    .mainSection1 ul li .box .icon{position: relative;;top:0;left:0;}
    .mainSection1 ul li .box .tit{margin-top:10px;}
    .mainSection1 ul li .btn{float:none;margin-top:20px;}

    .mainSection2 .slideProductsWrap{width:450px;}
    .mainSection2 .infoTxt{padding-left:20px;padding-right: 20px;}
    .mainSection2 .infoTxt .txt{height:auto;}
    #slideProducts .slick-arrow{display:none !important;}
    .mainSection3{width:100%;}
    .mainSection3 .bnnr1{height:auto;padding:55px 180px 40px 20px;}
    .mainSection3 .bnnr{height: auto;width:100%;margin-right:0; padding: 37px 20px 30px;}
    .mainSection3 .bnnr .txt{height:auto;}

}