/*****公共样式开始*****/
html{-webkit-tap-highlight-color: transparent;overflow-x: hidden; height: 100%;  font-size: 312.5%;background-color:#fff; -webkit-text-size-adjust: none;}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
caption,th{text-align:left}
fieldset,img{border:none}
ul{overflow:hidden}
li{list-style:none}
ins{text-decoration:none}
del{text-decoration:line-through}
button,input,optgroup,option,select,textarea{-webkit-appearance:none;border:none;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
button{-webkit-appearance:none;border:none}
a{-webkit-touch-callout:none;text-decoration:none}
:focus{outline:0}
em,i{font-style:normal}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
input[type=submit]{-webkit-appearance:none}
p{line-height:1.6em}
.clear:before,.clearfix:after{display:table;content:''}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
ul,ul li{list-style:none}
.clear{clear:both}
.mt3{margin-top:3%}
.fl{float:left}
.fr{float:right}
.hidd{overflow:hidden}
.none{display:none}
img{vertical-align:middle;max-width:100%;border:0;}
.relative{position:relative}
.absolute{position:absolute}
body{font-family:Microsoft YaHei,Helvetica,STHeiTi,sans-serif;color:#454545;background-color:#fff;outline:0;max-width:640px;min-width:320px;width:100%;margin:auto;font-size: .24rem;}
@media screen and (min-width:350px){
	html{font-size:342%;}
}
@media screen and (min-width:410px){
	html{font-size:400%;}
}
@media screen and (min-width:480px){
	html{font-size:469%;}
}
@media screen and (min-width:640px){
	html{font-size: 625%;}
}
/*****公共样式结束*****/
header>img{display: block;}
.bannerSlide img{
	display: block;
}
.hos_introduce{
	color:#313131;
	padding:4.68% 5.46%;
	background:url(../images/hos_introduce.jpg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.ad1{
	display: block;
	padding-top:2%;	
}
.tell_img{
	display: block;
	padding:2% 0;
}
.big_title{
	padding:2% 0;
}
.big_title>p{
	width:65.6%;
	background:#ba5c14;
	margin:1% auto 0;
	padding:3px;
}
.big_title>p>span{
	display: block;
	border:1px dashed #FFFFFF;
	text-align: center;
	color:#FFFFFF;
}
.ten_reasons li{
	padding:6.25% 2%;
	background:#ffc600;
	overflow: hidden;
}
.ten_reasons li>div{
	width:68.28%;
	float:left;
}
.ten_reasons li>div>h3{
	border-bottom: 1px solid #ba5c14;
}
.ten_reasons li>div>h3>img{
	width:9.38%;
	display: inline-block;
	vertical-align: bottom;
}
.ten_reasons li>div>h3>span{
	display: inline-block;
	color:#542822;
	font-weight: bold;
	font-size: .26rem;
}
.ten_reasons li>div>p{
	margin-top:2%;
	color:#393939;
	line-height: 1.3em;
}
.ten_reasons li>div>p>span{
	color:#e60012;
}
.ten_reasons li>a{
	float:right;
	width:28%;
}
.ten_reasons li>a>img{
	display: block;
	width: 100%;
}
.ten_reasons li:nth-child(2n){
	background:#f5f5f5;
}
.ten_reasons li:nth-child(2n)>div>h3{
	border-bottom: 1px solid #d0d0d0;
}
.eight_projects ul{
	overflow: hidden;
}
.eight_projects ul>li{
	float:left;
	width:45%;
	margin:2% 0 0 3.33%;
}
.eight_projects ul>li img{
	display: block;
}
.btnBox{
	text-align: center;
	padding:3% 0 4% 0;
}
.btnBox>a{
	display: inline-block;
	width:39%;
	color:#FFFFFF;
	font-size: .3rem;
	background:#542822;
	border-radius: 3px;
	padding:2% 0;
}
.btnBox>a:nth-child(2){
	background:#ba5c14;
	margin-left:2.5%;
}
.expertsBox{
	background:#f0f0f0;
	margin-top:2%;
}
.expertsBox>img{
	width:90%;
	display: block;
	margin:0 auto;
}
.expertsBox>img:nth-of-type(1){
	margin-top:2%;
}
.expertsBox>ul{
	overflow: hidden;
	width:90%;
	margin:0 auto;
	margin-top:3%;
}
.expertsBox>ul>li{
	float:left;
	width:31%;
}
.expertsBox>ul>li>img{
	display: block;	
}
.expertsBox>ul>li:nth-child(2){
	margin:0 3.5%;
}
.expertsBox>ul>li>p{
	color:#393939;
	margin-top:2%;
	/*font-size: 12px;*/
}

.expertsBox>ul>li>p>strong{
	color:#ba5c14;
	font-size: .26rem;
}
@media only screen and (min-width:320px ) {	
	.expertsBox>ul>li>p{
		font-size: 12px;
	}
	.expertsBox>ul>li>p>strong {
	    font-size: 14px!important;
	}
}
@media only screen and (min-width:400px ) {	
	.expertsBox>ul>li>p{
		font-size: 13px;
	}
	.expertsBox>ul>li>p>strong {
	    font-size: 16px!important;
	}
}
@media only screen and (min-width:500px ) {	
	.expertsBox>ul>li>p{
		font-size: 17px;
	}
	.expertsBox>ul>li>p>strong {
	    font-size: 20px!important;
	}
}

.expertsBox>ul>li>p>span{
	font-weight: bold;
	color:#8a534c;
}
.expertsBox>img:nth-of-type(2){
	margin:2% auto;
}
.ambient li{
	width:46%;
	float:left;
	margin-left:1.6%;
	margin-top:2%;
}
.ambient ul>li:nth-child(2n+1){
	margin-left:3.2%;
}
.honor{
	background:#f0f0f0;
}
.honor li{
	width:46%;
	float:left;
	margin-left:1.6%;
	margin-top:2%;
}
.honor ul>li:nth-child(2n+1){
	margin-left:3.2%;
}
.honor>img:nth-of-type(1){
	margin-top:3%;
}
.honor>a{
	display: block;
}
.guahao{
	margin-top:3%;
}
.form { background:#f0f0f0; padding-top: 1%; padding-bottom: 1%; }
.form p.hint {
    text-align: center;
    color: #be753c;
    font-size:.26rem;
    margin: 2% 0;
}
.formBar { text-align:center; margin-bottom:2%; }
.formBar input { padding:1% 2%; width:60%; color:#666; }
.formBar input, .formBar span, .formBar select { font-size:89%; color:#494949;}
.formBar select { padding:1%; width:60%; color:#666; }
.formBtn { overflow:hidden; text-align:center; margin:2% auto; }
.formBtn input{height:0;}
.formBtn input, .formBtn select, .formBtn a {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    margin-left: 3%;
    padding: 4% 0;
    text-align: center;
    color: #fff;
    border: 0;
}
.formBtn input {background:url(../images/yy_form_btn1.jpg) left bottom no-repeat;background-size:100% 100%;}
.formBtn a { background:url(../images/yy_form_btn2.jpg) left bottom no-repeat;background-size:100% 100%;}
.wxtx { font-size:80%; color:#5d5d5d; text-indent:2em; margin:2%; }
.wxtx font { color:#be753c; font-weight:bold; font-size:120%; }
.remind{
	background:#990000;
	padding-bottom: 3%;
}
.remind>h2{	
	color:#ffc600;
	font-size:.6rem;
	font-weight: bold;
	text-align: center;
	padding:2% 0;
}
.remind>div{
	color: #FFFFFF;
	width:92%;
	margin:0 auto;
	border-left:1px solid  #cc8080;
}
.remind>div>p{
	margin-left: 4%;
	border-bottom: 1px dashed #cc8080;
	padding:1% 0;
	position: relative;
}
.remind>div>p span{
	display: inline-block;
	width:.36rem;
	height:.36rem;
	color:#990000;
	text-align: center;
	line-height: .36rem;
	border-radius: 50%;
	background:#cc8080;	
	position: absolute;
	left:-7.5%;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.remind>a{
	display: block;
	margin:3% auto 0;
	width:33%;
	text-align: center;
	padding:2% 0;
	color:#ffc600;
	border:1px solid #ffc600;
}
footer{
	background:#542822;
	padding-bottom: 2rem;
}
footer>img{
	display: block;
	width:76%;
	margin:0 auto;	
	padding:3% 0 2%;
}
footer>p{
	text-align: center;
	color:#FFFFFF;
}
footer {
    background: url(../images/f_bg.png) center repeat;
    padding: 3% 0;
	padding-bottom:1.3rem;
}

.fcap {
    margin: 0 auto;
    background: url(../images/f_t.png) center bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 2.2%;
    text-align: center;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
}

.fd {
    overflow: hidden;
    width: 96%;
    margin: 2% auto 20% auto;
    text-align: center
}

.fd dd {
    float: left;
}

.fd dt {
    margin: 0px auto
}

.fd dt {
    width: 85%;
}

.fd dd {
    width: 25%;
    margin-top: 6%;
}

.fd dd img {
    display: block;
}

.fd dd span {
    display: block;
    color: #fff;
    text-align: center;
}

.wxs {
    display: block;
    width: 1.06rem;
    height: 1.04rem;
}

.fd .flogo {
    display: block;
    margin: 2% auto;
    width: 98%;
}

.fd p {
    font-size: 100%;
    color: #fff
}
