﻿html,body,div,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,blockquote,q,table,caption,thead,tbody,tfoot,th,td,button {margin:0;padding:0;}	
body { font-family:"宋体"; background:#FFF; font-size:12px; color:#333333;}
table { border-collapse:collapse; border-spacing:0;}
img, fieldset, abbr, acronym { border:none;}
a img { border:none; padding:0; margin:0;}
ol,ul,li {list-style:none;}
blockquote,q { quotes:none;}
address,caption,cite,code,dfn,em,th,var { margin:0;padding:0; font-style:normal;font-weight:normal;}
*{ margin:auto;}

/*---- Patchs---- */
.fl { float:left;}		
.fr { float:right;}		
.fn  { float:none;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}
.tl { text-align:left;} 
.tr { text-align:right;}
.tc { text-align:center;}
/*---- end Patchs---- */

/*----Public font----*/
a {color:#333;  text-decoration:none; cursor:pointer;}
a:hover { color:#333; text-decoration:underline;}
a,a:hover{ outline:none; blr:expression(this.onFocus=this.blur());}
h1{ font-size:16px; color:#333; font-family: "微软雅黑";}
h2{ font-size:16px; color:#333333;}
h3{ font-size:12px; color:#333;}
.bold{ font-weight:bold;}
.f2{ color:#003366; }
.f3{ color:#666666; }
/*----End Public font----*/
strong{ font-family:"微软雅黑";}
/*head*/
.head{ width:100%; height:194px; overflow:hidden; background: url(../images/top_bg.jpg) repeat-x;}
.top{ width:980px; height:29px; line-height:28px; margin:0 auto;}
.wellcome{ width:300px; float:left;color:#666;}
.sub-menu{ width:226px; float:right;}
.sub-menu-list li{ float:left; color:#666;}
.sub-menu-list li a{ display:inline-block; padding:0 2px; color:#666;}
.logo-box{ width:980px; height:112px; margin:0 auto;}
.logo{ width:160px; height:90px; float:left; padding-top:10px;}
.logo02{ width:310px; height:90px; float:left; padding-top:10px;}
.tel{ width:496px; height:90px; float:right; padding-top:10px;}
/*导航*/
.nav{width:980px;height:53px; overflow:hidden;font-family:'Microsoft YaHei'; margin:0 auto; overflow:hidden;}
.nav ul{font-size:0;}
.nav li{float:left; display:inline-block;height:53px;line-height:53px;font-size:0;background:url(../images/nav_line.gif) no-repeat 0 bottom;}
.nav li.first{background:none;}
.nav li a{color:#fff;display:inline-block;font-size:14px;width:95px;text-align:center;}
.nav li a:hover,.nav li.cur a{color:#fff; text-decoration:none;background:url(../images/nav_cur.gif) no-repeat center 0;}

/*搜索栏*/
.serach-box{ width:980px; height:45px; line-height:45px; margin:0 auto; overflow:hidden;}
.search-link{ width:650px; float:left;}
.search-link a{ display:inline-block; padding:0 5px; color:#666;}
.search{ width:278px; height:30px; float:right; padding:10px 0;}
.ipt01{ width:207px; height:28px; line-height:28px; border:#CCC solid 1px; border-right:0; float:left;}
.btn01{ width:69px; height:30px; background:url(../images/serach.png) no-repeat; border:0;float:left; cursor:pointer;}

/*banner*/
.line_bg{ width:990px; height:22px; margin:0 auto; background:url(../images/line_bg.jpg) no-repeat;}
/*------推荐栏目---------*/
.htui { height:349px; overflow:hidden;}
.htui ul { height:72px;}
.htui ul li { float:left; height:72px; display:inline-block;}
.htui ul #chk0 a{background:url(../images/htuib1.jpg) no-repeat; width:326px; height:72px; display:block;}
.htui ul #chk1 a{background:url(../images/htuib2.jpg) no-repeat; width:328px; height:72px; display:block;}
.htui ul #chk2 a{background:url(../images/htuib3.jpg) no-repeat; width:326px; height:72px; display:block;}
.htui ul #chk0 a:hover,.htui ul #chk0.cur a{background:url(../images/htuig1.jpg) no-repeat; width:326px;height:72px; display:block;}
.htui ul #chk1 a:hover,.htui ul #chk1.cur a{background:url(../images/htuig2.jpg) no-repeat; width:328px;height:72px; display:block;}
.htui ul #chk2 a:hover,.htui ul #chk2.cur a{background:url(../images/htuig3.jpg) no-repeat; width:326px;height:72px; display:block;}
.htuibg {background:url(../images/tjian.jpg) no-repeat left top; height:277px;position: relative;}


.htuipr{width:954px; height:242px; padding-top:15px;padding-left:15px;}
.htuipr-list li{ width:296px; height:auto;  float:left; padding:0 10px;}
.htuipr-list li .htuipr_bg{ width:296px; height:234px; background:url(../images/case_bg.jpg) no-repeat bottom;}
.htuipr-list li img{ width:290px; height:218px; border:#CCC solid 1px; padding:2px;}
.htuipr-list li img:hover{ border:#06F solid 1px;}
.htuipr-list li span{ display:block; height:24px; line-height:24px;  text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*------合作客户---------*/
.par_bg {width:100%;margin-top:10px;border-bottom:1px solid #e1e1e1;background:url(../images/line_bg1.gif);}
.customer{width:980px;height:160px;margin:0 auto;padding-top:25px;background:url(../images/par_bg.gif) no-repeat center top;}
.show_cont{padding-top:30px;overflow:hidden;}
.par {width:912px;height:90px;margin-left:22px;display:inline;overflow:hidden;}
.par li {float:left;width:137px;height:66px;margin-right:14px;display:inline;}
.par li{width:137px;height:77px;padding-bottom:6px;}
.par li img{float:left;width:135px;height:58px;border:1px solid #ddd;}
.par li span a{height: 34px;line-height:34px;text-align: center;overflow: hidden;color: #5e5e5e; padding-left:45px;}
.arr_l, .arr_r{width:12px;height:29px;margin-top:15px;cursor:pointer;}
.arr_l{background:url(../images/arr_l.gif) no-repeat;}
.arr_r{background:url(../images/arr_r.gif) no-repeat;}
.par .c_mg{margin-right:0;}
/*center*/
.more{ float:right; padding-right:10px; color:#666;}
.title{height:38px;line-height:36px;background:url(../images/title_bg_01.gif) repeat-x left bottom;}
.title03 {height:38px;line-height:36px;}
.title span, .title03 span {float:left;padding-left:13px;height:38px;font-family:"Microsoft YaHei";font-size:16px;background:url(../images/item_03.gif) no-repeat left 12px;color:#235ca6;}
.title span a, .title03 span a {color:#235ca6;}
.title b, .title03 b {padding-left:5px;font-weight:normal;font-size:14px;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;color:#bdbdbd;}
.title i, .title03 i {float:right;font-family:"宋体";font-style:normal;}
.title i a, .title03 i a {color:#b2b2b2;}
.title01{ width:208px; height:36px; line-height:36px; background:url(../images/title01.jpg) no-repeat; color:#FFF;}
.title01 strong{ font-size:14px; padding:0 8px;}
.title01 span{ color:#ADBDCE; font-family:Arial; font-size:10px;}
.title02{ width:758px; height:36px; line-height:36px; background:#fff;border:1px solid #ccc;border-top:3px solid #1d7de7;}
.title02 strong{ font:bold 16px/35px 'MicroSoft Yahei';color:#333;height:35px;padding-left:18px;}

.center{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.box-l{ width:208px; height:auto; float:left;}
.sub-box{ width:208px; height: auto;}
.pro-menu{ width:206px; height:258px; border:#CCC solid 1px; border-top:0; background:#F2F2F2; overflow:hidden;}
.menu-list{ width:190px; padding:8px;}
.menu-list li{ width:190px; height:28px; line-height:28px; background:url(../images/list.jpg) bottom no-repeat;}
.menu-list li a{ display:block; height:28px; background:url(../images/li.jpg) no-repeat 5px 10px; padding-left:25px;}
.menu-list li a:hover,.on{ text-decoration:none; color:#F00;}

/*导航*/
.dh{ width:208px; color:#fff;height:609px; overflow:hidden; background:url(../images/dhbg.jpg) no-repeat 0 0 #06c;}
.dh h2{ background:url(../images/dhtbg.jpg) no-repeat; height:46px; font-weight:normal; font-family:"微软雅黑"; font-size:16px; text-align:center; line-height:40px;}
.dh h2 em{ font-size:14px; color:#Arial; font-style:normal; color:#cee1fb}
.dh a{ color:#fff;}
.dh_c{ background:url(../images/dh_ge.jpg) no-repeat 0 0; padding:14px 6px 0 9px; }
.dh_c h3{ background:url(../images/dhhbg.jpg) no-repeat; height:31px; line-height:25px; padding:2px 13px 2px;font-family:"微软雅黑"; font-size:14px}
.dh_c ul.dhl1{ height:70px;}
.dh_c li{ height:33px; line-height:33px; border-bottom:solid 1px #1b76d1; background:url(../images/ico01.jpg) no-repeat 10px 12px; padding-left:21px;}
.more01 a,.cp h2 .more01 a,.til01 .more01 a,.fa h2 .more01 a,.zx .more01 a{color:#999;font-family:"宋体";font-size:12px;font-weight:normal;background:none;padding:0;}


.box-r{ width:760px; height:auto; float:right;}
.product{ width:753px; height:560px;border:#CCC solid 1px; border-top:0;padding:10px 0 0 5px;}
.product-list li {background:url(../images/phobg.png) no-repeat 0 0; width:248px; height:165px; float:left; padding:0px 0px 20px;}
.product-list li img{ width:228px; height:145px; padding:9px 0 0 10px;}
.product-list li span{ display:block; text-align:center; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:5px;}

.gg01{ width:980px; height:120px; margin-top:15px;}
.gg_bg{ width:980px; height:20px; background:url(../images/gg_bg.jpg) no-repeat;  margin:0 auto; }

.case-box{  width:980px; height:auto; margin:0 auto; padding-top:10px;}
.case{ width:980px; height:277px; background:url(../images/box_bg.png) top center no-repeat; padding-top:25px; overflow:hidden;margin:0 auto;}
.left_all{background:url(../images/left_all.png) no-repeat; width:23px; height:220px; float:left; padding-left:3px;}
.right_all{background:url(../images/right_all.png) no-repeat;width:23px; height:220px; float:right; padding-right:3px;}
.case-marquee{ width:924px; height:277px; float:left;}
.case-list li{ width:296px; height:auto;  float:left; padding:0 6px;}
.case-list li .case_bg{ width:296px; height:234px; background:url(../images/case_bg.jpg) no-repeat bottom;}
.case-list li img{ width:290px; height:218px; border:#CCC solid 1px; padding:2px;}
.case-list li img:hover{ border:#06F solid 1px;}
.case-list li span{ display:block; height:24px; line-height:24px;  text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.bg{ width:100%; height:344px; background:#F9F9F9; border-top: #CCC solid 1px; border-bottom:#CCC solid 1px;}
.honor-box{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.honor{width:980px; height:270px; background:url(../images/box_bg.png) top center no-repeat #F9F9F9; padding-top:25px; overflow:hidden;}
.honor-marquee{width:924px; height:270px; float:left;}
.honor-list li{ width:168px; float:left; padding:0 8px;}
.honor-list li .ry_bg{ width:168px; height:229px; background:url(../images/ry_bg.jpg) no-repeat bottom;}
.honor-list li img{ width:162px; height:208px; border:#CCC solid 1px; padding:2px;}
.honor-list li img:hover{ filter: Alpha(Opacity=50); opacity:0.8;}
.honor-list li span{ display:block; height:24px; line-height:24px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*产品优势*/
.advantage{ width:980px; height:auto; overflow:hidden;margin:0 auto; }
.text01{ color:#D00000; font-size:14px; font-weight:bold; font-family:"微软雅黑";}
.advantage-biaoti{background:url(../images/advantage-title.jpg) no-repeat; width:980px; height:104px; overflow:hidden;}
.advantage01{ width:980px; height:300px; background:url(../images/advantage01.jpg) no-repeat; overflow:hidden;}
.advantage01 strong{ display:block; font-size:23px; color:#1974B8; padding-top:50px; padding-left:70px; font-weight:normal;}
.advantage01 p{ width:400px; max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.advantage02{ width:980px; height:300px; background:url(../images/advantage02.jpg) no-repeat; overflow:hidden;}
.advantage02 strong{ display:block; width:460px; float:right; font-size:23px; color:#1974B8; padding-top:35px; padding-left:10px; font-weight:normal;}
.advantage02 p{ width:460px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.advantage03{ width:980px; height:320px; background:url(../images/advantage03.jpg) no-repeat; overflow:hidden;}
.advantage03 strong{ display:block; font-size:23px; color:#1974B8; padding-top:45px; padding-left:70px; font-weight:normal;}
.advantage03 p{ width:400px; max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.advantage04{ width:980px; height:320px; background:url(../images/advantage04.jpg) no-repeat; overflow:hidden;}
.advantage04 strong{ display:block; width:540px; float:right; font-size:23px; color:#1974B8; padding-top:40px; font-weight:normal;}
.advantage04 p{ width:540px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px; overflow:hidden;}
.advantage05{ width:980px; height:310px; background:url(../images/advantage05.jpg) no-repeat; overflow:hidden;}
.advantage05 strong{ display:block; font-size:23px; color:#1974B8; padding-top:35px; padding-left:70px; font-weight:normal;}
.advantage05 p{ width:400px;max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}

.aboutus-box{ width:980px; height:auto; margin:0 auto; padding-top:10px;}
.aboutus{width:980px; height:480px; background:url(../images/box_bg.png) top center no-repeat; padding-top:25px; overflow:hidden;}
.about-t{ width:322px; height:232px; float:left; background:url(../images/aboutus_bg.jpg) no-repeat bottom;}
.about-t img{ width:314px; height:214px; border:#CCC solid 1px; padding:3px;}
.about-text{ width:630px;height:232px; float:right; overflow:hidden; padding:0 12px 10px; line-height:28px; font-size:13px;}
.about-marquee{ width:980px; height:226px; padding-top:20px; background:url(../images/about_gun_bg.jpg) no-repeat top;}
.about-left{background:url(../images/leftabout.png) no-repeat;width:17px; height:156px; float:left; padding-left:5px;}
.about-right{background:url(../images/rightabout.png) no-repeat;width:17px; height:156px; float:right; padding-right:5px;}
.about-c{ width:924px; height:226px; float:left; padding:0 5px;}
.about-list li{ width:216px; height:auto; float:left; padding-left:8px; padding-right:7px;}
.about-list li img{ width:210px; height:150px; border:#CCC solid 1px; padding:2px;}
.about-list li img:hover{ filter: Alpha(Opacity=50); opacity:0.8;}
.about-list li span{ display:block; text-align:center; height:24px; line-height:24px; padding-top:5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.bg02{ width:100%; height:512px; padding-top:22px; background:#F9F9F9; border-top: #CCC solid 1px; border-bottom:#CCC solid 1px;}
.box01{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.js-box{ width:340px; height:auto; float:left; border-right:#CCC dashed 1px; padding-right:20px;}
.js-title{ width:340px; height:45px; line-height:45px; background:url(../images/js-title.jpg) no-repeat;}
.js{ width:340px; padding-bottom:16px; overflow:hidden;}
.js-t{ width:142px; height:110px; float:left; padding-top:10px; padding-right:10px;}
.js-t img{ width:138px; height:102px; border:#CCC solid 1px; padding:2px;} 
.js-t img:hover{ border:#06F solid 1px;}
.js-text{ width:180px; height:116px; float:right; padding-top:6px;}
.js-text strong{ font-size:13px; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.js-text p{ height:auto; max-height:72px;line-height:24px; overflow:hidden;}
.js-text span{ height:20px; line-height:20px;}
.js-list{ padding-top:10px;}
.js-list li{ width:auto; height:34px; line-height:34px; border-top: #CCC dashed 1px; background:url(../images/list.png) no-repeat 0 13px;}
.js-list li span{ width:230px; height:34px; float:left; padding-left:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.js-list li em{ float:right;}

.news-box{ width:340px; height:auto; float:left; border-right:#CCC dashed 1px; padding-right:20px; padding-left:20px;}
.news-title{ width:340px; height:45px; line-height:45px; background:url(../images/news-title.jpg) no-repeat;}
.news{ width:340px; padding-bottom:16px; overflow:hidden;}
.news-t{ width:142px; height:110px; float:left; padding-top:10px; padding-right:10px;}
.news-t img{ width:138px; height:102px; border:#CCC solid 1px; padding:2px;} 
.news-t img:hover{ border:#06F solid 1px;}
.news-text{ width:180px; height:116px; float:right; padding-top:6px;}
.news-text strong{ font-size:13px; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-text p{ height:auto; max-height:72px;line-height:24px; overflow:hidden;}
.news-text span{ height:20px; line-height:20px;}
.news-list{ padding-top:10px;}
.news-list li{ width:340px; height:34px; line-height:34px; border-top: #CCC dashed 1px; background:url(../images/list.png) no-repeat 0 13px;}
.news-list li span{ width:230px; height:34px; float:left; padding-left:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list li em{height:34px; float:right;}

.faq-box{ width:222px; height:auto; float:right;}
.faq-title{ width:222px; height:45px; line-height:45px; background:url(../images/faq-title.jpg) no-repeat;}
.faq{ width:222px; overflow:hidden; }
.faq-list .wen{ width:220px; height:24px; line-height:24px; padding-top:10px; background:url(../images/wen.jpg) no-repeat 0 14px; overflow:hidden;}
.faq-list .da{ width:220px; height:48px; line-height:24px; padding-bottom:10px; background:url(../images/da.jpg) no-repeat 0 4px; overflow:hidden; border-bottom:#CCC dashed 1px;}
.faq-list a{ display:block; padding-left:25px;}

.link{ width:980px; height:84px; margin:0 auto; background:url(../images/link_bg.png) top no-repeat;}
.link p{ width:980px; height:34px; line-height:34px; padding:25px 0;}
.link i{ font-size:24px; color:#999999; font-family:"宋体";}
.link span{ font-size:14px; color:#BDB7B2; display:inline-block; padding:0 8px;}
.link a{display:inline-block; padding:0 5px;color:#BDB7B2; }
/*footer*/
.footer{ width:100%; height:300px; background:#2E5882; overflow:hidden;}
.btm{ width:980px; height:270px; margin:0 auto;}
.sub-nav{ width:980px; height:45px; line-height:45px; border-bottom:#FFF dashed 1px; overflow:hidden;}
.sub-nav-list{ width:880px; margin:0 auto;}
.sub-nav-list li{ float:left; color:#FFF; text-align:center;}
.sub-nav-list li a{ display:inline-block; padding:0 17px; color:#FFF;}
.hudong{ width:145px; height:auto; margin-top:10px; overflow:hidden;float:right; padding-top:15px; padding-right:40px; }
.hudong img{ width:127px; height:auto;}
.hdsina{ width:127px; height:44px; overflow:hidden;} 
.hdcnnic{ width:127px; height:47px; overflow:hidden; margin-top:10px; } 
.weixin{ width:145px; height:auto; float:right; padding-top:15px; padding-right:40px; }
.weixin span{ display:block; height:24px; line-height:24px; text-align:center; padding-top:5px; color:#FFF;}
.fenxiang p{height:24px; line-height:24px; color:#FFF;}
.bd02{ width:2px; height:202px; background:url(../images/bd02.jpg) no-repeat; float:left; margin-top:10px;}
.copy{ width:473px; height:auto; float:left; padding:15px 20px 0; line-height:25px; color:#FFF;}
.copy p{ font-size:14px; color:#fff; font-family:"宋体";}
.copy p img{ vertical-align:middle; padding:0 5px;}
.btm_link{ width:490px; height:40px; padding-top:10px;}
.map{ width:234px; height:auto; float:left; padding-top:20px; padding-left:2px;padding-right:10px;}
.sub-contact{ width:186px; border:#CCC solid 1px; border-top:0; padding:10px; overflow:hidden; line-height:24px;}
.sub-contact strong{ display:block;}
.sub-contact img{ vertical-align:middle}
/*kefu*/
#chat_f1,#chat_f2{font-size:12px}
#chat_f1{position:fixed;right:3px;top:145px;width:135px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+220))}
.kf_top{ width:135px; height:58px; background:url(../images/kf_03.gif) no-repeat}
#close{display:block;width:17px;height:17px; float:right;cursor:pointer; background: url(../images/close.gif) no-repeat; border:0;}
.chat_f1_expr{width:133px;height:auto;overflow:hidden; background:#FFF; border-left:#CCC solid 1px; border-right: #CCC solid 1px;} 
.list{height:25px;border:1px solid #dbdbdb;border-top:none;overflow:hidden;color:#787878;background:#fff; text-align:center;}
.name{line-height:25px}
.current{border-left-color:#fff}
.arrow{color:#fff}
.detail{position:absolute;margin-left:-222px;margin-top:-26px;display:none;width:200px;padding:10px;border:1px solid #dbdbdb;background:#fff;line-height:18px}
.send_sms{display:inline-block;width:109px;height:25px;background:url(../images/c2.gif) 0px -163px;vertical-align:middle}
.mt{margin:2px 0}
.mt5{margin-top:5px}
.chat_f1_expr .list .detail .border{position:absolute;width:1px;height:25px;margin-left:210px;background:#fff;margin-top:-10px}
#chat_f2{display:none;position:fixed;right:1px;top:150px;background:#003D76;padding:1px 3px;width:1em;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+220));color:#fff;cursor:pointer;filter: Alpha(opacity=80);}
.kf01{ width:125px; height:35px; margin:2px auto;}
.kf01 a{ display:block; width:125px; height:35px; background:url(../images/qq01.jpg) no-repeat;  text-indent:-9999px;}
.kf02{ width:125px; height:35px; margin:2px auto; }
.kf02 a{ display:block; width:125px; height:35px; background:url(../images/qq02.jpg) no-repeat;  text-indent:-9999px;}
.kf03{ width:125px; height:35px; margin:2px auto;}
.kf03 a{ display:block; width:125px; height:35px; background:url(../images/qq03.jpg) no-repeat;  text-indent:-9999px;}
.kf04{width:133px; height:133px;overflow:hidden;background:url(../images/weibo.jpg) no-repeat }
.go_top{ width:133px; height:69px; border:#CCC solid 1px;}
.go_top a{ display:block;width:135px; height:69px;background:url(../images/top.gif) no-repeat; text-indent:-9999px;}