@charset "gb2312";
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;}
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;
	}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*清楚按钮阴影*/
}
input{color:#818080;}input::-webkit-input-placeholder{color:#818080;}/*输入框字体颜色*/
input[type="radio"] {
	border-radius: 100%!important;
	height: 12px;   /*高度*/
	vertical-align: middle;
	width: 12px;

}
.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;font-size:1.4rem;overflow:hidden;}

.btn{display: block;border-radius: 50px!important;}
.btn2{display: block;border-radius: 6px!important;height: 0;}
.banner_btn{width: 13.33%;padding-bottom: 13.33%;left: 51%;bottom: 19%;}

.box01 .box01_btn1{width: 18%;padding: 4% 0;left: 43%;bottom: 11%;}
.box01 .box01_btn2{width: 18%;padding: 4% 0;right: 8%;bottom: 11%;}
.box03 .box03_btn1{width: 42.26%;padding: 5% 0;left: 4%;bottom: 2.6%;}
.box03 .box03_btn2{width: 47.46%;padding: 5% 0;right: 5%;bottom: 2.6%;}
.box04 .box04_btn1{width: 46.4%;padding: 5% 0;left: 2%;bottom: 29.5%;}
.box04 .box04_btn2{width: 46.4%;padding: 5% 0;right: 2%;bottom: 29.5%;}
.box07 .box07_btn1{width: 60.8%;padding: 6% 0;left: 50%;top: 25.3%;}
.box07 .box07_btn2{width: 71.73%;padding: 5% 0;left: 50%;bottom: 1.4%;}

.box01{text-align: center;padding-bottom: 7.4%}
.box01 h1{font-size: 3.6rem;color: #0038cc;font-weight: bold;padding: 7.2% 0 2%}
.box01 h2{font-size: 2.4rem;color: #696969;font-weight: 300;padding-bottom: 5.8%}
.box01 .li_des .name{background: #EDEDED;padding: 3.6% 0;text-align: center;}
.box01 .li_des .name h3{font-size: 3.0rem;font-weight: bold;padding-bottom: 3%}
.box01 .li_des .name p{font-size: 2.0rem;}
.box01 .li_des .project{background: #DADADA;padding: 3.6% 0;text-align: center;}
.box01 .li_des .project h4{font-size: 2.6rem;font-weight: bold}
.box01 .li_des .project p{font-size: 2.2rem;}
.box01 .li_des .name{background: #EDEDED;padding: 3.6% 0;text-align: center;}
.box01 .li_des .box01_button{background: #EDEDED;padding: 6.6% 0;}
.box01 .li_des .box01_button a{background: #003BCC;font-size: 2.0rem;width: 70.8%;margin: 0 auto;display: inline-block;padding: 3% 0;color: #fff}
.box01 .li_left,.box01 .li_right{width: 49.33%;}
.box01 #anli1>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 4.75%}
.box01 #anli1>.hd>ul>li{margin:0 .6%;background:#DADADA;width: 12px;height: 12px;border-radius:50%;opacity: 1;display: inline-block;}
.box01 #anli1>.hd>ul>.on{background: #003BCC;}

.box02 .box02_des{left: 50%;top: 3.7%;width: 93.6%}
.box02 .box02_des h1{font-size: 3.6rem;color: #fff;text-align: center;padding-bottom: 3%}
.box02 .anli2{width: 100%;margin: 0 auto}
.box02 .anli2 .ul_li{margin:0 2.8% 2.8% 0;width: 48.5%}
.box02 .anli2 .ul_li2,.box02 .anli2 .ul_li4{margin-right:0;}
.box02 #anli2>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3.75%}
.box02 #anli2>.hd>ul>li{margin:0 .6%;background:#DADADA;width: 12px;height: 12px;border-radius:50%;opacity: 1;display: inline-block;}
.box02 #anli2>.hd>ul>.on{background: #FF6779;}

.box04{background: #0B1054;}
.box04 h1{font-size: 3.6rem;color: #fff;text-align: center;padding: 6% 0;font-weight: bold;}
.box04 h1 span{color: #FFEDAC}
.box04 .hidden{display: none!important;}
.jq22{width: 84%;height: auto;margin:0 auto;overflow: hidden;text-align: left;padding:5px;}
.jq22 ul.list{overflow: hidden;}
.jq22 ul.list li{width: 100%;height: auto;margin-bottom:8%;overflow: hidden;}
.jq22 ul.list li img{width: 100%;height: 100%;}
.jq22 ul.list p{text-align: center;padding: 10px;color: #fff}
.jq22 .more{overflow: hidden;padding:10px;text-align: center;}
.jq22 .more a{display: block;width: 40%;padding:8px 0;color:#fff;margin:0 auto;text-align:center;border-radius:3px;font-size: 2.6rem;}
.jq22 .more p{color: #fff;font-size: 2.6rem;}
.jq22 .more span{display: block;width: 20%;margin: 6% auto 0}
.jq22 .list_btn{width: 100%;height: 100%;display: inline-block}


.box05{background: #fff;text-align: center;padding: 7.7% 0;}
.box05 h1{font-size: 3.6rem;text-align: center;color: #0038cc;font-weight: bold;padding-bottom: 6%}
.box05 .li_top{margin-bottom: 4%;width: 100%}
.box05 .li_bottom{width: 100%;}
.box05 .li_bottom li{width: 49.2%;margin:0 0.8% 0.8% 0;}
.box05 .box05_btn{width: 56.53%;margin: 8% auto 0;background: linear-gradient(to right,#FF6779,#7A70DC);padding: 3% 0;color: #fff;font-size: 3.0rem}
.box05 #anli4>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3.75%}
.box05 #anli4>.hd>ul>li{margin:0 1%;background:#DADADA;width: 16px;height: 16px;border-radius:50%;opacity: 1;display: inline-block;}
.box05 #anli4>.hd>ul>.on{background: #FF6779;}

.box07 .box07_btn{padding: 4% 0;width: 39.2%;left: 50%;bottom: 18%;}

@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}