/* CSS Document */
.col1{margin-top:15px;}
.col1 .left{width:280px;height: 420px;border-radius: 4px 0 0 4px;background-color: #FFFFFF;box-sizing: border-box;font-size: 14px;line-height: 18px;color: #666666;position: relative;}
.col1 .left .catelist{width:100%;height: 384px;overflow: hidden;padding-top: 20px;padding-left: 20px;box-sizing: border-box;background-color: #FFFFFF;z-index: 10;}
.catelist .cateli{width:100%;margin-bottom: 8px;}
.catelist .cateli a{width:100%;display: flex;align-items: center;}
.catelist .cateli .cate_icn{width:18px;height: 18px;display: flex;justify-content: center;align-items: center;background: #f2f2f2;border-radius: 100%;overflow: hidden;margin-right: 6px;}
.catelist .cateli a:hover{color:#1f2a66;}
.col1 .left .fsblue{margin-left: 44px;color: #00b0ec}
.col1 .left .catelist:hover{position: absolute;top: 0;left: 0;height: auto;padding-bottom: 20px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);border-radius: 4px;}

.col1 .right .banner01{width:920px;height: 420px;border-radius:0 4px 4px 0;overflow: hidden;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
width: 100%;right: 0; left: auto;bottom:10px;line-height: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px}
.swiper-pagination-bullet{background:#19b7ea;width: 8px;height: 8px;border-radius: 8px;opacity: 0.5;}
.swiper-pagination-bullet-active{background:#353e71;width: 8px;height: 8px;border-radius: 8px;opacity: 1}


/*col2*/
.col2{margin-top:15px;}
.col2 .img{border-radius: 4px;}


/*col3*/
.col3{margin-top: 15px;}
.col3 .con{width:100%;}
.col3 .col3_main{width: 595px;height: 340px;border-radius: 4px;box-sizing: border-box;background-color: #FFFFFF;position: relative;z-index: 2;overflow: hidden;padding: 0 15px;}
.col3 .col3_main_fl::before{content:'';width:100%;height: 40%; background-image:linear-gradient(to top,#ffffff,#c0ebfa);position: absolute;left: 0;top: 0;z-index: -1;display: block;}
.col3 .col3_main_fr::before{content:'';width:100%;height: 40%; background-image:linear-gradient(to top,#ffffff,#ffeeba);position: absolute;left: 0;top: 0;z-index: -1;display: block;}

.col .title{width:100%;box-sizing: border-box;padding: 20px 0;line-height: 40px;}
.col .title .fs22{color:#000000;font-size: 22px;}
.col .title .more{color:#999999;font-size: 14px;}

.col3 .brandlist{width:100%;height: auto;box-sizing: border-box;}
.brandlist .brandli{width:50%;margin-bottom: 15px;}
.brandlist .brandli .clogo{width:60px;height: 60px;border-radius: 100%;background-color: #f2f3f7;}
.brandlist .brandli .rg{flex:1;margin-left: 10px;}
.brandlist .brandli .rg .fs14{font-size:14px;color: #666666;line-height: 22px;}
.brandli .rg .butt_con{width:100%;margin-top: 5px;}
.brandli .rg .butt_con .lab{font-size: 12px;color: #666666;padding-left: 26px;background-position: left center;background-repeat: no-repeat;background-size: 20px 20px;line-height: 20px;}
.brandli .rg .butt_con .lab_view{background-image: url("../common/images/icn_viewuser.png");}
.brandli .rg .butt_con .lab_eye{background-image: url("../common/images/icn_eye.png");}
.brandli .rg .butt_con .hrw1{width:1px;height: 14px;background-color: #e8e8e8;margin: 0 20px;position: relative;top: 3px;}

.brandlist .brandli:hover .fs14{color:#000000;}


/*col4*/
.col4{margin-top:15px;}
.col4 .adlist{width:100%;height: auto;}
.col4 .adlist .adli{width:595px;height: 86px;border-radius: 4px;background-color: #dadada;margin-bottom: 10px;overflow: hidden;}


/*col5*/
.col5{margin-top:5px;}
.col5 .con{width:100%;height: 400px;background-color: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 0 15px;}
.col5 .videocon{width:426px;height:306px;}
.col5 .videocon .videoswiper{width: 100%;height: 306px;}
.videoswiper .videoli{width:100%;height: 240px;border-radius: 4px;overflow: hidden;}
.videoswiper .vmsg{width:100%;padding-top: 15px;}
.videoswiper .vmsg .fs14{width:100%;height: auto;font-size: 14px;color: #333333;line-height: 20px;}
.videoswiper .vmsg .fs14999{width:100%;height: auto;font-size: 14px;color: #999999;line-height: 30px;}
.videoswiper .page02{bottom: 36px;right: 0;width: auto;}
.videoswiper .page02 .swiper-pagination-bullet{background-color: #dadada;width: 8px;height: 8px;}
.videoswiper .page02 .swiper-pagination-bullet-active{background-color: #30beec;width: 8px;height: 8px;}

.col5 .videolist{width:740px;height: auto}
.videolist .videoli{margin-left:15px;width: 170px;height:300px;position: relative;}
.videolist .videoli .vimg{width: 170px;height: 170px;border-radius: 4px;background: #dadada;position: relative}
.videolist .videoli .vimg .vmask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);border-radius: 4px;align-items: center;justify-content: center;}
.videolist .videoli .vimg .vmask .icn_play{width:45px;height: 45px;background-image: url("../common/images/icn_play.png");background-repeat: no-repeat;display: block;}
.videolist .videoli .fs1{width:100%;font-size: 14px;line-height: 18px;color: #333333;margin-top: 15px;}
.videolist .videoli .fs2{width:100%;font-size: 14px;line-height: 14px;color: #999999;position: absolute;bottom: 0;left: 0;}

/*col6*/
.col6 .con{width:100%;}

.btncon{width:100%;text-align: center;margin-bottom: 15px;}
.btncon .btnmore{width:200px;height: 40px;background: #00b0ec;border-radius: 40px;text-align: center;color: #FFFFFF;line-height: 40px;font-size: 16px;display: inline-block;}
.btncon .btnmore:hover{background-color: #1f2a66}

/*col7*/
.col7 .con{width: 100%;}
.col7 .con .ly{width:100%;height: 400px;border-radius: 4px;background-position: center;background-size: cover;background-image: url("../images/6.jpg");}
.col7 .con .ly .lycon{width:600px;height: 360px;background: #ffffff;border-radius: 4px;box-sizing: border-box;padding: 0 20px;margin-top: 20px;margin-right: 20px;}
.ly .lycon .fs40{width: 100%;font-size: 40px;color: #000000;line-height: 64px;margin-top: 30px;}
.ly .lycon .fs16{width:100%;font-size: 16px;color: #000000;line-height: 24px;}
.ly .lycon .textarea{width:400px;height: 80px;border:1px solid #c4c6cf;border-radius: 4px;margin-top: 20px;box-sizing: border-box;padding: 10px;font-size: 14px;max-height: 80px;}
.ly .lycon .inp{width:400px;height: 40px;border:1px solid #c4c6cf;border-radius: 4px;margin-top: 15px;box-sizing: border-box;padding: 10px;font-size: 14px;}
.ly .lycon .btnpost{color:#FFFFFF;background-color: #00b0ec;line-height: 40px;width: 220px;text-align: center;border-radius: 40px;font-size: 16px;margin-top: 15px;}
.ly .lycon .btnpost:hover{background-color: #1f2a66}