@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em,i{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;display: block;float:left}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{border:0}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.iBlock{display:inline-block; vertical-align:middle;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:750px;margin:0 auto;overflow:hidden;}
.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;/*-webkit-box-pack: justify;box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; -webkit-box-align:center;align-items:center;*/}
/*banner*/
.box_center{width:94.67%;margin: 0 auto;}
.banner{overflow: hidden;}
.banner a{display: block;width: 82.5%; height:9.8%;bottom: 20.4%;left:49.5%;}
/*box1*/
.box1{overflow: hidden;}

/*box2*/
.box2{overflow:hidden;}
.box2 .info{width: 100%;top:23%;}
.box2 .info .anli1{width: 94.8%;margin: 0 auto;}
.box2 .info .anli1 .bd{width: 100%}
.box2 .info .anli1 .hd{width: 100%;text-align: center;margin-top: 5%;}
.box2 .info .anli1 .hd ul{width: 100%;}
.box2 .info .anli1 .hd ul li{display: inline-block;width: 21px;height: 21px;-moz-border-radius: 10.5px;-webkit-border-radius: 10.5px;border-radius: 10.5px;background: #ec66c0;margin-right: 2%;}
.box2 .info .anli1 .hd ul li.on{width: 10.67%;}
.box2 .info a{display: inline-block;width: 46.8%;margin-top: 12%;}
.box2 .info .btn1{margin-left: 2.27%;}
.box2 .info .btn2{margin-left: 1.6%;}
/*box3*/
.box3{ overflow:hidden;}
.box3 a{display: block;width: 52.8%;height: 11%;top:78%;right: 4.4%;left: auto;}
/*box4*/
.box4{ overflow:hidden;}
.box4 a{display: block;width: 82.93%;height: 15%;left:49.7%;bottom: 13.5%;}
.box4 span{display: block;width: 40.67%;top:34%;left:3%;border:6px solid #fff;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;overflow: hidden;}
/*box5*/
.box5{ overflow:hidden;background: #fff;}
.box5 h2{width: 100%; font-size: 4rem;color: #ec66c0;margin-top: 8%;text-align: center;margin-bottom: 5%;}
.box5 h3{width: 75.47%;margin: 4% auto;}
.box5 h4{width: 100%; font-size: 2.4rem;color: #848484;padding: 0 4.6%;}
.box5 .focus{width: 100%;margin: 5% auto;}
.box5 .focus .bd{width: 94.8%;margin: 0 auto;}
.box5 .focus .prev,.box5 .focus .next{display: block;width:7.87%;top:36%;left:0; }
.box5 .focus .next{left: auto;right: 0;}
.box5 a{display: inline-block;width: 46.8%;margin-top: 3%; margin-bottom: 8%;}
.box5 .btn1{margin-left: 2.27%;}
.box5 .btn2{margin-left: 1.6%;}
/*box6*/
.box6{ overflow:hidden;}
.box6 a{display: block;width:82.27%;height: 12.7%;bottom: 6.5%;left:49.5%;}
.box6 .info{width:57.2%;top:23%;right:3%; }
.box6 .info p{font-size: 2.3rem;color: #fff;top:62%;left: 5%;line-height: 1.8;}

/*box7*/
.box7{ overflow:hidden;}
.box7 .info{width: 100%;top:8%;}
.box7 .info h3{font-size: 2.6rem;color: #3c3c3c;text-align: center;line-height: 2;}
.box7 .info h4{width: 100%;margin-top: 5%;}
.box7 .info .btn{display: block;width:82.4%;margin: 5% auto;}
/*box8*/
.box8{ overflow:hidden;}
.box8 a{display: block;width: 82.93%;height:8.2%;bottom: 5.5%;left: 49.5%;}

/*box9*/
.box9{ overflow:hidden;background: #fff;padding: 8% 0;}
.box9 h2{width:60.27%;margin: 0 auto;}
.box9 h3{font-size: 4rem;color: #ec66c0;text-align: center;margin-top: 3%;}
.box9 .anli2{width: 100%;margin-top: 5%;}
.box9 .anli2 .bd{width: 94.8%;margin: 0 auto;}
.box9 .anli2 .bd ul li video{position: absolute;width: 44.45%;top:4%;left:5.5%;}
.box9 .anli2 .hd{width: 100%;text-align: center;margin-top: 5%;font-size: 0;}
.box9 .anli2 .hd ul{width: 100%;}
.box9 .anli2 .hd ul li{display: inline-block;width: 21px;height: 21px;-moz-border-radius: 10.5px;-webkit-border-radius: 10.5px;border-radius: 10.5px;background: #ec66c0;margin-right: 2%;}
.box9 .anli2 .hd ul li.on{width: 10.67%;}
.box9 a{display: inline-block;width: 46.8%;margin-top: 5%;}
.box9 .btn1{margin-left: 2.27%;}
.box9 .btn2{margin-left: 1.6%;}
/*box21*/
.box21{ overflow:hidden;background: #ffe393;color: #323232;text-align: center;padding: 6% 0 8%;}
.box21 h2{font-size: 5rem;}
.box21 h3{font-size: 3.6rem;}
.box21 .expert{width: 100%;margin-top: 5%;}
.box21 .expert .hd{width: 100%;text-align: center;}
.box21 .expert .hd ul {width: 100%;}
.box21 .expert .hd ul li{display: inline-block;width: 17.33%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; border: 4px solid #ffa279;margin-right: 2%;overflow: hidden;}
.box21 .expert .hd ul li.on{border-color: #ff0043}
.box21 .expert .bd{width: 100%;position: relative;}
.box21 .expert .bd ul li{position: relative;}
.box21 .expert .bd ul li img{display: block;width: 100%;}
.box21 .expert .bd ul li .btn{display: block;width: 82.4%;margin: 12% auto 0;}
.box21 .expert .box21_ul {width: 100%;text-align: center;bottom: 13%;}
.box21 .expert .box21_ul li{display: inline-block;width: 21px;height: 21px;-moz-border-radius: 10.5px;-webkit-border-radius: 10.5px;border-radius: 10.5px;background: #ec66c0;margin-right: 2%;}
.box21 .expert .box21_ul li.on{width: 10.67%;}
.box21 .expert .prev,.box21 .expert .next{display: block;width:1.73%;left:25%;bottom: 14%; }
.box21 .expert .next{left: auto;right: 26%;}

/*box10*/
.box10{ overflow:hidden;}
.box10 h2{width: 100%; font-size: 4.8rem;color: #353535;text-align: center;top:4.5%;}
.box10 a{display: block;width:82.27%;height: 8.8%;bottom:14.2%;left:50%;}
/*box11*/
.box11{ overflow:hidden;}
.box11 .info{width: 100%;top:2%;text-align: center;}
.box11 .info h2{font-size: 5rem;color: #323232}
.box11 .info h3{font-size: 3.6rem;color: #323232}
.box11 .info .expert{width: 100%;margin-top: 2%;}
.box11 .info .expert .hd{width: 100%;text-align: center;}
.box11 .info .expert .hd ul{width: 100%;}
.box11 .info .expert .hd ul li{display:inline-block;width: 13.73%;border:4px solid #ffa279;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;margin-right: 2%;}
.box11 .info .expert .hd ul li.on{border-color: #ff0043;}
.box11 .info .expert .bd{width: 100%; margin-top: 2%;}
.box11 .info .expert .btn{display: block;width: 81.87%;height: 10.3%; bottom: 4.3%;left:50%;}
.box11 .info .expert .box11_ul{width: 100%;text-align: center;bottom: 17%;}
.box11 .info .expert .box11_ul li{display:inline-block;width: 22px;height: 22px;-moz-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;background: #fe62a1;margin-right: 2%;}
.box11 .info .expert .box11_ul li.on{width: 90px;}
.box11 .info .expert .prev,.box11 .info .expert .next{display: block;width:1.73%;bottom: 18.2%;left:22%;}
.box11 .info .expert .next{left: auto;right: 24%;}
/*box12*/
.box12{ overflow:hidden;background: #fff;}
.box12 h2{font-size: 5rem;color: #3b3a3a;text-align: center;margin: 8% auto 5%;}
/*box20*/
.box20{ overflow:hidden;}
.box20 .title{width: 100%;top:4.5%;text-align: center;color: #5d5d5d;}
.box20 .title h3{font-size: 3.2rem;}
.box20 .title h2{font-size: 5rem;}

/*box13*/
.box13{ overflow:hidden;}
.box13 .content{width: 100%;top:0;left:0;}
.box13 .content h2{color: #fff;font-size: 3.693rem;text-align: center;margin-top: 8%;}
.box13 .content h3{color: #fff;font-size: 2.014rem;text-align: center;}
.box13 .content ul{margin-left: 2.18%;margin-top: 5%;}
.box13 .content ul li{width: 47.19%;margin-right:1.56%;margin-bottom: 3%;}
.box13 .content ul li p,.box13 .content ul li .pp{width: 100%;font-size: 1.51rem;color: #212121;padding: 0 3.75%;top:71%;left:0;}
.box13 .content ul li .pp{top:69.5%;}
/*box14*/
.box14{ overflow:hidden;}
.box14 .btn{width: 28.28%; height:9.3%;top: 76.8%;right: 24.5%;}
.box14 .p1{font-size: 3.693rem;color: #333;width: 100%;padding-left: 28.125%;top:14%;left:0;}
.box14 .p2{color: #eaeaea;font-size: 4.516rem;font-weight: bold;width: 100%;padding-left: 35.47%;top:34%;left:0;line-height: 1.2}
.box14 .p3{color: #eaeaea;font-size: 2.649rem;width: 100%;padding-left: 35.47%;top:54%;left:0;margin-top: 2%;}
/*box15*/
.box15{ overflow:hidden;background: #041a22;padding: 13% 0 8%;}
.box15 .swiper-container .swiper-slide{ width: 50%!important;}
.box15 .swiper-container .swiper-pagination{ padding: 4.9% 0 0 0;overflow: hidden;position: static;}
.box15 .swiper-container .swiper-pagination .swiper-pagination-bullet{background: #9a9a9a;width: 12px;height: 12px;opacity: 1;}
.box15 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #f43257;}

@media screen and (min-width:320px) and (max-width:359px) {
	html { font-size: 31.25%!important; } /*0.5*/
	.box2 .info .anli1 .hd ul li,.box9 .anli2 .hd ul li,.box21 .expert .box21_ul li{width: 10px;height: 10px;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;}
	.box11 .info .expert .hd ul li{border:2px solid #ffa279;}

}
@media screen and (min-width:360px) and (max-width:409px) {
	html { font-size: 35%!important; }  /*0.56*/
	.box2 .info .anli1 .hd ul li,.box9 .anli2 .hd ul li,.box21 .expert .box21_ul li{width: 12px;height: 12px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
	.box11 .info .expert .hd ul li{border:2.5px solid #ffa279;}

}
@media screen and (min-width:410px) and (max-width:479px) {
	html { font-size: 40%!important; }  /*0.64*/
	.box2 .info .anli1 .hd ul li,.box9 .anli2 .hd ul li,.box21 .expert .box21_ul li{width: 13px;height: 13px;-moz-border-radius: 6.5px;-webkit-border-radius: 6.5px;border-radius: 6.5px;}
	.box11 .info .expert .hd ul li{border:2.8px solid #ffa279;}
}
@media screen and (min-width:480px) and (max-width:900px) {
	html { font-size: 47%!important; }  /*0.75*/
	.box2 .info .anli1 .hd ul li,.box9 .anli2 .hd ul li,.box21 .expert .box21_ul li{width: 16px;height: 16px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
	.box11 .info .expert .hd ul li{border:3px solid #ffa279;}
}