.both{margin:0;padding:0; height:0px; overflow:hidden;clear:both;*display:inline;}
.banner{ position:relative}
.banner a{ display: block}
.banner .swiper1{ height:4.8rem;}
.banner .swiper1 .swiper-slide img{ width:100%; height:100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom:0;width: 100%; height:0.45rem; padding-top:0.1rem; box-sizing:border-box;background:rgba(0,0,0,0.5);z-index:3;}
.banner .swiper-pagination-switch {display: inline-block; width: 0.2rem;height:0.2rem;border-radius:0.2rem;background:#fff;margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {background:#f14247;}

.zjPart{background-color: #213146;padding: 0.1rem 0}
.zjPart li{float:left;display:inline;width: 23.5%;overflow: hidden;color: #fff;font-size: 0.2rem;height: 0.7rem;line-height: 1.2;border:1px solid #666666;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: 1.1%;padding: 0.1rem 0;border-radius: 0.06rem;}
.zjPart li i{float: left;width: 0.48rem;padding-top: 0.02rem;margin: 0 0.05rem;}

.title{ text-align:center; padding:0.2rem; position:relative}
.title .p1{ font-size:0.42rem; line-height:0.55rem;}
.title .p2{ font-size:0.28rem; line-height:0.35rem; color:#474747}

.part1{ margin:0 auto; width:6.2rem; overflow:hidden; padding:0.16rem 0;}
.part1 .pic{ float:left; width:0.64rem; padding:0 0.15rem;}
.part1 .txt{ float:left; width:5.26rem; font-size:0.22rem; line-height:0.22rem;}
.part1 .txt .p{ padding-bottom:0.12rem;}
.part1 .txt .s{ display:inline-block; vertical-align:middle; border-radius:0.06rem; border:1px solid red; padding:0 0.1rem; color:red;font-size:0.20rem; line-height:0.22rem;}

.part2{ margin:0 auto; width:6.2rem; overflow:hidden; padding:0.16rem 0;}
.part2 .list{ float:left; display:block; width:1.55rem; text-align:center; display:inline; padding-bottom:0.25rem;}
.part2 .list .pic{ margin:0 auto; width:1.31rem;}
.part2 .list .tt{ font-size:0.25rem; line-height:0.25rem;}

.part3{ background:#f4f4f4; overflow:hidden; color:#52505e;}
.part3 .tt1{ text-align:center; font-size:0.28rem; line-height:0.28rem; padding:0.28rem 0;}
.part3 .tt1 span{ color:#f49c8e; font-family:Arial, Helvetica, sans-serif}
.part3 .p3box{ margin:0 auto; width:6.2rem; overflow:hidden}
.part3 .p3box .list{ display:table; float:left; width:25%; height:1.55rem; position:relative; }
.part3 .p3box .list p{ padding-left:0.3rem;display:table-cell; font-size:0.25rem; line-height:0.32rem; color:#fff; vertical-align:middle}
.part3 .p3box .list .hot{ position:absolute; left:0.11rem; top:0.18rem; width:0.35rem; height:0.25rem; background-image:url(../images/hot.png); background-size:0.35rem 0.25rem; font-size:0.14rem; text-align:center; line-height:0.2rem; color:#fff;}
.part3 .p3box .list .y{ position:absolute; right:0.15rem; bottom:0.15rem; width:0.2rem;}
.part3 .p3box .list:nth-of-type(odd){background:#735f94}
.part3 .p3box .list:nth-of-type(even){background:#4e3e72}

.part3 .db a:nth-child(odd){ background: #4e3e72 !important;}
.part3 .db a:nth-child(even){ background: #735f94 !important;}

.part3 .p3box2{ margin:0 auto; width:6.2rem; overflow:hidden}
.part3 .p3box2 .box{ width:3.06rem; overflow:hidden}
.part3 .p3box2 .list{ display:table; float:left; width:50%; height:1.55rem; position:relative; }
.part3 .p3box2 .list p{ text-align:center;display:table-cell; font-size:0.25rem; line-height:0.32rem; color:#fff; vertical-align:middle}
.part3 .p3box2 .list .hot{ position:absolute; left:0.11rem; top:0.18rem; width:0.35rem; height:0.25rem; background-image:url(../images/hot.png); background-size:0.35rem 0.25rem; font-size:0.14rem; text-align:center; line-height:0.2rem; color:#fff;}
.part3 .p3box2 .list .y{ position:absolute; right:0.15rem; bottom:0.15rem; width:0.2rem;}
.part3 .p3box2 .bg1{background:#735f94}
.part3 .p3box2 .bg2{background:#4e3e72}

.part4{ }
.p4box{ position:relative;overflow:hidden}
.swiper2{height:4.69rem;}
.swiper2 .swiper-slide{ position:relative;}
.swiper2 .swiper-slide a{ display: block}
.swiper2 .swiper-slide .time{ position:absolute; left:2.9rem; top:3.3rem; width:3.3rem; line-height:0.3rem; text-align:center; font-size:0.25rem; color:#ff2568}
.swiper2 .swiper-slide .btn1{ position:absolute; left:2.9rem; top:3.8rem; width:1.55rem; height:0.4rem; line-height:0.4rem; text-align:center; border-radius:0.4rem; background:#665c9a; font-size:0.24rem; color:#fff;}
.swiper2 .swiper-slide .btn2{ position:absolute; left:4.65rem; top:3.8rem; width:1.55rem; height:0.4rem; line-height:0.4rem; text-align:center; border-radius:0.4rem; background:#9c68b9; font-size:0.24rem; color:#fff;}

.p4box .pagination {position: absolute;left: 0.5rem;bottom:0;width: 100%; height:0.45rem; padding-top:0.1rem; box-sizing:border-box;z-index:3;}
/*.p4box .swiper-pagination-switch {display: inline-block; width: 0.2rem;height:0.2rem;border-radius:0.2rem;background:#fff;margin: 0 3px;cursor: pointer;}
.p4box .swiper-active-switch {background:#f14247;}*/
.p4box .swiper-pagination-bullet {display: inline-block;width: 0.2rem;height: 0.2rem;border-radius: 0.2rem;background: #fff;margin: 0 3px;cursor: pointer;opacity: 1;}
.p4box .swiper-pagination-bullet-active {background: #f14247;}

.part5{  position:relative; padding-bottom:0.2rem; background:#f4f4f4}
.part5 .swiper3{/* height:6.09rem;*/ text-align:center}
.part5 .swiper3 .swiper-slide .box{ position: relative}
.part5 .player-btn{ display: block; width: 50%; margin: 3% auto}

.part5 .gd{ position:absolute; font-size:0.2rem; z-index:3; color:#FFFFFF; line-height:0.2rem; right:0.3rem; top:0.4rem; padding-right:0.25rem;}
.part5 .gd i{ position:absolute; right:0; top:0; width:0.2rem;}

.View_shipin .dj{ position: relative}
/*视频弹窗的样式*/
.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.videoBox.show{display: block;}
.videoBox .videoPlay{width:6rem;height: 3.2rem;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width:10%}

.part6{background:#f4f4f4; overflow:hidden;}
.part6 .gd{ position:absolute; font-size:0.2rem; z-index:2;  line-height:0.2rem; right:0.3rem; top:0.4rem; padding-right:0.25rem;}
.part6 .gd i{ position:absolute; right:0; top:0; width:0.2rem;}
.part6 .p6box{ background:#fff; overflow:hidden; margin-bottom:0.1rem;}
.part6 .p6box .tt{ height:0.48rem; padding:0.22rem 0; width:6rem; margin:0 auto;}
.part6 .p6box .tt .pic{ float:left; width:3rem;}
.part6 .p6box .tt .pic i{ float:left; width:0.48rem; height:0.48rem; display:inline; margin-right:0.15rem;}
.part6 .p6box .tt .pic .name{ float:left; font-size:0.25rem; height:0.48rem; line-height:0.48rem; padding-right:0.3rem; position:relative}
.part6 .p6box .tt .pic .name .v{ position:absolute; width:0.17rem; right:0; top:0.2rem;}
.part6 .p6box .tt .txt{ float:left; width:3rem; height:0.48rem; line-height:0.48rem;color:#9c68b9; font-size:0.22rem; box-sizing:border-box; padding-left:0.3rem; position:relative}
.part6 .p6box .tt .txt .p{ position:absolute; width:0.19rem; left:0; top:0.15rem;}
.part6 .p6box .tt .txt a{color:#9c68b9; font-size:0.22rem;}

.part6 .p6box .p1{ padding:0 0.2rem 0.2rem 0.2rem; text-indent:0.44rem; font-size:0.22rem; line-height:0.35rem; color:#474747;color:#656565}
.part6 .p6box .list{display:inline; width:2.95rem;}
.part6 .p6box .list .btn{ margin:0.22rem 0; width:100%; height:0.42rem; line-height:0.42rem; border-radius:0.42rem; text-align:center; color:#FFFFFF; display:block; font-size:0.22rem;}
.part6 .listbox{ margin:0 auto; width:6rem; overflow:hidden}
.part6 .p6box .list:nth-of-type(odd){ float:left}
.part6 .p6box .list:nth-of-type(even){ float:right}
.part6 .p6box .list:nth-of-type(odd) .btn{ background:#9c68b9}
.part6 .p6box .list:nth-of-type(even) .btn{ background:#665c9a}
.part6 .p6box:last-child{ margin-bottom:0}

.part6 .p6box1{ padding:0.1rem 0.2rem;}
.p6pic{ width:0.75rem; float:left}
.p6txt{ width:5.25rem; float:left; font-size:0.22rem; line-height:0.35rem; box-sizing:border-box; padding-left:0.1rem;}
.p6txt a{ color:#9c68b9}
@keyframes movement {
    0% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,10px);
        transform: translate(6px,10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
}
@-webkit-keyframes movement {
    0% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,10px);
        transform: translate(6px,10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
}
@keyframes movement1 {
    0% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(-6px,-10px);
        transform: translate(-6px,-10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
}
@-webkit-keyframes movement1 {
    0% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(-6px,-10px);
        transform: translate(-6px,-10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
}
@keyframes movement2 {
    0% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
}
@-webkit-keyframes movement2 {
    0% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
}

@keyframes movement3 {
    0% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
    25% {
        -webkit-transform: translate(-4px,6px);
        transform: translate(-4px,6px);
    }
    50% {
        -webkit-transform: translate(2px,8px);
        transform: translate(2px,8px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
}
@-webkit-keyframes movement3 {
    0% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
    25% {
        -webkit-transform: translate(-4px,6px);
        transform: translate(-4px,6px);
    }
    50% {
        -webkit-transform: translate(2px,8px);
        transform: translate(2px,8px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
}
@keyframes scale1 {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@-webkit-keyframes scale1 {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@keyframes bounceinR {
    0%{
        opacity: 0;
        transform: translateX(200px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes  bounceinR{
    0%{
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceinR {
    0%{
        opacity: 0;
        transform: translateX(200px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes  bounceinL{
    0%{
        -webkit-transform: translateX(-640px);
    }
    100%{
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes  bounceinL{
    0%{
        -webkit-transform: translateX(-640px);
    }
    100%{
        -webkit-transform: translateX(0);
    }
}
.tayao-zj{max-width: 640px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden; padding:1% 0;}
.tayao-zj .title{ position: relative; padding:0 1%;}
.tayao-zj .wenzi{ position: absolute; right: 1%; top: 0;padding-top: 6%; box-sizing: border-box; width:70%; height:100%; font-size: 18px; line-height: 21px;}
.tayao-zj .wenzi h2{ font-size: 32px; color:#26537e; margin-bottom: 3%;}
.tayao-zj .wenzi h2 i{ font-size: 12px;display:inline-block;font-style: normal;margin-left: 5%; padding:1% 2%;border-radius: 3px; line-height: 13px; border:1px solid #3f4c6b; color:#3f4c6b;}
.tayao-zj .wenzi p{  color:#343434;}
.tayao-zj .pagination{padding:0;}
.tayao-zj .wenzi span{ background:#4f6bd6;margin:2% 0 6%; color:#fff; display:inline-block; padding:2% 5%;}
.tayao-zj .wenzi span.span2{ margin:13% 0 2%;}
.tayao-zj .wenzi .acoll{ display:block; width:70%; color:#4f6bd6; border:1px solid #4f6bd6; text-align: center; padding:2% 0; border-radius: 30px; margin-left: 18%;}
@media only screen and (max-width: 639px) {
	.tayao-zj .wenzi{ font-size: 12px; line-height: 16px;padding-top: 1%;}
   .tayao-zj .wenzi h2{ font-size: 18px;}
}
@media only screen and (max-width: 320px) {
   .tayao-zj .wenzi{ width:64%;}
   .tayao-zj .wenzi h2{ font-size: 16px;}
   .tayao-zj .wenzi span{ margin:1% 0 3%;}
   .tayao-zj .wenzi span.span2{ margin:16% 0 3%;}
}