@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{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
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}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:640px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden; }

/*box1*/
.box1{ overflow:hidden;}
.box1 a{width:53%;height:8%;bottom:4.5%;left:23.5%;}
/*box2*/
.box2{ overflow:hidden;}
.box2 .nr{width:100%;top:57%;left:0%}
.box2 h1{font-size:4.0rem;color: #fff; text-align:center;top:4%;left:27%}
.box2 h2{font-size:3.6rem;color: #814AF1; text-align:center}
.box2 h3{font-size:2.4rem;color: #717070; text-align:center;margin-top:2%}
/*box3*/
.box3{ overflow:hidden;}
.box3 .nr{width:100%;top:48%;left:0%}
.box3 h2{font-size:3.6rem;color: #814AF1; text-align:center}
.box3 h3{font-size:2.4rem;color: #717070; text-align:center;margin-top:2%}
/*box4*/
.box4{ overflow:hidden;}
.box4 .nr{width:100%;top:48%;left:0%}
.box4 h2{font-size:3.6rem;color: #814AF1; text-align:center}
.box4 h3{font-size:2.4rem;color: #717070; text-align:center;margin-top:2%}
/*box5*/
.box5{ overflow:hidden;}
.box5 .nr{width:100%;top:48%;left:0%}
.box5 h2{font-size:3.6rem;color: #814AF1; text-align:center}
.box5 h3{font-size:2.4rem;color: #717070; text-align:center;margin-top:2%}
/*box6*/
.box6{ overflow:hidden;}
.box6 .nr{width:46%;top:55%;right:7%}
.box6 h2{font-size:3.6rem;color: #814AF1;}
.box6 h3{font-size:2.4rem;color: #717070;margin-top:8%}
/*box7*/
.box7{ overflow:hidden;padding-bottom:10%}
.box7 h2{font-size:4.0rem;color: #292929; text-align:center;padding:5% 0}
.box7 .zj1 .bd1{width:94%;box-shadow: 0 0 30px rgba(9,2,4,.45);margin:0 auto}
.box7 .zj1 .hd1 { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-13%;left:0 }
.box7 .zj1 .hd1 li { width: 14px; height: 14px; border-radius: 50%; background:#CFCFCF;display: inline-block; text-indent: 99px; overflow: hidden; }
.box7 .zj1 .hd1 li { margin: 0 9px; }
.box7 .zj1 .hd1 li.on { background: #9264CD; }
.box7 .swtBtn{width:73%;margin:0 auto;margin-top:15%;display: block;font-size:3.8rem;color: #fff;text-align: center;line-height:2.3;border-radius:100px;background: #F95D48;letter-spacing:12px}
/*box8*/
.box8{ overflow:hidden;}
.box8 .nr1{width:100%;top:7%;left:0%}
.box8 h2{font-size:4.0rem;color: #292929; text-align:center}
.box8 h3{font-size:2.4rem;color: #717070; text-align:center}
.box8 .nr2{width:93%;top:70%;left:4.5%}
.box8 h4{font-size:2.0rem;color: #7C4FD6;padding-top:2%}
/*box10*/
.box10{ overflow:hidden;}
.box10 .nr1{width:33%;top:46%;left:11%;border:1px solid #00}
.box10 h2{font-size:2.0rem;color: #7C4FD6; line-height:2.0}
.box10 .nr2{width:33%;top:46%;right:11%}
.box10 a{width:73%;height:11%;bottom:8%;left:13.5%;}
/*box10*/
.box9{ overflow:hidden;}
.box9 .swiper-container {width:100%;}
.box9 .swiper-pagination { position: static;}
.box9 .swiper-pagination {width: 100%; overflow: hidden;position:absolute;}
.box9 .swiper-pagination-bullet { width:40px; height:40px; background: url("../images/box10_4.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover; opacity: 1;border: 2px solid #d7d7d7; position: relative; display:block;}
.box9 .swiper-pagination-bullet:nth-of-type(2) { background-image: url(../images/box10_5.jpg);}
.box9 .swiper-pagination-bullet:nth-of-type(3) { background-image: url(../images/box10_6.jpg); }
.box9 .swiper-pagination-bullet:before, .box9 .swiper-pagination-bullet:after { position: absolute; font-size: 2rem; white-space: nowrap; color: #3b3b3b; left: 50%; top: 111%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%);border:1px solid #000}
.box9 .swiper-pagination-bullet-active { border-color: #f43257; }
.box9 .swiper-pagination-bullet-active:before { color: #f43257; }
.box9 .swiper-pagination-bullet-active:after { display: block; }
.box9 .anniu{width:34%;height:11%;bottom:8%;right:8%;z-index:2}
/*box12*/
.box12 .swtBtn{width:73%;bottom:9%;left:13.5%;display: block;font-size:3.8rem;color: #fff;text-align: center;line-height:2.3;border-radius:100px;background: #F95D48;letter-spacing:12px}
/*box13*/
.box13 .swtBtn{width:73%;bottom:7%;left:13.5%;display: block;font-size:3.8rem;color: #393938;text-align: center;line-height:2.3;border-radius:100px;background: #FEEA08;letter-spacing:12px}
.box14 .a1{width:32%;height:13%;top:27%;right:3%;}
.box14 .a2{width:32%;height:13%;top:50%;right:3%;}
.box14 .a3{width:32%;height:13%;top:73%;right:3%;}





@media screen and (min-width:320px) and (max-width:359px) {
html { font-size: 31.25%!important; } /*0.5*/
.box7 .anli_anniu1 li{height:70px}
}

@media screen and (min-width:360px) and (max-width:409px) {
html { font-size: 35%!important; }  /*0.56*/
.box7 .anli_anniu1 li{height:80px}

}

@media screen and (min-width:410px) and (max-width:479px) {
html { font-size: 40%!important; }  /*0.64*/
.box7 .anli_anniu1 li{height:90px}

}

@media screen and (min-width:480px) and (max-width:639px) {
html { font-size: 47%!important; }  /*0.75*/
.box7 .anli_anniu1 li{height:145px}

}