html {overflow-y:scroll;}
body {margin:0; padding:0 0 0; font:12px "宋体",sans-serif;background:#ffffff; color:#767676; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
a { text-decoration:none; color:#767676;}
a:hover { text-decoration:none;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}

/*header*/
.header { width:1000px; height:82px; margin:0 auto;}
.logo { width:210px; height:60px; margin-top:10px;}
.search { width:220px; height:27px; margin-top:30px;float:right;margin-right:12px; }
.search .search-l{ width:12px; height:27px; background:url(../images/search-border.png) no-repeat left center;}
.search .search-r{ width:12px; height:27px; background:url(../images/search-border.png) no-repeat -13px center;}
.search .search-c{ width:196px; height:27px;background:url(../images/search-center.png) repeat-x ;}
.search .search-click { border:none; height:27px; width:23px; background:url(../images/search-click.png) no-repeat center center; }
.search .search-txt { border:none; background:none; height:27px; line-height:27px; padding-right:2px; color:#999 }
.header .tel { width:148px; height:45px;background:url(../images/tel.png) no-repeat left bottom; margin-top:20px;float:right;}

.nav { width:100%; margin:0 auto; height:40px;background:url(../images/nav-bg.png) repeat-x ;position:relative; z-index:1001;}
.nav a { color:#fff;}
.nav ul{ width:1018px; margin:0 auto; height:40px;position:relative; z-index:1000;}
.nav ul li { width:139px; height:40px;float:left;line-height:40px; text-align:center;font-family:"微软雅黑";font-size:14px;margin-right:1px;background:transparent url(../images/nav-li-bg.png) no-repeat right center; }
.nav ul li a.nav-title { display:block; width:110px; height:40px; margin:0 auto;}
.nav ul li a.nav-title:hover { background:transparent url(../images/li-hover.png) no-repeat left 10px; }
.nav ul li .sub-nav { width:1018px;height:200px; position:absolute; left:20px; top:40px; display:none;}
.sub-nav ul { width:180px; float:left; background:url(../images/sub2.png) no-repeat right center; height:193px; padding-top:10px; } 
.sub-nav ul li { background:url(../images/sub-li.png) no-repeat 20px center; padding-left:10px; height:24px; line-height:24px; font-size:12px;}
.sub-nav ul li a { color:#545556;}
.sub-nav ul li a:hover{ color:#B7070F;} 
.sub-nav .sub-dsc { width:260px;  float:right;}
.sub-nav .sub-dsc .picurl { margin:10px auto; width:95%; text-align:center; }
.sub-nav .sub-dsc .text { width:95%; margin:0 auto; font-size:12px; line-height:18px; text-align:left; text-indent:10px; display:block; overflow:hidden}
.sub-nav .sub-dsc .text a{ width:95%; float:left; display:block; overflow:hidden}
.sub-nav .sub-nav1 {width:445px; border:#d5d4d4 1px solid; border-top:none; height:190px; left:90px;-left:-20px; position:absolute; background:#fff url(../images/sub.png) repeat-x; padding:0 10px 10px 5px; }
.sub-nav .sub-nav2 {width:445px; border:#d5d4d4 1px solid; border-top:none; height:190px; left:316px;-left:-30px; position:absolute; background:#fff url(../images/sub.png) repeat-x; padding:0 10px 10px 5px; }
.sub-nav .sub-nav3 {width:445px; border:#d5d4d4 1px solid; border-top:none; height:190px; left:542px;-left:-40px;position:absolute;  background:#fff url(../images/sub.png) repeat-x; padding:0 10px 10px 5px; }
.sub-nav .sub-nav4 {width:445px; border:#d5d4d4 1px solid; border-top:none; height:190px; right:20px;-left:-245px; position:absolute;background:#fff url(../images/sub.png) repeat-x; padding:0 10px 10px 5px; }
.sub-nav .sub-nav5 {width:445px; border:#d5d4d4 1px solid; border-top:none; height:190px; right:20px;-left:-380px;position:absolute;background:#fff url(../images/sub.png) repeat-x; padding:0 10px 10px 5px;}
.sub-nav .sub-nav6 {width:600px; border:#d5d4d4 1px solid; border-top:none; height:190px; right:20px; -left:-65px;position:absolute;   background:#fff url(../images/sub.png) repeat-x; padding:0 10px 10px 5px;}
.sub-nav .sub-nav6 ul { width:330px;}
.sub-nav .sub-nav6 ul li { width:150px; text-align:left; text-indent:24px;}
.banner { width:100%; height:432px; background: url(../images/index-banner.jpg) no-repeat center top;}

.banner-about{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/nabout.jpg) no-repeat center top; }
.banner-zzry{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/gszz.jpg) no-repeat center top; }
.banner-news{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/nnews.jpg) no-repeat center top; }
.banner-product{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/nproduct2.jpg) no-repeat center top; }
.banner-product{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/nproduct2.jpg) no-repeat center top; }
.banner-service{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/nservice.jpg) no-repeat center top; }
.banner-case{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/ncase.jpg) no-repeat center top; }
.banner-rlzy{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/nrlzy.jpg) no-repeat center top; }
.banner-contact{width:100%;overflow:hidden; text-align:center; height:200px; background:url(../images/ncontact.jpg) no-repeat center top; }

.wrap {background: url(../images/wrap-bg.png) repeat-x; }
.container { width:1000px; margin:0 auto;}
.containerL { width:250px; }
.wrap .titleL { width:100%; height:25px; background: url(../images/index-title-bg.png) no-repeat left bottom;}
.containerL .about { width:100%;}
.containerL .about p { margin:20px 0 10px;}
.containerL .about .about-text { width:100%; line-height:20px; text-indent:24px;}
.containerC { width:442px; position:relative; margin:0 24px;}
.wrap .titleC { width:100%; height:25px; background: url(../images/index-title-bg.png) no-repeat left -26px;}
.containerR  { width:250px;}
.containerR .titleR { width:100%; height:25px; background: url(../images/index-title-bg.png) no-repeat left top;}
.containerR .news { width:95%; margin:18px auto 0;}
.containerR .news ul li { line-height:24px; background:url(../images/news-li.png) no-repeat left center;height:24px; }
.containerR .news ul li a { display:block; width:160px; line-height:24px; height:24px;  float:left; padding-left:8px; overflow:hidden}
.containerR .news ul li  span { float:right; display:block; width:64px; line-height:24px; height:24px;}
.wrap .cp { width:1000px; height:40px; margin:0 auto 0;}
.wrap .cp .cpL { width:6px; background:url(../images/cp-border.png) no-repeat left center;height:50px; } 
.wrap .cp .cpR { width:6px; background:url(../images/cp-border.png) no-repeat -7px  center; height:50px; } 
.wrap .cp .cpC { background:url(../images/cp-borderC.png) repeat-x left center; height:50px; width:988px;} 
.wrap .cp .cp-list { width:98%; margin:15px auto 0; height:20px; /*background:url(../images/cplb.png) no-repeat left center;*/ }
.wrap .cp .cp-list li { padding:0 10px 0 10px; /*background:url(../images/cp-li.png) no-repeat left center;*/ height:20px; float:left; line-height:20px; margin-left:8px;-margin-left:0px;}
.wrap .cp .cp-list ul { margin-left:0px;}
.wrap .cp .cp-list ul li.cpmore { float:right; background:none;}
.wrap .cp .cp-list ul li.cpmore a { color:#b7070f;}

.footer { width:100%; repeat; background:url(../images/footer-bg.png) repeat-x;}
.footer .link { width:1000px; height:30px; margin:0 auto;}
.footer .link ul li { float:left; margin-left:20px;  line-height:30px; float:left}
.footer .copyright { width:1000px;margin:0 auto; padding:15px 0; text-align:center}
.footer .hline { width:100%; height:4px;background:url(../images/hline.png) no-repeat center center;}
.footer .copyright p { line-height:24px; padding-left:20px;} 

.link { width:1000px; margin:0 auto; height:auto;}
.link ul li { float:left; margin-left:20px;  height:auto; line-height:24px;}


/*-------------------------------------------------------------*/
.nywrap { width:100%;background:url(../images/nywrap.png) repeat-x;}
.nycontainer { width:1000px; margin:0px auto;}
.ny-left { width:225px;}
.ny-left .title { width:100%; height:45px;background:url(../images/left-title.png) no-repeat center center;}
.ny-left .title p{ color:#010101; font-family:"微软雅黑"; font-size:16px; line-height:50px; padding-left:35px;}
.ny-left .title p span { font-size:14px; font-family:"宋体"; color:#a6a6a6; padding-left:5px;}
.ny-left ul { width:213px; margin-left:7px; background:#fbfbfb; padding-bottom:30px; }
.ny-left ul li { width:100%;background:url(../images/ny-left-nav.png) no-repeat center bottom; height:31px; line-height:31px;}
.ny-left ul li a { text-indent:24px; display:block; width:100%; height:31px; color:#373737;}
.ny-left ul li a:hover { background:#0478e7; color:#fff;}
.aon a{ background:#0478e7; color:#fff !important;}

.ny-left .contactus { width:178px; height:67px; margin:40px auto 15px;}
.ny-right { width:738px;}
.ny-right .title { width:100%; height:38px; line-height:40px; border-bottom:#c7c7ca solid 2px;}
.ny-right .title .nav-title { width:40%; height:30px;}
.ny-right .title .position { width:50%; text-align:right;}

.main-box { width:95%; padding-top:24px; margin:0 auto; min-height:400px;}
.main-box .content-title { width:100%; font-size:13pox; font-weight:bold; color:#666666; height:18px; border-bottom:#D2D2D2 solid 1px;}
.main-box .content-protype { color:#8F8F8F; font-size:12px; height:28px; line-height:28px;}
.main-box .content-protype span { padding:0 4px 0 0;}
.main-box .info { width:100%; line-height:20px; }
.main-box .info p { line-height:20px; margin-bottom:10px;}
.main-box .info ul li { width:100%; height:24px; line-height:24px;background:url(../images/list-type.png) no-repeat left center; text-indent:10px;}
.main-box .info ul li a { display:block; float:left; background:url(../images/list-type.png) no-repeat left center;}
.main-box .info ul li span{ display:block; float:right; color:#8F8F8F;}
.main-box .info ul li a:hover { color:#0159bd; text-decoration:none;}



/*分页*/
.yc_page{ margin:10px 40px 20px 0; float:right}
.yc_page li{text-align:left; float:left; line-height:20px}
.yc_page li{padding:4px 10px; margin:2px; border:#eee 1px solid; color:#999; background:#FFF; text-decoration:none; text-align:left; float:left}
.yc_page li a:hover { color:#ffff;}
.yc_page li:active {border:#999 1px solid; color:#666;}
.yc_page .thisclass {padding:4px 10px; border:#dedede 1px solid; background:#0478E7; font-weight:bold; color:#fff; margin:2px; text-align:left; float:left}
.yc_page .disabled {border:#dedede 1px solid; padding:4px 10px; margin:2px; color:#999; background:#0478E7;}
.yc_page .table .tr .form .td li{height:22px; margin:0; border:0;!important} 




/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000; border:none;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:30px;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li#act-fav a{color:#666; background:none;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}

/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

/*产品栏目*/
.product_list li{width:30%;float:left;margin:0 10px 7px; -margin:0 5px 7px;}
.product_list li a.img{width:220px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.product_list li a.img img{vertical-align:middle;}
.product_list li a.img:hover{border:1px solid #0159BD;}
.product_list li p.info{width:222px;line-height:30px;}
.product_list li p.info span{font-family:Verdana;color:#d94f44;float:right;}
.product_list li p.info a{float:left;color:#555;}

/*新闻栏目*/
.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;}
.news_list li a:hover{text-decoration:none;color:#999;}
.news_list span{float:right;font-family:Arial;color:#5868bf;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}

.news_list2 li{height:50px;line-height:25px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#a0a0a0;}
.news_list2 li span.title2 a{float:left;color:#0f5fbb;}
.news_list2 li span.title2 a:hover{text-decoration:none;color:#000;}
.news_list2 li span.time{float:left;}
.news_list2 li span.hits{float:right;}
.news_list2 li span.class{margin-left:12px;}
.news_list2 li span.class a{text-decoration:underline;color:#a0a0a0;}
.solu { width:100%;}
.solu ul li { float:left; width:100%; margin:5px 0;}

#textarea p { text-indent:24px;}
#textarea img{ max-width:660px;}
/*留言栏目*/
/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold; float:left;height:35px; line-height:35px;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:300px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:300px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}

.msg_btn_area input{margin:16px 100px 16px 0; border:0; float:right}
.msg_btn_area input{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area input:hover{text-decoration:none;background:#F60}



/* 本例子css */
.douban{ width:100%; padding-top:10px;  overflow:hidden;}
.douban .hd{ height:22px; line-height:22px;  overflow:hidden; position:absolute; right:0; top:10px;   }
.douban .hd h2{ float:left; font: 15px Arial,Helvetica,sans-serif; color: #072; margin: 0 0 12px 0; }
.douban .hd h2 a{ color:#37A; font-size:12px; margin-left:10px;  }
.douban .hd .next,
.douban .hd .prev{ float:right; display:block; width:18px; height:18px; background: url(../images/left_right.gif) no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; }
.douban .hd .next{ background-position:-34px -7px; }
.douban .hd .prevStop{ background-position:-6px -40px; cursor:default; }
.douban .hd .nextStop{ background-position:-34px -40px; cursor:default; }
.douban .hd ul{ float:right; margin:6px 6px 0 0; zoom:1; }
.douban .hd ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline; background: url(../images/switch_dot_small.jpg) no-repeat 0 0; }
.douban .hd ul li.on{ background-position:-12px 0; }
.douban .bd{ padding:12px 0 0 0;  }
.douban .bd ul{ overflow:hidden; zoom:1; }
.douban .bd ul li{ float:left; width:140px; margin-right:13px; height:160px;}
.douban .bd ul li img { border:#dbdbdb 1px solid; text-align:center; padding:4px; width:126px; height:110px;}
.douban .bd ul li span { width:100%; height:30px; line-height:30px; text-align:center; display:block;}



#slide-index {position: relative; min-width: 1000px; width: auto; height:432px; overflow: hidden; z-index:30}
#slide-index .slides {min-width: 1000px; width: auto; height:432px}
#slide-index .slide {position: relative; min-width: 1000px; float: left; height:432px;z-index:31} 
#slide-index .image {z-index: 1; position: absolute}
#slide-index .button {width: 138px; display: none}
#slide-index .control {z-index:40; position: absolute; text-align: center; width: 100%; bottom:0; height: 19px; cursor: pointer}
#slide-index .control a{background-image: url(../images/hw_000505.gif); filter: alpha(opacity=60); width: 11px; display: inline-block; background-repeat: no-repeat; height: 11px; cursor: pointer; margin-right: 6px; opacity: 0.6}
#slide-index .control a:hover {background-image: url(../images/hw_000506.gif); filter: alpha(opacity=100); opacity: 1}
#slide-index .control a.active {background-image: url(../images/hw_000506.gif); filter: alpha(opacity=100); opacity: 1}
.autoMaxWidth {position: relative; height: 232px; overflow: hidden}

.lightbox img {width:450px;}

/*在线客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{width:127px;border:1px solid #51b5f0;position:fixed; z-index:2000;top:45%;right:0;background:url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5;min-height:50px;_height:auto!important;_height:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130)));}
.kf_r{margin-left:37px;background:#16a2dd;color:#fff;text-align:center;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}