@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);
	/*Çå³þ°´Å¥ÒõÓ°*/
}
.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;}
/*banner*/
.banner{overflow: hidden;}
/*box1*/
.box01_content{top: -4.5%;left: 2.66%;width: 77.64%;border-radius: 10px;background: #414F6D;padding: 4.4% 0;}
.box01_cc{margin-left: 6.33%;}
.box1_logo{width: 82.20%;vertical-align: middle;}
.box1_logo .logo11{width: 40.70%;margin-right: 8.86%;}
.box1_logo .name{font-size: 6.8rem;color: #ffae00;}
.person{width: 100%;margin: 3.3% 0 4.66%;}
.person p{font-size: 2.6rem;color: #fff;line-height: 1.6}
.person span{font-size: 3.0rem;color: #9eaace;}
.line1,.line2{width: 88.35%;display: block}
.line2{margin: 4% 0 -2%}
.box01_dl1 dt{font-size: 2.6rem;color: #9eaace;}
.box01_dl1 dd{font-size: 2.6rem;color: #fff;padding-left: 6%;line-height: 1.8;}
.box01_dl1 dd span{width: 1.36%;display: inline-block;top: 50%;height: 16%;margin-right: 4%}
.box01_dl2{font-size: 2.8rem;color: #9eaace;}
.box01_dl2 dd{width: 75%;margin: 3.2% 0 0 5.66%;}

.box2_bg1 h1{width: 54.78%;left: 50%;top: 4%}
.bg1_content{left: 7.33%;width: 53.33%;top: 28.66%}
.bg2_content{right: 7.33%;width: 53.33%;top: 14%}
.bg3_content{left: 7.33%;width: 53.33%;top: 20.66%}
.bg1_cc,.bg2_cc,.bg3_cc{border: 1px solid #EAB39E;margin-top: 25.33%;padding: 12.6% 2.4% 4%}
.bg1_cc h2,.bg2_cc h2,.bg3_cc h2{color: #f79a76;font-size: 3.0rem;text-align: center;}
.bg1_cc p,.bg2_cc p,.bg3_cc p{color: #fff;font-size: 2.6rem;text-align: left;width: 100%}
.man1,.man3{left: 6.75%;bottom: 78.93%;width: 96.7%}
.man2{right: 6.75%;bottom: 78.93%;width: 96.7%}


.box03_ul1{top: 29%;left: 50%;width: 96%;}
.box03_ul1 li{width: 32.36%;margin-right: 1.38%;background: #fff;}
.box03_ul1 li:nth-of-type(3){margin-right: 0;}
.box03_ul1 li h1{text-align: center;font-size: 2.8rem;color: #414141;padding-top: 1%}
.box03_ul1 li p{width: 89.45%;margin: 0 auto;font-size: 2.5rem;color: #5F5F5F;padding-bottom: 1%}

.box03_ul2{bottom: 0.7%;left: 50%;width: 96%;}
.box03_ul2 li{width: 46.61%;background: #8CA3D8;border-radius: 10px;padding: 1.0% 0 1.6%;margin: 0 2.8% 1% 0}
.box03_ul2 li:nth-of-type(2),.box03_ul2 li:nth-of-type(4){margin-right: 0}
.box03_ul2 li h2{color: #C1D3FD;font-size: 2.2rem;padding-left: 4.5%}
.box03_ul2 li p{color: #fff;padding-right: 8%;font-size: 2.8rem;text-align: right}
.box03_ul2 li:nth-of-type(6){background: none}
.box03_ul2 li:nth-of-type(6) .box03_btn{width: 68%;margin: 0 auto;display: block;background: #FF6000;text-align: center;color: #fff;padding: 2.4% 0;border-radius: 10px;font-size: 3.8rem;box-shadow: 0 6px 6px #AEBBD7}


.box04{background: #fff;padding:8.6% 0 14.6%}
.box04 h1{width: 41%;margin: 0 auto 4%;}
.box04_left{width: 48%;margin-left: 2%;}
.box04_right{width: 50.8%;top: 1%;right: 2%;}
.box04_right p{width: 84.36%;margin: 0 auto;padding:0 0 2% 2.6%;text-indent: 25px;font-size: 2.4rem;color: #909090}
.box04_btn{width: 84.44%;margin: 3.7% auto 0;background: #FF6000;display: block;color: #fff;padding: 2.4% 0;font-size: 3.8rem;border-radius: 10px;text-align: center;}


.box05_content{top: 21.66%;left: 50%;width: 96%;}
.box05_left{width: 31.11%;}
.box05_right{width: 63.33%;right: 3.33%;top: 50%}
.box05_right p{font-size: 2.6rem;color: #fff;line-height: 1.8;text-indent: 20px;font-weight: 300}
.box05_cc2{margin-top: 4.5%}
.box05_cc2 li{width: 31.94%;margin-right: 2%}
.box05_cc2 li:nth-of-type(3){margin-right: 0}

.box06{padding: 9% 0 10.66%;}
.box06 h1{width: 59.06%;margin: 0 auto 2.4%;}
.box06_content{width: 99.06%;margin: 0 auto;box-shadow: 0 0 10px #E5E7ED}

.box08{padding: 13.06% 0 10.66%;}
.box08 h1{width: 52%;margin: 0 auto;}
.box08 #anli{width: 96%;margin: 4.5% auto 4.8%;box-shadow: 0 0 16px #D6D7D9}
.box08 #anli>.hd{text-align: center;width: 100%;position: relative!important;top: 10%}
.box08 #anli>.hd>ul>li{margin:0 0.4%;background:#A6A4A4;width: 10px;height: 10px;border-radius:50%;opacity: 1;display: inline-block;}
.box08 #anli>.hd>ul>.on{background: #FF957C;}
.box08 .anli_btn{width: 65.33%;display: block;margin: 0 auto 5.3%;background: #FF6000;font-size: 4.4rem;border-radius: 10px;padding: 2.6% 0;color: #fff;text-align: center;box-shadow: 0 0 6px #D1D5E2}


.box09{background: #fff;padding-bottom: 3%}
.box09 h1{width: 52%;margin: 0 auto 2.6%;}
.box09_img1{width: 96%;margin: 0 auto;}

.box10{padding-bottom: 2.66%;margin-top:10%;}
.box10 h1{padding-bottom: 2.66%;width: 46.53%;margin: 0 auto;}


@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*/
}