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

.top{ width:100%;}
.top_t{ width:100%; height:40px; border-bottom:1px #ccc solid;}
.zj{ width:1200px; margin:0px auto; clear:both;}
.top_tl{ float:left; line-height:40px; color:#333;}
.top_k{ width:100%; height:130px;}
.logo{ float:left; margin-top:37px;}
.tel{ float:right; margin-top:35px;}

.nav{ width:100%; height:55px; background:#22487c; position:relative; z-index:9999;}
.menu{ width:1200px; margin:0px auto; clear:both;}
.menu ul{}
.menu li{ width:150px; float:left;text-align:center; height:55px; line-height:55px;}
.menu li a{ color:#fff; font-size:16px; display:block;}
.menu li a:hover{ color:#333; background:#ffdb3d;}
.menu li.bs a{ color:#333; background:#ffdb3d;}
.menu ul li ul li { float:none;}
.menu ul li ul li a { background:none;}
.menu ul li ul {left:0px;top:48px;}
.menu ul li ul li { float:none; width:150px; background:#22487c; height:50px; line-height:50px;font-weight:normal; font-size:14px;}
.menu ul li ul li a { background:none; color:#fff;}
.menu ul li ul li a:hover { color:#333; background:#ffdb3d;}
.menu ul li ul { display:none;}
.menu ul li:hover ul { display:block;}
.menu ul li.sfhover ul { display:block;}

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

.bj{ width:100%;}
.sou{ width:100%; height:50px; background:#fff;}
.sou_l{ float:left; line-height:50px; font-weight:bold;}
.sou_l a{ margin:0px 5px; font-weight:normal; color:#333;}
.sou_l a:hover{ color:#ff0000;}
.sou_r{ float:right; margin-top:7px;}

.product{ width:100%; padding:50px 0; background:#f1f1f1;}
.product_t{ width:100%; background:url(../images/product_t.jpg) no-repeat center bottom; padding-bottom:55px;}
.product_tz{ width:100%; font-size:38px; text-align:center;}
.product_ty{ width:100%; text-align:center; color:#999; margin-top:5px;}
.product_n{ width:100%; margin-top:40px;}
.product_l{ width:285px; float:left;}
.column{ width:100%;}
.column_t{ width:100%; height:109px;}
.column_n{ width:265px; padding:10px; background:#fff;}
.column_n li{ width:265px; margin-bottom:5px; height:45px; line-height:45px; text-align:center; background:#e1e1e1;}
.column_n li a{ display:block; color:#333;}
.column_n li a:hover{ color:#fff; background:#1251a0;}
.contact{ width:100%; margin-top:10px;}
.contact_t{ width:100%; height:45px; line-height:45px; background:#007ac7; color:#fff; text-align:center;}
.contact_n{ width:265px; padding:10px; line-height:1.9; background:#fff;}

.product_r{ width:900px; float:right; margin-bottom:30px;}
.pro{ width:288px; height:347px; margin:0px 5px 10px; border:1px #ccc solid; float:left;}
.pro a{ width:288px; height:347px; display:block;}
.pro a:hover{ background:#1251a0; color:#fff;}
.pro_t{ width:288px; height:288px; border-bottom:1px #ccc solid;}
.pro_t img{ width:288px; height:288px;}
.pro_z{ width:100%; text-align:center; line-height:58px;}

.progd{ width:140px; height:40px; margin:30px auto 0; clear:both; text-align:center; line-height:40px; color:#fff;border-radius: 5px 5px 5px 5px; background:#ffa826; box-shadow:rgba(0,0,0,0.4) 1px 1px;}
.progd a{ color:#fff; display:block;}
.progd a:hover{ color:#fff; background:#ff781e;border-radius: 5px 5px 5px 5px;}

.shili{ width:100%; padding:50px 0; background:#f0f0f0;}
.shili_t{ width:1200px; height:106px; background:url("../images/shili.png") no-repeat center;}
.shili_n{ width:100%; margin-top:50px;}
.slk{ width:100%; margin-top:20px;}
.slk_pic{ }
.slk_r{ width:653px;}
.slk_rt{ width:60px; height:60px; border-radius:5px; background:#326ec0; margin:0px auto; text-align:center; line-height:60px; font-size:40px; color:#fff;}
.slk_rz{ width:100%; margin-top:20px; border-top:1px #ccc dashed; padding-top:20px; font-size:26px; font-weight:bold; color:#326ec0; text-align:center;}
.slk_rn{ width:100%; margin-top:10px; line-height: 1.6; font-size:16px; color:#666;}

.fl{ float:left;}
.fr{ float:right;}

.about{ width:100%; padding:60px 0;}
.about_t{ width:100%; padding-bottom:55px;}
.about_tz{ width:100%; font-size:38px; text-align:center;}
.about_ty{ width:100%; text-align:center; color:#999; margin-top:5px;}
.about_k{ width:100%;}
.about_l{ width:600px; float:left; height:440px;}
.about_r{ width:450px; float:right; height:400px; margin-top:40px; box-shadow: 0px 0px 35px #888; padding:0 75px;}
.about_rt{ width:100%; margin-top:55px; font-size:24px; font-weight:bold;}
.about_rn{ width:100%; margin-top:20px; line-height:2; font-size:16px; height:175px; color:#666;}
.about_more{ width:184px; height:44px; margin-top:22px;}

.news{ width:100%; padding:60px 0; background:#f1f1f1;}
.news_lm{ width:100%; margin-top:20px; text-align:center;}
.news_lm a{ color:#333; padding:14px 50px; border:1px #ccc solid; margin:0px 15px;}
.news_lm a:hover{ background:#0c2c5d; color:#fff;}
.news_k{ width:100%; margin-top:55px;}

.news_l{ width:515px; float:left; padding:0px 32px; background:#fff; border:1px #eeeeee solid;}
.news_lt{ width:100%; height:290px;}
.news_ls{ width:100%; height:120px;}
.news_ls_l{ width:80px; float:left; height:120px; text-align:center; border-right:1px #eee solid;}
.news_ls_lt{ width:100%; font-size:50px; font-weight:bold; margin-top:18px;}
.news_ls_lz{ width:100%; color:#333;}
.news_ls_r{ width:415px; float:right;}
.news_ls_rt{ width:100%; font-size:18px; margin-top:25px; font-weight:bold;}
.news_ls_rt a{ color:#333;}
.news_ls_rt a:hover{ color:#ff0000;}
.news_ls_rn{ width:100%; margin-top:6px; line-height:1.9; color:#666;}

.news_r{ width:515px; float:right; padding:0px 32px; background:#fff; border:1px #eeeeee solid;}
.xinwen{ width:578px; border:1px #eee solid; background:#fff; margin-bottom:20px;}
.xinwen a{ width:578px; height:122px; display:block;}
.xinwen a:hover{}
.xinwen_l{ width:115px; float:left; height:122px; text-align:center; border-right:1px #eee solid;}
.xinwen_lt{ width:100%; font-size:50px; font-weight:bold; margin-top:18px;}
.xinwen_lz{ width:100%; color:#333;}
.xinwen_r{ width:435px; float:right; margin-right:10px;}
.xinwen_rt{ width:100%; font-size:18px; margin-top:20px; font-weight:bold;}
.xinwen_rn{ width:100%; margin-top:6px; line-height:1.9; color:#666;}

.fooder{ width:100%; background:#333; padding:40px 0;}

.foot_l{ float:left;}
.kslj{ width:140px; float:left; margin-right:20px;}
.kslj_t{ width:100%; font-size:16px; color:#fff;}
.kslj_n{ width:100%; margin-top:10px;}
.kslj_n li{ width:100%; height:30px; line-height:30px; font-size:14px;}
.kslj_n li a{ color:#999;}
.kslj_n li a:hover{ color:#fff;}

.dbcc2 {float:right;font-size:14px;color:#999;line-height:2.5;width: 510px;}
.dbcct {margin-bottom:10px;color:#fff;font-size:20px;}
.fo1{padding-left: 40px;background-image:url(../images/fo1.png);background-repeat:no-repeat;background-position:left center;width: 250px;float: left;}
.fo2{padding-left: 40px;background-image:url(../images/fo2.png);background-repeat:no-repeat;background-position:left center;width: 180px;float: left;}
.fo3{padding-left: 40px;background-image:url(../images/fo3.png);background-repeat:no-repeat;background-position:left center;width: 250px;float: left;}
.fo4{padding-left: 40px;background-image:url(../images/fo4.png);background-repeat:no-repeat;background-position:left center;width: 180px;float: left;}
.dbqq {line-height:50px;color:#fff;font-size:14px;background-color: #282828;text-align:center;}

.box2{ width:100%; padding:50px 0;}
.left{ width:285px; float:left;}
.lanmu{ width:100%;}
.lanmu_t{ width:100%; height:90px; background:#007ac7; 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:#1251a0;}
.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;}

.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:0px 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;}

#demo { WIDTH: 100%; OVERFLOW: hidden }
#indemo { WIDTH: 800%; FLOAT: left }
#demo1 { FLOAT: left }
#demo2 { FLOAT: left }

#demo3 { WIDTH: 100%; OVERFLOW: hidden }
#indemo { WIDTH: 800%; FLOAT: left }
#demo4 { FLOAT: left }
#demo5 { FLOAT: left }
