@charset "utf-8";
/* 20150706 www.20707.net CSS Document QQ361664246 */

body{color:#666;font:13px/180%  MicrosoftYaHei, "微软雅黑";background:#f3f3f3;}
*{padding:0px;margin:0px}
input{ outline:none}
img{border:none}
p,ul,ol,li,form {margin: 0;padding: 0;list-style: none;}
.bgfff{ background:#fff}
.fl{ float:left}
.fr{ float:right}
.m10{margin:10px auto}
.mt10{margin-top:10px}
.clear{ clear:both}
.over{ overflow:hidden}
.border{border:1px solid #dadada}
a{text-decoration:none;color:#666;}
a:hover{color:#fe4902}

/*导航*/
#menucontent{text-align:center;position:relative;margin:0 auto;background:url(/images/menu_bg1.jpg) repeat top left;height:45px;line-height:45px; font-size:14px}
#menu{width:1050px;list-style:none;/*background:url('/images/menu_bg1.gif') no-repeat top left;*/border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0;margin:0px auto; overflow:hidden;}
#menu li{float:left;border-left:1px solid #000;}
#menu li a{float:left;font-size:14px;color:#fff;border-left:1px solid #ccc;text-decoration:none;background:url(/images/menu_bg1.jpg) no-repeat top left;}
#menu li a:hover{background:url(/images/menu_bg_active_1.jpg) no-repeat top left;}
#menu li:first-child{border:none;}
#menu li:first-child a{border:none;}

/**header***/
.top{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
	-o-transition: all 1s ease;
    -ms-transition: all 1s ease;
	background:url(../images/zhanzhang.jpg) no-repeat right bottom;
	background-size: 100%;
}

.top-body{width:80%;margin:0px auto}
.top-main{padding-top:3.5%;}



.top-title h3{
    color: #FFF80C;
    font-size: 3em;
    font-weight: 200;
    font-family: serif;
}
/*--- buttons ---*/
.top-info{
	margin-top:4%;
}

.span1 a , .span2 a {
	text-decoration: none;
}

.span1 {
	margin: 1% 2% 0 0;
	float: left;
}

.span1 i {
	text-decoration: none;
	position: relative;
	border-left: solid 1px #B0D553;
	font-size: 1.1em;
	color: #fff;
	background: #B0CD3B;
	padding: 8px 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #B0CD3B, 0px 5px 0px 0px #95B643, 2px 10px 5px #757575;
	-moz-box-shadow: inset 0px 1px 0px #B0CD3B, 0px 5px 0px 0px #95B643, 2px 10px 5px #757575;
	-o-box-shadow: inset 0px 1px 0px #B0CD3B, 0px 5px 0px 0px #95B643, 2px 10px 5px #757575;
	box-shadow: inset 0px 1px 0px #B0CD3B, 0px 5px 0px 0px #95B643, 2px 10px 5px #757575;
}

.span1 i:active {
	top: 3px;
	background: #B0CD3B;
	-webkit-box-shadow: inset 0px 1px 0px #B0CD3B, 0px 2px 0px 0px #95B643, 2px 10px 5px #757575;
	-moz-box-shadow: inset 0px 1px 0px #B0CD3B, 0px 2px 0px 0px #95B643, 2px 10px 5px #757575;
	-o-box-shadow: inset 0px 1px 0px #B0CD3B, 0px 2px 0px 0px #95B643, 2px 10px 5px #757575;
	box-shadow: inset 0px 1px 0px #B0CD3B, 0px 2px 0px 0px #95B643, 2px 10px 5px #757575;
}

.span2 {
	float: left;
	margin-top: 1%;
}

.span2 i {
	position: relative;
	border-left: solid 1px #25BEA0;
	font-size: 1.1em;
	color: #fff;
	background: #1BBC9D;
	padding: 8px 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #1BBC9D, 0px 5px 0px 0px #18A291, 2px 10px 5px #6D6D70;
	-moz-box-shadow: inset 0px 1px 0px #1BBC9D, 0px 5px 0px 0px #18A291, 2px 10px 5px #6D6D70;
	-o-box-shadow: inset 0px 1px 0px #1BBC9D, 0px 5px 0px 0px #18A291, 2px 10px 5px #6D6D70;
	box-shadow: inset 0px 1px 0px #1BBC9D, 0px 5px 0px 0px #18A291, 2px 10px 5px #6D6D70;
}

.span2 i:active {
	top: 3px;
	-webkit-box-shadow: inset 0px 1px 0px #1BBC9D, 0px 2px 0px 0px #18A291, 2px 10px 5px #6D6D70;
	-moz-box-shadow: inset 0px 1px 0px #1BBC9D, 0px 2px 0px 0px #18A291, 2px 10px 5px #6D6D70;
	-o-box-shadow: inset 0px 1px 0px #1BBC9D, 0px 2px 0px 0px #18A291, 2px 10px 5px #6D6D70;
	box-shadow: inset 0px 1px 0px #1BBC9D, 0px 2px 0px 0px #18A291, 2px 10px 5px #6D6D70;
}

.top-nav{    
    margin-top:4.5%;
}
.nav {
	text-align: center;
	height: 45px;
	margin-top: 60px;
}

.navul {
	list-style: none;
	position: relative;
	overflow: hidden
}

.navul li {
	display: inline;
	height: 45px;
}

.navul li a {
	position: relative;
	z-index: 200;
	color: #f4f4f4;
	font-size: 16px;
	display: block;
	float: left;
	padding: 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 2px;
	border-left: 1px solid #06F8DB;
	border-right: 1px solid #06F8DB;
	background: #1BBC9D;
	line-height: 45px
}

.navul li a:hover {
	color: white;
	background: #B0D553;
}


.larger{background:#fff;width:80%;margin:0px auto;}
.meta{width:100%;margin:0px auto;overflow:hidden;font-weight:normal;border-bottom:1px solid #BBDDD4;background:#fff;line-height:30px;}
.meta a{text-decoration:none;}
.meta_left{text-align:left;font-size:12px;color:#BDBDBD;float:left;margin:20px 0px 0 20px;}
.meta_right{float:right;margin:20px 20px 0 0px;}
.meta_right a{color:#fff;font-size: 13px;font-weight: 400;font-style: inherit;}
.m1{background:#29AFA4;color:white;padding: 8px 10px;font-size:16px;}
.m2{background:#1BBC9D;color:white;padding: 8px 10px;font-size:16px;}
.zhan_list{width:1050px;margin:0 auto;background:url(/images/r_title_bg.jpg) repeat-y 820px 0;overflow: hidden;padding-bottom:30px;}
.arrow_box {float:left;background: #F8F8F8;box-shadow: 0px 2px 0px rgba(200, 218, 215, .9), inset 0px 1px 1px rgba(214, 214, 214, 0.7);width: 74%;border-radius: 8px;position: relative;padding: 20px 0;margin:20px 0 0 15px;}
.arrow_box:hover{background: #F4F2F2;color: #333;box-shadow: #F7F7F7 1px 1px 1px;}
.arrow_box::before {content: "";width: 0px;height: 0px;border-style: solid;border-width: 0px 0 20px 22px;border-color: transparent transparent transparent white;
position: absolute;left: 780px;top: 23px;}
.arrow_box:hover::before {border-color: transparent transparent transparent #CECCCD;}
.arrow_box::after {content: "";width: 10px;height: 10px;border-radius: 50%;position: absolute;
left: 800px;top: 16px;background: #CCCCCE;border: 2px solid white;transition: all 0.5s;}
.arrow_box:hover::after {border: #E8EBEA 2px solid;background: #2A9E95}
.sy{overflow: hidden;}
.arrow_box img {float: left;margin: 0 20px 0 5px;border: 0;display: block;max-width: 200px;max-height:150px;}
.arrow_box img:hover {
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.arrow_box:hover img{
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.arrow_box p{line-height: 24px;padding: 0 20px 20px;font-size: 14px;color: #757272;}
.dateview{position: absolute;left:838px;top: 20px;width: 125px;line-height: 30px;background:#1BBC9D;border-radius: 0px 40px;text-align:center;color:#fff;}
.datetitle{position: absolute;right: 25px;bottom:15px;line-height: 27px;background:#C8DAD7;text-align:center;color:#fff;padding:0 7px;}
.datetitle:hover{background:#14A58E;}
.clear{clear:both;margin:0px auto;}
@media only screen and (max-width: 1920px) {

}
@media only screen and (max-width: 1680px) {

}
@media only screen and (max-width: 1600px) {
   .top-title h3{font-size:2.5em}
   .top-info .span1 i, .top-info .span2 i{padding:6px 20px}
   .top-nav ul li a{font-size:14px;line-height:40px}
}
@media only screen and (max-width: 1440px) {
    .top-title h3{font-size:2em}
}
@media only screen and (max-width: 1400px) {
   .top-title h3{font-size:1.8em}

}
@media only screen and (max-width: 1366px) {
   .top-title h3{font-size:1.8em}
}
@media only screen and (max-width: 1204px) {
   .top-title h3{font-size:1.8em}
   .zhan_list{max-width:100%;}
   .dateview{display:none}
}
@media only screen and (max-width: 1200px) {
   .top-title h3{font-size:1.8em}
   .zhan_list{max-width:100%;}
   .dateview{display:none}
}
@media only screen and (max-width: 1040px) {
   .top-title h3{font-size:1.8em}
   .top-info .span1 i, .top-info .span2 i{padding:3px 15px}
   .top-nav ul li a{font-size:13px;line-height:35px}
   .zhan_list{max-width:100%;}
   .dateview{display:none}
   .arrow_box{width:96%;margin:15px 2% 0px 2%;}
   .arrow_box p{font-size:12px;line-height:20px}
   .datetitle{font-size:13px;line-height:23px;} 
}
@media only screen and (max-width: 768px) {
   .top-title h3{font-size:1.8em}
   .top-info .span1 i, .top-info .span2 i{padding:4px 15px}
   .top-nav ul li a{font-size:13px;line-height:30px}
   .meta{line-height:25px}
   .meta .m2{padding:5px 9px}
   .zhan_list{width:100%;}
   .dateview{display:none}
   .arrow_box{width:96%;margin:15px 2% 0px 2%;}
   .arrow_box p{font-size:12px;line-height:20px}
   .datetitle{font-size:13px;line-height:23px;}  
   
}
@media only screen and (max-width: 640px) {
   .top-title h3{font-size:1.1em}
   .top-info .span1 i, .top-info .span2 i{padding:4px 15px}
   .top-nav ul li a{font-size:13px;line-height:30px}
   .larger{width:95%}
   .arrow_box img{width:50%;height:auto;margin:0 15px 0 0px}
   .meta{line-height:25px}
   .meta .m2{padding:5px 9px}
   .zhan_list{width:100%;}
   .dateview{display:none}
   .arrow_box{width:96%;margin:15px 2% 0px 2%;}
   .arrow_box p{font-size:12px;line-height:20px}
   .datetitle{font-size:13px;line-height:23px;} 
}
@media only screen and (max-width: 480px) {
   .top-title h3{font-size:1.02em}
   .top-info .span1 i, .top-info .span2 i{padding:3px 8px}
   .top-info {font-size:12px;}
   .top-nav ul li a{font-size:12px;line-height:20px;padding:0px 5px;}
   .larger{width:95%}
   .arrow_box img{width:50%;height:auto;margin:0 15px 0 0px}
   .meta{line-height:20px}
   .meta .m2{padding:4px 5px}
   .dateview{display:none}
}
@media only screen and (max-width: 320px) {
   .top-title h3{font-size:1.1em}
   .top-info .span1 i, .top-info .span2 i{padding:3px 8px}
   .top-info {font-size:12px;}
   .top-nav ul li a{font-size:12px;line-height:20px;padding:0px 5px;}
   .larger{width:97%}
   .arrow_box img{width:50%;height:auto;margin:0 10px 0 0px}
   .meta{line-height:20px}
   .meta .m2{padding:4px 5px}
   .dateview{display:none}
}

/*分页样式*/

.epages a{   
        height: 30px;    
        line-height: 30px;   
        background-color: #EAF9E6;   
        border: 1px solid #009900;     
        text-align: center;   
        margin-right: 2px;   
        margin-left: 2px;   
        text-decoration: none;   
        padding-right: 10px;   
        padding-left: 10px; 
        padding-top:5px;
        padding-bottom:5px;  
        color: #006600;   
}   
.epages a:hover{   
        background-color: #009900;   
        border: 1px solid #009900;   
        text-align: center;   
        text-decoration: none;   
        color: #FFFFFF;   
}   
.epages b{   
        height: 30px;   
        overflow: hidden;   
        line-height: 30px;    
        border: 1px solid #090;   
        text-align: center;   
        margin-right: 2px;   
        margin-left: 2px;   
        color: #fff;   
        padding-right: 10px;   
        padding-left: 10px; 
        padding-top:5px;
        padding-bottom:5px; 
        background: #090;   
}   
 
.epages{text-align:center;}