body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td, li, span, div{ margin:0; padding:0;}
body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; background:#fff;}
img{vertical-align: middle; border:none;max-width: 100%;
		transition: all 1s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;outline: none;border: 0px;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none;color: #e77918;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea,input{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:0px auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}

/*-----------------------------------------header--------------------------------------------*/

	.header{width: 100%;height: 100px;background: url(../images/opc.png) 0 0 repeat;position: absolute;top: 0px;left: 0px;z-index: 1;}
	.logo{width: 300px;height: 65px;float: left;margin: 15px 0 0 0;}
	.logo img{width: 100%;}
	.nav{float: right;margin: 50px 0 0 0;}
	.nav .nav_line{font-size: 16px;width: 100%;line-height: 16px;padding-bottom: 9px;}
	.nav li{width: 68px;float: left;margin-left: 50px;min-height: 50px;}
	.nav .nav_line:hover{border-bottom: 3px solid #e77918;color: #333333;}
	
	.med_list{background: url(../images/opc2.png) 0 0 repeat;position: absolute;left: 0px;top: 100px;width: 100%;}
	.med_slime a{font-size: 14px;display: inline-block;line-height: 40px;margin-left: 36px;}
	.med_slime{display: none;text-align: right;}
	.med_slime:hover{display: block;}
	
	.med_list .block{display: block;}
	
	#fp-nav.right{display: none;}
	.mobnav{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; left: -101%; top: 80px; z-index: 999;
	-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
			}
	.mobnav a{ display: block; padding: 10px 0; color: #fff; font-size: 14px; text-align: center;}
	.mopen .mobnav{ left: 0;}
	.med_logo{display: none;}
/*-----------------------------------------header--------------------------------------------*/

/*-----------------------------------------footer--------------------------------------------*/
	
	.footer{background: #4f4b4a;text-align: center;line-height: 50px;color: #FFFFFF;font-size: 12px;}
	.footer a{color: #FFFFFF;}
	.footer a:hover{color: #E77918;}
/*-----------------------------------------footer--------------------------------------------*/



/*-----------------------------------------index--------------------------------------------*/

	.banner_outer{width: 100%;height: 100%;overflow: hidden;}
	.banner_inner{width: 1000%;height: 100%;overflow: hidden;}
	.banner_inner li{width: 10%;float: left;height: 100%;}
	.room{width: 100%;position: absolute;bottom:30px;left: 0px;text-align: center;}
	.room li{width: 70px;height: 5px;display: inline-block;background: #FFFFFF;margin: 0 10px;cursor: pointer;}
	.room .r1{background: #e77918;}
	.heads{position: relative;}
	
	.fix{width: 33px;position: fixed;top: 200px;right: 20px;z-index: 2;}
	.fix img{display: inline-block;margin-bottom: 17px;width: 33px;height: 33px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.fix img:hover{
		transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2) ;
		-moz-transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
		-o-transform: scale(1.2,1.2);
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	
	
	.product{background: url(../images/bannera.jpg) center center no-repeat;background-size: cover;}
	.about_top{width: 100%;text-align: center;padding-top: 175px;}
	.about_top h3{font-size: 24PX;width: 100%;text-align: center;line-height: 24px;margin-bottom: 10px;}
	.about_top p{font-size: 24px;width: 100%;text-align: center;color: #e77918;line-height: 24px;}
	
	.change{width: 162px;height: 187px;display: inline-block;margin: 18px auto 0px;}
	.tab{width: 220px;height: 326px;border-bottom: 5px solid #e77918;float: left;margin: 0 40px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.tab:hover{
		margin-top: -20px;
		background: #E77918;
		color: #FFFFFF;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.tab:hover .change1{background: url(../images/a11.png) center center no-repeat;}
	.tab:hover .change2{background: url(../images/a22.png) center center no-repeat;}
	.tab:hover .change3{background: url(../images/a33.png) center center no-repeat;}
	.tab:hover .change4{background: url(../images/a44.png) center center no-repeat;}
	.product_nr{text-align: center;margin-top: 106px;}
	.change1{background: url(../images/a1.png) center center no-repeat;}
	.change2{background: url(../images/a2.png) center center no-repeat;}
	.change3{background: url(../images/a3.png) center center no-repeat;}
	.change4{background: url(../images/a4.png) center center no-repeat;}
	.tab p{width: 140px;font-size: 16px;padding: 37px 40px 0px;line-height: 24px;border-bottom: 2px solid #E77918;height: 76px;}
	
	.about{background: url(../images/bannersh.jpg) center center no-repeat;background-size: cover;}
	.ih3{font-size: 20px;text-align: center;width: 100%;line-height: 20px;}
	.ixian{display: inline-block;width: 100px;height: 4px;background: #FFFFFF;margin: 13px auto 33px;}
	
	
	.about .about_top{color: #FFFFFF;}
	.about{color: #FFFFFF;}
	.ip{font-size: 14px;line-height: 26px;text-align: center;max-width: 900px;margin: 0 auto 56px;}
	.iimg{width: 100%;text-align: center;}
	.iimg img{display: inline-block;margin: 0 22px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.iimg img:hover{
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg) ;
		-moz-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.lins{width: 200px;height: 45px;border-radius: 8px;text-align: center;line-height: 45px;color: #FFFFFF;font-size: 16px;line-height: 45px;display: inline-block;margin: 65px auto 0;background: #E77918;}
	.lins:hover{color: #FFFFFF;}
	
	
	.fotnr{padding-top: 50px;}
	.fot{background: url(../images/fot.jpg) center center no-repeat;background-size: cover;overflow: hidden}
	.fot_left{width: 300px;float: left;text-align: right;margin-top: 95px;}
	.fot_left img{display: inline-block;margin: 25px 0px;}
	.fot_right{width: 800px;float: right;padding-left: 50px;border-left: 1px solid #E5E5E5;}
	.fot_right h3{font-size: 26px;line-height: 26px;color: #000000;margin-bottom: 20px;}
	
	.fot_list li{font-size: 14px;line-height: 24px;margin-bottom: 15px;overflow: hidden;}
	.fot_list li img{display: inline-block;margin:0px 17px 0px 0px;}
	.share{display: inline-block;float: left;margin-left: 10px;}
	.fot_list .shares img{float: left;margin-top: 10px;}
	.shares span{float: left;margin: 6px 0;}
	.maps{width: 576px;height: 166px;border: 2px solid #e6e5e5;padding: 2px;overflow: hidden;}
	.xiant{height: 1px;background: #E5E5E5;width: 100%;}
	
/*-----------------------------------------index--------------------------------------------*/

	

/*-----------------------------------------hr--------------------------------------------*/
	.hr_nr{width: 100%;padding:50px 0px 53px 0px;}
	.hr_nr li{width: 100%;border-bottom: 1px solid #e8e8e8;padding: 30px 0px;}
	.hr_left{width: 100px;margin-left:60px;min-height: 265px;border-right: 1px solid #E8E8E8;float: left;padding-right: 30px;}
	.hr_left h3{font-size: 20px;color: #333333;font-weight: bold;text-align: center;width: 100px;line-height: 20px;margin-top: 70px;}
	.hr_left p{font-size: 12px;line-height: 24px;width: 100%;margin-top: 22px;}
	.hr_right{float: left;margin-left: 44px;}
	.hr_right h3{font-size: 16px;line-height: 24px;font-weight: bold;margin-bottom: 20px;}
	.hr_right p{font-size: 12px;line-height: 24px;}
	
/*-----------------------------------------hr--------------------------------------------*/




/*-----------------------------------------about--------------------------------------------*/
	
	
	.a_nav{position: absolute;left: 50%;margin-left: -600px;bottom: 110px;}
	.a_nav a{width: 140px;height: 40px;background: url(../images/a_top2.png) center center no-repeat;text-align: center;line-height: 40px;color: #FFFFFF;font-size: 16px;float: left;margin-right: 2px;}
	.a_nav .ncur{background: url(../images/a_top1.png) center center no-repeat;}
	.a_nav a:hover{background: url(../images/a_top1.png) center center no-repeat;}
	.article{width: 94%;margin: 3% 3% 0% 3%;}
	.articles{width: 88%;margin: 100px 6% 0% 6%;}
	
/*-----------------------------------------about--------------------------------------------*/


/*-----------------------------------------case--------------------------------------------*/
	
	.ho_top{width: 100%;text-align: center;margin-bottom: 40px;}
	.ho_fot{width: 100%;text-align: center;}
	.ho_top img{width: 211px;height: 297px;}
	.ho_fot img{width: 211px;height: 139px;}
	.ho_nr img{display: inline-block;padding: 1px;border: 1px solid #e6e5e5;margin: 0px 47px;}
	
	
/*-----------------------------------------case--------------------------------------------*/

/*-----------------------------------------contact--------------------------------------------*/

	.c_left h3{font-size: 30px;line-height: 30px;margin-bottom: 30px;}
	.c_left{width: 400px;float: left;}
	.c_left p{font-size: 16px;line-height: 16px;margin-bottom: 15px;}
	.c_right{width: 600px;float: right;overflow: hidden;}
	
	
/*-----------------------------------------contact--------------------------------------------*/



/*-----------------------------------------pro--------------------------------------------*/

	.banners{width: 100%;position: relative;}	
	.banners img{width: 100%;}
	.tops{height: 110px;position: absolute;bottom: 0px;left: 50%;margin-left: -600px;background: #f8f9fb;}
	.toptop{font-size: 30px;line-height: 30px;margin: 24px 0px 5px 43px;}
	.toptop span{color: #E77918;}
	.topbot{font-size: 30px;line-height: 30px;margin: 0px 0px 0px 43px;}
	.topbot p a{display: inline-block;margin: 0 5px;}
	.topbot p{text-align: center;display: inline-block;font-size: 12px;float: right;margin-right: 20px;}
	.last{color: #E77918;}
	
	
	.pro_nr{border-top: 1px solid #d0d0d0;
		box-shadow:0 0 10px 5px #E5E5E5;
	-moz-box-shadow: 0 0 10px 5px #E5E5E5;  
    -webkit-box-shadow: 0 0 10px 5px #E5E5E5;
    min-height: 200px;
    padding-bottom: 80px;
    margin-bottom: 70px;
	}
	.pro_article span{font-size: 16px;float: left;line-height: 163px;word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
	.pro_article{background: url(../images/proxian.png) center top repeat-y;overflow: hidden;width:96%;margin: 14px auto 0;}
	.pro_article li{width: 100%;height: 178.5px;}
	.odd{text-align: right;}
	.even{text-align: left;}
	.pro_article div{width: 483px;height: 163px;border: 1px solid #e6e6e6;
	display: inline-block;
	background: #FFFFFF;
		box-shadow:4px 4px 0px 0px #f2f2f2;
		-moz-box-shadow: 4px 4px 0px 0px #f2f2f2;  
	    -webkit-box-shadow: 4px 4px 0px 0px #f2f2f2;
	    	transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.pro_article img{width: 225px;height: 155px;float: left;margin: 4px 25px 4px 5px;}
	/*.pro_left li:hover{margin-left: 18px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.pro_right li:hover{
		margin-right: 18px;
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}*/
/*-----------------------------------------pro--------------------------------------------*/


/*-----------------------------------------news--------------------------------------------*/
	

	
	
	
	
	
/*-----------------------------------------news--------------------------------------------*/




/*-------------------------------------------------animations-------------------------------------------*/



	
	
	
/*-------------------------------------------------animations-------------------------------------------*/
.mobnav a:hover{background: #E77918;}

@media only screen and (max-width:1500px ) {
	.about_top{padding-top: 20px;}
	.product_nr{margin-top: 30px;}
	.fotnr{padding-top: 25px;}
	.fot_list li{font-size: 12px;margin-bottom: 5px;}
	.fot_left{margin-top: 55px;}
}

@media only screen and (max-width:1200px ) {
	.wrap{width: 96%;}
	.header{position: static;height: 80px;}
	.a_nav{position: static;}
	.tops{position: static;margin: 0 auto;}
	.toptop{margin-top: 0px;padding-top: 24px;}
	.tab{margin: 0 18px;}
	.footer{line-height: 24px;}
	.product_nr{width: 1024px;}
	.logo{width: 200px;}
	.fot_right{width: 625px;}
	.nav{display: none;}
	
	
	.mob-btn{ width: 30px; height: 28px; position: absolute; top: 40px;right: 20px;z-index: 2;cursor: pointer;}
	.mob-btn:before,.mob-btn:after{ content: ''; width: 100%; height: 3px; position: absolute; left: 0; background: #E77918;
		-webkit-transition:all 0.4s ease 0s;
		-ms-transition:all 0.4s ease 0s;
		-moz-transition:all 0.4s ease 0s;
		transition:all 0.4s ease 0s;
	}
	.centerhr{ height: 1px; border: 1px solid #E77918; width: 28px; background: #E77918; position: absolute; left: 0; top: 12px; 
		-webkit-transition:all 0.2s ease 0s;
		-ms-transition:all 0.2s ease 0s;
		-moz-transition:all 0.2s ease 0s;
		transition:all 0.2s ease 0s;
	}
	.mob-btn:before{ top: 0;}
	.mob-btn:after{ bottom: 0; }
	.mopen .mob-btn:before{ -webkit-transform:rotate(405deg) translate(9px,9px);transform:rotate(405deg) translate(9px,9px);
	 -ms-transform:rotate(405deg) translate(9px,9px);
	  -moz-transform:rotate(405deg) translate(9px,9px)
	}
	.mopen .mob-btn:after{ -webkit-transform:rotate(-405deg) translate(8px,-9px);transform:rotate(-405deg) translate(8px,-9px);
	-ms-transform:rotate(-405deg) translate(8px,-9px);
	  -moz-transform:rotate(-405deg) translate(8px,-9px)
	}
	.mopen .centerhr{ width: 35px; height: 33px; border-width:2px; border-radius: 50%; background: none; top: -4px; left: -5px;}
	.a_nav{position: static;margin:10px auto 0px;width: 96%;}
	.ho_nr img{margin: 0px 20px;}
	.c_left{width: 40%;}
	.c_right{width: 60%;}
	
}
@media only screen and (max-width:1160px ) {
	
	.pro_article div{width: 400px;}
}
@media only screen and (max-width:1024px ) {
	.about_top{padding-top: 20px;}
	.product_nr{margin-top: 30px;}
	body{overflow: visible;}
	html{overflow: visible;}
	.banner_outer{height: 400px;}
	.product_nr{width: 514px;margin: 20px auto 0px;}
	.tab{margin-bottom:20px ;}
	.tab:hover{margin-top: 0px;}
	.about_nr{padding-bottom: 20px;}
	.fot_left{width: 100%;text-align: left;margin-top: 20px;}
	.fot_right{width: 100%;border: 0px;padding: 0px;}
	.fot_left img{margin:25px;}
	.tab:hover .change{
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg) ;
		-moz-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.ho_nr img{margin: 0px 5px;}
	.c_left{width: 100%;float: none;}
	.c_right{width: 100%;float: none;}
	.pro_article li{text-align: center;}

}
@media only screen and (max-width:980px ) {
	.pro_article{width: 98%;background: none;}
}
@media only screen and (max-width:890px ) {
	.pro_left{padding-top: 25px;float: none;width: 420px;margin: 0 auto;}
	.pro_right{float: none;margin-bottom: 20px;width: 420px;margin: 0 auto;}
	.pro_left li{margin-bottom: 20px;}
	.pro_right li{margin-bottom: 20px;}
	.hr_left{margin:10px auto;float: none;width: 100%;min-height: 40px;padding: 0;text-align: center;border: 0px;}
	.hr_left h3{width: 100%;}
	.hr_nr{padding-top: 0px;}
}
@media only screen and (max-width:760px ) {
	.room{display: none;}
	.ixian{margin-bottom: 13px;}
	.lins{margin-top: 35px;}
	.ho_nr img{margin: 10px 0px;}
	.ho_top{width: 217px;margin: 0 auto;}
	.ho_fot{width: 217px;margin: 0 auto;}
	.articles{margin-top: 3%;}
}
@media only screen and (max-width:640px ) {
	.tab{margin:10px 0;}
	.fix{right: 10px;}
	.product_nr{width: 220px;}
	.about_top h3{font-size: 18px;}
	.about_top p{font-size: 18px;}
	.ih3{font-size: 14px;}
	.ip{font-size: 12px;margin-bottom: 20px;}
	.about .product_nr{width: 90%;}
	.about_nr{padding-bottom: 40px;}
	.maps{width: 99%;height: auto;}
	.fot_list li img{margin: 0;}
	.toptop{font-size: 18px;padding-top:10px;margin:0 0 0 10px;}
	.topbot{font-size: 18px;padding-top:5px;margin:0 0 0 10px;}
	.maps img{width: 100%;}
	.tops{height: 90px;}
	.a_nav .ncur{width: 32%;margin:0px 0.66666% ;}
	.a_nav a{width: 32%;margin:0px 0.66666%;}
	.c_left h3{font-size: 18px;margin-bottom: 5px;}
	.c_left p{font-size: 14px;margin-bottom: 5px;}
	.c_left{margin-bottom: 20px;}
}
@media only screen and (max-width:520px ) {
	.fot_left{text-align: center;}
	.fotnr{padding: 0;}
	.fot_left{margin: 0 auto;}
	.a_nav .ncur{width: 32%;margin:0px 0.66666%;background-size: contain;font-size: 14px;}
	.a_nav a{width: 32%;margin:0px 0.66666%;background-size: contain;font-size: 14px;}
	.a_nav a:hover{background-size: contain;}
	.topbot p{margin-right: 5px;}
	.logo{width: 120px;height: auto;margin-top: 5px;}
	.header{height: 40px;}
	.mob-btn{top:5px}
	.toptop{padding-top: 5px;line-height: 24px;}
	.topbot{padding-top: 5px;line-height: 24px;}
	.mopen .mobnav{top: 40px;}
	.pro_article div{height: auto;}
	.pro_article li{height: auto;}
	.pro_article img{float: none;display: inline-block;}
	.pro_article span{float: none;display: block;line-height: 24px;width: 100%;text-align: center;}
	.hr_right{margin-left: 0px;}
	.hr_nr{width: 96%;margin: 0 auto;}
	.pro_nr{margin-bottom: 20px;}
	.banners img{min-height: 160px;}
	.pro_article div{width: 98%;}
}
@media only screen and (max-width:410px ) {
	.fot_left img{margin: 25px 5px;}
	.fot_right h3{font-size: 18px;}
	.a_nav a{font-size: 12px;}
	.a_nav .ncur{font-size: 12px;}
	.topbot p{float: left;width: 100%;text-align:left;}
	.tops{height: auto;}
	.c_left p{font-size: 12px;}
	
	
}
@media only screen and (max-width:350px ) {
	.fot_left img{margin: 15px 0px;}
}
@media only screen and (max-width:320px ) {
	
	.topbot p a{margin: 0 2px;}
}