﻿@charset "utf-8";

/* css reset ( HTML 5 version )*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {font-size:12px;font-family:Verdana;line-height:2em;-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1;}
.clear{clear:both;}

/* css.css start here */
body{font:12px/2em;font-family : 微软雅黑,宋体;color:#444;min-width:1000px;_width:expression(document.body.clientWidth>1000?'auto':'1000px');}
a{color:#444;}
a:hover{color:#f00;}
ul{list-style-type:none;}
.css3{behavior:url(images/PIE-2.0beta1/PIE.htc)}

.inner{width:1000px;margin:0 auto;}



.w{width:1000px;margin:0 auto;}
#header{width:100%;background:url(header_bg.jpg) 0 0 repeat-x;height:93px;padding-top:8px;}
.logo{float:left;margin-right:30px;width:290px;height:91px;}
.header_right{display:block;float:right;text-align:right;}
.tel{}
.nav{margin-top:10px;font-size:14px; line-height:28px;}
.nav ul li{float:left;margin:0 18px;}


/* banner */
.banner{width:100%;min-width:1000px;height:478px;position:relative;z-index:1;text-align:center;overflow:hidden;_width:expression(document.body.clientWidth>1000?'auto':'1000px');}
.slideshow{width:1920px;height:478px;padding:0;margin:0;overflow:hidden;position:absolute;z-index:9;top:0;left:50%;margin-left:-960px;}
.slideshow div{position:absolute;top:0px;left:-1920px;display:none;z-index:4;opacity:1;width:1920px;height:478px;}
.slideshow .first{left:0px;display:block;z-index:5;}
.pagination{text-align:center;behavior:none;position:absolute;z-index:100;bottom:20px;left:50%;margin-left:-50px;}
.pagination a {float:left;width:14px;height:14px;text-indent:-100000px;margin:0 4px;overflow:hidden;background:url(sidebtn.png) right 0 no-repeat;_background:url(sidebtn.gif) right 0 no-repeat;}
.pagination a.activeSlide {background:url(sidebtn.png) left 0 no-repeat;_background:url(sidebtn.gif) left 0 no-repeat;}


.index_top{margin-top:20px;}
.index_pro_left{width:250px;margin-right:10px;float:left;}
.index_pro_left h2{background:#034487;height:30px;line-height:30px;text-align:center;font-size:20px;line-height:30px;font-weight:normal;}
.index_pro_left h2 a{color:#fff;}
.index_pro_left h3{background:#dcdcdd;margin-top:19px;height:30px;line-height:30px;text-align:center;font-size:18px;line-height:30px;font-weight:normal;}
.index_pro_left h3 a{color:#034487;}

.index_pro_right{float:left;border:1px solid #c4c4c3;width:738px;height:223px;}
#paomadeng {height:1%;background:url(index_pro_right_bg.jpg) 0 0 repeat-x;overflow:hidden;width: 738px;height:223px;padding-top:13px;}
#paomadeng_sub{display:block;float:left;margin-right:18px;width:227px;margin-left:10px;}
#paomadeng_sub img {border:1px solid #ccc;width:227px;}
#paomadeng_sub p{text-align:center;}
#indemo {float: left;width: 800%;}
#demo2 {float: left;}


.index_tit{background:url(index_title_bg.jpg) center right no-repeat;width:100%;height:21px;}
.index_tit h2{font-size:20px;line-height:21px;float:left;}
.index_tit h2 font{color:#034487;}
.index_tit h2 a{background:#fff;padding-right:15px;}
.index_tit h2 b{color:#ccc;font-style:italic;font-size:16px;font-weight:600;}
.index_tit span{display:block;float:right;margin:-6px 18px 0 0;}
.index_tit span a{color:#bebaba;}
.index_center{margin-top:30px;}
.index_about{width:669px;float:left;margin-right:29px;}
.index_about img{border:5px solid #c2bdbd;margin-top:10px;margin-right:20px;display:block;float:left;}
.index_about p{width:400px;text-indent:2em;float:right;}
.index_about span{float:right; display:block;}
.index_about span a{color:#0076d5;}

.index_contact{width:302px;float:left;background:url(index_contact_bg.jpg) right bottom no-repeat;}
.index_contact p{font-size:14px;line-height:26px;color:#034487;padding-top:10px;}
.index_contact p span{margin-left:78px;}


.index_bottom{margin-top:30px;}
.index_news{width:485px;float:left;margin-right:30px;}
.index_news ul{border-top:1px solid #ccc;}
.index_news ul li{font-size:14px;line-height:32px;background:url(icon1.jpg) 1px 12px no-repeat;padding-left:10px;}
.index_news ul li span{float:right;}


.index_info{width:485px;float:left;}
.index_info ul{border-top:1px solid #ccc;}
.index_info ul li{font-size:14px;line-height:32px;background:url(icon1.jpg) 1px 12px no-repeat;padding-left:10px;}
.index_info ul li span{float:right;}

.one_new{margin:10px 0;}
.one_new img{display:block;float:left;margin-right:10px;width:180px;}
.one_new_con{display:block;width:295px;float:left;}
.one_new_con h3{font-size:14px;}
.one_new_con p{text-indent:2em;}



.foot{background:url(foot_bg.jpg) 0 0 repeat-x;width:100%;height:174px; margin-top:30px;}
.footer{width:1000px;margin:0 auto;padding-top:38px;}
.footer p{color:#fff;line-height:28px;background:url(logo2.png) right center no-repeat;z-index:1000;}
.footer p a { color:#fff;}
.logo2{float:right;}



#top2{height:42px;border-bottom: #ccc 1px solid;}
#top2 .pro_left{float: left;}
#top2 .pro_left .green{width:10px;height:24px;background:#034487;line-height: 42px;margin-right:10px;margin-top:11px;display: inline-block;}
#top2 .pro_left .top_title{float: right;line-height:42px;font-size: 18px;font-weight:normal;color:#034487;}
#top2 .pro_left .top_title strong{font-weight: normal;padding-left:10px;color: #999;font-style:italic;font-size: 14px;}
#top2 span{float: right;line-height: 42px;}
#top2 span a{/* padding:6px 12px; */color: #444;font-weight: normal;}

/*about*/
.content{width:1000px;margin: 0 auto;margin-top:20px;}
.content .left_box{width:250px;float: left;margin-bottom:20px;}
.content .left_box .le_pro dl dd{display: block; width: 200px; height: 30px; text-align: center; margin: 10px auto; border-bottom: 1px dotted #CCC;}
.content .left_box .nav_top{margin-top:10px;width:250px;height:34px;font-size:16px;font-weight: 800;color: #fff;background:#034487;line-height: 34px;text-align: center;}
.content .left_box .nav_top a {color:#fff; font-size:20px; text-align:center; font-weight:normal;}
.content .left_box ul{margin:0 15px;}
.content .left_box ul li{padding-top:14px;text-align: center;}
.content .left_box ul li a{font-size:14px;width:220px;height:34px;display:block;line-height:34px;background: #bbb;color: #000;}
.content .left_box ul li a:hover{color: #fff;background: #58a1d7;}

.content .right_box{width:720px;float: right;}

.content .left_box .le_bottom{margin:20px 0;}
.content .left_box .le_bottom p{font-size:14px;line-height:26px;color:#034487;padding-top:10px;}
.content .left_box .le_bottom p span{margin-left:78px;}


.content .right_box .co_about img{margin:20px 0;}
.content .right_box .co_about p{text-indent: 16px;font-size:14px;line-height:32px;}

/*product*/
.right_box_porducts{width:720px;clear: both;margin-top: 10px;}

.right_box_porducts .pro_list{margin-top:10px;padding-bottom:10px;}
.right_box_porducts .pro_list li img{width: 215px;height:155;display:block;border: #ccc 1px solid;}
.right_box_porducts li {float:left;margin-left:14px;}
.right_box_porducts li span{display:block;text-align:center;width:100%;line-height:45px;font-size:14px;}
#posid{margin-top:20px;float:left;}

#posid li img{width: 200px;height:140;display:block;border: #ccc 1px solid;}



/*products_in*/
.products_sub img {display:block;margin:20px auto;width:344px;height:248px;border:1px solid #ccc;}
.products_sub h1{font-size:16px;font-weight: 800;margin:20px 0;text-align: center; }
.products_sub p{font-size:16px;line-height:32px;text-indent: 32px;width:760px;display: block;margin: 0 auto;}
.products_sub .pre_nex{margin:20px 0 10px 30px;line-height:32px;font-size: 16px;color: #58a1d7;font-weight: 600;}
.products_sub .pre_nex a{font-size: 14px;color: #777;font-weight: normal;}


.news_list {padding:10px 0;height:auto;overflow:hidden;}
.news_list li{background:url(news_icon.png) 0 10px no-repeat;padding-left:15px;margin:0 10px;line-height:32px;border-bottom:1px dashed #999;}
.news_list li span{float:right;margin-right:10px;}

.news_sub h1 {text-align:center;font-size:18px;line-height:36px;}
.news_sub p {font-size:16px;line-height:32px;text-indent:2em;}
.news_sub font {display:block;text-align:center;}
.news_sub img {display:block;margin:10px auto;border:1px solid #ccc;max-weight:344px;}
.news_content {padding:0 10px 10px;font-size:14px;line-height:28px;}

.right_video{width:600px;height:400px;margin:0 auto;padding-top:20px;}


.news_sub h1 {text-align:center;font-size:18px;line-height:36px;}
.news_sub font {display:block;text-align:center;}
.news_sub img {display:block;margin:10px auto;border:1px solid #ccc;max-weight:344px;}

/*Contact*/
.contact_con{margin:0 auto;width:530px;clear:both;background:url(contact_bg.jpg) right bottom no-repeat;height:300px;}
.contact_con h1{padding-top:23px;font-size:16px;}
.contact_con p{padding-top:18px;font-size:14px;line-height:34px;font-weight:600;text-indent:0;display:block;float:left;text-indent:none;}
.contact_con p span{margin-left:42px;}




#pages {clear:both;margin:15px auto;line-height:30px;text-align:center;overflow:hidden;}
#pages a{padding:5px 9px 4px;margin:0px 3px;color:#fff;background:#78a5ec;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#pages a:hover{color:#FFF;text-decoration:none;background:#1c50a2;}
#pages span{padding:5px 9px 4px;margin:0px 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#FFF;text-decoration:none;background:#1c50a2;}










