@charset "utf-8";

/*header*/

.header{

    vertical-align:middle;

	position: fixed;

	margin:auto;

	z-index: 99;

	height: 61px;

	width: 100%;

	top:0;

max-width: 720px; 

	background:#008040;	

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;}

		

.header.index-header{

	height: 63px;

}

.header .head-title-img{

	position: fixed;

/*	background: rgba(0,0,0,0.6);*/

}

.head-title-img .natural{

    display:block;

	position: fixed;

	top: 2px;

	width: 60px;

	height: 60px;

	left: 50%;

	margin-left: -30px;

	-webkit-animation: z 5s linear 0s infinite;

    -moz-animation: z 5s linear 0s infinite;

    -ms-animation: z 5s linear 0s infinite;

    animation: z 5s linear 0s infinite;

    box-shadow: 0px 0px 20px #000;

    border-radius: 50%;

}

#tm{height:137px}

#tm1{height:100px}

}

#pages_nav{ margin:0 auto;}

#pages_nav a{ margin:0 8px; line-height:25px;}

.notice{background:hsla(0,0%,100%,.1);padding:2px 2px;display:-webkit-box;display:-ms-flexbox;display:flex;}

.notice i{display:block;width:26px;height:26px;background:url(/images/icon-notice.png) 50% no-repeat;background-size:contain;margin-right:5px;margin-top:2px}

.notice .marquee{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;line-height:normal;overflow:hidden;font-size:15px;white-space:nowrap;position:relative}

.notice .marquee span{display:inline;width:auto;white-space:nowrap}



.txt{padding-left:4px; padding-right:4px;background-color: #FF0000;border-radius: 5px; color:#FFFFFF;float:left; margin:0 0px; font-size: 12px;}

.txt1{padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px;background-color: #800000;border-radius: 5px; color:#FFFFFF;float:left}

.txt2{padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px;background-color: #800080;border-radius: 5px; color:#FFFFFF;float:left}

.txt3{padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px;background-color: #FF9900;border-radius: 5px; color:#FFFFFF;float:left}

.txt5{padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px;background-color: #FF0000;color:#FFFF00;float:left;width:16px;border-style: dotted; border-width: 2px}

.txt6{padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px;background-color: #FF0000;color:#FFFF00;float:right;width:16px;border-style: dotted; border-width: 2px}





@-webkit-keyframes z {

	from {

		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);

	}

	to {

		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

	}

	

.nav { padding: 0 120px; color: #de2604; text-align: center; font-size: 18px; font-weight: bold; border-bottom: solid 3px #f4cc0d; background: #ffe274; position: relative;}

.nav ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}

.nav ul li { width: 20%; box-sizing: border-box;}

.nav ul li a { display: block; height: 40px; line-height: 40px;}

@media screen and (max-width:720px){ 

.nav { padding: 0; font-size: 15px;}

.nav ul li a { display: block; height: 32px; line-height: 32px;}

}  



	

.nav2 { width: 100%; max-width: 800px; padding: 4px; box-sizing: border-box; text-align: center; background: #fff;}

.nav2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}

.nav2 ul li { width: 20%; padding: 4px; box-sizing: border-box;}

.nav2 ul li a { display: block; height: 32px; line-height: 32px; color: #fff; border-radius: 32px; background: #3d73ff;}

#nav2[data-fixed="fixed"]{ box-shadow: 0 5px 10px rgba(0,0,0,.05); position: fixed; top:0; left: 0; right: 0; z-index: 9; margin: auto;}

@media screen and (max-width:720px){

.nav2 ul li { padding: 2px;}

.nav2 ul li a { height: 26px; line-height: 26px; font-size: 13px;}

}

	    

}

.header .logo-box{

	height: 61px;

}



.header .logo{

	float: left;

	height: 61px;

	margin-left: 10px;

}

.header .logo .logo-img{

	width: 240px;

	height: 60px;	

}

.header .bank{

    float: right;

    position: relative;

    width: 56px;

    height: 44px;

    margin-top: 10px;

}

.header .bank a{

	display: block;

    color: #fff;

    font-size: 8pt;

}

.header .bank img{

	display: block;

	width: 30px;

	height: 30px;

	margin:0 auto;

}









.nullbox{

	height: 61px;

}

.subnullbox{

	height: 61px;

}

/*nav*/

.nav{

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	overflow: hidden;

	border-top: 1px solid #000;

}

.nav span{

	display: block;

	float: left;

	height: 30px;

	line-height: 30px;

	width: 16.66%;

	text-align: center;

	cursor: pointer;

}

.nav span:hover{

	background:#1D79EB;

}

.nav.pf span:hover{



}

.box{

	margin:5px 0;

	border-radius: 5px;

	overflow: hidden;

	background: #008040;

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);

}

/*news*/

.news-title{

	float: left;

    height: 35px;

    line-height: 35px;

    padding-left: 5px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;



}

.news-title img{

	display: block;

	float: left;

	width: 35px;

	height: 35px;

	margin-right:5px;

}

.txtMarquee-left{ padding:0 5px;width:auto;position:relative;height:35px;line-height: 35px;overflow: hidden;color: #FFF;}

.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important;color: #000;  }/* ?? width:auto !important ????SuperSlide?????????????????????¦Í????? */

.txtMarquee-left .bd ul li a{color: #fff;}

.txtMarquee-left .bd ul li a:hover{text-decoration: underline;}





/*content*/

.subnav{

	border-radius:5px;

	padding:5px 0;

	background: rgba(255,255,255,0.8);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff, endcolorstr=#c8ffffff);

	overflow: hidden;

}

.subnav a{

	display: block;

	float: left;

	width: 20%;

	text-align: center;

	font-size: 12pt;

	color: #000;

	font-weight: bold;

	text-shadow: 0px 2px 1px #ff9c00;

}

.subnav a img{

	display: block;

	width: 84px;

	height:76px;

	margin:0 auto 2px;

	animation-duration:4s;

	animation-fill-mode:both;

}

.subnav a:nth-child(1) img,.subnav a:nth-child(2) img{

	animation-name:fadeInLeft;

}

.subnav a:nth-child(3) img{

	animation-name:bounceInDown;

}

.subnav a:nth-child(4) img,.subnav a:nth-child(5) img{

	animation-name:fadeInRight;

}

.ggimg{

	margin:5px 0;

}

.ggimg a img{

	width: 60px;

	height: 60px;

}

@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}

@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}

@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}

.subnav a:hover{

	animation-name:pulse;

	animation-duration:1s;

	animation-fill-mode:both;

}

@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}

.pad{

	padding:4px 4px;

	background: #008040;

    

}

.xjbox{

	margin: 5px 0;

    border-radius: 5px;

    overflow: hidden;

    background: #008040;

}

.sup-title{

	font-size: 14pt;

	height: 50px;

	line-height: 50px;

	margin:5px 0;

	text-align: center;

	color: #fff;

	background: #008040;

	border-radius: 5px;

	text-shadow: 0px 1px 10px #000;

	overflow: hidden;

	border:1px solid #e6e5e5;



}

.jiesitable{

	width: 100%;

	text-align: center;

	word-wrap: break-word;

	font-size:13pt;

	table-layout: fixed;

	border-radius: 8px;

	color: #fff;

	font-weight: bold;

	font-family: 'simsun';

}

.jiesitable tr{

	height: 30px;

}

.jiesitable th,.jiesitable td{

/*	white-space: nowrap;

	overflow: hidden;*/

	text-overflow: ellipsis;

	border:1px solid #008040;	

}

.listtable{

	color: #000;

	table-layout: fixed;

}

.listtable tr{

	height: 25px;

}

.listtable th,.listtable td{

	padding:4px 4px;

}

.listtable th{

	font-size: 20pt;

	text-align: center; 

	border-bottom:1px solid #000;

	text-shadow: 1px 4px 1px #b99b5f;

}

.listtable td{

	height: 36px;

	padding-left: 25px;

	background: url('tj.gif') no-repeat 5px center;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border-bottom: 1px solid #008040;

	font-size: 12pt

}

.listtable td a{

	display: block;

	height: 27px;

	line-height: 27px;

	color: #000;

	padding-right: 22px;

	overflow: hidden;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	background: url(/images/arrow.png) center right no-repeat;

}

.img-title{

	width: 65%;

	float: right;

	text-align: center;

	margin-bottom: 35px;

}

.img-title h1{

	margin-top: 30px;

	font-size: 52px;

	letter-spacing: 6px;

	text-shadow: 0px 2px 1px #000;

	color: red;

}

.img-title h2{

	margin-top: 32px;

	font-size: 24px;

	color: #0060ff;

	letter-spacing: 13px;

	text-shadow: 0px 2px 1px #000;

}

.listtable.icon6{

	background: #fff url('img1.png') no-repeat bottom right;

}

.listtable.icon6 td a{

	color: #000;

}

.xjimg-list{

	background: rgba(255,255,255,0.6)

}

.img-list-box{

	background: url('img2.png') no-repeat top right;

}

.img-list-title{

	margin:5px 0;

	text-align: center;

	font-size: 32px;

	color: #008040;

	font-weight: bold;

	text-shadow: 0px 1px 1px #000;

}

.sideMenu{ height: 248px;border:1px solid #000; border-radius: 5px;overflow: hidden;}

.sideMenu h3{ height:42px; line-height:42px; padding-left:10px;  cursor:pointer;font-size:20px;color: #fff;background: #000;border-bottom:1px solid #fff;}

.sideMenu h3 em{ float:right; display:block; width:40px; height:42px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }

.sideMenu h3.on em{ background-position:16px -57px; }

.sideMenu ul{ padding:20px 25px; color:#999; display:none;}

.sideMenu ul li{

	float: left;

	width: 25%;

	height: 80px;

}

.sideMenu ul li a{

	display: block;

	width: 90%;

	margin:0 auto;

	height: 80px;

	line-height: 80px;

	text-align: center;

	background: rgba(97,152,191,0.7);

	border-radius: 10px;

	border:1px solid #fff;

	color: #000e42;

	font-size: 18px;

	transition: all 0.5s;

}

.sideMenu ul li a:hover{

	background: rgba(0,0,0,0.7);

	color: #fff;

	border:1px solid #000;

}

.qxtable{

	color: #000;

    background: #fff;

    font-weight: bold;

    word-wrap: break-word; 

    word-break: break-all;	

    text-align: center;;

}

.qxtable tr {

     height: 30px; 

}

.qxtable th, .qxtable td {

    border:1px solid #008040;

}

.qxtable th{

	font-size: 18px;

	background: #fff89c;

	text-align: center;

	color: red;

}

.qxtable td {

    text-overflow: ellipsis;    

    font-size: 16px;

}

.qxtable.left{

	text-align: left;

}

.qxtable.left th{

	text-align: left;

}

.qxtable.yxym{

	table-layout:auto;

	word-wrap: break-word;

    word-break: break-all;

/*    background:#fff url(../images/tjl.png) center center no-repeat;

*/}

.qxtable.yxym td{

	font-size: 12pt;

}



.qxtable.yxym tr td:nth-child(2){

	width: 40%;

}

.list-title{



	background: linear-gradient(transparent,#dacfcf);

	color: yellow;

	text-shadow: 0px 0px 10px red;

	border-left: 1px solid #008040;

	border-right: 1px solid #008040;



	height: 40px;

	line-height: 40px;

	font-size: 20pt;

    text-align: center;

    

    text-shadow: 1px 4px 1px #b99b5f;

    

    font-weight: bold;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

#yxym .list-title{

	background: linear-gradient(transparent,#dacfcf);

	color: yellow;

	text-shadow: 0px 0px 10px red;

	border-left: 1px solid #008040;

	border-right: 1px solid #008040;

}



.jueshatable{

	table-layout: auto;

	color: #000;

	border-radius: 5px;

	overflow: hidden;

	text-align: center;

	background: rgba(255,255,255,0.6);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff);

}

.jueshatable tr{

	height: 35px;

}

.jueshatable th{



	color: #fff;

	border:1px solid #008040;

}

.jueshatable td{

	font-weight: bold;

	border:1px solid #008040;

}



/*????????*/

.yqlj .link{

    height: 30px;

    line-height:30px;

    text-align: center;

    background:#0000FF;

    color: #fff;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    font-weight: bold;

    font-size: 16px;

}

.yqlj li{

    float: left;

    padding:2px 1px;

    width: 25%;

}

.yqlj li a{

    display: block;

    text-align: center;

    background:#000;

    color: #fff;

    padding:2px 0;

    border:1px solid #008040;

    border-radius: 3px;

    transition: all 0.3s;

}

.yqlj li a:hover{

    text-decoration: underline;

}



/*footer*/

.foot-img{

	padding-bottom: 40px;

	background: url('foot-img.png') no-repeat center bottom;

}

.copyright{

	width: 100%;

	margin:0 auto;

	text-align: center;

	padding-bottom: 5px;

	margin-bottom:5px;

	border-bottom:1px solid #008040;

}

.xjct{

	background:rgba(189,182,87,0.6);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99bdb657, endcolorstr=#99bdb657);

}













/*sub*/

.tablebox{

	text-align: center; 

	border-collapse: collapse;

	table-layout: fixed;

	width: 100%;

}

.tablebox tr{

	line-height: 32px;

}

.tablebox td{

	border: 1px solid #008040;

    word-break: break-all;

    padding: 3px 2px;

}

.tablebox a{

	color: rgb(255, 0, 0);

	text-decoration: underline;

	font-weight: bold;

	font-size: 16px;

}

.subList-bg{

	background:#fff url('subList-bg.png') no-repeat top right;

}

.subTextTitle{

	color: #000;

    padding: 8px 8px 0px 8px;

    border-top-left-radius:8px;

    border-top-right-radius:8px;

}

.subTextTitle h1{

	height: 40px;

	line-height: 40px;

	overflow: hidden;

    font-size: 18px;

    font-weight: bold;

}

.subTextTitle h2{

	color: #9e6101;

	text-indent: 6px;

}

.subTextTitle p{

	color: #d2b335;

	border-top: 1px solid #008040;

	border-bottom: 1px solid #008040;

	padding:10px 0;

	margin-top:10px;

	text-indent: 6px;

}

.tablebox.imgbox a {

    display: block;

    height: 44px;

}

.tablebox.imgbox img {

    width: 100%;

    height: 44px;

}

.subListTable{

	padding:4px 8px 8px 8px;

	color: #000;

}

.subListTable{

	padding:4px 8px 8px 8px;

	color: #000;

	table-layout: fixed;

}

.subListTable td{

	line-height: 32px;

	border-bottom: 1px solid #ffeda4;

	font-weight: bold;

	word-wrap:break-word;

	word-break:break-all;

}

.foot-subTextTitle{

	padding:0 8px;

}

.foot-subTextTitle p{

	color: #d2b335;

	padding-bottom: 10px;

	border-bottom: 1px solid #ffeda4;

}







@media screen and (max-width: 720px){

	.box,.subnav,.xjbox{

		margin:5px 1px ;

	}

	.subnav a{

		font-size: 11pt;

	}

	.subnav a img{

		width: 67.2px;

		height: 60.8px;

	}

	.ggimg a img{

		width: 40px;

		height: 40px;

	}

	.xjbox table,.listtable td{

		font-size: 10pt;

	}

	.sideMenu ul li a{

		font-size: 12px;

	}

	.img-title{

		width: 90%;

	}

	.img-title h2{

		letter-spacing: 7px;

	}

	.head-title-img .natural{

		left: 73%;

	}

	.header .logo{

		margin-left: 0px;

	}

	.nav span{

		font-size: 10px;

	}

	.qxtable.yxym td{

		font-size: 12px;

	}

	.qxtable.yxym tr td:nth-child(2){

		font-size: 13px;

	}

	}

.picScroll-left {

    overflow:hidden;

    position:relative;

}

.picScroll-left .bd {

    padding:10px 0;

}

.picScroll-left .bd ul {

    height: 114px;

    overflow:hidden;

    zoom:1;

}

.picScroll-left .bd ul li {

    margin:0 8px;

    float:left;

    _display:inline;

    overflow:hidden;

    text-align:center;

}

.picScroll-left .bd ul li .pic {

    text-align:center;

}

.picScroll-left .bd ul li .pic img {

    width:120px;

    height:90px;

    display:block;

    padding:2px;

    border:1px solid #fff;

}

.picScroll-left .bd ul li .pic a:hover img {

    border-color:#999;

}

.picScroll-left .bd ul li .scroll-title {

    line-height:24px;

}

.picScroll-left .tempWrap {

    margin:0 auto;

}

.box.spareURL p {

    font-size: 15pt;

    font-weight: 700;

    font-family: "Microsoft YaHei";

    color: #ff0000;

    text-align: center;

}

.box.spareURL a {

    display: block;

    float: left;

    width: 33.33%;

    text-align: center;

    font-size: 16pt;

    color: rgb(255, 255, 255);

    font-weight: bold;

    text-shadow: 0px 0px 10px #ff09ec;

    animation-name: pulse;

    animation-duration: 1s;

    animation-fill-mode: both;

    animation-iteration-count: infinite;

    text-decoration: none;

}

.ggtable td{

    width: 25%;

}

.ggtable a{

    display: block;

    height: 100%;

    text-decoration: none;

}

.ggtable img{

    display: block;

    margin:0 auto;

    width: 40px;

    height: 40px;

}





@keyframes pulse{

    0%{transform:scaleX(1)}

    50%{transform:scale3d(1.2,1.2,1.2)}

    to{transform:scaleX(1)}

}

@media screen and (max-width: 720px){

    .box.spareURL a {

        font-size: 10pt;

    }

}

.box.spareURL p {

    font-size: 15pt;

    font-weight: 700;

    font-family: "Microsoft YaHei";

    color: #ffffff;

    text-align: center;

}

.box.spareURL a {

    display: block;

    float: left;

    width: 33.33%;

    text-align: center;

    font-size: 16pt;

    color: #ffffff;

    font-weight: bold;

    text-shadow: 0px 0px 10px #99ffff;

    animation-name: pulse;

    animation-duration: 1s;

    animation-fill-mode: both;

    animation-iteration-count: infinite;

    text-decoration: none;

}

.ggtable td{

    width: 25%;

}

.ggtable a{

    display: block;

    height: 100%;

    text-decoration: none;

}

.ggtable img{

    display: block;

    margin:0 auto;

    width: 40px;

    height: 40px;

}



.nav{margin-top:0;border-radius:0px 0px 5px 5px;height: 30px;width: 100%;background: #008040;}

.nav1{margin-top:0;border-radius:0px 0px 5px 5px;height: 48px;width: 100%;background: #008040;border-bottom:1px dashed #008040;}

.nav span{display: block;float: left;width: 20%;text-align: center; height: 30px;line-height: 30px;cursor: pointer;color: #000;font-size: 16px;color:#FFF;}

.nav span:hover{background: #4f343300;border-radius:0px 0px 5px 5px;}



@keyframes pulse{

    0%{transform:scaleX(1)}

    50%{transform:scale3d(1.2,1.2,1.2)}

    to{transform:scaleX(1)}

}

@media screen and (max-width: 720px){

    .box.spareURL a {

        font-size: 10pt;

    }

}