body,td,dd,dl,dt,tr,div,ul,li {margin:0; padding:0;font-family:'Micosoft YaHei','宋体',Vardana; line-height:185%; color:#333; list-style:none}
body { text-align:left; background-color:#fff; }
td,dd,dl,dt,tr,div,ul,li { }
a { text-decoration:none}
::-webkit-scrollbar{width:0px}
.loginbg { width:400px; clear:both;  margin:0 auto;}
.loginbg img { width:100%;}


.loginbox {width:400px; margin:0 auto; text-align:center}

.mt30 { margin-top:30%;}

input.button_2_1{ width:5rem; height:1.8rem; margin-top:0.6rem; line-height:1.6rem; text-align:center; color:#fff; font-size:0.9rem; background:#006dbd;border-radius:20px; border:0; margin-left:5%;}
input.button_2_2{ width:5rem; height:1.8rem; margin-top:0.6rem; line-height:1.6rem; text-align:center; color:#fff; font-size:0.9rem; background:#ccc;
border-radius:20px; border:0; margin-left:5%;}

.navbox { width:100%; height:100vh; background: rgba(0, 100, 180, 1); z-index:100; position:absolute; left:0; top:0; display:none}
.navbox dl{ width:100%; margin:0 auto; color:#fff;}
.navbox dl dt{ height:6rem; line-height:5rem; text-align:center;font-size:1.5rem; text-align:center; color:#FFF}
.navbox dl dt img { width:20%;margin-top: 25px;}
.navbox dl dd{ line-height:185%; color:#fff; text-align:left; padding-left:31%; height:3rem; line-height:3rem;}
.navbox dl dd.nav1 { background:url(../images/nav1.png) 23% center no-repeat; background-size:5%;}
.navbox dl dd.nav2 { background:url(../images/nav2.png) 23% center no-repeat #005EA4; background-size:5%;}
.navbox dl dd.nav3 { background:url(../images/nav3.png) 23% center no-repeat; background-size:5%;}
.navbox dl dd.nav4 { background:url(../images/nav4.png) 23% center no-repeat #005EA4; background-size:5%;}
.navbox dl dd.nav5 { background:url(../images/nav5.png) 23% center no-repeat; background-size:5%;}
.navbox dl dd.nav6 { background:url(../images/nav6.png) 23% center no-repeat #005EA4; background-size:5%;}
.navbox dl dd.nav7 { background:url(../images/nav7.png) 23% center no-repeat; background-size:5%;}
.navbox dl dd.nav8 { background:url(../images/nav8.png) 23% center no-repeat #005EA4; background-size:5%;}
.navbox dl dd a{ color:#fff; font-size:0.9rem;}
.menuoff { text-align:left}
.menuoff img { width:13%; padding-top:5%; padding-left:10%}

.indexbox { width:90%; margin:0 auto;margin-top: 10px;}
.indexbox dl { text-align:center; width:50%; float:left; margin-bottom:5%}
.indexbox dl dt { height:5rem; text-align:center;}
.indexbox dl dt img{ width:40%;}
.indexbox dl dd { text-align:center; line-height:165%; color:#666; font-size:0.9rem;}
.indexbox dl dd a{ color:#656565}

.mainbox {width:400px; margin:0 auto;}

.title { clear:both; width:100%; padding-top:1%}
.title img { width:100%}
.topsp { height:4rem; width:100%; line-height:4rem;}

.newsbox {clear:both; width:100%;}
.newsbox dl dt { width:100%;}
.newsbox dl dt img{ width:100%;}
.newsbox dl dd { text-align:center; height:3rem; line-height:2.5rem;overflow: hidden;text-overflow: ellipsis;padding-left: 15px;}
.newsbox dl dd a { color:#006DBD; font-size:0.9rem;}
.newsbox ul li { background:url(../images/listico1.png) #EDEDED 95% center no-repeat; background-size:2%; height:2rem; line-height:2rem;width:95%; padding-left:5%; margin:0 auto; margin-bottom:2% ;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsbox ul li a { color:#333; font-size:0.9rem;}
.newslist ul { text-align:left}
.newslist ul li { background:url(../images/listico2.png) 5% center no-repeat; border-bottom:1px dotted #ccc ; background-size:2%; height:3rem; line-height:3rem;width:95%; padding-left:10%; margin:0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.newslist ul li a { color:#333; font-size:0.9rem;}
.newslist ul img { width:90%; margin-bottom:3%;}
.footbox { padding-top:2%; padding-bottom:5%; text-align:center; background:#000; font-size:0.6rem; margin-top:5%; color:#ccc; position:relative;}
.footbox img { width:15%; margin-bottom:5%}



.bannerbox { width:100%;  clear:both;height:25vh;padding-top:5vh; }
.bannerbox ul {background: rgba(0, 0, 0, 0.5); width:80%; height:15vh;padding-top:5vh; margin:0 auto }
.bannerbox ul li { border-top:1px solid #fff;border-bottom:1px solid #fff; width:80%; height:6vh;  line-height:250%; text-align:center; margin:0 auto; color:#fff;font-weight:700;}



.topmenu {  width:100%; border-bottom:5px solid #f4f4f4; margin-bottom:2%; clear:both}
.topmenu dl { position:relative;}
.topmenu dl dt{background:#fff;overflow-x:scroll;overflow-y:none; white-space:nowrap; margin:0; padding:0; padding-top:1rem;}
.topmenu dl dt a { font-size:0.9rem; color:#000000;padding-left:12px;padding-right:12px;margin:0;font-weight: normal;}
.topmenu dl dt a.hover {color:#ff8637}
.topmenu dl dd{background:#f4f4f4;height:2rem; line-height:2.2rem; width:100%;z-index:9999;}
.topmenu dl dd a { font-size:0.8rem; color:#000000;margin:0; margin-left:3%;}
.topmenu dl dd a.hover {color:#ff8637}



.bodybox { width:94%; margin:0 auto; text-align:left; color:#333; line-height:185%; font-size:0.9rem; border-bottom:5px solid #f4f4f4; padding-top:2%; padding-bottom:2%;overflow: hidden;}
.bodybox img { max-width:100%}

.tabnav { width:90%; margin:0 auto; clear:both;border:1px solid #006dbd;border-radius:15px 15px 15px 15px;height:3rem; clear:both; }
.tabnav ul li { float:left; width:50%;border-radius:14px 0px 0px 14px; text-align:left; background:#fff; height:3rem; line-height:3rem; font-size:1rem; color:#006dbd}
.tabnav ul li.r { float:right; width:50%;border-radius:0px 14px 14px 0px; text-align:left; background:#fff; height:3rem; line-height:3rem; font-size:1rem; color:#006dbd}
.tabnav ul li.hover { float:left; width:50%;border-radius:14px 0px 0px 14px; text-align:center; background:#006dbd; height:3rem; line-height:3rem; font-size:1rem; color:#fff}
.tabnav ul li.r.hover { float:right; width:50%;border-radius:0px 14px 14px 0px; text-align:center;background:#006dbd; height:3rem; line-height:3rem; font-size:1rem; color:#fff}
.tabnav ul li a {color:#006dbd}
.tabnav ul li.hover a {color:#fff}



.topsp { height:4rem; width:100%; line-height:4rem;clear:both}
.topsp2 { height:2rem; width:100%; line-height:2rem; clear:both}
.loginbox font{ color:#878787; }
h1 { text-align:center; font-size:1rem; color:#000; margin:0; padding:0; font-weight:700; width:90%; margin:0 auto;font-family:'Micosoft YaHei'}
h3 { text-align:left; height:2rem; line-height:2rem; font-size:1rem; color:#878787; margin:0; padding:0; font-weight:300; width:92%; margin:0 auto}


.listbox { width:100%; border-top:1px #e6e6e6 solid;background:#fff; height:auto; overflow:scroll}
.listbox ul {border-bottom:1px #e6e6e6 solid;height:2rem; overflow:auto; width:150%}
.listbox ul li { text-align:center; height:2rem; line-height:2rem; border-right:1px #e6e6e6 solid; float:left; font-size:0.9rem;}
.listbox ul li.li1 { width:30%}
.listbox ul li.li2 { width:19%}
.listbox ul li.li3 { width:29%}
.listbox ul li.li4 { width:10%}
.listbox ul li.li5 { width:13%}
.listbox ul li.li6 { width:50%}
.listbox ul li a { color:#006dbd;}
.listbox ul li.lastli { border:none}
.all0 {border:0; margin-top:0; padding-bottom:0;}


.main { width:100%; clear:both;display: table}
.main .logo { width:50%; float:left; padding-left:3%; height:3.2rem; line-height:3.2rem; padding-top:0.5rem;}
.main .logo img { width:100%;position: relative;
    top: 10px;}
.main .topnav { float:right; padding-right:3%;padding-top:1rem; width:10%;}
.main .topnav img { width:100%;margin-top: 7px;}
/*--------------SLIDER----------------*/

#slider {
	width: 100%;
	margin: 0px auto;
	margin-bottom:5%
}


/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
	top: 50%;
	margin-top: -30px
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	right: 0;
}


/*------------PAGINATION------------*/

/*style pagination*/
.pagination li {
	background-color: #ddd;
}

.pagination li.active {
	background-color: #000;
}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height: auto;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.weichatbox {
	background:#000;
	width:100%;
	height:8rem;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.weichatbox ul li { width:50%; color:#fff; text-align:center; float:left; padding-top:3%}
.weichatbox ul li img { margin-bottom:5px; width:50%;}




.bodybox h1 {
    font-weight: bold;
    padding-bottom: 21px;
    line-height: 27px;
}