.main {padding:210px 60px 0 60px; background:url('../img/main_bg.png')no-repeat left top 100px; position: relative; overflow-x:hidden; }
.main .sec1 {max-width:1600px; margin:0 auto; width:100%; padding-bottom:150px; }
.main .sec1:after {content:''; clear:both; display: table;}
.main .sec1 .txt {float:left; width:calc(100% - 940px); }
.main .sec1 .txt h2 {font-size:35px; color:#000;}
.main .sec1 .txt p {margin-top:35px; font-size:15px; color:#222; line-height:1.5em;}
.main .sec1 .txt p .mo {display: none;}
.main .sec1 .txt .bt_box {max-width:515px; width:100%; margin-top:45px;}
.main .sec1 .txt .bt_box:after {content:''; clear:both; display: table;}
.main .sec1 .txt .bt_box button {float:left; width:Calc((100% - 10px) / 2); margin-bottom:10px; height:55px; border:1px solid #111; color:#fff; background:#111; font-size:16px;}
.main .sec1 .txt .bt_box button:nth-child(2n) {float:right;}
.main .sec1 .txt .bt_box button:nth-last-child(-n+2) {background:#fff; color:#111;}

.main .sec1 .img {float:right; width:900px; height:555px; position: absolute; right:60px; top:105px;}
.main .sec1 .img .swiper {width:100%; height:100%; position: relative;}
.main .sec1 .img .swiper .swiper-slide {width:100%; height:100%; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-button-prev:after {content:none !important;}
.main .sec1 .img .arrow_box_wid {position: absolute; right:-60px; bottom:0; width:100%; z-index: 1; width:120px; cursor: pointer}
.main .sec1 .img .arrow_box_wid .swiper-button-next_top-banner {float:right;}
.main .sec1 .img .arrow_box_wid .swiper-button-prev_top-banner {float:left;}

.main .sec1 .img .page_box {position: absolute; left:0; bottom:0 ; width:230px; height:60px; background:rgba(0,0,0,.75); z-index: 1; padding:28px 50px;}
.main .sec1 .img .swiper-pagination {position: relative !important; height:2px; background:rgba(255,255,255,.2); bottom:0 !important; top:0 !important}
.main .sec1 .img .swiper-pagination-bullet {float:left !important; margin:0 !important; width:calc(100% / 3) !important; height:2px !important; background:rgba(255,255,255,0) !important; border-radius:0 !important; transition: .5s;}
.main .sec1 .img .swiper-pagination-bullet-active {background:#fff !important; opacity:1 !important; }
.main .sec1 .img .page_box .first_txt {position: absolute; left:20px; top:20px; font-size:17px; color:#fff; font-weight:500;}
.main .sec1 .img .page_box .last_txt {position: absolute; right:20px; top:20px; font-size:17px; color:#fff; font-weight:500;}










.main .sec2 {max-width:1600px; margin:0 auto 40px auto; width:100%; position: relative; padding-bottom:40px;}
.main .sec2 h2 {font-size:25px; color:#000; margin-bottom:25px; font-weight:600;}
.main .sec2 .swiper2 {overflow: visible;}
.main .sec2 .swiper2 .swiper-slide {width:300px !important; }
.main .sec2 .swiper2 .swiper-slide .img {width:100%; padding-top:140%; position: relative; box-shadow: 0 0 7px rgba(0,0,0,.1);}
.main .sec2 .swiper2 .swiper-slide .img img.front {position: absolute; left:0; top:0; width:100%; height:100%;}
.main .sec2 .swiper2 .swiper-slide .img img.back {position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0; z-index: 1; transition: .5s;}
.main .sec2 .swiper2 .swiper-slide:hover img.back {opacity: 1;}
.main .sec2 .swiper2 .swiper-slide .banner_icon {position: absolute; right:5px; bottom:-15px; z-index: 2;}
.main .sec2 .swiper2 .swiper-slide .banner_icon img {float:left; margin-left:5px;}
.main .sec2 .swiper2 .swiper-slide p {font-size:17px; margin-top:21px; color:#000; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec2 .swiper2 .swiper-slide span {display: inline-block; width:100%; margin-top:6px; font-size:14px; color:#777; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .sec2 .swiper2 .swiper-slide .write {width:100%; margin-top:20px; font-size:15px; color:#111; border:1px solid #111; background:none; transition: .3s; height:40px; font-weight:500;}
.main .sec2 .swiper2 .swiper-slide .write:hover {background:#111; color:#fff;}
.swiper-scrollbar {opacity: 1 !important; max-width:1600px !important; width:100% !important; left:50% !important; transform: translate(-50%,0) !important; background:#F8F8F8 !important; height:6px !important; z-index: 0 !important;}
.swiper-scrollbar-drag {background:#E0E0E0 !important}








.main .sec3 {margin:100px 0 0 0; width:100%; background:url('../img/sec3_bg.png')no-repeat center; background-size:cover; margin-left:-60px; width:calc(100% + 120px); padding:165px 60px 0 60px; height:555px;}
.main .sec3 .wid {max-width:1600px;  margin:0 auto; width:100%;}
.main .sec3 h2 {font-size:25px; color:#000; margin-bottom:25px; font-weight:600; padding-left:60px;}
.main .sec3 ul:after {content:''; clear:both; display: table;}
.main .sec3 ul li {float:left; width:calc(100% / 3); padding-left:60px; border-right:1px dashed #E5DBD1;}
.main .sec3 ul li:last-child {border-right:none;}
.main .sec3 ul li img {margin-bottom:30px;}
.main .sec3 ul li b {display: inline-block; padding:4px 10px; font-size:13px; color:#fff; background:#C8BEBA; border-radius:50px; font-weight:400;}
.main .sec3 ul li p { font-size:18px; margin-top:10px; color:#111; font-weight:600; }
.main .sec3 ul li span {display: inline-block; width:100%; line-height:1.35em; margin-top:10px; font-size:14px; color:#777;}












.main .sec4 {max-width:1600px; margin:80px auto 0px auto; width:100%; position: relative; padding-bottom:40px;}
.main .sec4:after {content:''; clear:both; display: table;}
.main .sec4 h2 {font-size:25px; color:#000; margin-bottom:25px; font-weight:600;}
.main .sec4 .box1 {float:left; width:calc(100% - 570px); position: relative; padding-bottom:35px;}
.main .sec4 .box1 .swiper3 {width:100%; overflow: hidden}
.main .sec4 .box1 .swiper3 .swiper-slide {border:1px solid #e4e4e4; border-radius:10px; overflow: hidden;  cursor: pointer;}
.main .sec4 .box1 .swiper3 .swiper-slide .spon_img {width:100%; padding-top:78%;}
.main .sec4 .box1 .swiper-button-next_mid-banner {position: absolute; right:-62px; top:162px; cursor: pointer;}
.main .sec4 .box1 .swiper-button-prev_mid-banner {position: absolute; left:-62px; top:162px; cursor: pointer;}

.main .sec4 .box2 {float:right; width:450px; }
.main .sec4 .box2 ul li {padding:22px 0 22px 100px; border-bottom:1px solid #e8e8e8; font-size:14px; color:#222; font-weight:500;position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.45em;}
.main .sec4 .box2 ul li span {position: absolute; left:0; top:22px; font-size:14px; color:#777; font-weight:400;}
.main .sec4 .box2 ul li:last-child {border-bottom:none;}
.main .sec4 .box2 ul li b {display: inline-block; color:#FF6262; padding:2px 7px; background:#FFE7E7; border-radius:3px; font-size:13px; margin-right:6px;}
.main .sec4 .box2 button {width:100%; border:1px solid #111; color:#111; font-size:15px; background:none; text-align: left; padding:0 20px; transition: .3s; height:45px; margin-top:20px;}
.main .sec4 .box2 button:after {content:''; clear:both; display: table;}
.main .sec4 .box2 button img {float:right; margin-top:1px;}
.main .sec4 .box2 button:hover {background:#111; color:#fff;}
.main .sec4 .box2 button:hover img {filter:invert(1);}









.main .sec5 {max-width:1600px; margin:80px auto 60px auto; width:100%; position: relative; padding-bottom:40px;}
.main .sec5:after {content:''; clear:both; display: table;}
.main .sec5 .box {float:left; width:calc((100% - 30px) / 2); position: relative;  height:242px; background:#f7f6f4; border-radius:15px; padding:45px 70px 0 70px; overflow: hidden;}
.main .sec5 .box h2 {font-size:20px; color:#000; font-weight:700;}
.main .sec5 .box p {margin-top:10px; font-size:14px; font-weight:300; color:#949289; line-height:1.4em;}
.main .sec5 .box button {width:175px; height:41px; border:1px solid #111; color:#111; background:none; font-size:14px; padding:0 20px; text-align: left; margin-top:20px;}
.main .sec5 .box button:after {content:''; clear:both; display: table; }
.main .sec5 .box button img{float:right; margin-top:2px;}
.main .sec5 .box .img {position: absolute; bottom:-16px; right:50px;}

.main .sec5 .box:last-child {float:right; padding-top:50px;}
.main .sec5 .box:last-child .img {right:-50px; bottom:-75px;}











@media screen and (max-width:1600px) {
    .main .sec1 .img {width:700px;}
    .main .sec1 .txt {width:calc(100% - 740px);}


    .main .sec5 .box .img {width:290px; right:-10px; bottom:12px;}
    .main .sec5 .box:last-child .img {right:-100px; bottom:-75px; width:380px;}
}

@media screen and (max-width:1440px) {
    .main {padding-top:160px;}
    .main .sec1 .img {width:620px; height:445px;}
    .main .sec1 .txt {width:calc(100% - 660px);}
    .main .sec1 .txt h2 {font-size:30px;}
    .main .sec1 .txt p {font-size:14px; margin-top:20px;}
    .main .sec1 .txt p br {display: none;}
    .main .sec1 .txt .bt_box {margin-top:35px;}


    .main .sec3 {padding:165px 20px 0 20px;}
}


@media screen and (max-width:1200px) {
    .main {padding:160px 40px 0 40px;}
    .main .sec1 .txt {width:100%;}
    .main .sec1 .img {width:calc(100% + 120px); position: relative; right:-60px; top:0; margin-top:50px;}
    .main .sec1 .img .arrow_box_wid {right:0; background:rgba(255,255,255,.7);}
    .main .sec1 .txt p br {display: block;}
    .main .sec1 {padding-bottom:60px;}


    .main .sec3 {margin-top:50px;}
    .main .sec3 h2 {padding-left:30px;}
    .main .sec3 ul li {padding-left:30px;}

    .main .sec4 {margin-top:50px;}
    .main .sec4 .box1 {width:100%;}
    .main .sec4 .box2 {width:100%; margin-top:50px;}
    .main .sec4 .box1 .swiper-button-next_mid-banner, .main .sec4 .box1 .swiper-button-prev_mid-banner {display: none;}

    .main .sec5 {margin-top:0; margin-bottom:30px;}
    .main .sec5 .box {width:100%; margin-top:15px;}
}



@media screen and (max-width:767px) {
    .main {padding:145px 20px 0 20px}
    .main .sec1 {padding-bottom:20px;}
    .main .sec1 .txt h2 {font-size:25px;}
    .main .sec1 .txt p span {display: none;}
    .main .sec1 .txt p {margin-top:15px;}
    .main .sec1 .txt p .mo {display: block;}

    .main .sec1 .txt .bt_box {margin-top:30px;}
    .main .sec1 .txt .bt_box button {height:45px; font-size:14px; margin-bottom:8px; padding-bottom:2px;}

    .main .sec1 .img {right:-20px; width:calc(100% + 40px); height:270px; margin-top:17px;}
    .main .sec1 .img .page_box {transform: scale(0.7); left:-35px; bottom:-9px;}
    .main .sec1 .img .arrow_box_wid {transform: scale(0.7); right:-18px; bottom:-9px;}

    .main .sec2 {padding-bottom:30px;}
    .main .sec2 h2 {display: none;}
    .main .sec2 .swiper2 .swiper-slide {width:185px !important}
    .main .sec2 .swiper2 .swiper-slide p {font-size:14px; margin-top:16px;}
    .main .sec2 .swiper2 .swiper-slide span {font-size:12px;}
    .main .sec2 .swiper2 .swiper-slide .write {height:35px; font-size:14px; margin-top:15px;}

    .main .sec2 .swiper2 .swiper-slide .banner_icon {bottom:-9px;}
    .main .sec2 .swiper2 .swiper-slide .banner_icon img {height:18px;}

    .main .sec3 {background:url('../img/sec3_bg2.jpg')no-repeat center top; background-size:cover; width:calc(100% + 40px); margin-left:-20px; padding:65px 0 0 0; height:525px;}
    .main .sec3 h2 {font-size:20px; margin-bottom:20px;}
    .main .sec3 ul li {width:100%; position: relative; padding-left:160px; margin-bottom:30px;}
    .main .sec3 ul li img {width:120px; position: absolute; left:25px; top:0;}
    .main .sec3 ul li:last-child img {top:-6px;}
    .main .sec3 ul li b {padding:3px 8px; font-size:11px;}
    .main .sec3 ul li p {font-size:15px; margin-top:8px;}
    .main .sec3 ul li span {margin-top:4px; font-size:13px;}

    .main .sec4 {margin-top:35px;}
    .main .sec4 h2 {font-size:20px; margin-bottom:15px;}
    .main .sec4 .box2 ul li {font-size:13px; padding:16px 0 16px 85px}
    .main .sec4 .box2 ul li span {font-size:13px; top:16px;}

    .main .sec5 {margin-bottom:0;}
    .main .sec5 .box {padding:30px 30px 0 32px; z-index: 1; height:210px;}
    .main .sec5 .box h2 {font-size:18px;}
    .main .sec5 .box p {font-size:13px;}
    .main .sec5 .box .img {width:180px; z-index: -1; right:-10px; bottom:-20px;}
    .main .sec5 .box:last-child .img {width:260px;}
    .main .sec5 .box:last-child {padding-top:30px;}

}