/* reset */
body{background-color:#fff; position: relative; font-family: "Lucida Grande",Helvetica, Arial,"Microsoft YaHei",FreeSans,"wenquanyi micro hei", sans-serif; font-size: 1.4rem; color: #333;}
.lc{color: #ff9900;}
.w1200{max-width: 1200px; margin: 0 auto;}
.w100{width: 100%;}
.w50{width: 50%;}
.pdlr15{padding-left: 15px; padding-right: 15px;}
.mt30{margin-top: 30px;}
.pt30{padding-top: 30px;}
.mt15{margin-top: 15px;}
.pt15{padding-top: 15px;}
.mb30{margin-bottom: 30px;}
.pb30{padding-bottom: 30px;}
.mb15{margin-bottom: 15px;}
.pb15{padding-bottom: 15px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt60{margin-top: 60px;}
.mb60{margin-bottom: 60px;}
.pb60{padding-bottom: 60px;}

.cl{clear: both;}
.banner-dh{background:#83add9;}
.banner-dh ul{margin-left:-4%; padding:20px 0}
.banner-dh li {width: 16%; margin-left:4%; display: inline-block;}
.banner-dh li a{line-height: 50px; font-size: 2rem; color: #fff; background:#172a88; border-radius:10px; }
.banner-dh a:hover{background: #bd140d;}


#js-fixednav{position:relative;}
.fixedwrap { width: 100%;}
.fixedwrap.navFix{position: fixed;top: 0;left: 0; width:100%; z-index: 99999; max-width:100%; background:rgba(255,255,255,.3)} 
.fixedwrap.navFix ul{padding:0;}
.fixedwrap ul {margin: 0 auto; max-width: 1200px; }
.fixedwrap li { float: left; margin:0; width:19%; margin:0 0.5%;}
.fixedwrap li a {display: block;font-size:20px;}
.fixedwrap li a.active {color: #bd140d;}
.fixedwrap li a:hover{color: #fff;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}


.box-ys{background:#4d89c8; color: #fff; padding-bottom:30px;}
.box-ys .t{padding-top:30px; margin-bottom:20px}
.box-ys .t span{position:absolute; right:0; top:50%;font-size:1.8rem;}
.box-ys ul{margin-left:-2%;}
.box-ys li {width: 23%; margin-left: 2%; text-align:center;}
.box-ys li strong{font-size: 1.8rem; font-weight: normal;display:inline-block; margin:20px auto 10px; }
.box-ys li p{text-align: left; line-height: 1.8; padding-left:6px;}


.yl-box {padding-top: 30px; background:#c9dbee;}
.yl-box .yl-left{width: 43%;}
.yl-left .t , .yl-right .t{margin-bottom:40px;}
.yl-left p{color: #666; line-height: 22px; text-indent: 2em;}

.yl-box .yl-right{float: right; width: 54%;}
.yl-right li{width:50%;}

.gif{position:absolute;max-width:320px; left:15%; top:5%; z-index:1;}

.yl-right li p{position: absolute; right: 5px; bottom: 5px; background:rgba(255,255,255,0.7); width: 40px; height: 26px; text-align: center; line-height: 26px}
/*  ÍƼö·§ÃÅ    */
.pro-box {text-align: center; margin-top: 30px;padding-bottom:30px;}
.pro-box span{float: right;  margin: 30px 20px 0 0;}
.pro-box span a{color: #666;}
.pro-box span a:hover{color: #444;}

.pro-box ul{margin-left:-2%;}
.pro-list{width: 48%; float: left; margin-left:2%;margin-top:35px;}
.pro-list img {float: left; margin-right:15px;}
.pro-list .pro-con {text-align: left;}
.pro-list h4{color: #333;  font-weight:600;font-size:1.5rem;}
.pro-list  p{color: #333; margin-top: 10px;}
.fa-star{color:#ffbf12;}
.pro-list  p.pro-tj{ color:#172a88; }
.pro-list .pro-con .icon-star{ color: #F98E09; margin: 0 5px; }

.pro-list .pro-con  a.pro-zx:hover{color: #0C5AA7; background: #fff;}
/*   news   */
.lxnews-box {margin-top: 30px;padding-bottom:30px;}
.lxnews-box .news{width: 42%; margin-left:0;}
.lxnews-box .news-img{width:40%;}
.lxnews-box .news-list{width:55%;}

.lxnews-box .row{width:50%; float:left;}
.lxnews-box label {color: #666;line-height:30px; text-align:right; display:inline-block; vertical-align: top; width:100px}

.lxnews-box input, .lxnews-box textarea{outline:none; box-shadow:inset 0px 1px 1px 0px #eee; }
.lxnews-box input[type="text"] {height: 30px; border: 1px solid #ccc;font-size: 1.4rem; padding:2px 3px; width:200px;}
.lxnews-box .row2{margin-top:15px}
.lxnews-box textarea{ border: 1px solid #ccc; font-size: 1.4rem; padding:2px 3px;font-family: inherit;width:80%;}
.lxnews-box input[type="submit"] {color: #fff;  background-color: #172a88; border:none; width:80%; margin-left:105px; line-height:38px; margin-top:15px;}

.radius{border-radius: 4px; overflow: hidden;}

.lxnews-box .ct{width: 55%; }
.lxnews-box .bdxw-right a img{height: 150px;}
.lxnews-box h4{ color: #666666; font-weight:normal; margin-top:10px;}
.lxnews-box .news-img p{margin-top:6px; line-height:1.5; color:#777;}
.lxnews-box .news p{margin-bottom: 5px; font-size:1.2rem;}


/* foot   */
footer{background: #0457A7; height: 80px; width: 100%; margin-top: 30px; font-size: 1.4rem;}
footer center{ color: #fff;line-height: 80px;}
footer a:visited{color: #fff;}
.toTOp{position:fixed; right:15px; bottom:3%; z-index:100; display:inline-block;}
.toTOp i{font-size:2rem;}


/* 960px - 12000x */
@media (max-width: 1200px) {
	
	.gif{max-width:250px;}
	.lxnews-box .row2{padding-left:0;}
	.lxnews-box .row{text-align:left;}

}

/* 768px - 960px */
@media (max-width: 960px) {
	.box-ys li{width:48%; text-align:left;}
	.box-ys li>img{display:block}

}

/* 0 - 768px */
@media (max-width: 768px) {
	.banner-dh li a{font-size:1.6rem; line-height:40px;}
	.box-ys .t span{position:static; display:block;}
	.yl-box .yl-left , .yl-box .yl-right{width:100%;text-align:center;} 
	.lxnews-box .news , .lxnews-box .ct{width:100%;}
	.pro-list img{margin-bottom:15px;}
	.gif{max-width:300px;}
	.lxnews-box input[type="submit"]{margin-left:0; width:100%;}
}
@media (max-width: 640px) {
.banner-dh{display:none;}
	.gif{max-width:200px;}
	.lxnews-box .row{width:100%;margin-bottom:15px;}
	.lxnews-box .row2{margin-top:0;}
	.box-ys li strong{font-size:1.6rem;}
}