﻿body{
	font-family:"微软雅黑";
}
*{margin:0; padding:0; border:0;}
ul,li{list-style:none; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; border:0;}
a:hover{ text-decoration:none;}
header,footer{
}
#logo{ width:100%; padding:30px 0 10px;	border-bottom:1px solid #000;}
.navbar-inverse{background:#fff; border:0; border-radius:0; margin-bottom:0;}
.nav-links .navbar {margin-bottom:0px;}
#nav{ }
#nav li a{display:block; padding:15px 40px; color:#000;}
#nav li a:hover{color:#0062ab;}
.sousou{width:316px; float:right;}
.sousou p{ color:#F00; font-weight:bold; margin-top:10px;}
#banner{ }
.product{ padding-top:20px; padding-bottom:40px;}
#left h2{ background-color:#0062ab; padding:20px; text-align:center; color:#FFF;}
#left ul{ border:1px solid #0062ab;}
#right ul li p { text-align:center; margin-top:10px;}
#right ul li p a{color:#555;}
#right ul li p a:hover{ color:#F00;}

.about { padding-bottom:20px; background-color:#f5f5f5;}
.ableft{ float:left;}
.aboutbt{font-size: 60px; font-weight: bold; color: #d80d0d; letter-spacing: 11px; margin-top: 20px; border-bottom:1px solid #333; padding-bottom:20px;}
.aboutbt span{ font-size:20px; color:#ccc; font-weight:normal;}
.aboutbt b {color: #000;}
.aboutwz {font-size: 14px;color: #666;line-height: 30px;margin-top: 70px;}
.aboutwz a{color: #d80d0d;}
.about img{ float:right; margin-top:30px;}

#news{ margin:30px auto; }
.news{ border:1px solid #eee;}
.newsbt{ border-bottom:1px solid #eee; height:82px;}
.newsbt strong{ display: block; padding: 27px 0; font-size: 20px; color:#d80d0d; float: left; margin-left: 20px;}
.newsbt strong span{ font-size:12px; color:#ccc; font-weight:normal;}
.newsbt .more{ float:right; line-height:82px; margin-right:20px;}
.newsbt .more a{color:#9e9e9e; }
.shou{ border-bottom:1px dashed #ccc; margin:20px; padding:10px;}
.shou a{ color:#555; font-size:18px; font-weight:bold;}
.shou a:hover{color:#f00; }
.shou .rq{ font-size:14px; color:#F00; float:right; font-weight:bold;}
.shou p{ font-size:14px; color:#767676; margin-top:10px;}
.news ul li{ margin:15px 30px;}
.news ul li .biao{ margin-right:15px; color:#F00;}
.news ul li a{ font-size:14px; color:#444;}
.news ul li a:hover{color:#f00; }
.news ul li .rq2{ float:right; color:#767676; font-size:12px;}

.cpzs{ margin-bottom:30px;}
.cpzs h2{ text-align:center; margin-bottom:20px; color: #d80d0d;}
.cpzs h2 span{ font-size:18px; color:#999;}
#demo li{ float:left; margin:10px;}
#demo li a img{ border:1px solid #ccc; width:276px;}
#demo li p { text-align:center; margin-top:10px;}
#demo li p a{color:#555;}
#demo li p a:hover{color:#f00; }
#demo2 li{ float:left; margin:10px;}
#demo2 li a img{ border:1px solid #ccc; width:276px;}
#demo2 li p { text-align:center; margin-top:10px;}
#demo2 li p a{color:#555;}
#demo2 li p a:hover{color:#f00; }

#footnav{ width:100%; background-color:#2e2e2e; }
#footnav ul{ margin:0 auto;}
#footnav ul li{ float:left;}
#footnav ul li a{ width:162px; line-height:50px; color:#999; display:block; text-align:center;}
#footnav ul li a:hover{ color:#FFF;}
#banquan{ background-color:#000; text-align:center; padding:10px 0px 10px;}
#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;}

#daohang{ border-bottom:1px solid #ccc; padding:10px 10px 10px 20px; margin-bottom:10px; background:url(../images/biao.jpg) no-repeat center left;}
#daohang p{ color:#555; font-size:14px;}
#daohang p a{ color:#555;}
.page{ clear:both; padding:20px 0px 10px;}
.page p{ text-align:center; font-size:14px; color:#555;}
.page p a{ color:#555;}

#newslist ul li{ padding:20px; border-bottom:1px solid #ccc;}
#newslist ul li a{ font-size:18px;}
#newslist ul li span{ float:right; color:#777;}
#newslist ul li p{ margin-top:10px; color:#999;}
.fbz{ margin:0 auto; height:20px;}
.fbz li{ width:33.33%; font-size:14px; color:#999; float:left; text-align:center;}
#xyy{ text-align:center; margin:30px 0px 40px;}
#xyy li a{ color:#000;}
#xyy li a:hover{ color:#f00;}
#xyy .fanhui{ background-color:#d90d0e; padding:8px 20px; border-radius:10px; color:#fff;}
#newsnr h3{ text-align:center; font-weight:normal; margin:30px 0px 15px; font-size:24px;}
#newsnr .xwnr p{ line-height:25px; color:#333; font-size:14px; margin:0px 15px 5px;}
#newstj{ border-top:1px dashed #ccc; padding-top:20px; }
.newstj h4{ margin-left:15px; margin-bottom:15px;}
.newstj ul li{ margin:5px 20px;}
.newstj ul li a{ color:#333; font-size:14px;}
.newstj ul li a:hover{ color:#f00;}
.newstj ul li a span{ margin-right:5px;}

#cpnr h3{ text-align:center; font-weight:normal; margin:30px 0px 8px; font-size:24px;}
#cpnr .cptu{ margin:20px auto; display:block; border:1px solid #ccc; padding:3px;}
#cpnr .cpnr p{ line-height:25px; color:#333; font-size:14px; margin:0px 15px 5px;}
#cptj{ border-top:1px dashed #ccc; padding-top:20px;}
.cptj h4{ margin-left:15px;}
.cptj ul li p{ text-align:center; color:#555; margin-top:10px; font-size:14px;}
.cptj ul li a:hover p{ color:#f00;}
.cptj ul li a img{ width:100%; border:1px solid #ccc; padding:2px;}

.gy p{ padding:20px; text-indent:2em;}
.tile {width: 100%; height: 161px; background:url(../images/tu4.jpg) no-repeat center; text-align: center; overflow: hidden;}
.tile span {display: block; font-size: 36px;font-weight: bold;color: #333;line-height: 45px;margin-top: 40px;}
.tile b {display: block;font-size: 20px; color: #d80d0d; font-weight: normal;line-height: 32px;}
.tile p {display: block;font-size: 12px; font-family: "arial"; color: #c9c8c9; text-transform: uppercase;line-height: 16px;}

#fg{ width:100%; background-color:#e8ecf5; margin-top:20px;}

.sl1 h2{ text-align:center; font-size:30px; margin:5px 0px 15px;}
.sl1 p{ color:#333; text-align:center; font-size:14px;}

.gywm{ padding-top:30px;}
.gywm p{text-indent:2em; line-height:25px; color:#333; font-size:14px; margin:0px 15px 5px;}
.lxwm{ padding:50px;}
.lxwm h4{margin-bottom:15px; color:#F00; font-weight:bold;}
.lxwm p{ line-height:25px; color:#333; font-size:14px; margin-bottom:5px;}
@media (min-width: 1200px){
.xs{ display:none;}
#nav li {float: left;list-style: none;padding:0 6px 0;font-size: 16px;font-weight: bold;}

#left{ width:230px; float:left; }
#right,#newslist,#newsnr,#cpnr,#gywm{ float:right; width:890px;}
#left ul li{ background-color:#eee; border-radius: 5px; margin:10px; padding:10px 15px;}
#right ul li{ float:left; margin:10px;}
#right ul li a img{ border:1px solid #ccc; width:276px;}
.aboutbt{width:355px;}
.aboutwz {width: 550px;}
.news{ width:48%; margin:0px 1%; float:left;}
#xyy li{ float:left; width:445px; text-align:left; padding-left:20px; height:30px; margin-bottom:20px;}
#xyy .syy{ text-align:right; padding-right:20px; padding-left:0px;}
#cpnr .cptu{ width:400px;}
.cptj{ width:445px;  border-right:1px solid #CCC; float:left;}
.cptj ul li{ width:202px; float:left; margin:10px;}
.newstj{ width:445px; border-right:1px solid #CCC; float:left; padding:0px 0px 20px 20px;}

#fg{ height:216px;}
.fg{ width:1100px; margin:0 auto; position:relative;}
.fg img{ float:left;}
.fg h2{ color:#1a4091; font-size:30px; letter-spacing:4px; position:absolute; top:25px; right:50px;}
.fg ul{ position:absolute; top:90px; right:20px;}
.fg ul li{ float:left; background:url(../images/fg2.png) center left no-repeat; font-size:28px; color:#fe0000; padding-left:30px; margin:0px 30px;}
.fg p{ position:absolute; top:150px; right:50px; color:#333; font-size:18px;}

#shili1{ width:100%;  background:url(../images/shili1.jpg) center; height:430px;}
#shili2{ width:100%;  background:url(../images/shili4.jpg) center; height:614px;}
.shili1{ width:1150px; margin:0 auto;}
.sl1{ width:505px; padding-top:40px; float:left;}
}
@media (max-width: 1180px){
.about_img{display:none;}
#left h2{  padding:15px; font-size:18px; }
#left ul li{ background-color:#eee; border-radius: 5px; margin:5px 0.5%; padding:10px 15px; width:49%; float:left;}
#right ul li{ float:left; margin:10px; width:49%; margin:10px 0.5%;}
#right ul li a img{ border:1px solid #ccc; width:100%;}
.about img{ width:100%;}
.news{ width:100%; margin-bottom:10px;}
#xyy li{  text-align:left; height:20px; margin-bottom:5px; overflow:hidden;}
#cpnr .cptu{ width:100%;}
.cptj{ width:100%;}
.cptj ul li{ width:49%; float:left; margin:10px 0.5%;}
.newstj{ width:100%; border-bottom:1px solid #ccc; padding:20px 0px;}
.fb1{display:none;}
.fbz li{ width:50%; font-size:14px; color:#999; float:left; text-align:center;}
#banquan{ padding:20px 0px 20px 20px; text-align:left;}
.fg{ text-align:center; padding-bottom:10px;}
.fg img{ width:50%; margin:0 auto; display:block;}
.fg h2{ color:#1a4091; font-size:18px; letter-spacing:4px; margin:15px 0px;}
.fg ul{width:95%; margin:0 auto;}
.fg ul li{ float:left; width:33.33%; text-align:center; background:url(../images/fg2.png) center left no-repeat; font-size:16px; color:#fe0000; margin-bottom:15px;}
.fg p{ color:#333; font-size:14px;}
#shili1{ width:100%; background:#f0eff4;}
#shili2{ width:100%; background:#f0eff4; margin-bottom:20px;}
.shili1{ width:100%; margin:0 auto;}
.sl1{ width:48%; margin:0px 1%; padding:20px 0px; float:left;}
.sl1 img{ width:100%;}
.tile span { font-size:22px; line-height: 25px; margin-top: 40px;}
.sl1 h2 { font-size: 18px;}
.sl1 p{  margin:0px 10px;}
.aboutbt{  font-size:28px;}
.aboutwz{ margin-top:30px;}
.shou .rq,.news ul li .rq2,#newslist ul li span{ display:none;}
.news ul li{margin: 15px 5px;}
.shou{ margin:0px;}
.news ul li .biao{margin-right:5px;}
#daohang{ margin-top:15px;}
.lxwm{padding: 20px;}
.newstj ul li{ margin: 5px;}
}
@media (max-width: 768px){
.navbar-header{float:right;}
.xian{border:1px solid #000;}
#logo img{height: 45px;}
#banner{display:none;}
#nav li{float:none;padding:0;background:#eee;border-bottom:1px solid #ccc;text-align:center;}
.navbar-nav{margin-top:0;}
.sousou{display:none;}
#footnav{display:none;}

}