﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0; font-family:"微软雅黑";}
li{ list-style:none;}
a{ text-decoration:none;}
@media screen and (min-width: 1151px){
	#content{ width:100%;}
}
@media screen and (max-width: 1150px){
	#content{ width:1150px;}
}
#top{ width:1150px; margin:0 auto; position:relative; height:110px;}
#logo{ float:left; margin-top:15px;}
#logo img{ float:left;}
#dianh{ float:right; margin-top:35px;}
#dianh p{ font-weight:bold; color:#F00; margin-top:2px;}
#nav { background-color: #0525ad; background-position: center;}
#daohang { margin: 0 auto; color: #fff; width: 1150px;}
.imcm1 ul, .imcm1 li, .imcm1 div, .imcm1 span, .imcm1 a {text-align: left;vertical-align: top;padding: 0px;margin: 0;list-style: none outside none;border-style: none;background-image: none;clear: none;float: none;display: block;position: static;overflow: visible;line-height: normal;}
.imcm1 li a img {display: inline;border-width: 0px;}
.imcm1 span {display: inline;}
.imcm1 .imclear1, .imclear1 {clear: both;height: 0px;visibility: hidden;line-height: 0px;font-size: 1px;}
.imcm1 .imsc1 {position: relative;}
.imcm1 .imsubc1 {position: absolute;visibility: hidden;}
.imcm1 li {list-style: none;font-size: 1px;float: left;}
.imcm1 ul ul li {width: 100%;float: none !important;}
.imcm1 a {display: block;position: relative;}
.imcm1 ul .imsc1, .imcm1 ul .imsubc1 {z-index: 10;}
.imcm1 ul ul .imsc1, .imcm1 ul ul .imsubc1 {z-index: 20;}
.imcm1 ul ul ul .imsc1, .imcm1 ul ul ul .imsubc1 {z-index: 30;}
.imde1 ul li:hover .imsubc1 {visibility: visible;}
.imde1 ul ul li:hover .imsubc1 {visibility: visible;}
.imde1 ul ul ul li:hover .imsubc1 {visibility: visible;}
.imde1 li:hover ul .imsubc1 {visibility: hidden;}
.imde1 li:hover ul ul .imsubc1 {visibility: hidden;}
.imde1 li:hover ul ul ul .imsubc1 {visibility: hidden;}
.imcm1 .imea1 {display: block;position: relative;left: 0px;font-size: 1px;line-height: 1px;height: 0px;width: 1px;float: right;}
.imcm1 .imea1 span {display: block;position: relative;font-size: 1px;line-height: 0px;}
.dvs1, .dvm1 {border-width: 0px}
#imouter01 {text-align: center;}
#imouter01 li {height: 45px;text-align: center;}
#imenus01 li a {color: #FFF;font-size: 16px;text-align: center;line-height: 45px;height: 45px; padding:0px 32px;}
#imenus01 li a:hover {background-color: #3d5cdf;}
#imenus01 li ul li {background-color: #fff;height: 40px;filter: alpha(opacity=90);-moz-opacity: 0.90;opacity: 0.90;}
#imenus01 li ul li a {color: #000;font-size: 14px;height: 40px;text-align: center;line-height: 40px; width:200px; padding:0px;}
#imenus01 ul li:hover>a {background-color: #3d5cdf;color: #FFF;}
/*banner*/
#banner { overflow:hidden; background-color:#fafafa;}
.wrapper { left: 0; width: 100%; overflow: hidden; float: left;}
.swipe { width: 100%; overflow: hidden; margin: 0 auto;}
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0;-ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; list-style:none;}
.swipe #pagenavi { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%;}
.swipe #pagenavi a { width: 10px; height: 10px; line-height: 99em; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%;
border-radius: 50%; margin: 0 4px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline; *zoom:1;}
.swipe #pagenavi a.active { background: #C80002;}
/*产品中心*/
#pro{ width:1150px; margin:20px auto; height:520px;}
#leftcon{ width:280px; float:left; margin-bottom:40px;}
#left{ width:280px; float:left; }
#left h2{ background-color:#0525ad; color:#FFF; text-align:center; padding:20px 0px;}
#left ul li{ padding:18px; margin:15px 0px; background-color:#eee;}
#left ul li a{ color:#000;}
#left ul li a:hover{ color:#F00;}
#leftnews{width:280px; float:left;}
#leftnews h2{ background-color:#0525ad; color:#FFF; text-align:center; padding:20px 0px;}
#leftnews ul{ border:1px solid #ccc;}
#leftnews ul li{ padding:15px 5px; margin:0px 10px; border-bottom:1px dashed #ccc;}
#leftnews ul li a{ color:#000;}
#leftnews ul li a:hover{ color:#F00;}
#leftnews span{ margin-right:5px; font-size:18px;}
#right{ width:861px; float:right;}
#right ul li{ margin:10px; float:left; background-color:#eee; border:1px solid #eee;}
#right ul li a{ width:265px; display:block; }
#right ul li a img{ width:265px;}
#right ul li a p{ text-align:center; color:#000; line-height:35px;}
#right ul li a p:hover{ color:#F00;}

#abbj{ background-color:#eee; padding:40px 0px;}
#about{ width:1150px; margin:0 auto; height:300px;}
.ab{ width:400px; border:1px solid #ccc; padding:3px;}
.abwz{ width:720px; float:right;}
.abwz h2{ margin-bottom:25px;}
.abwz p{ line-height:25px; margin-bottom:5px;}
.abgd{  border-radius:10px; padding:10px 20px; background-color:#0525ad; color:#fff; margin-top:30px; }

#news{ width:1150px; margin:25px auto; height:620px;}
#news h2{ text-align:center; margin-bottom:20px;}
.news{border:1px solid #ccc; float:left; width:351px; padding:10px; margin:10px 5px;}
.news h4{font-size:18px; color:#333; margin:-10px -10px 13px; border-bottom:1px solid #ccc; padding:10px; background-color:#eee;}
.news h4 .gd{float: right; color: #333; font-weight:normal; font-size:14px; margin-top:3px;}
.news h5{ clear:both; margin-bottom:5px; width:351px; overflow:hidden;}
.news h5 a{ color: #F00; font-size:20px;}
.news h5 a:hover{ text-decoration:underline;}
.news .diyi{ font-size: 14px; line-height: 20px; color: #777;}
.news ul { border-top: 1px dashed #ccc; margin-top: 10px; padding: 10px 0px 0px;}
.news ul li {margin: 3px 0px;}
.news ul li a {color: #000; font-size: 14px; }
.news ul li a:hover{color: #F00; }
.news ul li a span{ font-size:18px; margin-right:5px;}
.news ul li p {float: right; font-size: 14px; color: #666; margin-top:3px;}

#zsbj{ background-color:#fafafa; padding:25px 0px;}
#cpzs{ width:1150px; margin:0 auto; height:320px;}
#cpzs h2{ text-align:center; margin-bottom:20px;}
#cpzs li{ margin:10px; float:left; background-color:#eee; border:1px solid #eee;}
#cpzs li a{ width:265px; display:block; }
#cpzs li a img{ width:265px;}
#cpzs li a p{ text-align:center; color:#000; line-height:35px;}
#cpzs li a p:hover{ color:#F00;}

#dnav{ background-color:#000; height:45px; border-bottom:1px solid #373737; clear:both;}
#dnav ul{ width:1150px; margin:0 auto;}
#dnav ul li { float:left; text-align:center; padding:0px 32px;}
#dnav ul li a{ color:#ccc;  font-size:16px; line-height:45px; }
#dnav ul li a:hover{ color:#FFF;}
#banquan{ background-color:#000; padding:20px 0px;}
#banquan p{ width:1150px; margin:0 auto; color:#666; text-align:center; line-height:30px;}
#banquan p a{ color:#666;}
#banquan p a:hover{ color:#FFF;}
#youqing{ background-color:#000; padding-bottom:5px;}
#youqing p{ color:#373737; font-size:14px;}
#youqing p a{ color:#373737; font-size:14px;}

#con{ width:1150px; margin:20px auto;}
.bt{ border-bottom:2px solid #ccc; height:51px; }
.bt h2{ float:left; padding:10px;}
.bt span{ float:right; margin-right:20px; margin-top:20px; font-size:14px; color:#666;}
.bt span a{ font-size:14px; color:#666;}
#page{ padding:20px; clear:both; text-align:center; color:#333;}
#page a{ color:#333;}
#page a:hover{ color:#F00;}

#xinwen{ width:861px; float:right;}
#xinwen ul li{ border-bottom:1px dashed #ccc; padding:20px;}
#xinwen ul li a{ font-size:18px; color:#000;}
#xinwen ul li a:hover{ color:#F00;}
#xinwen ul li span{ float:right; color:#999; font-size:14px;}
#xinwen ul li p{ font-size:14px; color:#666; margin-top:10px;}
#cpcon{ width:861px; float:right;}
#cpcon h3{ text-align:center; padding:20px;}
.fabuzhe{ height:30px;}
.fabuzhe li{ width:33.33%; text-align:center; float:left;}
.cpwz p{ line-height:25px; margin:0px 20px 5px; color:#333;}
#pian{ padding-top:30px; text-align:center; height:100px;}
#pian li{ width:390px; float:left; padding:0px 20px; text-align:left; margin-bottom:30px;}
#pian li a{ color:#000;}
#pian li a:hover{ color:#F00;}
#pian .pian{ text-align:right;}
#pian .tiaozhuan{border-radius:10px; padding:10px 20px; background-color:#0525ad; color:#fff; margin-top:30px; }
#cprmtj{border-top:1px solid #ccc; width:821px; float:left; margin:20px 20px 40px;}
#cprmtj h4{ margin:10px;}
#cprmtj ul li{ margin:5px 20px; width:370px; float:left;}
#cprmtj ul li a{ color:#666; font-size:14px;}
#cprmtj ul li a:hover{ color:#F00;}
#cprmtj ul li a span{ margin-right:5px;}
#xwcon{ width:861px; float:right;}
#xwcon h3{ text-align:center; padding:20px;}
#xwcon p{ line-height:25px; margin:0px 20px 5px; color:#333;}
#xwrmtj{ border-top:1px solid #ccc;}
.xwrmtj{ width:410px; float:left; margin:20px 0px 40px; padding-left:20px;}
.xwrmtj h4{ margin-left:10px;}
.xwrmtj ul li{ margin:5px 20px;}
.xwrmtj ul li a{ color:#666; font-size:14px;}
.xwrmtj ul li a span{ margin-right:5px;}

#gsjj{ width:861px; float:right;}
#gsjj p{ line-height:25px; margin:0px 30px 5px; text-indent:2em;}
#lxwm{ width:861px; float:right;}
#lxwm h3{ margin:40px 40px 20px;}
#lxwm p{ line-height:25px; margin:0px 30px 5px; text-indent:2em;}
#lxwm p a{ color:#000;}
#lxwm p a:hover{ color:#F00; text-decoration:underline;}

#preview{ text-align:center; width:400px; margin:20px auto; border:1px solid #ccc; padding:5px;}
.jqzoom{ width:400px; height:300px; position:relative;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:80px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url('images/left.gif') no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:15px;}
#spec-right{background:url('images/right.gif') no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:15px;}
#spec-list{ width:380px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:88px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:60px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:370px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}