@charset "utf-8";
/**/
@font-face{
font-family:impact;
src:url("impact.ttf");
}
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
a{font-size:12px; color:#000; text-decoration: none;}
a:hover {color:#dd0000;}
.text-center{ text-align:center}
@media(max-width:800px){

#top{ width:100%; margin:0 auto; overflow:hidden;}
#btn{ display:block; height:3rem; float:right;}
#btn img{ height:3rem;}
#logo{ height:3rem; margin-left:.5rem;}
#logo img{ height:3rem;}
#menu{ float:none; display:none; width:100%; overflow:hidden;}
#menu ul{ list-style:none; float:left; width:100%;}
#menu ul li{ float:none; width:100%; text-align:center;}  
#menu ul li a{ display:block; line-height:3rem; padding:0 0px; font-size:14px; color:#000; border-bottom:solid 1px #fff; background:#eee; transition:background 0.5s, color 0.5s;}
#menu ul li a:hover{ background:#da251c; color:#fff;}
#menu dl{ float:right; margin-top:18px; margin-left:50px; display:none;}
#menu dl dt{ line-height:40px;}
#menu dl dt a{ display:block; background:url(image/bit.png) right center no-repeat; padding-right:20px; font-size:14px; color:#565854;}
#menu dl dt a img{ vertical-align:middle; margin-right:5px;}
#menu dl dt div{ position:absolute; margin-top:40px; margin-left:-20px; z-index:50; display:none;}
#menu dl dt div p{ background:#fff; padding:0 20px;}
#menu dl dt div p a{ background:none;}
#mlan{ float:right; display:block;}
#mlan p{ float:left; margin-right:.5rem;}
#mlan p a{ display:block; padding-top:1rem; height:2rem;}
#mlan p a img{ height:1rem;}

#allbanner{ width:100%; overflow:hidden; display:none;}
#allbanner .banner_wid{transition:margin 0.5s;}

#allbanner .index_pic{overflow:hidden; float:left;background-size:100% auto;}

#allbanner .index_pro_tt{ text-align:center; overflow:hidden;}
#allbanner .index_pro_tt p.a1{ color:#333; font-size:60px; line-height:60px; font-weight:bold; padding-top:90px; font-family:Arial, Helvetica, sans-serif;}
#allbanner .index_pro_tt p.a2{ color:#333; font-size:18px; line-height:20px;}
#allbanner .index_pro_tt p.a3{ padding-top:30px; width:80px; margin:0 auto;}
#allbanner .index_pro_tt p.a3 a{ display:block;  transition:background 0.5s,border 0.5s,color 0.5s; font-family:Arial, Helvetica, sans-serif; background:#0056b5; color:#fff; line-height:30px; border-radius:50px;}
#allbanner .index_pro_tt p.a3 a:hover{ background:#d00;}
#allbanner .index_pro_tt p.a4{ font-size:12px; color:#333; padding-bottom:20px; padding-top:10px;}

#change{ margin:0 auto; overflow:hidden; position:absolute; z-index:50; margin-top:-20px;}
#change p{ display:block; background:#d7eaff; width:30px; height:2px; cursor:pointer; float:left; margin:0 5px;}

#mySwipe{ display:inherit;}

.swipe {
	width: 100%;/*max-width:500px;*/
	margin: 0 auto;
	overflow: hidden;
	visibility: hidden;
	position: relative;
	width: 100%;
	background: #fff;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.swipe-wrap > div a {
	display: block;
	background: url(images/loading.gif) no-repeat center center;
}
.swipe-wrap img {
	width: 100%;
}


.title{ width:100%; margin:0 auto; overflow:hidden; font-size:30px; font-family:impact; font-weight:normal; color:#000; line-height:40px; text-align:center; border-bottom:solid 0px #eee; padding-top:33px;}
.title p{ float:none;}
.title p a{ display:block; color:#333; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.title p a span{ display:block; float:none; width:24px; margin:0 auto 0 auto; height:5px; background:#333;} 


#index_pro{ width:90%; margin:0 auto; overflow:hidden; padding-top:26px;}
#index_pro ul{ list-style:none; width:100%;}
#index_pro ul li{ float:none; margin-right:0px;}
#index_pro ul li a{ display:block; background:#fff; line-height:70px; text-align:center; color:#333; font-size:14px; transition:background 0.5s,color 0.5s;}
#index_pro ul li a img{ width:100%;}
#index_pro ul li a:hover{ background:#da251c; color:#fff;}

.title1{ width:90%; font-size:30px; padding-top:30px; padding-bottom:10px; font-family:impact; font-weight:normal; color:#333; margin:0 auto; overflow:hidden; line-height:40px;}
#aboutcon{ width:90%; margin:0 auto; overflow:hidden; line-height:24px; color:#666;}
#aboutcon p{ padding-top:30px; overflow:hidden;}
#aboutcon p a{ display:block; font-size:14px;}
#aboutcon p a span{ display:block; float:left; width:24px; height:10px; background:#333; margin-top:7px;margin-right:10px; transition:background 0.5s,width 0.5s;} 
#aboutcon p a:hover{ color:#da251c;}
#aboutcon p a:hover span{ width:40px; background:#da251c;}

#aboutcon1{ width:90%; margin:0 auto; overflow:hidden; line-height:24px; color:#666; padding-top:20px;}
#aboutcon1 ul{ list-style:none;}
#aboutcon1 ul li{ float:left; margin-right:0px; width:33.33%; font-size:.6rem; line-height:1.2rem;}
#aboutcon1 ul li p.a1{}
#aboutcon1 ul li p.a1 span{ font-size:30px; font-family:impact; color:#da251c; line-height:40px; margin-right:5px;}

#index_news{ width:90%; margin:20px auto 0 auto; overflow:hidden;}

.index_news1{ float:none; width:100%; overflow:hidden;}
.index_news1 p.a1{ font-size:30px; font-family:impact; line-height:100px; font-weight:normal; color:#333;}
.index_news1 p.a2{ font-size:18px; color:#333; line-height:24px;}
.index_news1 p.a3{ font-size:12px; color:#666; padding-top:30px; line-height:18px;}
.index_news1 p.a4{ padding-top:30px; padding-bottom:30px;}
.index_news1 p.a4 a span{ display:block; float:left; width:24px; height:10px; background:#333; margin-top:7px;margin-right:10px; transition:background 0.5s,width 0.5s;} 


.index_news2{ float:none; width:100%;}
.index_news2 img{ width:100%;}

#customer{ width:90%; margin:26px auto 10px auto; overflow:hidden;}
#customer ul{ list-style:none; width:100%;}
#customer ul li{ float:left; margin-right:0; width:50%;}
#customer ul li a{ display:block; text-align:center; line-height:50px; font-size:12px; color:#666; width:90%; margin:0 auto;}
#customer ul li a img{ width:100%;}

#mbottom{ display:inherit; position:fixed; bottom:0px; left:0px; background:#000; height:3rem;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ width:25%; float:left;}
#mbottom ul li img{ width:100%;}

#bottom{ background:#333; padding:50px 0; overflow:hidden; width:100%; display:none;}
.bottom{ width:1200px; margin:0 auto; overflow:hidden;}
.bottom dl{ list-style:none}
.bottom dl dd{ float:left; margin-right:110px;}
.bottom dl dd a{ color:#fff;}
.bottom dl dd p{ padding-bottom:15px;}
.bottom dl dd p a{ font-size:14px;}
.bottom dl dd a:hover{ text-decoration:underline;}
.bottom dl dt{ float:right; color:#fff; font-size:12px;}
.bottom dl dt a{color:#fff;}

.bottom dl dt p{ font-size:14px; padding-bottom:20px;}
.bottom dl dt.code{ text-align:center; padding-right:50px;}

#copy{ width:1200px; margin:0 auto; overflow:hidden; line-height:80px; font-size:12px; display:none;}

#pic{ width:100%; overflow:hidden;}
#pic img{ width:200%; margin-left:-50%;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:inherit; margin-top:0; background:url(image/di.png);}
#aboutmenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 1px #444;}
#aboutmenu ul li{ float:left; width:33.33%;}
#aboutmenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; transition:background 0.5s,color 0.5s; color:#fff; border-right:solid 1px #444;}
#aboutmenu ul li a:hover{ background:#da251c; color:#fff;}
#aboutmenu ul li a.it{ background:#da251c; color:#fff;}

#content{ width:90%; margin:20px auto; overflow:hidden;}
#content p.apic{ padding:20px 0 20px 0; overflow:hidden;}
#content p.apic img{ width:100%;}
#content img{ width:100%;}

.title2{ width:90%; margin:0 auto; overflow:hidden; text-align:center; font-size:24px; font-family:impact; color:#000; line-height:40px; border-bottom:solid 1px #eee; padding-bottom:10px; padding-top:23px;}
.title2 p{ float:none; font-size:10px; line-height:18px; color:#999;  font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.title2 p a{color:#333; font-size:10px; font-weight:normal; transition:color 0.5s;}
.title2 p a span{ display:block; float:right; width:24px; height:10px; background:#333; margin-top:25px; margin-left:10px; transition:background 0.5s,width 0.5s;} 


#workshop{ width:90%; margin:0 auto; overflow:hidden; padding-top:26px;}
#workshop ul{ list-style:none; width:100%;}
#workshop ul li{ float:left; margin-right:0; margin-bottom:20px; width:50%;}
#workshop ul li a{ display:block; background:#fff; line-height:14px; text-align:center; color:#333; font-size:12px; width:90%; margin:0 auto;}
#workshop ul li a p{ margin:10px 0; height:28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden;}
#workshop ul li a img{ width:100%;}

#page{ width:100%; overflow:hidden; text-align:center; padding:10px 0 30px 0;}
#page ul{ display:inline-block; margin:0 auto; overflow:hidden; list-style:none;}
#page ul li{ float:left; line-height:2rem; border:solid 1px #eee; margin:0 2px;}
#page ul li a{ display:block; font-size:10px; padding:0 10px; transition:background 0.5s,color 0.5s; font-family:"宋体";} 


#promenu{ width:100%; overflow:hidden; border-bottom:solid 0px #eee; display:none; position:inherit; margin-top:0; background:url(image/di.png);}
#promenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 0px #444;}
#promenu ul li{ float:none; width:100%;}
#promenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; background:#eee; border:0; border-bottom:solid 1px #fff; color:#333;}


#news{ width:90%; margin:0 auto; overflow:hidden;}
#news ul{ list-style:none;}
#news ul li{ border-bottom:solid 1px #eee; padding:30px 0;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a p.a0{ float:left; margin-right:30px}
#news ul li a p.a0 img{ width:6rem; display:none;}
#news ul li a div{ overflow:hidden;}
#news ul li a p.a1{ font-size:16px; line-height:40px;}
#news ul li a p.a2{ font-size:12px; line-height:18px; color:#666;}
#news ul li a p.a3{ font-size:14px; line-height:18px; padding-top:10px; color:#333;}
#news ul li a p.a4{ width:100px; background:#eee; color:#000; line-height:40px; text-align:center; transition:background 0.5s, color 0.5s,width 0.5s; border-radius:5px; margin-top:30px;}
#news ul li a p.a4:hover{ background:#da251c; color:#fff; width:120px;}

#newsmenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:inherit; margin-top:0; background:url(image/di.png);}
#newsmenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 0px #444;}
#newsmenu ul li{ float:left; width:50%;}
#newsmenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; transition:background 0.5s,color 0.5s; color:#fff; border-right:solid 1px #444;}


#feedback{ width:90%; margin:10px auto 40px auto; overflow:hidden;}
#feedback p{ padding-top:20px; overflow:hidden; float:left; width:100%;}
#feedback p input{ border:solid 1px #ddd; width:98%; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#feedback p.content{ width:100%}
#feedback p textarea{ border:solid 1px #ddd; width:92%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#da251c; color:#fff; line-height:46px; width:98%; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#feedback p a:hover{ width:98%;}

#contact{ width:90%; overflow:hidden; margin:0 auto; padding-bottom:20px; padding-top:20px;}
#contact .con_left{ float:none; width:100%;}
#contact .con_left p{ border-bottom:solid 1px #eee; line-height:50px;}
#contact .con_left p.tt{ font-size:18px; font-weight:bold;}
#contact .con_left p span{ color:#da251c; font-size:24px; font-family:impact;}

#contact .con_right{ float:none; width:100%; padding-top:20px;}
#contact .con_right p{ padding-top:20px;}
#contact .con_right p input{ border:solid 1px #ddd; width:498px; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
#contact .con_right p textarea{ border:solid 1px #ddd; width:478px; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:Arial, Helvetica, sans-serif;}
#contact .con_right p a{ display:block; background:#da251c; color:#fff; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px; transition:width 0.5s;}
#contact .con_right p a:hover{ width:200px;}

#bkuang{ width:90%; margin:0 auto; overflow:hidden; overflow:hidden; padding-bottom:80px; padding-top:20px;}
#bpro{ width:100%; text-align:center; overflow:hidden; padding-top:20px;}
#bpro ul{ list-style:none;}
#bpro ul li img{ width:100%;}
#bpro_list{ width:100%; overflow:hidden; border-bottom:solid 0px #eee;}
#bpro_list ul{ list-style:none; margin:0 auto;}
#bpro_list ul li{ float:left; padding:0px; width:20%; border:0;}
#bpro_list ul li img{ width:90%; border:solid 0px #eee; cursor:pointer;}

#probig_btn{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; padding-top:30px;}
#probig_btn p{ text-align:center; line-height:50px; color:#000; font-size:18px; font-weight:bold;}

.bpro_con{ width:100%; padding:20px 0px;text-align:left;}
.bpro_con span{ display:block; font-size:18px; color:#da251c; font-weight:bold; text-align:left; line-height:40px; padding-bottom:10px;} 
.bpro_con ul{ list-style:none; width:800px;}
.bpro_con ul li{ float:left; width:232px; margin-right:20px; text-align:center; line-height:40px; padding-bottom:20px;}
.bpro_con ul li img{ width:100%;}

#bpro_case{ background:#eee; padding:20px; width:760px; margin:0 auto; margin-top:20px;}
#bpro_case p span{ color:#d00;}

.bpro_con table{overflow:hidden; width:100%; margin:0 auto; border-left:solid 1px #ddd; border-top:solid 1px #ddd;}
.bpro_con table td{ text-align:center; line-height:.8rem; padding:.5rem 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font-size:.6rem;}

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll}
.canshu table{width:100%; } 
.canshu table img{width:auto} 
.canshu table td{ padding:5px; white-space:nowrap;} 
.cs-d{display:block;}

#xunpan{ width:100%; border-bottom:solid 1px #eee; border-top:solid 2px #000; line-height:20px; padding:10px 0; color:#da251c; margin-top:4px; overflow:hidden;}


#wyjob{ width:100%}
#wyjob p{ padding-top:20px; overflow:hidden; float:none; width:100%;}
#wyjob p input{ border:solid 1px #ddd; width:98%; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
#wyjob p.content{ width:100%}
#wyjob p textarea{ border:solid 1px #ddd; width:98%; line-height:24px; padding-top:10px; height:120px; padding:10px 0; font-family:Arial, Helvetica, sans-serif;}
#wyjob p a{ display:block; background:#da251c; color:#fff; line-height:46px; width:150px; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ width:200px;}

#btnmenu{ display:inherit; height:3rem; width:100%; text-indent:1rem; font-size:1.2rem; overflow:hidden; font-family:impact; line-height:3rem; color:#fff; background:url(image/bit2.png) 95% center no-repeat #333/auto .6rem;}

#mbottom1{ height:3rem; width:100%; overflow:hidden;}

}