body{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px 0px;font-family:Microsoft YaHei,SimSun,Arial,sans-serif;font-size:14px;background:#fff; color:#000;}
.spacebox{width:100%;border-top:1px transparent;height:1px;overflow:hidden;background-color:transparent;clear:both;}
ul,li,dd{list-style-type:none;list-style:none;}
input,select{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:12px;}
body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,textarea,p,blockquote,th,td{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
a{color:#333;text-decoration:none;}
body{width:100%; height:auto;}
img{border:0; width:100%; height:100%}
.spacebox{width:100%;border-top:1px transparent;height:1px;overflow:hidden;background-color:transparent;clear:both;}


.index_ban{width:100%;  position:fixed;top:0;left:0;z-index:100;height:auto; margin:0 auto;text-align:center; background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;border-top:5px #c1d6d4 solid;border-bottom:2px #c1d6d4 solid; background:#FFF; }
.index_ban ul{ width:600px;   background:#fff; height:4em; text-align:center; margin:0 auto; padding-left:10px}
.index_ban ul li{ float:left;  color:#FFF;  width:auto; height:1em; line-height:1em; margin-top:1em;  text-align:center;background:none;padding:3px ; font-size:16px}
.index_ban ul li a{color:#7a4f3f;  display:block; padding:0 10px 0  10px}
.index_ban ul li.ys{background:#7a4f3f; padding:3px ; border-radius:5px}


.img_ban{max-width:100%;height:auto;}
.index_nav{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(index_navbg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}


.index_title_bgone{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(pc_index_ban.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
@media(min-width:1000px){.img_ban{width:990px;box-sizing:border-box;}
.index_ban{width:100%;  position:fixed;z-index:100;height:auto; margin:0 auto;text-align:center; background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; border-top:5px #c1d6d4 solid;border-bottom:2px #c1d6d4 solid;background:#FFF; }
.index_ban ul{ width:700px; background:#fff; height:70px; text-align:center ;margin:0 auto;}
.index_ban ul li{float:left; font-size:18px; color:#FFF;  width:auto; height:20px; line-height:20px; margin-top:15px; text-align:center; padding:10px 25px 10px 25px; }
.index_ban ul li a{color:#7a4f3f; display:block;border-right:1px #7a4f3f solid; padding-right:35px; }
.index_ban ul li.ys{background:#7a4f3f; padding:10px 25px 10px 25px; border-radius:10px}
.index_title_bgone{padding-top:0px }
}

.index_title{width:auto; height:auto; margin:0 auto;text-align:center; margin-top:0em}
.index_title1{width:auto; height:auto; margin:0 auto;text-align:center; margin-top:2em; }
.detail_title1{width:auto; height:auto; margin:0 auto;text-align:center; margin-top:1em; }

@media(min-width:1000px){
	.index_title{margin-top:50px}
	.index_title1{margin-top:60px}
	}
.index_title_bg{width:auto; height:auto; margin:0 auto;text-align:center; background:url(index_view_bg.jpg);background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.index_title_bga{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(index_title2_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.index_title_bgb{width:auto; height:auto; margin:0 auto;text-align:center; background:url(index_view_b_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.index_title_bgc{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(index_title4bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.index_title_bgd{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(index_title5bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.index_title_bge{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(index_title6bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.img_ban1{max-width:100%;max-height:100%;height:auto;}
@media(min-width:1000px){.img_ban1{width:990px;box-sizing:border-box;}}

.index_case{width:100%; height:100%; background:#d4d4d4; padding-top:4em; overflow:hidden }

.index_more{width:100%; height:100%; background:#d4d4d4; padding-top:2em;padding-bottom:2em}
.index_more p{width:10em; height:2em; border:1px #57585c solid; padding:0.2em; margin:0em auto; overflow:hidden; font-size:2em; text-align:center; line-height:2em}
.index_more p:hover{width:10em; height:2em; border:1px #57585c solid; background:#ffff01; padding:0.2em; margin:0em auto; overflow:hidden; font-size:2em; text-align:center; line-height:2em}

.index_bottom{width:auto; height:auto; margin:0 auto;text-align:center;}
.index_bottom_bg{max-width:100%; height:100%; margin:0 auto;text-align:center; background-image:url(index_bottom_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.index_bottom_wx{max-width:100%; height:100%; margin:0 auto;text-align:center; background-image:url(index_bottom_wx.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.wx_text{color:#FFF; position:absolute; z-index:99; margin-top:3em; left:35%; font-size:18px; line-height:36px; text-align:left}
@media(min-width:1000px){.wx_text{color:#FFF; position:absolute; z-index:99; margin-top:80px; left:42%; font-size:30px; line-height:60px; text-align:left}
}

.index_ban ul li a.yellow{color:#FF0}
.case_ban ul li a.yellow{color:#FF0}


/*about*/
.about{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(about_banbg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }




.about_ban{
 margin-top: 61px;
	}
.about_ban img.img_small_screen {display:block;}
.about_ban img.img_ban {display: none;}
@media(min-width:1000px){
.about_ban img.img_small_screen {display:none;}
.about_ban img.img_ban {display: block;width:100%;}
}



.about_title{width:auto; height:auto; margin:0 auto;text-align:center;}
.about_title_bg{width:auto; height:auto; margin:0 auto;text-align:center; background:url(about_two_bg.jpg);background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.about_title_bga{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(about_three_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.about_title_bgb{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(about_four_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.about_title_bgc{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(about_six_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.about_bottom_bg{max-width:100%; height:100%; margin:0 auto;text-align:center; background-image:url(about_eight_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}




.gy_ban{
 margin-top: 60px;
	}
.gy_ban img.img_small_screen {display:block;}
.gy_ban img.img_ban {display: none;}
@media(min-width:1000px){
.gy_ban img.img_small_screen {display:none;}
.gy_ban img.img_ban {display: block;width:100%;}
}



.gy_title_bg{width:auto; height:auto; margin:0 auto;text-align:center; background:url(gy_two_bg.jpg);background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.gy_title_bga{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(gy_three_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.gy_title_bgb{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(gy_four_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}

.pro_A{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(pro_navA_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }


.pra_ban{
 margin-top: 63px;
	}
.pra_ban img.img_small_screen {display:block;}
.pra_ban img.img_ban {display: none;}
@media(min-width:1000px){
.pra_ban img.img_small_screen {display:none;}
.pra_ban img.img_ban {display: block;width:100%;}
}


.proa_ban{
 margin-top: 63px;
	}
.proa_ban img.img_small_screen {display:block;}
.proa_ban img.img_ban {display: none;}
@media(min-width:1000px){
	.proa_ban img.img_small_screen {display:none;}
.proa_ban img.img_ban {display: block;width:100%;}
}



.kz{
 margin-top: 63px;
	}
.kz img.img_small_screen {display:block;}
.kz img.img_ban {display: none;}
@media(min-width:1000px){
	.kz img.img_small_screen {display:none;}
.kz img.img_ban {display: block;width:100%;}
}

/*case*/
.case_ban{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(case_top_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }
.case_A{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(case_navA_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }
.case_B{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(case_navB_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }
.case_C{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(index_title6bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }
.case_ban ul{ width:100%; position:fixed; z-index:100; color:#000;  background:#000; height:3em}
.case_ban ul li{float:left;  font-size:14px; color:#FFF; border-right:1px #FFF solid; width:6em; height:1em; line-height:1em; margin-top:1em }
@media(min-width:1000px){
.case_ban ul{ width:100%; position:fixed; z-index:100; color:#000; background:#000; height:50px }
.case_ban ul li{float:left; font-size:18px; color:#FFF; border-right:1px #FFF solid; width:120px; height:20px; line-height:20px; margin-top:15px }
}
.case_ban ul li a{color:#FFF}
.case_ban p{width:auto; height:auto; margin:0 auto;text-align:center; position:absolute; top:72.6%; left:24% }
.case_title_bg{width:auto; height:auto; margin:0em auto; margin-top:8em;text-align:center; background:url(case_navA_bg.jpg);background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.case_title_bga{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(case_navB_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.case_title_bgc{max-width:100%; height:auto; margin:0 auto;text-align:center; background:url(index_title6bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover; }
.case_title{width:90%; height:auto; margin:0 auto;text-align:center; display:block; background:#FFF;margin-bottom:15px; overflow:hidden }
.case_title:hover{background:#333; box-shadow: 0px 10px 20px #888888;  }
.case_title dl{width:100%; height:auto}
.case_title dl dd{width:100%; padding-top:0.5em; }
.case_title dl dd h2,p{width:90%; text-align:left; font-size:1.2em; text-indent:1em; line-height:1.5em; color:#656566 }

.case_title dl dd h2:hover,p:hover{color:#FF0}
.case_title .case_bot{width:95%; text-align:left; font-size:1.2em; color:#bfbfbf; line-height:1.5em; font-size:0.8em; font-weight:normal; padding-top:1.5em;padding-bottom:20px  }
.case_bot .case_botle{width:auto; height:auto; line-height:30px; float:left; font-size:1.2em; color:#bfbfbf; padding-left:1em; padding-bottom:1.2em}
.case_bot .case_botri{width:auto; height:auto; float:right; text-align:right; line-height:26px; font-size:1.2em; border:1px #bfbfbf solid; padding:0em 0.7em 0em 0.7em }
.case_bot .case_botri a{display:block; color:#bfbfbf}
.case_bot .case_botri a:hover{color:#FF0}
.case_bot .case_botri:hover{border:1px #FF0 solid; }
.casenew_ban{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(case_top_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
@media(min-width:1000px)
{
.case_title{width:891px; height:auto; margin:0 auto;text-align:center; background:#FFF; margin-bottom:15px;  }
.case_title dl dd{width:100%; padding-top:1em; }
.case_title dl dd h2,p{width:90%; text-align:left; font-size:36px; color:#656566; padding-top:30px; text-indent:1em; line-height:30px }
.case_bot .case_botle{width:auto; height:auto; line-height:30px; float:left; font-size:20px; padding-left:1.5em;padding-bottom:2em}
.case_bot .case_botri{width:auto; height:auto; float:right; text-align:right; line-height:30px; font-size:20px; border:1px #bfbfbf solid; padding:5px 45px 5px 45px }
}


.bd_con{width:auto; height:auto; margin:0em auto;text-align:center;background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;background:url(bd_one_bg.jpg) }