@charset "utf-8";
/* CSS Document */

body{font-family:"微软雅黑";}
*{ margin:0; padding:0; border:0;}
ul,li{ list-style:none;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,p,ul,li,hr{  margin:0; padding:0; border:0;}
header,footer{}
#logo{width:100%; padding:30px 0 10px; }
.navbar-inverse{ background:#fff; border:0; border-radius:0; margin-bottom:0;}
.nav-links .navbar { margin-bottom:0px;}
.navbj{ background-color:#202b63; color:#FFF;}
.navv{ background-color:#202b63; color:#FFF;}
.navv li a{ color:#FFF; padding:0px;}
.navv li a:hover{ background:none;}

.sousou{ width:316px; float:right;}
.sousou p{ margin-top:10px; font-weight:bold; color:#F00;}
#banner{ }
#banner img{ width:100%;}

.biaoti{ text-align:center; padding:30px 0px 20px; color:#000;}
.biaoti span{ color:#999;}
.one{ margin-bottom:30px; border: 1px solid #ccc; min-height:420px; padding:20px;}
.one h4{ margin-bottom:15px; font-weight:bold; font-size:20px;}
.one h4 a{ color:#333;}
.one h4 a:hover{color:#f00;}
.one img{ height:320px;}
.cpleft{ float:left; width:630px;}
.cpleft img{ float:left; margin-right:30px;}
.cpleft h5{ margin:40px 0px 15px; font-weight:bold; font-size:18px; color:#666;}
.cpleft p{ margin-bottom:5px; color:#F00; font-size:16px;}
.cpleft .xq{ margin-top:20px; font-size:14px;}
.cpleft .xq a{ color:#333; }
.cpleft .xq a:hover{ color:#000; }
.cpright{ float:right; }
.video{ width:582px; border:1px solid #ccc; text-align:center;}
.video1{ width:582px; border:1px solid #ccc; text-align:center; margin:10px auto 0px;}
.abright{ float:right; width:650px;}
.abright ul{ margin:20px 0px; height:60px;}
.abright ul li{ float:left; color:#F00; font-size:16px; font-weight:bold; width:50%; margin:3px 0px;}
.abright p{ font-size:18px; text-indent:2em; line-height:30px;}
.abright p span{ float:right;}
.abright p span a{ color:#666;}
.abright p span a:hover{ color:#F00;}
.about{ margin-bottom:20px;}
.news{ }
.news ul li{ width:50%; float:left; margin:10px 0px; padding:0px 15px;}
.news ul li p{ color:#666;}
.news ul li .newssj{ background-color:#202b63; padding:30px 15px; float:left; margin-right:10px;}
.news ul li .newssj p{ color:#FFF; font-weight:bold; text-align:center;}
.news ul li .newssj p span{ font-size:18px;}
.news ul li a{ font-size:20px; font-weight:bold; color:#333; padding:5px 0px; display:block;}
.news ul li a:hover{color:#337ab7;}
.yonghu{ margin-bottom:40px;}
.yonghu ul li{ background-color:#eee; width:24%; margin:0px 0.5%; float:left;}
.yonghu ul li img{ width:100%;}
.yonghu ul li a p{ font-size:16px; color:#333; text-align:center; padding:15px 0px;}
.yonghu ul li a:hover p{ color:#F00;}

.imcm{}
.imcm .imclear, .imclear { clear: both; height: 0px; visibility: hidden; line-height: 0px; font-size: 1px;}
.imcm .imsc {position: relative; z-index:101;}
.imcm .imsubc { position: absolute; visibility: hidden;}
.imcm li { }
.imcm ul ul li {width: 100%;float: none !important;}
.imcm a {position: relative;}
.imde ul li:hover .imsubc {visibility: visible;}
.imde ul ul li:hover .imsubc { visibility: visible;}
.imde ul ul ul li:hover .imsubc {visibility: visible;}
.imde li:hover ul .imsubc {visibility: hidden;}
.imde li:hover ul ul .imsubc {visibility: hidden;}
.imde li:hover ul ul ul .imsubc {visibility: hidden;}
#imenus0 li ul li {padding:15px; text-align:center; border:1px solid #CCC; border-top:none; background-color: #fff; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
#imenus0 li ul li a { color: #000; font-size: 14px;}
#imenus0 ul li:hover{background-color: #60afef; color: #FFF;}
#imenus0 ul li:hover a{ color: #FFF;}
.im1{ width:158px; top:15px; left:-47px;}
.im2{ width:460px; top:15px; left:-195px;}

#footnav{ width:100%; background-color:#2e2e2e; }
#footnav ul{ margin:0 auto;}
#footnav ul li{ float:left; text-align:center; padding:15px 46px;}
#footnav ul li a{ width:160px; color:#999; }
#footnav ul li a:hover{ color:#FFF;}
#banquan{ background-color:#000; text-align:center; padding:10px 0px;}
#banquan p{ color:#999; line-height:30px;}
#banquan p a{ color:#999;}
#banquan p a:hover{ color:#FFF;}
#youqing{ background-color:#000; padding-bottom:5px;}
#youqing p{ color:#999;}
#youqing p a{ color:#999;}

.con{ margin:30px auto;}
#left{ width:430px; float:left; background-color:#f7f7f7; padding-bottom:20px;}
#left h2{ background-color:#202b63; color:#FFF; padding:20px; text-align:center;}
#left ul li{  border-bottom:1px solid #ccc; padding:20px;}
#left h4{ margin:20px; font-weight:bold; color:#555;}
#left p{ line-height:25px; margin-left:20px; color:#555;}
#left p a{color:#555;}
#left p a:hover{ color:#337ab7;}
.leab li a{}
.leab li a:hover{}
.leyh{ height:300px; margin-top:5px;}
#left .leyh li{ width:48%; margin:3px 1%; float:left; border:1px solid #ccc; padding:15px;}
#left .leyh li a{}
#left .leyh li a:hover{ }
#right{ width:820px; float:right;}
#right h2{ border-bottom:1px solid #999; padding:20px; color:#666; }
#right h2 p{ font-size:14px; float:right; margin-top:20px;}
#right h2 p a{ color:#666;}

.gsjj{ padding-top:30px;}
.gsjj p{ line-height:25px; text-indent:2em; color:#000; margin-bottom:5px;}
.gsjj ul{ margin:20px 0px; height:60px;}
.gsjj ul li{ width:40%; float:left; padding-left:30px; font-size:18px; font-weight:bold; color:#F00; margin-bottom:5px;}
.gsjj img{ display:block; margin:15px auto;}

.two{ margin-bottom:30px;  padding:25px; min-height:400px;}
.two h4{ margin-bottom:15px; font-weight:bold; font-size:20px;}
.two h4 a,.two2 h4 a{ color:#333;}
.two h4 a:hover,.two2 h4 a:hover{ color:#f00;}
.two img{ float:left; margin-right:50px; width:400px;}
.two h5{ margin:40px 0px 15px; font-weight:bold; font-size:18px; color:#666;}
.two p{ margin-bottom:5px; color:#F00; font-size:16px;}
.two .xq,.two2 .xq{ margin-top:20px; font-size:14px;}
.two .xq a,.two2 .xq a{ color:#333; }
.two .xq a:hover,.two2 .xq a:hover{ color:#000; }
.two2{ margin-bottom:30px;  padding:25px; background-color:#eee; min-height:400px;}
.two2 h4{ margin-bottom:15px; font-weight:bold; font-size:20px;}
.two2 img{ float:right; width:400px;}
.two2 h5{ margin:40px 0px 15px; font-weight:bold; font-size:18px; color:#666; margin-left:50px;}
.two2 p{ margin-bottom:5px; color:#F00; font-size:16px; margin-left:50px;}
.shipin{ width:700px; margin:0 auto;}
.shipin h3{ border-left:5px solid #202b63; margin:45px 0px 25px; padding-left:10px;}
.shipin img{ margin:0 auto; display:block;}

.yhsl{ margin-top:20px;}
.yhsl ul li{ background-color:#eee; width:32%; margin:10px 0.5%; float:left; border:1px solid #eee;}
.yhsl ul li img{ width:100%;}
.yhsl ul li a p{ font-size:16px; color:#333; text-align:center; padding:15px 0px;}
.yhsl ul li a:hover p{ color:#F00;}

.xinwen ul li{ border-bottom:1px dashed #ccc; padding:20px;}
.xinwen ul li a{ font-size:18px; color:#333; font-weight:bold;}
.xinwen ul li a:hover{color:#337ab7;}
.xinwen ul li span{ float:right; color:#999;}
.xinwen ul li p{ margin-top:10px; line-height:20px; color:#666;}
.page{ clear:both; padding:20px; text-align:center;}
.lianxi{ padding:40px;}
.lianxi h4{ color:#F00; font-weight:bold; margin-bottom:20px;}
.lianxi p{ line-height:25px; font-size:16px; margin-bottom:5px;}

.newsnr h3{ text-align:center; padding:30px 0px 20px;}
.newsnr p{ line-height:25px; margin-bottom:5px;}
.newsnr img{ margin:5px auto;}
.fb{ margin:0px 20px 10px; height:20px;}
.fb li{ text-align:center; width:33.33%; float:left; font-size:14px; color:#666;}
#xinwencon p{ line-height:25px; color:#222; margin:0px 20px 5px;}
#xyy{ position:relative; margin:20px 15px;}
#xyy ul li{ margin-bottom:5px;}
#xyy ul li a{ color:#000;}
#xyy ul li a:hover{ color:#F00;}
#xyy .fh{ background-color:#00479d; width:100px; padding:10px; position:absolute; top:5px; right:0px; color:#fff; border-radius:15px; text-align:center;}

#newstj{ border-top:1px solid #ccc; padding:20px 0px;}
.newstj{ border-right:1px solid #ccc; float:left; width:50%; padding-left:20px;}
.newstj ul{ margin-top:10px;}
.newstj ul li{ padding:3px 0px;}
.newstj ul li span{ margin-right:5px;}
.newstj ul li a{ color:#333; font-size:14px;}
.newstj ul li a:hover{ color:#F00;}

.cpright video{ margin:0 auto; text-align:center;}
.shipin video{ margin:0 auto; text-align:center;}
.cpnr h3{ text-align:center; padding:30px 0px 20px;}

#preview{width:402px; float:left;}
.jqzoom{ width:402px; height:302px; position:relative; border:1px solid #ccc;}
.jqzoom img{ width:400px;}
.zoomdiv{ left:859px; height:302px; width:402px;}
.list-h li{ float:left;}
#spec-n5{width:402px; height:88px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url('images/left.gif') no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px;}
#spec-right{background:url('images/right.gif') no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px;}
#spec-list{ width:380px; float:left; overflow:hidden; margin-left:5px; margin-right:5px; 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;}
/*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;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

.cnright{ width:350px; float:right;}
.cnright h5{ margin:40px 0px 15px; font-weight:bold; font-size:18px; color:#666;}
.cnright p{ margin-bottom:5px; color:#F00; font-size:16px;}
.cpwz{ clear:both; padding-top:10px;}
.cpwz p{ text-indent:2em; line-height:25px; font-size:16px; margin-bottom:5px;}
.cpwz img{ width:100%;}

.shouhou{ padding-top:30px;}
.shouhou p{ line-height:25px; text-indent:2em; color:#000; margin-bottom:5px;}
.shouhou p span{ color:#F00; font-weight:bold;}
table{ margin:20px 0px;}
table tr{ border-left:1px solid #ccc; border-top:1px solid #ccc;}
table tr td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; padding:10px 0px;}
table tr .bgleft{background-color:#0387eb; color:#fff;}

.xxq{ text-align:center;}
.xxq img{ margin:5px auto;}
@media (min-width: 1280px){
.xs,.navbar-nav .dnyc{ display:none;}
.container{ padding:0px; width:1280px;}
.navv li {float: left; list-style: none; padding:15px 42px;font-size: 16px;font-weight: bold;}
.navv .bs{background-color:#337ab7;}
.navv li:hover{background-color:#337ab7;}
#imenus0 li ul li{  margin:0px;}
.navv > li > a { position: relative;  display: block; }
}
@media (max-width: 1279px){
.about_img,.navbar-nav .sjyc{ display:none;}
.con{ margin:10px auto;}
.biaoti span{ display:none;}
.cpleft,.cpright{width:100%; float:none;}
.cpleft img,.cpright img{ width:100%; height:auto; margin:0; margin-bottom:20px;}
.cpleft .xq{ margin:10px 0px 30px;}
.about{ border-bottom:1px dashed #ccc; padding-bottom:20px;}
.about img{ width:100%; height:auto;}
.abright{width:100%; float:none;}
.abright p span{ float:none;}
.news{ border-bottom:1px dashed #ccc; padding-bottom:20px;}
.news ul li{ width:100%; float:left; padding:0;}
.yonghu ul li{ background-color:#eee; width:49%; margin:0px 0.5%; float:left; margin-bottom:10px;}
.leftyc{display:none;}
#left,#right{ width:100%;}
.gsjj img{ width:100%;}
.two img,.two2 img{ float:none; margin:0px; width:100%;}
.shipin{ width:100%;}
.shipin img { width:100%;}
.yhsl ul li{ width:49%; margin:10px 0.5%; float:left;}
.newstj{ border-right:none; float:none; width:100%; padding:20px; border-bottom:1px dashed #ccc;}
.xxq img{ width:100%; margin:5px auto;}
.newsnr img{ width:100%; margin:5px auto;}
#preview{width:402px; float:none; margin:0 auto;}
.cnright{ width:100%; padding-left:20px;}
.video{ width:100%; border:1px solid #ccc; text-align:center;}
.video1{width:100%; border:1px solid #ccc; text-align:center; margin:10px auto 0px;}
video{width:100%;}
.news ul li .newssj{ padding:40px 15px; margin:10px 10px 20px 0px;}
.yhsl ul li a p,.yonghu ul li a p{ font-size: 12px; height:47px; overflow:hidden;}
#right h2 p{float:none; margin-top:10px; color:#999; }
#left h2{padding: 15px;  font-size:22px;}
#left ul li{ padding:13px 5px;}
#left .leab li{ padding-left:20px;}
.leab li a{ font-size:16px;}
#right h2{ font-size:24px;}
.shipin h3{ font-size:18px;}
.xinwen ul li span{ display:none;}
.cpnr h3，.newsnr h3{  font-size:20px;}
.fb li{ width: 50%;}
.fb .fbyc{  display:none;}
#xyy{ height:100px;}
#xyy .fh{ top:60px; left:0px;}
.lianxi img{  width: 100%; height:auto;}
.biaoti{ padding: 20px 0px 20px;  font-size:24px;}
.one{ padding:10px;}
.one h4 a{ font-size:20px;}
.two2 h5,.two2 p{margin-left:0px;}
.abright ul li{ width: 100%; text-indent:2em; margin-bottom:5px;}
.gsjj ul li{ width: 100%; padding-left: 20px;}
.leyh{ height: 140px;}
#left .leyh li{ padding:10px 15px; width: 31.33%; margin: 3px 1%;}
table tr td{  font-size:14px;}

#preview{width:302px; float:none; margin:0 auto;}
.jqzoom{ width:302px; height:227px; position:relative; border:1px solid #ccc;}
.jqzoom img{ width:300px;}
#spec-n5{width:302px; height:78px; padding-top:6px; overflow:hidden;}
#spec-left,#spec-right{ margin-top:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:78px;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; width:70px;}
#spec-list{ position:relative; width:270px;}

.nav li{ padding:12px; border-bottom:1px solid #ccc; text-align:center; float:left;}
}
@media (max-width: 768px){
.navbar-header{ float:right;}
.xian{ border:1px solid #000;}
#logo img{  height:50px;}
#banner,#footnav{ display:none;}
.navv li{ padding:12px 0px; border-bottom:1px solid #ccc; text-align:center; width:33.33%; float:left;}
.navbar-nav .dnyc{ width:50%;}
.navv .bs{background-color:#337ab7;}
.navv li:hover{background-color:#337ab7;}
.navv li a{ color:#fff;}
.navv .bs a{color:#fff;}
.navv li:hover a{color:#fff;}
.navbar-nav{margin-top:0; margin-bottom:0px;}
.sousou{display:none;}
#banquan{ text-align:left; padding:20px;}

.im1{ width:100%; top:12px; left:0px;}
.im2 { top: 12px; left:-270px; width:400px;}
#imenus0 li .im2 li{ padding:15px 0px;}
}