@charset "utf-8";
/**/
@font-face{
font-family:impact;
src:url("font.ttf");
}
::scrollbar {display:none;}
::-webkit-scrollbar {display: none;}
*{ margin:0; padding:0; border:0;}
body{ margin:0; background:url(image/di.jpg) #ffc410;font-size:14px; color:#000; line-height:24px; font-family:"微软雅黑"; height:100%; width:100%;}
html{ height:100%; width:100%;}
a{font-size:14px; color:#000; text-decoration: none; transition:color 0.5s,background 0.5s,border 0.5s;}
a:hover {color:#000;}

#top1{ width:100%; background:url(image/roof.png) top repeat-x; height:44px; overflow:hidden;}
#top2{ width:1200px; height:87px; margin:0 auto; overflow:hidden;}
#top2 span{ float:right; padding-top:15px;}

#menu{ background:url(image/menu.png); width:1246px; height:57px; margin:0 auto; overflow:hidden;}
#menu ul{ list-style:none;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; background:url(image/hline.png) right center no-repeat; color:#ffc410; line-height:50px; font-size:18px; padding:0 56px;}
#menu ul li a:hover{ color:#fff;}

/*首页*/
#banner{ background:#ffe186; overflow:hidden; width:1200px; margin:0 auto; padding:13px 0 20px 0; text-align:center;}
#index_banner{width:100%;height:360px;overflow:hidden;position:relative; margin-top:0px;}
#index_banner_list{width:100%;height:360px;}
#index_banner_list li{width:100%;height:360px;display:none;}
#index_banner_list li a{display:block;width:100%; height:360px; padding:0;text-indent:-9999px;background:url() no-repeat top center;}
#prev_btn, #next_btn {	width: 40px;	height: 61px;	display: block;	position: absolute;	top:150px; display:none;}
#prev_btn {	left: 0px;}
#next_btn {	right: 0px;}
#index_banner_nav{width:100%;position:absolute;top:340px;left:0;text-align:center;}
#index_banner_nav a{display:inline-block;width:12px; border-radius:10px;height:12px;margin-right:8px;background:#c70113;font-size:0; color:#c70113; transition:background 0.5s,width 0.5s;}
#index_banner_nav a.this{background:#c70113; color:#c70113; width:32px;}
/*-----------------------------------------------------------------*/

#hz{ text-align:center; overflow:hidden; height:31px;}

#index_ab{ background:url(image/di1.png) center top no-repeat; height:267px; width:1200px; margin:0 auto; overflow:hidden;}

#index_ab .ab{ margin:0 50px 0 740px; overflow:hidden;}
#index_ab .ab p.tt{ font-size:24px; font-weight:bold; line-height:40px; padding-top:30px;}
#index_ab .ab p.con{ font-size:14px; line-height:24px; color:#584200; padding-top:10px;}
#index_ab .ab p.more{ padding-top:25px}
#index_ab .ab p.more a{ display:block; background:#c70113; width:80px; line-height:30px; font-size:12px; color:#fff; text-align:center; transition:width 0.5s;}
#index_ab .ab p.more a:hover{ width:100px;}

.k1{ width:1200px; margin:0 auto; overflow:hidden;}

#index_pro{ width:1200px; margin:0 auto; overflow:hidden; background:url(image/kuang_02.png); text-align:center; }
#index_pro ul{ list-style:none;display:inline-block;}
#index_pro ul li{ float:left; margin:5px 10px;}
#index_pro ul li a{ display:block; text-align:center; color:#584200;}
#index_pro ul li a img{ border:solid 5px #e5ca78; transition:border 0.5s; width:160px;}
#index_pro ul li a:hover{ color:#c70113;}
#index_pro ul li a:hover img{ border:solid 5px #c70113;}

#index_news{ width:1200px; margin:0 auto; padding:28px 0; overflow:hidden; background:url(image/kuang_02.png); }
#index_news .lnews{ float:left; width:500px; margin-left:33px;}
#index_news .lnews a{ display:block; overflow:hidden;}
#index_news .lnews a img{ float:left; margin-right:22px}
#index_news .lnews a div{ overflow:hidden;}
#index_news .lnews a div p.a1{ color:#c70113; line-height:40px;}
#index_news .lnews a div p.a2{ font-size:12px; line-height:18px; color:#584200;}
#index_news .lnews a div p.a3{ color:#fff; background:#c70113; width:80px; line-height:30px; font-size:12px; text-align:center; margin-top:15px; transition:width 0.5s;}
#index_news .lnews a:hover div p.a3{ width:100px;}

#index_news .rjoin{ float:right; background:url(image/join1.jpg); width:544px; height:150px; overflow:hidden; margin-right:38px;}
#index_news .rjoin p{ float:right;}
#index_news .rjoin p a{ display:block; width:150px; height:40px; text-align:center; color:#fff; padding-top:110px; transition:background 0.5s,width 0.5s;}
#index_news .rjoin p.a1 a{ background:url(image/k1.png) center no-repeat  rgba(32,63,232,0.8);}
#index_news .rjoin p.a2 a{ background:url(image/k2.png) center no-repeat  rgba(199,1,19,0.8);}
#index_news .rjoin p.a1 a:hover{ background:url(image/k1.png) center no-repeat rgba(32,63,232,1); width:180px;}
#index_news .rjoin p.a2 a:hover{ background:url(image/k2.png) center no-repeat  rgba(199,1,19,1); width:180px;}

#bottom{ width:100%; background:url(image/bottom.png) center bottom no-repeat; text-align:center; border-bottom:solid 3px #c70113; height:190px; font-size:12px; line-height:18px; padding-top:25px;}

#about{ background:url(image/kk2.png) center repeat-y; width:1200px; margin:0 auto; overflow:hidden;}

#left{ width:200px; float:left; margin:0 0 0 20px;}
#left dl{ list-style:none;}
#left dl dt{ background:url(image/about_06.jpg); width:200px; height:37px; text-align:center; line-height:37px; color:#ffea00; font-size:16px; margin-bottom:10px;}
#left dl dd{ margin-bottom:10px;}
#left dl dd a{ display:block; background:url(image/about_09.jpg); line-height:37px; width:100%; text-align:center; color:#a70211; transition:background 0.5s,color 0.5s;}
#left dl dd a:hover{ background:url(image/about_11.jpg); color:#fff;}

#right{ float:right; width:860px;	margin-right:40px;}

#title{ border-bottom:solid 2px #c98707; line-height:40px; font-size:18px; font-weight:bold; margin-bottom:20px;}
#title span{ float:right; font-size:12px; color:#e17b00; font-weight:normal;}
#title span a{ font-size:12px; color:#e17b00;}
#title span a:hover{ color:#a70211;}

#company{ font-size:14px; color:#584200; line-height:24px; text-align:left;}

#picture{ width:860px; overflow:hidden;}
#picture ul{ list-style:none; width:900px;}
#picture ul li{ float:left; margin-right:25px; width:270px; margin-top:10px;}
#picture ul li a{ display:block; text-align:center; line-height:40px;}
#picture ul li a img{ width:260px; border:solid 5px #e5ca78; transition:border 0.5s;}
#picture ul li a:hover{ background:#c70113; color:#fff;}
#picture ul li a:hover img{border:solid 5px #c70113;}

#page{ width:100%; text-align:center; overflow:hidden; padding:30px 0 40px 0;}
#page ul{ list-style:none; display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block;line-height:30px; border:solid 1px #e5ca78; line-height:30px;padding:0 20px;}
#page ul li a:hover{ background:#c70113; color:#fff; border:solid 1px #c70113;}
#page ul li a.it{ background:#c70113; color:#fff; border:solid 1px #c70113;}
#page ul li a.itnone{  border:solid 1px #e5ca78; background:none; color:#000;}


#news{ width:100%; overflow:hidden;}
#news ul{ list-style:none;}
#news ul li{ border-bottom:solid 1px #e5ca78; overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
#news ul li a{ display:block;}
#news ul li a img{ float:left; margin-right:20px;}
#news ul li a div{ overflow:hidden;}
#news ul li a div p.a0{ font-size:12px; line-height:14px; color:#e17b00;}
#news ul li a div p.a1{ font-size:16px; line-height:30px;}
#news ul li a div p.a2{ font-size:14px; line-height:18px; padding-top:10px; color:#584200;}
#news ul li a div p.a3{ background:#c70113; color:#fff; line-height:30px; width:80px; text-align:center; font-size:12px; margin-top:15px; transition:width 0.5s;}
#news ul li a:hover div p.a3{ width:100px;}
#news ul li a:hover div p.a1{ color:#c70113;}

#pro{ width:860px; overflow:hidden;}
#pro ul{ list-style:none; width:900px;}
#pro ul li{ float:left; margin-right:25px; width:270px; margin-top:10px;}
#pro ul li a{ display:block; text-align:center; line-height:40px;}
#pro ul li a img{ width:260px; border:solid 5px #e5ca78; transition:border 0.5s;}
#pro ul li a:hover{ background:#c70113; color:#fff;}
#pro ul li a:hover img{border:solid 5px #c70113;}

#probig{ width:860px; overflow:hidden;}
#probig .img{ float:left; border:solid 5px #e5ca78;}
#probig .con{ float:right; width:370px;}
#probig .con p.a1{ font-size:18px; font-weight:bold; line-height:60px; color:#c70113;}


#contact{ width:100%; overflow:hidden; padding-bottom:40px;}
#contact .con{ float:left; width:350px; line-height:50px;}
#contact .con p{ border-bottom:solid 1px #f6c25d; line-height:20px; padding:10px 0;}
#contact .img{ float:right;}