@charset "gb2312";
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.left{ float:left;}.right{ float:right;}
img {
    border: 0 none;
    width:100%;
    display: block;
}

html{-webkit-text-size-adjust:none;  }

a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
    font-size:62.5%
}
@media only screen and (min-width:321px) { 
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) {
    html {
        font-size:70.31%!important
    }
}
@media only screen and (min-width:376px) {
    html {
        font-size:73.24%!important
    }
}
@media only screen and (min-width:481px) {
    html {
        font-size:84%!important
    }
}
@media only screen and (min-width:561px) {
    html {
        font-size:90%!important
    }
}
@media only screen and (min-width:641px) {
    html {
        font-size:100%!important
    }
}


body {

    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}


.clear_f:after {
    clear: both;
}
.clear_f:after, .clear_f:before {
    content: "";
    display: block;
}



.header1{background-color:#fff;height:70px;width:100%;margin: 0 auto;}
	.header{background-color:#ee7700;height:88px;width:100%;margin: 0 auto;}
	
	.header .back{float:left;margin-left:20px;margin-top:22.5px;}
	.header p{font-size:30px;color:#fff;float:left;line-height:88px;margin-left:70px;}
	.header .close{float:right;margin-right:20px;margin-top:23px;}
	@media(max-width:375px){
	.header p{font-size:26px;margin-left:64px;}
		.header{height: 55px;}
		.header p{line-height: 55px;}
		.header .close{margin-top: 8px;}
		.header .back{margin-top: 8px;}
		
}
	@media(max-width:320px){
	.header p{font-size:22px;margin-left:50px;line-height:68px;}
	.header{height:68px;}
	.header .back{margin-top:12.5px;}
	.header .close{margin-top:12.5px;}
}
	
	

/*===================================页面样式===================================*/
.w600{width: 93.75%;margin: 0 auto;}
.hslbox1,.hslbox2,.hslbox3,.hslbox4,.hslbox5,.hslbox6,.hslbox7,.hslbox8{margin-top: 2rem;}

.tit_box{text-align: center;}
.tit_box h2{font-size: 1.6rem;line-height: 1.6rem;color: #000;margin-bottom: 0.5rem;}
.tit_box h2 span{color: #fc1600;}
.tit_box p{font-size: 1.2rem;line-height: 1.5rem;color: #868686;}

.qqls{margin-top: 2rem;position: relative;}
.qqls .qqls_right{float: right; width: 75%;background-color: #fefce9;padding:1rem 0.5rem 1rem 4.5rem;box-sizing: border-box;}
.qqls .qqls_right h4{font-size: 1.2rem;line-height: 1.2rem;margin-bottom: 0.8rem;color: #ff6000;}
.qqls .qqls_right p{font-size: 0.8rem;line-height: 1.2rem;color: #000;}
/* .qqls img{position: absolute;left: 0;bottom: 0;width: 28%;} */
.qqls img{ width: 35%;position: absolute;bottom: 0;left: 0;}

.btn{display: block;width: 55%;height: 3rem;background-color: #ff6000;text-align: center;border-radius: 2rem;color: #fff;font-size: 1.4rem;line-height: 3rem;margin: 2rem auto 0;}

.xl{width: 100%;margin-top: 1rem;}
.xl li{float: left;width: 32%;height: 10.5rem; margin-left: 2%;border-radius: 50%;overflow: hidden;padding-top: 6rem;box-sizing: border-box;}
.xl li:first-child{margin-left: 0;background: url(../images/2.jpg) no-repeat 0 0;background-size: 100% 100%;}
.xl li:nth-child(2){background: url(../images/3.jpg) no-repeat 0 0;background-size: 100% 100%;}
.xl li:nth-child(3){background: url(../images/4.jpg) no-repeat 0 0;background-size: 100% 100%;}
.xl li div{background-color: rgba(0, 0, 0, 0.5);text-align: center;color: #fff;padding: 0.5rem 0 1.7rem;box-sizing: border-box;}
.xl li div h2{font-size: 1.2rem;line-height: 1.2rem;margin-bottom: 0.3rem;}
.xl li div p{font-size: 0.8rem;line-height: 0.8rem;}

.hslbox3{width: 100%;background: url(../images/bg.jpg) no-repeat 0 0;background-size: 100% 100%;padding-bottom: 2rem;box-sizing: border-box;}
.ul3-0 li{float: left;width: 32%;margin-right: 2%;}
.ul3-0 li:nth-child(3n){margin-right: 0;}
.ul3-0 li:nth-last-child(2),.ul3-0 li:nth-last-child(3),.ul3-0 li:nth-last-child(1),.ul2-0 li:nth-last-child(2),.ul2-0 li:nth-last-child(1){margin-bottom: 0;}
.hyqj{width: 93.75%;margin: 4.2rem auto 1.2rem;}
.hyqj li{
    text-align: center;
    border: 1px solid #A19E9E;
    border-radius: 0.6rem;
    position: relative;
    padding-top: 3.8rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-color: #fff;
}
.hyqj div{
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: #F54509;
    left: 50%;
    top: -3rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-top: 1.5rem;
    margin-left: -3rem;
}
.hyqj div span{
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #fff;
}
.hyqj div span b{
    color: #fff;
}
.hyqj img{
    display: block;
    margin: 0 auto;
    width: 80%;
}
.hyqj p{
    font-size: 1rem;
    line-height: 1.6rem;
    margin: 0.8rem auto;
}

.czs{width: 100%;height: 3.69rem;background: url(../images/5.jpg) no-repeat 0 0;background-size: 100% 100%;text-align: center;font-size: 1.6rem;line-height: 3.69rem;color: #fff;font-weight: bold;margin-top: 1rem;}
.gzs{width: 100%;height: 3.69rem;background: url(../images/6.jpg) no-repeat 0 0;background-size: 100% 100%;text-align: center;font-size: 1.6rem;line-height: 3.69rem;color: #fff;font-weight: bold;margin-top: 1rem;}

.ul2-0 li{width: 49%;margin-right: 2%;float: left;}
.ul2-0 li:nth-child(2n){margin-right: 0;}
.zy{margin: 1rem auto;}
.zy li{background: #fff;padding: 0.3rem;border: 1px solid #C3C3C5;margin-bottom: 0.6rem;text-align: center;}
.zy li h3{color: #DE4E08;font-size: 1.35rem;line-height: 2.5rem;}
.zy li p{font-size: 1rem;line-height: 1.5rem;color: #633710;}
.zy li span{color: #E10000;}
.zy_btn{width: 90%;margin: 0.5rem auto;font-size: 0;}
.zy_btn a{display: inline-block;width: 48%;border: 1px solid #f60;color: #f60;font-size: 1.1rem;line-height: 1.8rem;border-radius: 0.5rem;}
.zy_btn a:last-child{background: #f60;color: #fff;margin-left: 3.5%;}

.hslbox5{width: 100%;background-color: #e9e7e7;padding-bottom: 2rem;box-sizing: border-box;}
.hslbox5_1{
    width: 93.75%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1rem;
}
.hslbox5_1 .mqcl{
    display: flex;
    width: 49%;
    flex-wrap: nowrap;
    background-color: #fff;
    box-shadow: 0 3px 3px 0 #666;
    margin-bottom:1rem ;
}
.hslbox5_1 .mqcl a{
    display: inline-block;
    width: 40%;
}
.hslbox5_1 .mqcl a img{
    width: 100%;
}
.hslbox5_1 .mqcl .mqcl_text{
    width: 60%;
    padding:0.5rem 0 0 0.5rem;
    box-sizing: border-box;
}
.mqcl .mqcl_text .mqcl_tit{
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #f00;
    font-weight: bold;
}
.mqcl_subtit{
    font-size: 1rem;
    line-height: 1.2rem;
}
.hslbox5_1 .mqcl2{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    background-color: #fff;
    box-shadow: 0 3px 3px 0 #919397;
    margin-bottom:1rem ;
}
.mqcl2 a{
    width: 45%;
}
.mqcl2 .mqcl_text{
    padding: 1rem 1.5rem;
    color: #f00;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: bold;
} 

.btn_box{width: 88%;margin: 1.25rem auto 0;font-size: 0;}
.btn_box a{display: inline-block;width: 47%;font-size: 1.4rem;line-height: 3rem;text-align: center;background-color:#ff2a00 ;color: #fff;border-radius: 1.5rem;}
.btn_box a:last-child{background: #ff6000;margin-left: 6%;}

.form_bg{background-color: #ff6000;padding: 1.5rem 0;box-sizing: border-box;margin-top: 1rem;}
.form_bg .zzzs{text-align: center;}
.form_bg .zzzs p{font-size: 1.8rem;line-height: 1.8rem;font-weight: bold;color: #fff;margin-bottom: 0.5rem;}
.form_bg .zzzs p span{color: #fffc00;}
.form_bg .zzzs .xezs{font-size: 1.3rem;line-height: 1.3rem;color: #fff;}
.form_bg .zs_from{padding:0 1.5rem;box-sizing: border-box;margin-top: 1rem;position: relative;}

.xxhj{width: 100%;margin-top: 1rem;margin-bottom: 1rem;}
.xxhj li{float: left;width: 49%;}
.xxhj li:last-child{margin-left: 2%;}
.xxhj li a{ width: 100%;position: relative;}
.xxhj li a div{position: absolute;bottom: 0;left: 0;width: 45%;background-color: #ff6000;color: #fff;font-size: 1.2rem;line-height: 2rem;border-radius: 0 1rem 1rem 0;text-align: center;}
.xxhj li a:not(:first-child){margin-top: 0.5rem;}

/* .btn1{display: block;width: 100%;height: 3rem;text-align: center;border-radius: 0.5rem;color: #fff;line-height: 3rem;font-size: 1.4rem;background-color: #ff6000;margin: 1rem auto;} */

.cgxz_box { width: 93.75%; margin: 1rem auto; overflow: hidden;padding: 0.3rem 0;}
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.cgxz {width: 300%;margin: 0 auto 0;height: 23rem;background: #fff;position: relative;}
.cgxz li { width: 16rem; height: 18rem; border-radius: 1rem; border: 1px solid #7d7d7d; box-sizing: border-box; margin-top: 5rem;}
.xz_pic { width: 10rem; height: 10rem; border: 1px solid #7d7d7d; border-radius: 50%; margin: -4.5rem auto 0; }
.xz_pic img { display: block; margin: 0 auto; padding-top: 0.4rem; width: 92%;}
.xz_con .xz_i { width: 50%; height: 5rem; border-radius: 50%; display: block; background: #fff; margin: -4rem auto 0; }
.xz_con h4 { font-size: 1.2rem; color: #333333; font-weight: bold; text-align: center; margin-top: -3rem; }
.xz_con span::before { width: 20px; height: 1px; background: #7d7d7d; content: ""; margin-top: 6px; }
.xz_con span::after { width: 20px; height: 1px; background: #7d7d7d; content: ""; margin-top: 6px; }
.xz_con span i { width: 10px; height: 10px; background: #313131; border-radius: 50%; }
.xz_con span { width: 7rem; margin: 0.5rem auto 1rem; }
.xz_con p { padding-left: 1rem; font-size:1rem; color: #333; margin-bottom: 1rem; }
.xz_con p b { color: #fd020f; }



	/*底部*/
.dibu { width: 100%; background: #fff; font-size:100px;}
.di_title{ padding-top:.55em; }
.di_title span{ width:2px; height:.26em; background:#fe4d00; margin-left:.16em; margin-right:.07em;float:left; margin-top:-0.28em;}
.di_title p{line-height:.3em; font-size:.3em; float:left; color:#fe4d00; font-family:"微软雅黑";    -webkit-margin-before: -0.7em;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-left: 18px;}
.di_dh{ float:right; width:1.31em; padding-right:.16em}
.di_dh img{ width:100%;margin-top: -18px;}
.di_xian{ width:100%; height:1px; background:#eeeeee;margin-top:.13em;}

.dibu .baoming{
	width:100%;}
.dibu li{
	line-height:0;
	list-style:none;
	margin:0 auto;
	width:95%;
	margin-top:.24em;
	height:.5em;}
.dibu li input{
	list-style:none;
	color:#666666;
	width:100%;
	height:2.2em;
	line-height:2.2em;
	font-size:.26em;}
#baoming #name, #baoming #tell {height:2.2em;text-indent: .5em; border:#cccccc 1px solid; outline: none;margin:0; position:relative; z-index:999;}
.di_ctn{
	padding-top:1em;
	width:100%;}
.di_ctn img{
	width:100%;}
.di_ctn .di_zuo{
	float:left;
	padding-left:13.75%;
	width:33%;}
.di_ctn .di_you{
	float:left;
	width:63.29%;}
.dibu .banquan{
	padding-top:.34em; 
	font-size:14px;
	line-height:24px;
	text-align:center;
	padding-bottom:11em;
	color:#666666;}
input,button,select,textarea{outline:none; -webkit-appearance: button;
    cursor: pointer;
	    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;}
textarea{resize:none}
/*4.footer

---------------------------------------------------------------------- */
.zx-con{width:100%;max-width:640px;min-width:320px;position:fixed;bottom:0;background:#fe4d00;z-index:999;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);animation:zx-con1 1.4s 1s forwards;-webkit-animation:zx-con1 1.4s 1s forwards;-moz-animation:zx-con1 1.4s 1s forwards;}
@keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
@-webkit-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
@-moz-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}
.zx-con>a{display:block;height:2.7em;line-height:2.7em;font-size:.24em;text-align:center;color:#fff;width:100%}
.zx-con>ul{display:block;width:100%;height:.71em;background:#333}
.zx-con>ul li{width:33.333%;float:left;height:2.7em;font-size:.24em;text-align:center;color:#fff;font-weight:100;line-height:2.7em}
.zx-con>ul b{font-size:1em;padding:0 .1em}
.zx-con>ul li a:nth-child(3) b{font-size:.3em}
.zx-con>ul a:nth-child(2) li{background:#242424}
.footer-b{padding:14px 0 7em 0;text-align:center;font-size:12px;font-weight:100;letter-spacing:.3px;color:#333;}

@font-face {
  font-family: 'iconfont';  /* project id 370198 */
  src: url('//at.alicdn.com/t/font_ov264gtk9yvte29.eot');
  src: url('//at.alicdn.com/t/font_ov264gtk9yvte29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.woff') format('woff'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_ov264gtk9yvte29.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:.22em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


element{ margin:0;}

@media(max-width:540px){
	.dibu{ font-size:84px;}
	}
@media(max-width:480px){
	.dibu{ font-size:75px;}
	}
@media(max-width:480px){
	.dibu{ font-size:75px;}
	}
@media(max-width:450px){

	.dibu{ font-size:70px;}
	}
@media(max-width:414px){
	.dibu{ font-size:64px;}
	}
@media(max-width:375px){
	.dibu{ font-size:58px;}
	}
@media(max-width:360px){
	.dibu{ font-size:56px;}
	}
@media(max-width:320px){
	.dibu{ font-size:50px;}
	}

/*底部结束*/