@charset "utf-8";
/**/
@font-face{
font-family:impact;
src:url("impact.ttf");
}
*{ margin:0; padding:0; border:0; word-break:break-word;}
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;}

#top{ width:1200px; margin:0 auto; overflow:hidden;}
#btn{ display:none;}
#logo{ float:left;}
#menu{ float:right;}
#menu ul{ list-style:none; float:left;}
#menu ul li{ float:left;} 
#menu ul li a{ display:block; line-height:80px; padding:0 20px; font-size:16px; color:#000; 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;}
#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:16px; 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{display:none;}

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

#allbanner .index_pic{overflow:hidden; float:left;}

#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;}

.title{ width:1200px; margin:0 auto; overflow:hidden; font-size:36px; font-weight:bold; color:#000; line-height:60px; border-bottom:solid 1px #eee; padding-top:43px;}
.title p{ float:right;}
.title p a{ display:block; color:#333; font-size:14px; font-weight:normal; transition:color 0.5s;}
.title 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;} 
.title p a:hover{ color:#da251c;}
.title p a:hover span{ width:40px; background:#da251c;}

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

.title1{ width:1200px; font-size:36px; padding-top:50px; font-weight:bold; color:#333; margin:0 auto; overflow:hidden; line-height:90px;}
#aboutcon{ width:1200px; 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:1200px; margin:0 auto; overflow:hidden; line-height:24px; color:#666; padding-top:40px;}
#aboutcon1 ul{ list-style:none;}
#aboutcon1 ul li{ float:left; margin-right:100px;}
#aboutcon1 ul li p.a1{}
#aboutcon1 ul li p.a1 span{ font-size:36px; font-family:impact; color:#da251c; line-height:50px; margin-right:5px;}

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

.index_news1{ float:left; width:530px; overflow:hidden;}
.index_news1 p.a1{ font-size:36px; line-height:100px; font-weight:bold; color:#333;}
.index_news1 p.a2{ font-size:18px; color:#333; line-height:30px;}
.index_news1 p.a3{ font-size:14px; color:#666; padding-top:30px; line-height:24px;}
.index_news1 p.a4{ padding-top: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_news1 p.a4 a:hover{ color:#da251c;}
.index_news1 p.a4 a:hover span{ width:40px; background:#da251c;}

.index_news2{ float:right;}

#customer{ width:1200px; margin:46px auto 50px auto; overflow:hidden;}
#customer ul{ list-style:none; width:1300px;}
#customer ul li{ float:left; margin-right:32px;}
#customer ul li a{ display:block; text-align:center; line-height:50px; font-size:14px; color:#666; transition:background 0.5s,color 0.5s;}
#customer ul li a:hover{ background:#da251c; color:#fff;}

#mbottom{ display:none;}
#bottom{ background:#333; padding:50px 0; overflow:hidden; width:100%;}
.bottom{ width:1200px; margin:0 auto; overflow:hidden;}
.bottom dl{ list-style:none}
.bottom dl dd{ float:left; margin-right:110px;max-width: 173px;}
.bottom dl dd a{ color:#fff;width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;display: inline-block;}
.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 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;}

#pic{ width:100%; overflow:hidden;}
#pic img{ width:100%;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:absolute; margin-top:-60px; background:url(/skin/img/di.png);}
#aboutmenu ul{ list-style:none; width:1200px; 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:60px; text-align:center; font-size:14px; 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:1200px; margin:40px auto; overflow:hidden;}
#content p.apic{ padding:40px 0; overflow:hidden;}

.title2{ width:1200px; margin:0 auto; overflow:hidden; font-size:20px; font-family:impact; color:#000; line-height:60px; border-bottom:solid 1px #eee; padding-top:23px;}
.title2 p{ float:right; color:#999;  font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.title2 p a{color:#333; font-size:12px; 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;} 
.title2 p a:hover{ color:#da251c;}
.title2 p a:hover span{ width:40px; background:#da251c;}

#workshop{ width:1200px; margin:0 auto; overflow:hidden; padding-top:46px;}
#workshop ul{ list-style:none; width:1300px;}
#workshop ul li{ float:left; margin-right:30px; margin-bottom:20px;}
#workshop 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;}
#workshop ul li a:hover{ background:#da251c; color:#fff;}
#workshop ul li a img{ width:380px;}

#page{ width:100%; overflow:hidden; text-align:center; padding:20px 0 80px 0;}
#page ul{ display:inline-block; margin:0 auto; overflow:hidden; list-style:none;}
#page ul li{ float:left; line-height:40px; border:solid 1px #eee; margin:0 5px;}
#page ul li a{ display:block; font-size:14px; padding:0 20px; transition:background 0.5s,color 0.5s;} 
#page ul li a:hover{ background:#da251c; color:#fff;}

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

#news{ width:1200px; 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:280px;}
#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:absolute; margin-top:-60px; background:url(image/di.png);}
#newsmenu ul{ list-style:none; width:1200px; margin:0 auto; overflow:hidden; border-left:solid 1px #444;}
#newsmenu ul li{ float:left; width:50%;}
#newsmenu ul li a{ display:block; line-height:60px; text-align:center; font-size:14px; transition:background 0.5s,color 0.5s; color:#fff; border-right:solid 1px #444;}
#newsmenu ul li a:hover{ background:#da251c; color:#fff;}
#newsmenu ul li a.it{ background:#da251c; color:#fff;}

#feedback{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#feedback p{ padding-top:20px; overflow:hidden; float:left; width:33.33%;}
#feedback p input{ border:solid 1px #ddd; width:398px; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#feedback p.content{ width:100%}
#feedback p textarea{ border:solid 1px #ddd; width:1178px; 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:150px; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#feedback p a:hover{ width:200px;}

#contact{ width:1200px; overflow:hidden; margin:0 auto; padding-bottom:60px; padding-top:40px;}
#contact .con_left{ float:left; width:500px;}
#contact .con_left p{ border-bottom:solid 1px #eee; line-height:50px;}
#contact .con_left p.tt{ font-size:24px; font-weight:bold;}
#contact .con_left p span{ color:#da251c; font-size:24px; font-family:impact;}

#contact .con_right{ float:right; width:500px;}
#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:1200px; 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{}
#bpro_list{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#bpro_list ul{ list-style:none; margin:0 auto;}
#bpro_list ul li{ float:left; padding:5px;}
#bpro_list ul li img{ width:148px; border:solid 1px #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; border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
.bpro_con table td{ text-align:center; line-height:40px; border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:hidden; background:#fff;}
.canshu table{width:1200px;} 
.cs-d{display:none;}

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


#wyjob{ width:100%}
#wyjob p{ padding-top:20px; overflow:hidden; float:left; width:20%;}
#wyjob p input{ border:solid 1px #ddd; width:238px; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
#wyjob p.content{ width:100%}
#wyjob p textarea{ border:solid 1px #ddd; width:1178px; line-height:24px; padding-top:10px; height:120px; padding:10px; 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:none;}


#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
/**html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}*/
#leftsead ul{list-style: none;}
#leftsead li{width:161px;height:50px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px; }
#leftsead li a .shows{display:block; }
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#c8000b;height:47px;margin-left:47px;border:1px solid #c8000b;text-align:center;line-height:47px}
#p3{width:112px;background-color:#01b7ee;height:47px;margin-left:47px;border:1px solid #01b7ee;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}




.clearfix::after{
	content:"";
	display: block;
	clear: both;
}