@charset "gb2312";
@import url("base.css");
@import url("swiper-4.1.0.min.css");
@import url("art_style.css");

.mainBody{ max-width: 750px; overflow: hidden; margin:0 auto;}

header{ background: #283aa0; height: 30px; padding:15px 3%;/* overflow: hidden; */ position: fixed;  top: 0; width: 94%; z-index: 100000000;}
header .titem,header .tzx{ position: absolute;}
header .titem{ width: 7%; height: 100%; overflow: hidden; background: url(../images/tmenu.png) no-repeat; background-size: 100%; left:20px; top:20px;}
header .tzx{ width: 8.5%; height: 100%; background: url(../images/tzx.png) no-repeat; background-size: 100%; right: 20px; top: 18px;}
header .logo{ display: block; width: 55%; height: 35px; margin: 0 auto; text-align: center}
header .logo img{height: 100%; width: auto; display: inline-block;}
header .titem,.titemMain{ transition: ease all 0.8s;}
header .titem.add{ background: url(../images/titemclose.png) no-repeat; background-size: 100%; top: 16px;}
.titemMain{ height: 0; padding: 0 5%; overflow: hidden; position: absolute; background: rgb(40, 58, 160); top:58px; left: 0; z-index: 3;width: 90%;}
.titemMain.add{ height:auto; padding: 20px 6% 30px 5%; overflow: hidden;}
.titemMain h3{ color: #fff; padding: 0 0 15px; font-size: 1.2em}
.titemMain p{ display: block; border-top: 1px solid #6c7ee4; border-left: 1px solid #6c7ee4; border-right: 1px solid #6c7ee4; overflow: hidden;}
.titemMain p a{display: block; height: 35px; line-height: 35px; width: 33.333%; overflow: hidden; box-sizing: border-box; float: left; color: #fff; text-align: center; border-bottom: 1px solid #6c7ee4; border-right: 1px solid #6c7ee4; font-size: 0.9em}
.titemMain p a:nth-child(3n){ border-right: none}



/*ÓŻݰæ¿é*/
.zxyh{ padding: 20px 15px;}
.zxyh div{ width: 100%;}
.zxyh div img{ width: 100%;}

.hei60{height: 60px;}

.page_np{ padding:10px 0; margin-top:5px; text-align: center; border-top:1px solid #f4f4f4}
.page_np li{ display:inline-block; padding:2px 4px; background:#E6E6E6; border:1px solid #E6E6E6; margin:0 1px}
.page_np li.thisclass{ background:#283AA0; color:#fff}
.page_np li.thisclass a{  color:#fff}
.page_np li select{ margin:-2px 0 0 -4px}


/*¹ÒºÅ°æ¿é*/
.nzzgh{border-top:10px solid #f6f6f8;border-bottom:10px solid #f6f6f8; padding-bottom: 20px}
.nzzgh .ntitle{color: #ff8040;}
.nzzghc{padding: 0 4% 0;}
.nzzghc p{display: block;margin-bottom: 10px;overflow: hidden;background: #F6F6F8;border-radius: 8px;padding: 8px 0;}
.nzzghc p i{float: left;width: 30%;font-size: 1em;height: 30px;line-height: 30px;background: url(../images/gh_ico1.jpg) no-repeat 10% center;background-size: 20%;box-sizing: border-box;padding-left: 10%;}
.nzzghc p input,.nzzghc p .zzghSel{float: left;width: 68%;border: none;height: 30px;line-height: 30px;color: #c2996d;text-indent: 1.2em;border-left: 1px solid #C1C1C1;background: none; font-size: 14px}
.nzzghc p .zzghSel{ color: #999;}
.nzzghc p:nth-of-type(2) i{background: url(../images/gh_ico2.jpg) no-repeat 10% center;background-size: 20%;}
.nzzghc p:nth-of-type(3) i{background: url(../images/gh_ico4.png) no-repeat 10% center;background-size: 20%;}
.nzzghc p:nth-of-type(4) i{background: url(../images/gh_ico3.jpg) no-repeat 10% center;background-size: 20%;}
/* .nzzghc p:nth-of-type(4) input{font-size: 1.2em;text-indent: 0.5em;} */
.nzzghc em{display: block;color: #9c9c9c;font-size: 0.9em;text-align: center;}
.nzzghc span{display: block; width: 100%; margin: 10px auto 0; overflow: hidden;}
.nzzghc span button,.nzzghc span i{ width: 45%; height: 35px; line-height: 35px; color: #fff; font-size: 1.1em; border-radius: 5px; text-align: center}
.nzzghc span button{ background: #283aa0; float: left; border: none}
.nzzghc span i{ background: #f1b50b; float: right}
.zzghText{ font-size: 14px}

.gntitle{font-size: 0.9em;color: #999;font-weight: normal;padding: 20px 15px;}
.gntitle b{color: #f1b50b;font-size: 1.8em;display: inline-block; padding-right: 5px}

footer{ text-align: center; padding: 30px 0 65px; color: #999;}
footer i{display:inline-block; color: #465BD2; padding: 0 10px 10px; position: relative; z-index: 2; background: #fff; font-size: 1.3em; font-weight: 700;}
footer hr{ width: 80%; margin:-24px auto 20px; opacity: 0.4}

iframe[id^="head__"] { display: none !important; }
iframe[id^="utp__"] { display: none !important; }

#cnzz_stat_icon_1256554837{display: none;}

/*Òþ²ØÉϺ£*/
/*.lylx_con ul li:nth-child(26),.lylx_con ul li:nth-child(27){display: none;}*/


nav{ text-align: center; overflow: hidden; font-size: 1.2em; padding:10px 15px; background: #fff; box-shadow: 0 2px 5px #ccc; position: relative; z-index: 2; width: auto}
nav a{ width: 23%; padding: 0 1.3%; display:block; float: left; margin: 0; color: #666;}
nav a:nth-of-type(4){ width: 23%; padding: 0; color: #ff8040;}
nav a i{color: #ccc;}

@media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) {
    nav{ font-size: 1em}
	.zzgh .zzghCon p i{ font-size:1em; width: 28%;}
	.zzgh .zzghCon p .zzghText{ width:70%;}
}
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {
	nav{ font-size: 1.2em}
	.zzgh .zzghCon p i{ font-size:1em; width: 25%;}
	.zzgh .zzghCon p .zzghText{ width:75%;}
}
  
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3) {
nav{ font-size: 1.2em}
	.zzgh .zzghCon p i{ font-size:1em; width: 25%;}
	.zzgh .zzghCon p .zzghText{ width:75%;}
  
}
@media only screen and (min-device-width:412px) and (-webkit-min-device-pixel-ratio: 3) {
nav{ font-size: 1.2em}
	.zzgh .zzghCon p i{ font-size:1em; width: 25%;}
	.zzgh .zzghCon p .zzghText{ width:75%;}
}