@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0; color:#333;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

.zj{ width:1200px; margin:0px auto; clear:both;}
.top{ width:100%;}
.top_t{ width:100%; height:45px; background:#f1f1f1;}
.top_tl{ float:left; line-height:45px; color:#666;}
.top_k{ width:100%; height:110px;}
.logo{ float:left; margin-top:30px;}
.tel{ float:right; margin-top:26px;}
.nav{ width:100%; height:50px; background:#555;}
.menu{ width:1200px; margin:0px auto; clear:both; position:relative; z-index:999999;}
.menu ul{}
.menu li{ width:150px; float:left; text-align:center; line-height:50px;}
.menu li a{ color:#fff; font-size:16px; display:block;}
.menu li a:hover{ background:#df1020; color:#fff;}
.menu li ul{ display:none; position:absolute; width:150px;}
.menu li:hover ul{ display:block; background:#e1e1e1;}
.menu li ul li{ width:100%; height:40px; line-height:40px;}
.menu li ul li a{ color:#333; font-size:14px;}

.banner{ width:100%; height:550px;}

.bj{ width:100%;}
.box{ width:100%; padding:70px 0;}
.dtitle{ width:100%;}
.dtitle_t{ width:100%; text-align:center; font-size:34px;}
.dtitle_y{ width:100%; text-align:center; font-size:16px; color:#9a9a9a; margin-top:10px; padding-bottom:15px; background:url(../images/dtitle.png) no-repeat bottom center;}

.about{ width:100%; margin-top:50px;}
.about_t{ width:100%; line-height:2; font-size:16px;}
.about_k{ width:100%; margin-top:40px;}

.sheji{ width:300px; float:left;}
.sheji_t{ width:100%; text-align:center; color:#a5a5a5; font-size:24px;}
.sheji_t span{ font-size:38px; color:#df1020; margin-right:10px;}
.sheji_n{ width:100%; text-align:center; margin-top:10px; color:#a5a5a5; font-size:18px;}

.box1{ width:100%; padding:70px 0; background:#f5f5f5;}
.product{ width:100%; margin-top:30px;}
.pro{ width:278px; float:left; margin:10px; border:1px #ccc solid;}
.pro_t{ width:100%; height:238px; border-bottom:1px #ccc solid;}
.pro_t img{ width:100%; height:238px;}
.pro_k{ width:238px; padding:0px 20px;}
.pro_n{ width:238px; height:60px; font-size:18px; font-weight:bold; line-height:60px; border-bottom:1px #e1e1e1 solid;}
.pro_more{ widht:100%; line-height: 40px; color:#df1020; font-size:14px;}
.product_more{ width:165px; border:1px #9b9b9b solid; height:50px; margin:50px auto 0; text-align:center; line-height:50px;}
.product_more a{ color:#9b9b9b; display:block; font-size:20px;}
.product_more a:hover{ color:#fff; background:#df1020;}

.hezuo{ width:100%; margin-top:30px;}
.hz{ width:178px; margin:10px; float:left; border:1px #ccc solid; height:80px;}

.xinwen{ width:100%; margin-top:50px;}
.news{ width:585px; float:left;}
.news1{ width:585px; float:right;}
.news_t{ width:100%; height:60px; background:#df1020;}
.news_tl{ float:left; margin-left:20px; font-weight:bold; color:#fff; font-size:16px; line-height:60px;}
.news_tr{ width:28px; height:28px; margin-top:16px; margin-right:20px; background:#fff; border-radius:50%; float:right; text-align:center; line-height:28px; font-size:34px;}
.news_tr a{ line-height:23px; display: block;}
.news_s{ width:100%; margin-top:20px; border-bottom:1px #ccc dashed; padding-bottom:20px;}
.news_sl{ width:230px; height:150px; float:left;}
.news_sl img{ width:230px; height:150px;}
.news_sr{ width:325px; float:right;}
.news_srt{ width:100%; margin-top:15px; font-weight:bold; font-size:18px;}
.news_srt a{ color:#333;}
.news_srt a:hover{ color:#ff0000;}
.news_srn{ width:100%; margin-top:15px; line-height:1.9; color:#333; text-indent:20px;}
.news_n{ width:100%; margin-top:15px;}
.news_n li{ width:100%; font-size:14px; height:35px; line-height:35px; text-align:right; color:#999;}
.news_n li a{font-size:15px; color:#333; float:left;}
.news_n li a:hover{ color:#ff0000;}

.link{ width:100%; margin-top:40px;}
.link a{ margin:10px 30px; font-size:15px; color:#333;}
.link a:hover{ color:#ff0000;}

.foot{ width:100%;}
.foot_t{ width:100%; background:#333; padding:40px 0;}
.kslj{ width:160px; float:left; margin-right:100px; border-right:1px #5c5c5c solid;}
.kslj_t{ width:100%; font-size:15px; font-weight:bold;}
.kslj_t a{ color:#fff;}
.kslj_n{ width:100%; margin-top:10px;}
.kslj_n li{ width:100%; line-height:30px; height:30px; overflow:hidden;}
.kslj_n li a{ color:#a1a1a1;}
.kslj_n li a:hover{ color:#fff; font-weight:bold;}

.contacter{ float:right;}
.contacter_t{ width:100%; font-size:16px; font-weight:bold; color:#fff;}
.contacter_n{ width:100%; margin-top:10px; line-height: 2; color:#a1a1a1;}
.foot_n{ width:100%; height:45px; background:#222;}
.foot_z{ width:100%; text-align:center; line-height:45px; color:#a1a1a1;}
.foot_z a{ color:#a1a1a1;}

.box2{ width:100%; padding:50px 0;}
.left{ width:285px; float:left;}
.lanmu{ width:100%;}
.lanmu_t{ width:100%; height:90px; background:#df1020; line-height:90px; text-align:center; font-size:26px; font-weight:bold; color:#fff;}
.lanmu_n{ width:263px; padding:10px 10px 5px; background:#fff; border:1px #ccc solid;}
.lanmu_n li{ width:263px; margin-bottom:5px; height:45px; line-height:45px; text-align:center; background:#e1e1e1;}
.lanmu_n li a{ display:block; color:#333;}
.lanmu_n li a:hover{ color:#fff; background:#df1020;}
.contact1_n{ width:265px; padding:10px; line-height:1.9; background:#f1f1f1;}

.right{ width:900px; float:right;}
.right_t{ width:100%; height:40px; border-bottom:1px #ccc solid;}
.right_tl{ float:left; line-height:40px; font-size:22px; font-weight:bold;}
.weizhi{ float:right; line-height:40px; color:#666;}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#ff0000;}
.abouter{ width:100%; margin-top:10px; line-height:2; font-size:16px;}

.biaoti{ width:100%; text-align:center; margin-top:10px; font-size:20px; font-weight:bold;}
.fabiao{ width:100%; text-align:center; margin-top:5px; color:#666; padding-bottom:10px; border-bottom:1px #ccc dashed;}

.fenpian{ width:100%; margin-top:30px;}
.fenpian_l{ width:100%; height:25px; line-height:25px; color:#333;}
.fenpian_l a{ color:#333;}
.fenpian_l a:hover{ color:#ff0000;}
.producter{ width:100%; margin-top:10px;}

.n_banner{ width:100%; height:350px;}

.fenye{ width:100%; text-align:center; margin-top:30px; line-height:30px;}
.fenye a{ padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#1251a0; border:1px #1251a0 solid;}

.newser{ width:100%; margin-top:10px;}
.newser li{ width:100%; height:35px; line-height:35px; text-align:right; color:#999; border-bottom:1px #ccc dashed;}
.newser li a{ float:left; color:#333;}
.newser li a:hover{ color:#ff0000;}

.hezuo_n{ width:100%;}
.hz{ float:left; margin:10px; border:1px #ccc solid;}

.jiagong{ width:100%; padding:50px 0; background:#fff;}

.jg{ width:240px; float:left; margin:0px 10px;}
.jg_t{ width:240px;}
.jg_z{ width:240px; text-align:center; height:35px; line-height:35px;}

.contact{ width:100%; margin-top:10px;}
.contact_t{ width:100%; height:45px; line-height:45px; background:#df1020; color:#fff; text-align:center;}
.contact_n{ width:265px; padding:10px; line-height:1.9; background:#fff;}