@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:980px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.bd{border:1px solid #ccc;}

/*头部*/
.top{height:29px; line-height:29px; background:url(images/top.jpg) repeat-x;}
.top span a{margin:0 7px;}

/*头部*/
.header{height:120px;}
.header .logo{width:400px; height:83px; margin-top:18px;}
.header .tel{height:60px; margin-top:50px; font-size:24px; font-weight:bold; color:#FF0000;}
.header .tel img,.header .tel p{float: left;}
/*导航
.nav{height:40px; line-height:40px; background-color:#014b92;}
.nav ul li{width:122px; height:40px; float:left; text-align:center; background:url(images/nav_line.jpg) no-repeat right center;}
.nav ul li a{display:block; width:122px; height:40px; font-size:14px; color:#fff; font-weight:bold;}
.nav ul li a:hover{color:#fff; background-color:#f0130b;}*/
/***************header****************/
.head{width: 100%;margin: 0 auto;height: auto; background:url(images/nav_bg.gif) repeat-x;}
.headers{width: 1000px;margin: 0 auto;height: 58px;}
/*轮播图*/
.banner{width:100%; height:450px; margin:0px auto; overflow:hidden; text-align:center; position: relative;margin-bottom: 20px;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1920px; height:450px; background:#fff; position:absolute; left: 50%; margin-left: -960px; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:120px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff7300; background-color:#ff7300;}

/*轮播图
.banner{width:100%; height:500px; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:22px; background:url(images/banner_bg.jpg) no-repeat bottom center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{width:1920px; height:500px; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:100px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff7300; background-color:#ff7300;}*/

.keyPro{height:42px; line-height:42px; background:url(images/keypro_bg.gif) repeat-x;}
.keyPro h3{float:left; margin-right:10px; font-size:12px;}
.keyPro ul{float:left;}
.keyPro ul li{float:left; margin-right:10px;}

/*主要内容区*/
.title01{height:36px; line-height:36px; background:url(images/title01.jpg) no-repeat;}
.title01 h3{font-size:16px; color:#fff; margin-left:20px;}
.title01 h3 span{font-size:12px; font-weight:normal; margin-left:10px; color:#ccc;}

/*左侧产品*/
.leftnav1{height:auto;margin:8px 0 0 0px;}
.leftSidar2 LI A{WIDTH: 210px; DISPLAY: block;background:url(images/h3-2.gif) no-repeat;HEIGHT: 40px;color:#fff;font:800 14px/40px "";text-indent:20px;margin:10px 0 0 0;}
.leftSidar2 LI A:hover {WIDTH: 210px; DISPLAY: block;background:url(images/h3-1.gif) no-repeat;color:#fff;font:800 14px/40px "";}
UL.sub {margin:0 0 0 0;}
UL.sub A{background:none;font:400 12px/18px ""; height:25px;color:#444;overflow:hidden;}
UL.sub A:hover {background:none;font:400 12px/18px "";color:#444;height:25px; overflow:hidden;}
UL.sub {margin:0 0 0 0;}
UL.sub A{background:none;font:400 12px/18px ""; height:25px;color:#444;overflow:hidden;}
UL.sub A:hover {background:none;font:400 12px/18px "";color:#444;height:25px; overflow:hidden;}
.left_nav_over{ min-height:175px; overflow:hidden;}

.title02{height:34px; line-height:34px; background:url(images/title02.jpg) repeat-x; padding:0 10px; border-bottom:1px solid #ccc;}
.title02 h3{float:left; font-size:16px; background:url(images/icon03.jpg) no-repeat left center; padding-left:15px}
.title02 .more{float:right; font-size:12px;}
.title02 p{float:right;}
.hotPro{width:758px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul{margin:15px 0 0; overflow:hidden;}
.hotPro ul li{width:239px; float:left; margin:0 0 0 10px; display:inline;}
.hotPro ul li img{display:block; width:237px; height:164px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

.ys{}
.ysTit{text-align:center; border-bottom:1px solid #ccc;  padding-bottom:10px;}
.ysTit h3{font-size:40px; line-height:40px;}
.ysTit h3 span{color:#cc0000; font-size:42px; margin-right:5px;}
.ysTit p{line-height:20px; font-size:20px; font-weight:bold; margin-top:15px; color:#999; font-family:Arial;}
.ysList{}
.ysList li{width:940px; height:200px; margin:0 auto; padding:40px 0; background:url(images/ys_bottom.jpg) no-repeat bottom center;}
.ysTxt{width:470px;}
.ysTxt h4{width:470px;}
.ysTxt h4 i{float:left; width:54px; height:58px; text-align:center; font-family:impact; line-height:46px; font-size:30px; color:#fff; background:url(images/num.jpg) no-repeat;}
.ysTxt h4 span{float:right; width:400px; height:50px; line-height:50px; font-size:26px; border-bottom:1px dashed #666; color:#1974B8;}
.ysTxt p{width:400px; margin-left:70px; font-size:14px; line-height:30px; margin-top:15px; clear:both;}
.ysImg{width:380px; height:200px;}

.title03{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title03 h3{float:left; font-size:16px; background:url(images/title03.png) no-repeat left center; padding-left:30px;}
.title03 h3 span{font-size:14px; color:#666; margin-left:10px;}
.title03 .more{float:right;}
.caseList{position:relative; width:980px; height:194px;}
#scrollCon{width:926px; position:absolute; left:27px; top:20px; overflow:hidden;}
.caseList li{float:left; width:216px; margin-right:20px;}
.caseList li img{width:216px; height:160px;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:12px;}
.leftBtn{display:block; width:17px; height:160px;  position:absolute; left:0; top:20px; background:url(images/btn_left.png) no-repeat;}
.rightBtn{display:block; width:17px; height:160px; position:absolute; right:0; top:20px; background:url(images/btn_right.png) no-repeat;}

.about{width:650px;}
.aboutTxt{padding:10px 0; font-size:14px;}
.aboutTxt img{width:280px; height:200px; float:left; margin-right:15px; border:1px solid #ccc;}
.proShow{width:300px;}
.proShowCon{width:300px; height:200px; overflow:hidden; margin:10px 0;}

.article{background-color:#F9F9F9; background:url(images/bottom.png) no-repeat bottom center; padding-bottom:56px;}
.title04{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title04 h3{font-size:16px; float:left;}
.title04 h3 span{font-size:30px; font-weight:normal; margin-right:5px; color:#014b92;}
.title04 .more{float:right;}
.news{width:340px; border-right:1px dashed #ccc; padding-right:20px; overflow:hidden;}
.fahuo{width:340px; border-right:1px dashed #ccc; padding:0 20px; overflow:hidden;}
.newsList{padding:10px 0;}
.newsList li{height:30px; line-height:30px; background:url(images/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #999;}
.newsList li a{float:left; margin-left:16px; display:inline;}
.newsList li span{float:right; color:#666;}
.contact{width:218px; padding-left:20px;}
.contactTxt{padding:10px;}

/* .footer{text-align:center; line-height:30px; background:#2E5882; color:#fff; padding:20px 0;}*/
.flink{ padding:5px 0; color:#ABA9A9;}
.flink span{}
.flink a{margin:0 5px; color:#ABA9A9;} 
.footer{background-color: #323232; border-top: 5px solid #bf241a; border-top: 5px solid #1E589B; padding: 15px 0; color: #fff; font-size: 12px;}
.footer-contact{width: 67%; margin-left: 1%;}
.footer-code{width: 16%;}
.footer-con h3{font-size: 18px; line-height: 40px; color: #e7cb2b; font-weight: normal;}
.footer-contact ul{float:left; width: 48%;}
.footer-contact li{height: 60px; line-height: 30px; font-size:14px;}
.footer-contact li a.footer-qq{display: inline-block; width: 70px; height: 26px; line-height: 26px; margin-top: 12px; color: #fff; background: #e51e1b url(images/qq.gif) no-repeat 5px center; margin-right: 10px; padding-left: 25px;font-size:14px;}
.footer-contact li a.footer-qq:hover{text-decoration: none;}
.footer-code img{display: block; width: 150px; height: 150px; margin-bottom: 5px;}
.footer-bottom{border-top: 2px solid #e7cb2b; padding-top: 15px; margin-top: 15px; text-align: center;}

/*单页*/
.sidebar{width:210px; overflow:hidden;}
.main{width:760px; overflow:hidden; line-height:30px; border:1px solid #ccc;}
.sideContact{width:208px; border:1px solid #ccc; overflow:hidden;}
.mainCon{}
.mainTxt{padding:10px; font-size:14px;}

/*文章列表页*/
.mainNewsList{padding:10px;}
.mainNewsList li{height:32px; line-height:32px; background:url(images/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #999;}
.mainNewsList li a{float:left; margin-left:16px; display:inline;}
.mainNewsList li span{float:right; color:#666;}

/*产品列表页*/
.mainProList{margin:15px 0 10px; overflow:hidden;}
.mainProList li{width:239px; float:left; margin:0 0 0 10px; display:inline;}
.mainProList li img{display:block; width:237px; height:164px; border:1px solid #ccc; overflow:hidden;}
.mainProList li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

/*产品内容页*/
.mainConTit{height:40px; line-height:40px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConAuthor{height:32px; line-height:32px; margin-bottom:20px; text-align:center; border-top:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainImg{display:block; width:400px; height:300px; border:1px solid #ccc; margin:20px auto;}
.mainXq{height:26px; line-height:26px; font-size:15px; color:#fff; border-bottom:2px solid #0078c4; margin-bottom:20px;}
.mainXq h3{width:90px; height:26px; background-color:#0078c4; text-align:center;}
.content{font-size:14px;}
.pagination{margin-top:20px; height:30px; line-height:30px; padding:10px 15px 0;  border-top:1px dashed #ccc; margin-bottom:10px;}
.xgwz h3,
.xgcp h3{height:30px; line-height:30px; background-color:#1E589B; color:#fff; font-size:14px; text-indent:10px;}
.xgwz ul{padding:10px 0; overflow:hidden; font-size:12px;}
.xgwz ul li{width:45%; height:30px; line-height:30px; float:left; margin-left:20px; display:inline; border-bottom:1px dashed #ccc; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle;}
.xgwz ul li a{float:left; margin-left:10px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{margin:15px 0 10px; overflow:hidden;}
.xgcp li{width:236px; float:left; margin:0 0 10px 10px; display:inline;}
.xgcp li img{display:block; width:234px; height:164px; border:1px solid #ccc; overflow:hidden;}
.xgcp li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

.clear{ clear:both;}
.toppro_content2{ clear:both; padding:15px 15px 15px 15px;  margin-top:20px; width:730px; float:left;}
.toppro_content2 .prodetail_leftpro{ border:1px solid #cbcbcb; width:352px; height:325px; float:left;}
#produce-p {width: 352px;float: left;height: 360px;}
#produce-p-big {height: 230px;background-color: #f7f7f7;border: 1px solid #dbdbdb;padding: 4px;}
#produce-p-small {height: 100px;padding-top: 10px;overflow: hidden;}
#produce-p-small ul li{background-color: #f6f6f6;border: 1px solid #dbdbdb;float: left;margin-right: 10px;padding: 1px;height: 66px;width: 99px;}
#produce-p-small ul li img{filter:alpha(opacity=50);opacity:0.5;height: 66px;width: 99px;}
.toppro_content2 .prodetail_righttxt{ width:360px; height:330px; float:left; margin-left:15px;}
.toppro_content2 .prodetail_righttxt h1{ font-size:16px; font-weight:bold; color:#0177C1; border-bottom:1px dotted #cbcbcb; line-height:35px;}
.toppro_content2 .prodetail_righttxt ul{list-style:none; padding-top:5px;}
.toppro_content2 .prodetail_righttxt ul li{ line-height:24px;}
.toppro_content2 .prodetail_righttxt ul li.abo{height:95px; overflow:hidden;}
.toppro_content2 .prodetail_righttxt ul span a{ display:block; width:108px; height:37px; float:left; margin-top:10px;}
.toppro_content2 .prodetail_righttxt ul span a.bt1{ background:url(images/pdetail_bt1.jpg) no-repeat; line-height:999px; overflow:hidden;}
.toppro_content2 .prodetail_righttxt ul span a.bt2{ background:url(images/pdetail_bt2.jpg) no-repeat; line-height:999px; overflow:hidden; margin-left:10px;}
.prodetail_detailcon{margin-top:15px;}
.prodetail_detailcon h1{ background:url(images/pdetail_repx.gif) repeat-x; height:37px; border-bottom:1px solid #ccc;}
.prodetail_detailcon h1 b{ display:block; background:url(images/pdetail_detailbtn.gif) no-repeat; width:114px; height:37px; text-align:center; line-height:37px; color:#fff; font-size:16px}
.prodetail_detailcon .detail{ padding:15px 5px; padding-bottom:30px;}
.pro_order h1{ height:38px; border:1px dotted #DBDBDB; line-height:38px; color:#0177C1; font-size:16px; padding-left:50px; background:url(images/prodetail_order.gif) no-repeat 20px 5px;}
.pro_submit{ display:block; width:325px;height:39px; line-height:39px; text-align:center; color:#ffffff!important; font-size:13px; background:#FF7300; border:none; cursor:pointer}
.prodetail_detailcon{margin-top:15px;}
.prodetail_detailcon h1{ background:url(images/pdetail_repx.gif) repeat-x; height:37px; border-bottom:1px solid #ccc;}
.prodetail_detailcon h1 b{ display:block; background:url(images/pdetail_detailbtn.gif) no-repeat; width:114px; height:37px; text-align:center; line-height:37px; color:#fff; font-size:16px}
.prodetail_detailcon .detail{ padding:15px 5px; padding-bottom:30px;}
.pro_order h1{ height:38px; border:1px dotted #DBDBDB; line-height:38px; color:#0177C1; font-size:16px; padding-left:50px; background:url(images/prodetail_order.gif) no-repeat 20px 5px;}
.pro_submit{ display:block; width:325px;height:39px; line-height:39px; text-align:center; color:#ffffff!important; font-size:13px; background:#FF7300; border:none; cursor:pointer}

.fl{ float:left;}
.fr{ float:right;}
.list1{ width:470px;}
.list2{ width:250px;}
.honer_list2 { margin-top:10px;}
.honer_list2 li{ display:inline;  margin-left:4px; margin-right:4px; text-align:center;  float: left;}
.honer_list2 li a img{ padding:2px; border:1px #CCC solid;}
#news1{ margin-top:5px; text-align:left;}
#news1 li{ display:block; width:240px; white-space:nowrap; overflow:hidden; line-height:35px; margin-top:8px; text-overflow:ellipsis; padding-left:10px; border-bottom:1px dashed #CCC; background: url(images/sanjiao.jpg) no-repeat left center; }
.title4{ border-bottom:1px #CCCCCC solid; height:35px; line-height:35px;}
.title4 span{ float:right;}
.title4 b{ display:block;  width:117px; height:35px; line-height:35px; font-size:14px; text-align:center; color:#FFFFFF; background-color:#0066cc}


/*分页*/
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; float:left; width:200px; }
.page a,.page span{display:block;color:#18A4FD;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#18A4FD;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}