@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;}
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;}

/*banner*/
.container .kstBtn{display: block;color: #fff;font-size: 3.5rem;text-align: center;background: #e60617; padding: 3.5% 0;-moz-border-radius: 55px;-webkit-border-radius: 55px;border-radius: 55px;-moz-box-shadow: 10px 8px 11px rgba(28,38,85,.78);-webkit-box-shadow: 10px 8px 11px rgba(28,38,85,.78);box-shadow: 10px 8px 11px rgba(28,38,85,.78);}
.container h2{font-size: 3.6rem;text-align: center;}
.container .info{position: absolute;width: 100%; top:0%;}
.banner{overflow: hidden;}
.banner a{display: block;width:59.47%;height: 14%;top: 72.6%;right: 3%;}
/*box1*/
.box1{overflow: hidden;}
.box1 h2{color: #fff;margin-top: 7%;}
.box1 .anli{width: 94.4%;margin: 10% auto;}
.box1 .anli .bd{width: 100%;-moz-box-shadow: 10px 8px 13px rgba(48, 69, 160, .78);-webkit-box-shadow: 10px 8px 13px rgba(48, 69, 160, .78);box-shadow: 10px 8px 13px rgba(48, 69, 160, .78);}
.box1 .anli .prev,.box1 .anli .next{display: block;width: 5.23%;top:34%;left: 1%;}
.box1 .anli .next{right: 1%;left: auto;}
.box1 .btn{width: 80.6%;margin: 0 auto;}
/*box2*/
.box2{overflow: hidden;}
.box2 h2{color: #000;text-align: center;margin-top: 10%;}
.box2 ul{width: 100%;margin-top: 8%;}
.box2 ul li{width: 36%;float: left;margin-left: 8.13%;margin-right: 3.33%;}
.box2 p{font-size: 2.4rem;color: #000;margin-top: 5%;padding: 0 3%;}
.box2 .btn{width: 62.8%;margin: 6% auto;-moz-box-shadow: 10px 8px 11px rgba(94,94,94,.78);-webkit-box-shadow: 10px 8px 11px rgba(94,94,94,.78);box-shadow: 10px 8px 11px rgba(94,94,94,.78);}
/*box3*/
.box3{ overflow:hidden;color: #000;font-size: 2.6rem;line-height: 1.8;}
.box3 .txt1{width: 33.33%;top:18.5%;right: 10%;}
.box3 .txt2{width: 40%;top:40.5%;left: 8%; }
.box3 .txt3{width: 37%;top:58%;right: 4.5%; }
.box3 .btn{width: 66%;left: 50%;bottom: 8%;-moz-box-shadow: 10px 8px 11px rgba(94,94,94,.78);-webkit-box-shadow: 10px 8px 11px rgba(94,94,94,.78);box-shadow: 10px 8px 11px rgba(94,94,94,.78);}

/*box4*/
.box4{ overflow:hidden;color: #fff;}
.box4 h3{background: #7f97ff;font-size: 2.4rem;text-align: center;width: 60.8%;margin: 4% auto 0.5%;padding: 0.5% 0;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
.box4 p{font-size: 2.4rem;padding: 0 4%;margin: 5% 0;}
.box4 ul{width: 100%;margin-top: 9%;}
.box4 ul li{float: left;width:45.87%;margin-left: 2.8%;margin-bottom: 8%;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;overflow: hidden; -moz-box-shadow: 8px 9px 8px 0px rgba(57, 85, 207, .78);-webkit-box-shadow: 8px 9px 8px 0px rgba(57, 85, 207, .78);box-shadow: 8px 9px 8px 0px rgba(57, 85, 207, .78);}
.box4 .btn{width: 69.47%;margin: 5% auto;}
/*box5*/
.box5{ overflow:hidden;color: #000;}
.box5 h2{width: 100%;top:3.8%;text-align: center;}
.box5 .info{top:57%;}
.box5 .info p{font-size: 2.4rem;padding: 0 3%;}
.box5 .info span{display: block; width: 100%;margin-top: 6%;}
/*.box5 .info ul li{float: left; width: 30.67%;margin-right: 1.3%;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;overflow: hidden;-moz-box-shadow: 7px 8px 10px 0px rgba(138, 138, 138, .78);-webkit-box-shadow: 7px 8px 10px 0px rgba(138, 138, 138, .78);box-shadow: 7px 8px 10px 0px rgba(138, 138, 138, .78);}*/
/*.box5 .info ul li:first-child{margin-left:2.8%; }*/
.box5 .btn{width: 78.6%;margin: 6% auto;-moz-box-shadow: 10px 8px 11px rgba(94,94,94,.78);-webkit-box-shadow: 10px 8px 11px rgba(94,94,94,.78);box-shadow: 10px 8px 11px rgba(94,94,94,.78);}
/*box6*/
.box6{ overflow:hidden;}
.box6 a{display: block;width: 56%;height:11%;top:47%;right: 3%;}

/*box7*/
.box7{ overflow:hidden;}
.box7 h2{margin-top: 7.5%;}
.box7 span{display: block;width: 94.4%;margin: 5% auto;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;overflow: hidden;-moz-box-shadow: 0px 8px 24px 0px rgba(133, 133, 133, .78);-webkit-box-shadow: 0px 8px 24px 0px rgba(133, 133, 133, .78);box-shadow: 0px 8px 24px 0px rgba(133, 133, 133, .78);}
.box7 .btn{width: 43.79%;top:67%;left: 6%;-moz-box-shadow: 10px 8px 11px rgba(110,24,39,.58);-webkit-box-shadow: 10px 8px 11px rgba(110,24,39,.58);box-shadow: 10px 8px 11px rgba(110,24,39,.58);}

@media screen and (min-width:320px) and (max-width:359px) {
	html { font-size: 31.25%!important; } /*0.5*/
	.box4 ul li{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
}
@media screen and (min-width:360px) and (max-width:409px) {
	html { font-size: 35%!important; }  /*0.56*/
	.box4 ul li{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
}
@media screen and (min-width:410px) and (max-width:479px) {
	html { font-size: 40%!important; }  /*0.64*/
	.box4 ul li{-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
	html { font-size: 47%!important; }  /*0.75*/
}