.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 12px}
.wp_c{background:#171568;}
img{width:100%;height:auto;}
.wp h2{font-size: 0.4rem;color: #000;font-weight: normal;text-align: center;line-height: 1.2;padding: 5% 0;position: relative}
.wp h2 span{display: block;font-size: 0.28rem;color: #474747}
.wp h2 a{display: block;width: 20%;position: absolute;right: 0;top: 0.45rem;font-size: 0.22rem;color: #fff}
.wp h2 a img{display: inline-block;width: 0.2rem;vertical-align: middle}
a.btn{display: block;width: 45%;height: 0.5rem;background: #9c68b9;font-size: 0.25rem;color: #fff;overflow: hidden ;line-height: 0.5rem;margin: 0.2rem auto 0;text-align: center;border-radius: 0.3rem;-webkit-animation: showb 2s linear both infinite; -o-animation: showb 2s linear both infinite; animation: showb 2s linear both infinite;}
a.btn img{display: inline-block;width: 0.3rem;margin-top: 0.2rem; animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem;}
.content{width: 94%;margin: 0 auto}
.hd{width: 100%;text-align: center;margin-top: 2%}
.hd li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #fff}
.hd li.on{background: #F14247}
/*common*/
#banner_slider a{display: block}
.section1{padding-bottom: 0.2rem}
.section1 .over a{display: block;width: 25%;float: left;font-size: 0.25rem;color: #52505e;text-align: center;margin-bottom: 3%}
.section1 .over a img{display: block;width: 90%;margin: 0 auto 3%}
.section2 a{display: block;margin: 3% auto;position: relative}
.section2 a img{display: block}
.section2 a img:nth-child(2){width: 30%;position: absolute;right: 25%;bottom: -7%;z-index: 5}
.section2 a span{width: 41%;height: 2rem;border-radius: 1rem;position: absolute;right: 3%;bottom: 4.8%;z-index: 2;overflow: hidden;border: 3px solid #fff}
.section2 a span img{display: block;width: 100%}
.section3 {background: #F4F4F4}
.section3 h3{font-size: 0.4rem;color: #52505e;font-weight: normal;padding: 0.28rem 0}
.section3 h3 span{color: #f49c8e}
.section3 ul{width: 100%;overflow: hidden}
.section3 ul li{position: relative;background: #735F94;height: 1.6rem;display: -webkit-flex;text-align: center;justify-content: center;align-items: center;float: left}
.section3 ul li a{display: block;line-height: 1.3}
.section3 ul li span{display: block;position: absolute;left: 0.11rem;top: 0.1rem;width: 30%;height: 0.4rem;background: url("../images/hot1.png") no-repeat center;background-size: 100%;font-size: 0.18rem;text-align: center;line-height: 0.35rem;color: #fff;}
.section3 ul li img{display: block;width: 0.2rem;position: absolute;right: 0.15rem;bottom: 0.15rem}
.section3 ul li p{font-size: 0.25rem;color: #fff}
.section3 ul.ul2{ display: none}
.section3 ul.ul1 li,.section3 ul.ul2 li{width: 25%}
.section3 ul.ul1 li:nth-child(2),.section3 ul.ul1 li:nth-child(4),.section3 .over ul li:nth-child(1),.section3 .over ul li:nth-child(4),.section3 ul.ul2 li:nth-child(1),.section3 ul.ul2 li:nth-child(3){background: #4E3E72}
.section3 .over .fr ul li:nth-child(4) p{color: #f2d196}
.section3 .over div{width: 49%}
.section3 .over ul li{width: 50%}
.section4 #scroll1{position: relative}
.section4 .hd{position: absolute;left: 0;bottom: 0.15rem;z-index: 1}
.section5{background: url("../images/casebg2.jpg") no-repeat top center #F4F4F4;background-size: 100%;}
.section5 .swiper-slide{padding-bottom: 2%}
.section5 h2{color: #fff}
.section5 dl{background: #fff;box-shadow: 0 0 0.2rem rgba(0,0,0,0.2)}
.section5 dd{width: 90%;margin: 0 auto;overflow: hidden;padding: 5% 0}
.section5 dd p{width: 70%;float: left;font-size: 0.22rem;}
.section5 dd a{display: block;width: 25%;float: right}
.section6{background: #F4F4F4}
.section6 h2 a{color: #52505e}
.section6 .text{width: 94%;padding: 0.3rem 3%;background: #fff;margin-bottom: 0.2rem}
.section6 .text dl{overflow: hidden}
.section6 .text dl dt{width: 40%;float: left;font-size: 0.3rem;color: #000}
.section6 .text dl dt img{display: inline-block;vertical-align: middle}
.section6 .text dl dt img.img1{width: 24%}
.section6 .text dl dt img.img2{width: 0.25rem}
.section6 .text dl dd{width: 60%;float: right;font-size: 0.22rem;color: #9c68b9;padding-top: 0.15rem}
.section6 .text dl dd img{display: inline-block;vertical-align: middle;width: 0.3rem}
.section6 .text p{color: #656565;font-size: 0.22rem;text-indent: 2em;padding: 2% 0 4%}
.section6 .text .over a{display: block;width: 48%}
.section6 .text .over a.btn.fr{background: #665C9A;animation-delay: 0.2s}
.section7{background: #F4F4F4;overflow: hidden;padding: 2% 0}
.section7 a{display: block;width: 22.5%;float: left;margin-left: 2%}

.section_kst{font-size: 0.2rem}
.youhui-inner{width:100%;display: block;position:relative;overflow: hidden;background: #e5e5e5;}
.youhui-inner .wrap_t{overflow: hidden;background: #4e4c51;}
.youhui-inner .wrap_t .pp1{float:left;text-align: left; width:100%;}
.youhui-inner .wrap_t .tel #tel{width: 18%;right: 0;bottom: 0;position: relative}
.chat { padding: 15px 20px 0; clear:both;overflow: hidden; opacity:1; }
.chat .toux{width: 9.8%;float: left;padding-top: 5%;}
.chat .text { width:80%; float: left; }
.chat .pp2 {position:relative;color:#333;line-height:1.5;font-size: 1.1em;padding: 2% 4%;background: #fff;border-radius: 5px;width: 85%;margin:1% 0 0 5%; border:none;}
.chat .pp2 .sj{ width:2.8%; display:block; position:absolute; left:-2.8%; z-index: 99; top: 20%; }
.chat .time1{font-size: 1em;color: #333;margin-left: 5%;text-align: center;}
.youhui-inner .yh-cont{padding: 15px 20px;overflow: hidden;background: #fff;margin-top: 8%}
.youhui-inner #content{height: 2.5em;line-height: 2.5em;bottom:3.8%; font-size: 1em; width: 48%; border: 0; border: 1px solid #ccc; border-radius: 5px; padding: 0.5% 1% 0.5% 2%; color: #c6c6c6; float: left;}
.youhui-inner #yhChat{ border:0; width:21%; height:2.5em; line-height:2.5em; font-size:1.2em; color:#fff; background:#f39424; text-align:center; padding:0; border-radius:5px; float: left;;margin: 0 3%}
.youhui-inner .dh{border:0; width:21%; height:2.5em; line-height:2.5em; font-size:1.2em; color:#fff; background:#8B0C77; text-align:center; padding:0; border-radius:5px; float: left;}
.yh_tag{ overflow: hidden; padding:3%; }
.yh_tag a{background:#fff; display:inline-block; border-radius:8px; border: 1px dashed #333; padding: 1% 3%; font-size: 0.2rem; margin-right:2%;}
.section8{padding-bottom: 5%}
.section8 h2{padding-top: 0}
.section8 .over div{width: 48%;}
.section8 .over a{display: block;margin-bottom: 0.3rem;}



.section9{position: relative;background: url("../images/bg311.jpg") no-repeat top center;background-size: 100%;}
.section9 h2{color: #fff}
.section9 h2 span{height: 0.5rem;line-height: 0.5rem;background: 0;font-size: 0.28rem;color: #fff}
.section9 .over{width: 94%;padding: 2rem 3% 0.5rem 3%}
.section9 .over div{width: 48%;}
.section9 .over dl{margin-bottom: 8%}
.section9 .over dl dd{background: #361D54;font-size: 0.2rem;color: #fff;text-align: center;padding: 2% 0}
@-webkit-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-moz-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-ms-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-o-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-webkit-keyframes showb{
    0%,100%,20%,50%,80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    60% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}


#banner_slider .hd{margin-bottom:-0.3rem;}
#banner_slider .hd li{border: 1px solid #9c68b9;}
#banner_slider .hd li.on{background: #9c68b9;}


.sp-wrap{max-width:600px; min-width: 320px; margin:0 auto; overflow: hidden;position: relative; padding-bottom: 0.2rem;}
.sp-wrap .te{ text-align: center;}
.sp-wrap .re{ position: relative;}
.sp-wrap .ship-ti{ font-size: 0.4rem; color:#202020; padding-top: 0.45rem;}
.sp-wrap .swipershipin .title{ padding:0.25rem 0.2rem;}
.sp-wrap .swipershipin .title .ship-txt{box-shadow: 0px 0px 20px #ccc; border-radius: 0.1rem; padding-bottom: 0.2rem;}
.sp-wrap .swipershipin .title .ship-txt p{color:#565656; font-size: 0.24rem; line-height: 0.34rem; padding:0.3rem 0.2rem;}
.sp-wrap .icon{ position: absolute; left: 0.45rem; top: -0.3rem; z-index: 11; width:14%;}
.sp-wrap .ship-anniu{ width:52%; display:inline-block;}

.arcArrow{width:auto;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}




/*视频容器css*/
.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: 0.52rem;height: 0.52rem;}
.dj img, .dj1 img{cursor: pointer;}