@charset "utf-8";
.banner{ height:428px; top:-2px; position:relative; z-index:3}
.banner_box{ position:absolute; left:-300px; top:0; width:1600px; height:428px;}
.banner_box ul{ height:428px; overflow:hidden;}
.banner_box ul li{ width:1600px; height:428px; overflow:hidden;}
.slide{ position:absolute; bottom:19px; left:0;}
.slide span{ float:left;}
.slide span a{ display:block; width:87px;  height:25px; overflow:hidden; margin-right:6px; background:url(../images/slide_hover.png) 0 0 no-repeat; -webkit-transition:background 0.3s ease-in,color 0.3s ease-out;-o-transition:background 0.3s ease-in,color 0.3s ease-out;transition:background 0.3s ease-in,color 0.3s ease-out;}
.slide span a.item0{ background-position:0 0;}
.slide span a.item1{ background-position:-87px 0;}
.slide span a.item2{ background-position:-174px 0;}
.slide span a.item3{ background-position:-261px 0;}
.slide span a:hover{ background-position:0 -25px;}
.slide span.active a.item1,.slide span a.item0:hover{ background-position:0 -25px;}
.slide span.active a.item1,.slide span a.item1:hover{ background-position:-87px -25px;}
.slide span.active a.item2,.slide span a.item2:hover{ background-position:-174px -25px;}
.slide span.active a.item3,.slide span a.item3:hover{ background-position:-261px -25px;}


.main{ margin-top:-1px; background:#f3f3f3 url(../images/main_bg.jpg) 0 0 repeat-x; padding-bottom:29px; padding-top:23px; }
.main .w1002{ background:url(../images/main_bg2.png) 0 0 no-repeat; padding-bottom:4px; width:1007px;}
.main_left{ width:250px; background:url(../images/main_bg2.png) 0 0 no-repeat; padding:1px 26px 3px 26px;}
.main_right .title,.main_middle .about .title,.main_left .title{ text-align:right; line-height:40px; padding-top:3px;}
.main_right .title a,.main_middle .about .title a,.main_left .title a{ padding:3px 8px; text-transform:uppercase; color:#7c7c7c; font-size:10px; -webkit-text-size-adjust:none; background:url(../images/more.gif) right 0 no-repeat; -webkit-transition:background 0.3s ease-in,color 0.3s ease-out;-o-transition:background 0.3s ease-in,color 0.3s ease-out;transition:background 0.3s ease-in,color 0.3s ease-out;}
.main_right .title a:hover,.main_middle .about .title a:hover,.main_left .title a:hover{ background-position:-3px 0; color:#fff;}
.main_right .title span,.main_middle .about .title span,.main_left .title span{ float:left; color:#323232; font-size:16px; font-family:"微软雅黑";}
.main_left_pro{ background:url(../images/main_left_bg.jpg) 14px 164px no-repeat; height:204px; width:250px; overflow:hidden; padding-bottom:20px; margin-top:12px;}
.main_left_pro ul{ height:204px; overflow:hidden; position:relative;}
.main_left_pro ul li{ width:154px; height:204px; overflow:hidden; float:left; cursor:pointer;}
.main_left_pro ul li .li1{ width:154px; height:182px; overflow:hidden;}
.main_left_pro ul li .li2{ text-align:center; padding-top:5px; font-family:"微软雅黑"; color:#666;}






.main_middle{ width:409px; padding:0 10px; background:url(../images/main_bg.jpg) -318px 0 no-repeat; margin-left:16px;}
.main_middle .about{ padding:0 5px 20px 5px; margin:0 8px;}
.about_con{  overflow:hidden;}
.about_con .fl{ width:130px; height:97px; overflow:hidden; position:relative;padding-right:10px;}
.about_con .fl a.video_bg{ width:130px; height:97px; overflow:hidden; position:absolute; left:0; top:0;}
.about_con .frr{ width:228px; line-height:20px; color:#666; font-family:"微软雅黑";}
.producer{ margin-top:22px;}
.producer span#left,.producer span#right{ width:13px; height:13px; overflow:hidden; cursor:pointer; margin-top:18px;}
.producer span#left img,.producer span#right img{ vertical-align:top;}
.producer_con{ width:362px; height:46px; overflow:hidden; margin-left:9px;}
.producer_con ul{ width:366px;}
.producer_con ul li{ float:left; width:116px; height:44px; overflow:hidden; border:solid 1px #e1e1e1; margin-right:4px;}
.main_right{ width:210px; padding:0 18px; background:url(../images/main_bg2.png) -761px 0 no-repeat;}
.main_right_con{ line-height:18px; color:#666; font-family:"微软雅黑"; padding-top:3px;}
.contact_list{ height:36px; overflow:hidden;}
.contact_list ul li{ vertical-align:top; height:18px; overflow:hidden; font-size:12px;}
.contact_btn span{ display:inline-block; margin-right:8px; cursor:pointer; width:9px; height:8px; overflow:hidden; margin-top:5px;}
.contact_btn span img{ vertical-align:top;}



.footer_nav{ padding-top:32px; background:url(../images/line.jpg) 520px 25px no-repeat; margin-bottom:22px;}
.footer_nav_left{ width:507px; padding-left:13px;}
.footer_nav_left dl{ float:left; width:70px; margin-right:99px;}
.footer_nav_left dl dt{ border-bottom:dotted 1px #c9c9c9; padding-bottom:5px; margin-bottom:5px;}
.footer_nav_left dl dt a{ color:#666; font-weight:bold;}
.footer_nav_left dl dd a{ color:#a3a3a3; line-height:24px;}
.footer_nav_left dl a:hover{color:#da0408;}
.footer_nav_right{ width:420px;}
.hotline{ margin-top:18px; background:url(../images/hotline_bg.jpg) 0 0 no-repeat; width:215px;  padding-left:162px; padding-bottom:5px;}
.hotline p.li2 a.feedback{ margin-top:10px; display:inline-block; background:url(../images/slect_box.jpg) 0 0 no-repeat; padding-left:43px; padding-right:63px; line-height:19px; color:#666;}
.hotline p.li2 a.sitemap{ margin-top:10px; color:#666; display:inline-block; margin-left:5px;}
.hotline p.li2 a:hover{ color:#da0408;}


.link .title{ font-weight:bold; color:#333; border-bottom:solid 1px #d0d0d0; line-height:30px;}
.link_main{ padding:10px 0; border-top:solid 1px #d1d1d1; margin-top:1px;}
.link_main a{ display:inline-block; margin:0 5px; line-height:24px; color:#666;}
.link_main a:hover{ color:#da0408}