/* CSS Document */
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ content:""; clear:both; display:block; font-size:0; height:0; overflow:hidden;}
.clearfix{ zoom:1;}

body{padding-top:49px;position: relative;}
/*content*/
.content{max-width:750px; width:100%;background: #f0f0f0; margin:0 auto;}
.list-content{max-width:750px; width:100%; background: #f0f0f0; margin:0 auto;}
/*sort*/
.brand-subjectSort{padding:10px 5px 0px; background: #fff;overflow: hidden;}
.brand-subjectSort a{float:left; width:25%; color: #232323; font-size:13px; text-align: center; overflow: hidden; margin-bottom: 10px;}
.brand-subjectSort a img{display:block; height:42px; width:42px;margin:0 auto;}
.brand-subjectSort a span{display:block; height:28px; line-height: 28px;}

/*banner*/
.bannerList a,.bannerList a img{ display:block; width:100%; overflow:hidden;}
.banner{ position:relative; width:100%; }
.hdAdd{ position:absolute;width:100%; height:8px; bottom:0px; left:0px; text-align: center; z-index:1; cursor: pointer;}
.hdAdd ul{overflow: hidden;}
.hdAdd li{ display:inline-block; width:4px; height:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;border:1px solid #fff; overflow:hidden; margin:0 3px; text-indent:-9999px; }
.hdAdd li.on{ background:#fff; }

/*count-down*/
.count-down{display:table; position:relative;width:100%; background: #fff;padding:3px 0 3px 3px;font-size: 16px;height: 32px;line-height: 32px;}
.count-down div{width: 87%;margin: 0 auto;}
.clock{padding-left: 20px;background: url(../images/clock.png) left center no-repeat;background-size: 18px 18px;color: #7640d3;float: left;font-weight: bold;}
.daojishi{width: 60%;float: left;}
.daojishi span{padding: 0 2px;color: red;margin: 0 2px;font-weight: bold;}
@media screen and ( max-width:374px) {
    .brand-subjectSort a {
        font-size: 12px;
    }

    .brand-subjectSort a img {
        display: block;
        height: 36px;
        margin: 0 auto;
        width: 36px;
    }
}
/*品牌内容*/
.part-pp{background-color: #ffffff;}
.part-pp .cont1{overflow: hidden;padding-bottom: 3%;}
.part-pp .cont1 .tit{margin-top: 4%;height: 40px;background: url("../images/bt_bgl.png")no-repeat top center;background-size: 50%;}
.part-pp .cont1 .tit h5{text-align: center;font-size: 20px;font-weight: bold;line-height: 26px;letter-spacing: 1px;color: #666666;}
.cont1 .swiper-container1 {width: 99%;margin: 0 auto;padding-bottom: 4%;position: relative;overflow: hidden;z-index: 1;background-color: #ffffff;box-shadow: 0 2px 5px 1px rgba(130, 130, 130, 0.41);border-radius: 5px;}
.swiper-container1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%;}
.swiper-container1 .swiper-pagination-bullet {width:7px;height: 7px;border-radius: 7px;display: inline-block;background: #7d99ff;opacity: .2}
.swiper-container1 .swiper-pagination-bullet-active {opacity: 1;background: #7d99ff;width: 19px;height: 6px;border-radius:6px;}
.cont1 .swiper-container1 .swiper-slide{padding:2%;}
.cont1 .swiper-container1 .swiper-slide .text{border: solid 1px #7d99ff;border-radius: 5px;overflow: hidden;padding: 5% 2% 3%;}
.cont1 .swiper-container1 .swiper-slide .text:nth-of-type(1){margin-bottom: 3%}
.cont1 .swiper-container1 .swiper-slide .text .text-l{float: left;width: 23%;height: 80px;position: relative}
.cont1 .swiper-container1 .swiper-slide .text .text-l img{width: 97.5%;display: inline-block;}
.cont1 .swiper-container1 .swiper-slide .text .text-l:nth-of-type(1) img{position: absolute;top: 20%;}
.cont1 .swiper-container1 .swiper-slide .text .text-l:nth-of-type(2) img{position: absolute;top: 23%;}
.cont1 .swiper-container1 .swiper-slide .text .text-r{float: right;width: 77%;}
.cont1 .swiper-container1 .swiper-slide .text .text-r h5{color: #333333;font-size: 13px;margin-top: 0;}
.cont1 .swiper-container1 .swiper-slide .text .text-r p{color: #333333;font-size: 12px;}

.cont2{position:relative;}
.cont2 .tit{position: absolute;z-index: 99;top: -11%;left: 0;right: 0;height: 28px;width: 75%;margin: 0 auto;background-color: #7d99ff;border-radius: 15px;}
.cont2 .tit h5{letter-spacing: 1px;color:#fefefe;font-size: 14px;text-align: center;line-height: 25px;font-weight: 600;}
.cont2 .str_wrap {width: 99%;margin: 5% auto;padding-top: .5rem;padding-bottom: .3rem;background-color: #ffffff;box-shadow: 1px 1px 2px 2px rgba(78, 78, 78, 0.19);border-radius: 20px;margin-top: 7%;}
.cont2 .str_wrap {overflow: hidden;position: relative;}
.cont2 .cont2 .str_wrap img{width: 1.9rem;height: 1.44rem;}
.cont2 .str_move{white-space: nowrap;position: absolute;cursor: move;}
.cont2 .str_move_clone{display: inline-block;vertical-align: top;position: absolute;left: 100%;top: 0;}

.cont3{width: 99%;margin: 0 auto}
.cont3 h5{color: #ffffff;background-color: #7d99ff;font-size: 13px;line-height: 20px;text-align: center;border-radius: 15px 15px 0 0;font-weight:600;padding: 4% 0;margin-bottom: 0;}
.cont3 .img-box{overflow: hidden;background-color: #ffffff;box-shadow: 0 0 10px 2px rgba(78, 78, 78, 0.19);border-radius: 0 0 20px 20px;padding: 2% 4% 0 4%;}
.cont3 .img-box img{width: 100%;margin-bottom: 4%;}
.cont3 .cont-l{width: 49%;float: left;margin-bottom: .7rem;}
.cont3 .cont-r{width: 49%;float: right;margin-bottom: .7rem;}
.cont3 .cont-l .img-box{height: 96px}
.cont3 .cont-l .img-box .img-l{width: 59%;float: left;}
.cont3 .cont-l .img-box .img-r{width: 39%;float: right;}
.cont3 .cont-r .img-box{height: 96px;}
.cont3 .cont-r .img-box img{margin-top: 5%;margin-bottom: 10%;}
.cont3 .cont-r .img-box .img-l{width: 49%;float: left;}
.cont3 .cont-r .img-box .img-r{width: 49%;float: right;}

.cont4{position:relative;clear: both;margin-bottom: 5%;}
.cont4 .tit{position: absolute;z-index: 99;top: -9%;left: 0;right: 0;height: 28px;width: 75%;margin: 0 auto;background-color: #00c694;border-radius: 15px;}
.cont4 .tit h5{letter-spacing: 1px;color:#fefefe;font-size: 14px;text-align: center;line-height: 25px;font-weight: 600;}
.cont4 .swiper-container2{width: 99%;margin: 0 auto;padding-bottom: 4%;position: relative;overflow: hidden;z-index: 1;border-radius: 5px;border: solid 2px #7d99ff;padding-top: 3%;}
.cont4 .swiper-container2 .swiper-slide img{width: 95%;display: block;margin: 0 auto;}
.swiper-container2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%;}
.swiper-container2 .swiper-pagination-bullet {width:7px;height: 7px;border-radius: 7px;display: inline-block;background: #7d99ff;opacity: .2}
.swiper-container2 .swiper-pagination-bullet-active {opacity: 1;background: #7d99ff;width: 19px;height: 6px;border-radius:6px;}

.cont5{width: 99%;margin: 0 auto;background-color: #7d99ff;overflow: hidden;padding-bottom: 1%;}
.cont5 .tit{height: 50px;background: url("../images/bt_bgh.png")no-repeat top center;background-size: 50%;margin-top: 4%;}
.cont5 .tit h5{text-align: center;font-size: 15px;font-weight: bold;letter-spacing: 1px;color: #ffffff;margin-bottom: 0;padding-top: 2px;}
.cont5 .tit p{text-align: center;font-size: 12px;letter-spacing: 1px;color: #ffffff;}
.swiper-container3{width: 99%;margin: 0 auto;padding-bottom: 4%;position: relative;overflow: hidden;z-index: 1;padding-top: 2%;}
.swiper-container3 .swiper-slide img{width: 95%;display: block;margin: 0 auto;}
.swiper-container3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%;}
.swiper-container3 .swiper-pagination-bullet {width:7px;height: 7px;border-radius: 7px;display: inline-block;background: #ffffff;opacity: .2}
.swiper-container3 .swiper-pagination-bullet-active {opacity: 1;background: #ffffff;width: 19px;height: 6px;border-radius:6px;}

.cont6{overflow: hidden}
.cont6 .tit{margin-top: 4%;}
.cont6 .tit h5{color: #333333;text-align: center;font-size: 20px;letter-spacing: 1px;background: url("../images/bt_b.png")no-repeat bottom center;background-size: 50%;padding-bottom: 4%;margin-bottom: 0;}
.cont6 .tit p{color: #333333;font-size: 12px;text-align: center;margin-bottom: 0;}
.cont6 .bg{width: 99%;padding: .3rem 0;margin: .2rem auto;background-color: #d6deff;box-shadow: 0 1px 1px 1px rgba(78, 78, 78, 0.19);}
.cont6 .str_wrap2{position: relative;overflow: hidden;}
.cont6 .str_wrap2 img {width: 1.61rem;height: 1.99rem;margin: 0 .08rem;}
.cont6 .str_move{white-space: nowrap;position: absolute;cursor: move;}
.cont6 .str_move_clone{display: inline-block;vertical-align: top;position: absolute;left: 100%;top: 0;}

.part4{margin: .5rem 0;}
.part4 .three-btns{font-size: 0; padding-top: 1.84rem;}
.pr {position: relative;}
.tc {text-align: center;}
.part4 p{width: 1.45rem; border-radius: 1rem; border: .12rem solid rgba(255, 205, 177, 0.3); background: #f3f5ff; font-size: .28rem; font-weight: bold; line-height: .36rem; color: #1951a2; padding: .24rem 0; display: inline-block; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0 .44rem;}
.part4 .nine-btns{padding-top: .78rem;}
.part4 .nine-btns h3{font-size: .28rem; font-weight: bold; color: #85522f; margin-bottom: .3rem;}
.part4 .nine-btns ul{font-size: 0;}
.part4 .nine-btns ul li{width: 1.6rem; height: 1.2rem; border-radius: .2rem; margin: .12rem .2rem; overflow: hidden; display: inline-block;}
.part4 .nine-btns ul li a{font-size: .26rem; font-weight: bold; line-height: .38rem; color: #333; display: flex; align-items: center; justify-content: center; height: 100%;}
.part4 .nine-btns ul li:first-child{background: #f1a834;}
.part4 .nine-btns ul li:first-child a{color: #fff;}
.part4 .nine-btns ul li:nth-child(2), .part4 .nine-btns ul li:nth-child(3){background: #ffe1b1;}
.part4 .nine-btns ul li:nth-child(4), .part4 .nine-btns ul li:nth-child(5), .part4 .nine-btns ul li:nth-child(6){background: #f8c7af;}
.part4 .nine-btns ul li:nth-child(7), .part4 .nine-btns ul li:nth-child(8), .part4 .nine-btns ul li:nth-child(9){background: #d5ddf4;}
.part4 .bg{position: absolute;width: 7.02rem; height: 9.79rem; top: 0; left: .24rem; z-index: -1;}

.part5{padding-top: .7rem; padding-bottom: .55rem;}
.title {display: flex;align-items: center;justify-content: center;}
.title img {width: .5rem;height: .34rem;}
.title p {font-size: .42rem;font-weight: bold;padding: 0 .4rem;}
.part5 ul{font-size: 0; margin-top: .3rem;}
.part5 ul li{padding: .14rem; border-radius: .15rem; background: #fff9f2; display: inline-block; margin: .05rem .1rem;}
.part5 ul li div{width: 2.84rem; height: 3.48rem; border-radius: .15rem; border: 0.02rem solid #f0c48b;}
.part5 ul li div img{width: .97rem; height: .97rem; margin-top: .16rem;}
.part5 ul li div b{font-size: .3rem; color: #1951a2; display: block; padding: .1rem 0;}
.part5 ul li div p{font-size: .24rem; line-height: .3rem; color: #333;}
.part5 ul li div a{display: inline-block; width: 2.27rem; height: .5rem; line-height: .5rem; border-radius: .5rem; font-size: .26rem; font-weight: bold; color: #fff; margin-top: .12rem;
    background-image: -webkit-linear-gradient(#ffb759, #ff5900);
    background-image: -o-linear-gradient(#ffb759, #ff5900);
    background-image: -moz-linear-gradient(#ffb759, #ff5900);
    background-image: linear-gradient(#ffb759, #ff5900);
}

.part6{padding-top: 1.9rem;}
.part6 ul{font-size: 0;}
.part6 ul li{display: inline-block; width: 2.14rem; border-radius: .1rem; background: #fff; margin: .4rem .08rem;}
.part6 ul li img{width: .78rem; height: .78rem; margin-top: -.4rem;}
.part6 ul li b{font-size: .26rem; line-height: .36rem; color: #1951a2; display: block;}
.part6 ul li p{font-size: .24rem; line-height: .3rem; color: #333; padding: .1rem 0;}
.part6 ul li div{background: #ffefea; padding: .18rem 0; border-radius: 0 0 .1rem .1rem;}
.part6 ul li a{display: inline-block; width: 1.82rem; height: .4rem; line-height: .4rem; border-radius: .5rem; font-size: .24rem; font-weight: bold; color: #fff;
    background-image: -webkit-linear-gradient(#ffb759, #ff5900);
    background-image: -o-linear-gradient(#ffb759, #ff5900);
    background-image: -moz-linear-gradient(#ffb759, #ff5900);
    background-image: linear-gradient(#ffb759, #ff5900);
}
.part6 .bg{position: absolute;width: 7.02rem; height: 11.32rem; top: 0; left: .24rem; z-index: -1;}

.part7{padding-top: .7rem;}
.part7 ul{margin-top: .24rem;}
.part7 ul li{width: 6.74rem; height: 2.46rem; border-radius: 0 .15rem .15rem .15rem; border: 0.04rem solid #2872f6; background: #fff; display: inline-block; margin: .3rem 0; position: relative;}
.part7 ul li h3{font-size: .32rem; font-weight: bold; color: #fff; border-radius: .15rem .6rem 0 0; display: inline-block; padding-left: .35rem; padding-right: .75rem; position: absolute; top: -.35rem; left: -.04rem; line-height: .66rem;
    background-image: -webkit-linear-gradient(left, #2872f6, #66a6ff);
    background-image: -o-linear-gradient(right, #2872f6, #66a6ff);
    background-image: -moz-linear-gradient(right, #2872f6, #66a6ff);
    background-image: linear-gradient(to right, #2872f6, #66a6ff);
}
.part7 ul li p{font-size: .24rem; font-weight: bold; color: #333; height: .8rem; line-height: .8rem; border-radius: .05rem; background: #ffedd8; margin: 0 .4rem; text-align: left; padding-left: .2rem; margin-top: .5rem; margin-bottom: .22rem;}
.part7 ul li a{display: inline-block; width: 1.82rem; height: .5rem; line-height: .5rem; border-radius: .5rem; font-size: .26rem; font-weight: bold; color: #fff; margin: 0 .12rem;
    background-image: -webkit-linear-gradient(#ffb759, #ff5900);
    background-image: -o-linear-gradient(#ffb759, #ff5900);
    background-image: -moz-linear-gradient(#ffb759, #ff5900);
    background-image: linear-gradient(#ffb759, #ff5900);
}

.part8{position: relative;padding-top: 4%;}
.part8 h4{width: 94%;margin: auto;text-align: center;font-size: 28px;color: #333333;border-bottom: solid 1px #ff4b2b;}
.part8 i{display: block;text-align: center;font-style: normal;font-size: 18px;font-weight: bold;color: #333333;}
.part8 .branch {display: flex;flex-wrap: wrap;justify-content: space-between;margin: .25rem .14rem 0 .14rem;}
.part8 .branch a{display: inline-block;height: 35px;}
.part8 .branch li {margin-bottom: .1rem;list-style: none;flex: auto;width: 1.36rem;height: .48rem;font-size: .34rem;font-weight: 700;line-height: .48rem;text-align: center;color: #fff;background-color: #ff4b2b;border-radius: .25rem;margin-right: .1rem;}
.part8 .branch a:nth-of-type(5) li,.part8 .branch a:nth-of-type(10) li,.part8 .branch a:nth-of-type(15) li,.part8 .branch a:nth-of-type(20) li,.part8 .branch a:nth-of-type(25) li{margin-right: 0;}
.part8 .righttu{position: absolute;right: .24rem;bottom: .25rem;width: 4.85rem;}

/*footer*/
.con_box20 {background: #116297;padding: .31rem .55rem 1.35rem .55rem;}
.con_box20 p {font-size: 0.22rem;color: #fff;}