@charset "utf-8";
/* CSS Document */
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#333;padding:0;margin:0;font-family: "微软雅黑","微软雅黑 Regular",'Microsoft YaHei'; line-height:2;}

.adv{text-align:center;}
.head,.main{ clear:both; overflow:hidden;}
.logo{ float:left; width:25%;}
.menu{ float:right;  width:72%;}
.menu ul{ clear:both; overflow:hidden;max-width:820px;}
.menu ul li{ float:left; width:12.5%; text-align:center; font-size:16px;background:url(../images/mbg1.jpg) no-repeat right center;}
.menu ul li a{ display:block; padding:0 5px; min-width:80px; line-height:95px; border-bottom:2px solid #fff;}
.menu ul li a:hover{ border-bottom:2px solid #102574;color:#102574; font-weight:bold;}
.menu ul li .hover{ border-bottom:2px solid #102574;color:#102574; font-weight:bold;}
.hj{ height:10px; overflow:hidden; clear:both;}
.tit1{ text-align:center; padding:2% 0; font-size:14px; color:#999;}
.tit1 p{ color:#333; font-weight:bold;}
.nr1{overflow:hidden; clear:both; padding-bottom:2%;}
.nr1 li{ float:left; width:25%; padding:1%;text-align:center;}
.nr1_p1{ display:block; width:100%;}
.nr1_p1 img{ width:100%;}
.nr1_p1 p{ font-weight:bold; line-height:250%;}
.nr1_p2{ font-size:14px; line-height:20px; height:60px; overflow:hidden;text-align:left;}

.bg2{ background:#eee;}
.nr2{ padding:5px;}
.nr2 img{padding-bottom:1%;}

.fbg{ background:#008dd6;clear:both; overflow:hidden;}
.foot{clear:both; overflow:hidden; text-align:center; color:#FFF; line-height:30px; padding:2% 0;}
.foot a{color:#fff;}
.er{ float:left;}
.tt3{font-size:14px; line-height:24px;}
.tt4{ font-size:24px;}

.m_left{ float:left; width:22%;}
.m_right{ float:right; width:76%;}
.tit2{ text-align:center;background:url(../images/tbg1.jpg) no-repeat; background-size:100% 100%; color:#FFF; height:60px; line-height:60px;}
.nr3{ background:#f6f6f6; overflow:hidden; clear:both; padding-bottom:5px;}
.nr3 li{ overflow:hidden; clear:both;}
.nr3_p1{ display:block; padding:5px 0px 5px 20px; border-top:1px solid #e0e0e0;}
.nr3_p1 span{background:url(../images/tub2.jpg) no-repeat left center; padding-left:26px; line-height:40px; display:block; font-size:16px; font-weight:bold; color:#666;}
.nr3_p1:hover span{background:url(../images/tub3.jpg) no-repeat left center; color:#008dd6;}
.nr3_p2{ padding-left:40px; line-height:40px; font-size:14px;border-top:1px solid #e0e0e0;}
.nr3_p2 a{ display:block;}
.nr3_p2 a:hover{color:#008dd6;}
.tit3{ border-bottom:1px solid #eee; line-height:60px; color:#777;}
.tit3 a{ color:#777;}
.tit4{ border-bottom:1px solid #eee; padding:3% 0; font-size:18px; font-weight:bold;color:#008dd6;}
.mm1{ padding:15px 0;}
.nr4 li{ overflow:hidden; clear:both; padding:20px 0; border-bottom:1px solid #eee;}
.nr4_p1{ float:left; width:35%; display:block;}
.nr4_p2{ float:right; width:62%;}
.nr4_p3,.nr4_p4{ line-height:24px; height:24px; overflow:hidden;}
.nr4_p5{ font-size:14px; line-height:30px; max-height:152px; padding-top:10px;overflow:hidden;}
.nr5{ overflow:hidden; clear:both;}
.nr5 li{ float:left; width:50%; padding:1%; position:relative; overflow:hidden;}
.nr5_p0{ border:1px solid #eee; border-radius:5px; padding:4% 5%;/*background:url(../images/tbg3.png) no-repeat right top;*/ overflow:hidden; clear:both;}
.nr5_p1{  font-size:16px;}
.nr5_p1 span{ display:block; }
.nr5_p2{ z-index:555; font-size:14px; line-height:30px;}
.nr5_p3{ padding:3%; clear:both; overflow:hidden;font-weight:600;}
.nr5_p3 li:nth-child(odd){ float:left; width:60%; font-size:16px;font-weight:600;}
.nr5_p3 li:nth-child(even){ float:right; width:40%; font-size:16px;font-weight:600;}
.bg1{background:url(../images/bg1.jpg);}
.nr5_p4{ clear:both; overflow:hidden; padding:30px 0 50px 0; padding-left:10px;}
.nr5_p4 li{ float:left; background:url(../images/bg6.png) repeat-x center; position:relative; width:170px;height:440px; margin:10px 0;}
.nr5_p40{ padding:10px 15px; overflow:hidden;  height:158px; width:190px; line-height:24px; font-size:12px;}
.nr5_p41{ width:160px; height:120px; overflow:hidden;}
.nr5_p42{ text-align:center; font-size:18px; line-height:56px;}
.nr5_p43{ font-family: "Impact"; font-size:20px; text-align:center;}
.nr5_p4 li:nth-child(odd) .nr5_p40{ position:absolute; top:0; left:-10px; width:190px;padding-bottom:20px;background:url(../images/bg2.png) no-repeat;}
.nr5_p4 li:nth-child(odd) .nr5_p42{ position:absolute; top:158px; left:-10px; width:190px; text-align:center;}
.nr5_p4 li:nth-child(odd) .nr5_p43{ position:absolute; top:244px; left:-10px; width:190px; text-align:center;padding-top:26px;background:url(../images/bg4.png) no-repeat center; line-height:46px;}
.nr5_p4 li:nth-child(even) .nr5_p40{ position:absolute; top:282px; left:-10px; width:190px;padding-top:28px;background:url(../images/bg3.png) no-repeat;}
.nr5_p4 li:nth-child(even) .nr5_p42{ position:absolute; top:230px; left:-10px; width:190px; text-align:center;}
.nr5_p4 li:nth-child(even) .nr5_p43{ position:absolute; top:130px; left:-10px; width:190px; text-align:center;padding-bottom:26px;background:url(../images/bg5.png) no-repeat center; line-height:46px;}

.nr6{ overflow:hidden; clear:both;}
.nr6 li{ float:left; width:25%; padding:1%;}
.nr6 li div{ border:1px solid #ddd;text-align:center;}
.nr6 li img{ height:100%;max-width:100%;}
.nr6 li p{line-height:30px;text-align:center;}
.nr6_p1{ padding:10px 0;}
.nr6_p1 li{ overflow:hidden; clear:both; font-size:14px;line-height:30px; border-bottom:1px solid #eee; padding:5px 0;}
.nr6_p1 li a{ line-height:30px;height:30px; display:block; float:left; overflow:hidden; color:#666;}
.nr6_p1 li p{ float:right; color:#666;}

.nr7_p1{ overflow:hidden; clear:both; font-size:14px; line-height:30px; padding:20px 0;}
.nr7_p1 LI{ float:left; width:44%; padding:2% 3%; text-align:center; font-size:14px;}
.nr7_p11{ font-size:16px;}
.nr7_p13{ font-size:24px; font-weight:bold; color:#666;}

.nr8 .img{float:left;margin-right:30px;margin-bottom:30px;}
.nr8 .nrtt{float:left;width:100%;line-height:30px;font-size:25px;margin-bottom:20px;}
.nr8 .nrtt span{display:block;font-size:12px;color:#999;}
.nr8 li{float:left;line-height:30px;width:25%;font-size:13px;}



.nr9 li{line-height:50px;font-size:13px;border-bottom:1px solid #eee;}
.nr9 li span{float:right;}

.nr10 li {line-height:50px;font-size:13px;border-bottom:1px solid #eee;clear:both;}
.nr10 span{float:left;}

.nr11 li{ overflow:hidden; clear:both; padding:20px 0; border-bottom:1px solid #eee;}
.nr11_p1{ float:left; width:20%; display:block;}
.nr11_p2{ float:left; width:77%;margin-left:3%;}
.nr11_p3,.nr11_p4{ line-height:24px; height:24px; overflow:hidden;}
.nr11_p5{ font-size:14px; line-height:30px; max-height:152px; padding-top:10px;overflow:hidden;}


.gyw .img1{float:left;width:320px;height:300px;margin-top:20px;}
.gyw .ccc{float:right;width:850px;height:360px;}

@media (min-width:1200px) {
.nr6 li div{ width:100%; height:230px;}
}
@media (min-width:20px) and (max-width:768px) {
.nr1{overflow:hidden; clear:both; padding-bottom:2%;}	
.nr1 li{ float:left; width:50%; padding:1%; text-align:center;}
.nr1_p2{ font-size:12px; line-height:18px; height:54px; overflow:hidden;}
.tt3{font-size:12px; line-height:20px;}
.m_left{ float:none; margin:0 auto; width:96%;}
.m_right{ float:none; margin:0 auto; width:96%;}
.tt4{ font-size:18px;}
.tit3{ border-bottom:1px solid #eee; line-height:50px;}
.nr4 li{ overflow:hidden; clear:both; padding:10px 0; border-bottom:1px solid #eee;}
.nr4_p1 img{ width:100%; min-height:94px;}
.nr4_p4{ line-height:16px; height:16px; overflow:hidden; font-size:12px;}
.nr4_p5{ font-size:12px; line-height:18px; max-height:54px; padding:0;overflow:hidden;}
.nr5 li{ float: none; width:90%; margin:0 auto; padding:1%; position:relative; overflow:hidden;}
.nr5_p3 li{ float: none; width:96%; margin:0 auto; font-size:16px;font-weight:600;}
.nr5_p3 li:nth-child(odd){  float: none; width:96%; margin:0 auto; font-size:16px;font-weight:600;}
.nr5_p3 li:nth-child(even){ float: none; width:96%; margin:0 auto; font-size:16px;font-weight:600;}
.nr6 li{ float:left; width:50%; padding:1%;text-align:center;}

.nr7_p1 li{ float:none; width:90%;}

.nr8 .img{width:100%;height:auto;margin-bottom:10px;}
.nr8 .nrtt{line-height:25px;font-size:20px;margin-bottom:20px;}
.nr8 .nrtt span{display:block;font-size:12px;color:#999;}
.nr8 li{float:left;line-height:30px;width:50%;font-size:13px;}

.nr11 li{ overflow:hidden; clear:both; padding:10px 0; border-bottom:1px solid #eee;}
.nr11_p1 img{ width:100%; min-height:94px;}
.nr11_p4{ line-height:16px; height:16px; overflow:hidden; font-size:12px;}
.nr11_p5{ font-size:12px; line-height:18px; max-height:54px; padding:0;overflow:hidden;}

.gyw .img1{width:100%;height:auto;}
.gyw .ccc{width:100%;}

}
@media only screen and (max-width: 768px) {
.mobile-logo{ float:left; width:60%;}
.mobile-logo img{ width:100%;} 
.mobile-foot{clear:both; overflow:hidden; text-align:center; color:#FFF; padding:2% 0; line-height:20px;}
.mobile-er{ text-align:center;}
.nr5_p5{ width:90%; padding:10px 0; margin:0 auto;background:url(../images/bg7.png) repeat-y left; padding-left:15px;}
.nr5_p5 li{ overflow:hidden; clear:both; padding:5px 0;}
.nr5_p52{ float:left;background:url(../images/bg8.png) no-repeat; background-size:auto 36px; width:72px; padding-left:18px; line-height:36px; font-size:16px; font-family: "Impact";}
.nr5_p53{ float:left; font-size:16px; text-align:center;}
.nr5_p54{ background:#fff; border-radius:6px; float:left; padding:5px 10px; margin:0 10px 0 20px;}

}
@media (min-width:320px) {
.tt1{ font-size:18px;}

	}
@media (min-width:414px) {
.tt1{ font-size:22px;}

	}
@media (min-width:480px) {
.tt1{ font-size:20px;}
.tt2{ font-size:14px;}

	}
@media (min-width:640px) {
.tt1{ font-size:22px;}
.tt2{ font-size:16px;}
	}
@media (min-width:768px) and (max-width:991px) {
.tt1{ font-size:30px;}
}
@media (min-width:992px) and (max-width:1199px) {
.tt1{ font-size:32px;}
}
@media (min-width:1200px) {
.tt1{ font-size:36px;}
.tt2{ font-size:18px;}
}

.ttt{padding-left:10px;margin:20px 0px;border-left:3px solid #008ED5;display:block;font-size:16px;line-height:16px;}

.pages {
    font: 12px/24px Tahoma;
    height: 30px;
    margin: 15px auto 0;
    text-align: center;
 
}
.pages {
    list-style-type: none;
    overflow: hidden;
}
.pages li {
    background-color: #FFFFFF;
    border: 1px solid #CCDBE4;
    color: #0B3B8C;
    display: block;
    height: 22px;
    margin: 0 2px;
    padding: 0 3px;
  float: left;
}
.pages li a {
    background-color: #FFFFFF;
    color: #0B3B8C;
    padding: 0 3px;
}
.pages li a:hover {
    color: #D87D08;
}
.pages li.hover {
    border: 0 none;
    color: #000000;
    font-weight: bold;
}
.pages li.hover a {
    color: #000000;
}


