.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% - 1000px); }
.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 .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 {cursor:pointer;}
.main .sec2 .swiper2 .swiper-slide .img {width:100%; padding-top:140%; position: relative; }
.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;}
.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;}
.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;}