@charset "gbk";

/* ---------- 标志 ---------- */
#logo {position: relative;float: left;font-size: 36px;line-height: 100%;margin-right: 10px;}
#logo a {display: block;color: #f60;}
#logo a.dark-logo { display: none; }
#logo a.light-logo { display: block; }
#logo img {display: block;max-width: 100%;height: 50px;}
.head-info h1 {float: left;}

/* ---------- 页面头部 ---------- */
#header {position: relative;z-index: 100;}
#header.transparent-header {background: transparent;border-bottom: none;z-index: 199;}
#header.transparent-header + #slider  {top: -118px;position: relative;margin-bottom: -118px;}
#header {
	height: 118px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}
.txt-title {color: #192 !important;}
/* ---------- 头部菜单 ---------- */
#primary-menu {z-index: 300;background: #2ecc40;opacity: 0.95;}
#primary-menu ul {list-style: none;margin: 0;padding: 0;}
#primary-menu ul li {position: relative;float: left;}
#primary-menu ul li:first-child { margin-left: 0;}
#primary-menu ul li a {
	display: block;
	padding: 10px 25px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease, background .4s ease;
	-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease, background .4s ease;
	transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease, background .4s ease;
}
#primary-menu ul li a:hover{background: #fc0;color: #fff;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1)}
#primary-menu > ul > li:hover a,#primary-menu > ul > li a:hover {color: #061;background: #fff;border-top: 3px solid #192;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);}
#primary-menu > ul > li.current a,#primary-menu > ul > li a.current { background: #fc0;color: #fff;border-bottom: 3px solid #f90;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1)}
#primary-menu > ul > li.current a:hover,#primary-menu > ul > li a.current:hover,#primary-menu > ul > li.active a {border: 0;background: #fff;color: #061;}

#primary-menu > ul > li.current a:hover {background: #fff;border-bottom: 3px solid #061;color: #192;}


#main-home #primary-menu a.MMi2 {
    background: #fc0;
    color: #fff;
    border-bottom: 3px solid #f90;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);

}
#primary-menu a.selected {
    background: #fc0;
    color: #fff;
    border-bottom: 3px solid #f90;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);

}
#primary-menu a.parent {
    background: #fc0;
    color: #fff;
    border-bottom: 3px solid #f90;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);

}

.page-listcon.mt-20 {
    min-height: 400px;
}.hidden {display: none;}
.sub-menu {position:absolute;top:44px;left: 0;z-index: 300;display: none;}

#primary-menu ul li .sub-menu a {width: 140px;border-bottom: 1px solid #ccc;color: #192;}
#primary-menu ul li .sub-menu a:hover {background: #eee;color: #061;border-bottom: 1px solid #ccc;}


/* Contenter */
.con4link img {width: 36px;height: auto;margin: 4px auto;}
.leftlink {width: 100%;}
.leftlink img {width: 24px;height: auto;float: left;}
.leftlink a {margin-bottom: 2px;}

.conbox h3 {color: #17a127;}
.conbox li {margin: .5rem 0;position: relative;}
.conbox .text-ellipsis li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.conbox .text-ellipsis.right80 li {padding-right: 80px;}
.conbox li span.date {position:absolute;top:7px;right:4px;color:#999;font-size: .75rem;}
.conbox li:hover i {color: #2ecc40 !important;}
.xmore {display: block;background: #9B9B9B;color: #fff;padding: 3px 8px;font-size: .6rem;position: absolute;top: 2px;right: 0;}
.xmore:hover {background: #fc0;color: #fff;}.xmore a{color: #fff;}

.conlink li {margin: 0;padding: 0;position: relative;}
.conlink li {display: block;background: #eee;padding: 4px 5px;margin: 1px 0;text-align: center;}
.conlink li i {position: absolute;top: 0;right: 0;width: 30px;height: 30px;line-height: 30px;color: #eee !important;}
.conlink li:hover i {background: #2ecc40;color: #fff !important;}

.bottomline {border-bottom: 2px solid #ccc;padding-bottom: 10px;margin-bottom: 0;}

/* -- 二级导航 -- */
#page-menu {height: auto;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);margin-top: -65px;}
.page-menu-head {background: #192;border-bottom: 1px solid #192;padding: 20px 15px;}
.page-menu-head h3 {color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);font-size: 20px;text-align: center;margin-bottom: 0;font-weight: 200;}
.page-menu-body {background: #fff;}
.page-menu-body ul {list-style: none;}
.page-menu-body ul li {position: relative;width: 100%;font-size: 0.85rem;}
.page-menu-body ul li i {position: absolute;top: 10px;left: 20px;z-index: 100;color: #999;}
.page-menu-body ul li a {padding: 10px 10px 10px 50px;text-decoration: none;color: #8B8E93;display: block;border-bottom: 1px solid #F0F0F0;position: relative;}
.page-menu-body ul li:last-child a {border-bottom:0;}
.page-menu-body ul li a:hover {background: #f0f0f0;}
.page-menu-body ul li a.active,.page-menu-body ul li a.active:hover {background: #eee;color: #192;}
.page-menu-body ul li a.active:after {content: '';display: block;position: absolute;top: 50%;right: -8px;margin-top: -8px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #eee;}
.page-menu-body ul li ul li a {padding-left: 48px;border-bottom: 0;}
.page-menu-body ul li ul {border-bottom: 1px solid #F0F0F0;}
.page-menu-body ul li ul li a.active,.page-menu-body ul li ul li a.active:hover {background: #fff;color: #8B8E93;display: block;border-bottom: 0;box-shadow: 0 0 0 #fff inset;}
.page-menu-body ul li ul li a.active:hover,.page-menu-body li .current,.page-menu-body li a.current:hover,.page-menu-body ul li .active ul li a.current {background: #f0f0f0;}
.page-menu-body ul li ul li a.active:after {display: none;}
.page-menu-body ul li i ~ a.active {color: #192;}



#page-menu a.col_item_link.selected {
    background: #eee;
    color: #192;
}
#page-menu ul li a,
#primary-menu ul li a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* ---------- 当前位置 ---------- */
.page-here {padding: 0;border-radius: 0;background: transparent;border: 0;}
.page-here p {margin-bottom: 0;color: #999;}
.page-here p span {}
.page-here p i,.page-here a {margin: 0 6px;}

/* PagesNav */
.pagenav p {font-size: 0.75rem !important;}
.pagenav span {color:#999;margin:0 1px;line-height:1.25rem;height:1.25rem;text-align: center;}
.pagenav input {width:30px;padding:0 .5rem;text-align: center;font-size:0.85rem;}
.pagenav a {background:#999;color:#fff;padding:0 .5rem;font-weight:400;font-size:0.85rem;border-radius:.25rem;border:2px solid transparent;}
.pagenav a:hover {background:#ec4b4b;color:#fff;text-decoration:none;}
.pagenav a.pageinput {display:inline-block;padding:0 .5rem;border:2px solid transparent;border-radius:.25rem;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:0.85rem;line-height:1.5;}
.pagenav a.pageinput{background-color:#fa0;}
.pagenav a.pageinput:focus,.pagenav a.pageinput:hover{background-color:#ec4b4b;}
.pagenav a.pageinput:active{background-color:#ec4b4b;}
.pagenav span.pageon {color:#fff;background:#ec4b4b;padding:0 .5rem;font-size:0.85rem;border-radius:.25rem;height: 1.5rem;line-height: 1.5rem;width: 2rem !important;}
.pagenav span.pagenum {float:right;}
.pagenav span.pagenum a,.pagenav span.pagenum span {float:left;width:auto;padding:0 .5rem;margin:0 1px;}
.pagenav span.pagenum a.pageinput {padding:0 .5rem;}

/* MsgBox */
input,textarea,select {vertical-align:middle;padding:2px;}
#msgbox h3 {border:0;padding:0 0 10px 0;font-weight:800;font-size: 1.25rem;}
#msgbox {float:left;width:100%;margin:0 auto;padding:10px 15px;background:#eee;}
#msgbox .msginf {float:left;width:33%;}
#msgbox p {text-indent:0;}
#msgbox label {display:block;color:#444;font-size: 0.85rem;}
#msgbox textarea {width:100%;height:200px;border:2px solid #ccc;padding:6px;}
#msgbox input {border:2px solid #ccc;padding:6px;}
#msgbox p#msgtle input {width:100%;}
#msgbox em {font-style:normal;padding-left:1em;color:#c00;}
#msgbox p#msgbtn {clear:both;text-align:center;padding:30px 0 0 0;}
#msgbox p#msgbtn button {width: 120px;}
#msgbox p#msgbtn button{background-color:#3498db;}
#msgbox p#msgbtn button:focus,#msgbox p#msgbtn button:hover{background-color:#5dade2;}
#msgbox p#msgbtn button:active{background-color:#2383c4;}
#msgbox #msgcode {width:80%;}
#msgbox #msgcode img {padding-left:6px;display: inline-block;}
#msginfo p {font-size:12px;text-indent:2em;}

/* PageContent */
.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6 {margin-bottom: 0;border-bottom: 2px solid #ccc;padding-bottom: 1rem;}
.page-header p {color: #999;}
.page-header p span {color: #555;}
.page-header i {margin-right: .5rem;color: #999;}

.page-content p {margin: 1rem 0;line-height: 1.5rem;}
.page-content img {margin: 1rem auto;max-width: 100%;}
.page-content ul {margin-left: 1.3rem;list-style: disc;}
.page-content ol {list-style: decimal;margin-left: 1.9rem;}
.page-content li ul, .page-content li ol {margin-bottom: 0.8rem;margin-left: 2rem;}
.page-content li ul {list-style: circle;}
.page-content a {border-bottom: 1px solid #1abc9c;}
.page-content a:hover {border-bottom-color: #2fe2bf;color: #16a085;text-decoration: none;}
.page-content em,.em {position: relative;}
.page-content em:after,.em:after {position: absolute;top: 0.65rem;left: 0;width: 100%;overflow: hidden;white-space: nowrap;
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
}

.pnavbox {width: 100%;}
.pnav {position: relative;}
.pnav i {position: absolute;top: 50%;margin-top: -10px;}
.icircle {border: 1px solid #ccc;background: #eee;width:18px;height: 18px;text-align: center;line-height: 18px;}
.bg-next {background: #2ecc40;}
.bg-pre {background: #2ecc40;}

span.prev{float:left;display: inline-block;font-size: .75rem;color:#aaa;padding-bottom:1rem;background:url(images/foot.png)no-repeat left top;padding-left:35px;background-size: 22%;}
span.prev-title{width: 85%;   float: left; display: inline-block;font-size: .75rem;padding-bottom:2rem;}
span.next{padding-left:0px !important;float:left;display: inline-block;font-size: .75rem;color:#aaa;background:url(images/footr.png)no-repeat left top;padding-left:35px !important;background-size: 22%;padding-bottom:10px;}
span.next-title{width: 85%;   float: left; display: inline-block;font-size: .75rem;}
/* ListPage */
.pagescon .wp_paging{min-height: initial;}
.pagescon .wp_paging li{border: none;padding: 4px 0 4px 0px; background: none;}
li.page_nav a span {color: #333;padding: 0 5px; margin-left: 0px;}
li.page_nav a:hover span {  color: #fff;}
li.page_nav a:hover { background: #f90;}
li.page_nav a:hover span {}
li.page_nav a {  background: #eee;  color: #333; border-radius: 0.25rem; border: 2px solid transparent; padding: 0 5px !important;
height: 20px; line-height: 20px;}
.wp_paging li input { font-size: 12px; *font-size: 100%;width: 40px; height: 17px; line-height: 15px; border: 1px solid #d5d5d5;background: #fff;margin-top: 0px; text-align: center;}
.page-listcon ul.wp_paging li a:hover { background: #ec4b4b;}
.page-listcon ul.wp_paging li a:hover span{color:#fff;}
.pagescon .wp_paging li em {color: #333; font-weight: 500;  font-style: normal;}
li.page_jump { float: left;}
li.page_nav {  float: right;}
li.pages_count { float: left;}
.page-listcon li a.pagingJump {background: #f5a623; color: #fff;  padding: 0 5px 0 8px !important; border-radius: 5px;}
.page-listcon li a.first { background: #f5a623;}
.page-listcon li a.last {  background: #f5a623;}
.page-listcon li a.pagingJump:hover {color: #fff;}
ul.wp_paging.clearfix {  width: 100%;padding-top: 20px;    border-top: 2px solid #eee;}
.page-gallery .col_one_third {position: relative;margin-bottom: 2rem !important;}
.page-gallery .col_one_third span {display: block;z-index: 10;text-align: center;width: 100%;overflow-y: hidden;line-height: 1.25rem;margin-top: 10px;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-line-break:auto;-webkit-box-orient:vertical;}
.page-gallery .col_one_third a {display: block;}
.page-gallery .col_one_third a:hover span {color: #ec4b4b;-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;}
.page-gallery .col_one_third img {width: 100%;}
.page-gallery .col_one_third a:hover img {opacity: .8;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.page-gallery .col_half {position: relative;margin-bottom: 2.5rem !important;}
.page-gallery .col_half p {height: 4rem;text-align: left;}
.page-gallery .col_half span {display: block;z-index: 10;width: 100%;overflow-y: hidden;line-height: 1.25rem;margin-top: 10px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-line-break:auto;-webkit-box-orient:vertical;}
.page-gallery .col_half a {display: block;}
.page-gallery .col_half a:hover span {color: #ec4b4b;-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;}
.page-gallery .col_half img {width: 100%;}
.page-gallery .col_half a:hover img {opacity: .8;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.page-listcon ul,.page-listcon li {list-style: none;margin: 0;padding: 0;}
.page-listcon li.news {border-bottom:1px dotted #ccc;position: relative;}
.page-listcon li.news i {margin-right: .5em;font-size: 0.75rem;color: #ccc;position: absolute;top: 10px;left: 0;}
.page-listcon li.news:hover .icircle {background: #2ecc40;color: #fff;}
.page-listcon li.news a {color: #666;display: block;padding: 8px 10px;overflow:hidden; 
text-overflow:ellipsis;
white-space: nowrap;padding-right: 90px;padding-left: 30px;}
.page-listcon li.news a:hover {color: #2ecc40;-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;}
	.page-listcon li.news span {font-size: 12px;color: #999;}
	.page-listcon li.news span.listdate {position: absolute;top:12px;right: 10px;}
	.possplit {
		background-image: url(posSplit.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-indent: 22px;
		background-position: center;
		width: 10px;
		display: inline-block;
		border: 0px solid red;
	}
	.icon-caii {
	margin-top:3px;	height: 1.5rem;
		width: 1.5rem;    float: left;
		background-image: url(ico.svg);
	}
	.page-listcon.mt-20.font90 {
		min-height: 300px;
	}
	.article {
		min-height: 400px;
	}
/* Footer */
#footer {height: 40px;display: block;}
#footer .cdark {background: #666;color: #fff;}
#footer .cgray {background: #ccc;color: #333;}
#footer strong {margin-left: 0.5rem;}
#footer a {color: #ca0520;}
#footer a:hover {color: #444;}
#footer p {color: #c00;}

/* gotoTop */
#gotoTop{position:fixed;bottom:30px;right:15px;cursor:pointer;height: 40px;width: 40px;line-height: 40px;text-align: center;background: #ec4b4b;z-index: 90;-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;}
#gotoTop:hover{background: rgba(0, 0, 0, 0.5);}
#gotoTop i {color: #fff;font-size: 24px;}

/* ---------- Flexslider ---------- */
.flexslider {position: relative;width: 100%;overflow: hidden;height: 540px;margin-bottom: 0;}
.slides a {display: block;position: absolute;width: 100%;height: 100%;}
.flexslider [draggable] {cursor: pointer;}

.baninfo {opacity: .85;margin-top: -50px;height: 50px;line-height: 49px;}

.flexslider li .meta{position:absolute;bottom:60px;left:0;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.15);font-size: 1.25rem;font-weight: 400;background: rgba(0, 0, 0, 0.75);padding: 10px 20px;margin: 0 auto;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.loading{border:6px solid rgba(100,100,100,.4);border-top:6px solid rgba(0,0,0,.6);border-radius:100%;height:50px;width:50px;animation:loading-rotate .8s infinite linear;background:0 0;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:9999}
@keyframes loading-rotate{from{transform:rotate(0)}
to{transform:rotate(359deg)}
}

/*-------------- animation --------------*/
@-webkit-keyframes mk_3d_top {  0% {
 -webkit-transform: perspective(600px) rotateX(60deg);
 -webkit-transform-origin: center top 0;
}
 100% {
 -webkit-transform: perspective(600px) rotateX(0deg);
 -webkit-transform-origin: center top 0;
}
}
 @keyframes mk_3d_top {  0% {
 -webkit-transform: perspective(600px) rotateX(60deg);
 transform: perspective(600px) rotateX(60deg);
 -webkit-transform-origin: center top 0;
 transform-origin: center top 0;
}
 100% {
 -webkit-transform: perspective(600px) rotateX(0deg);
 transform: perspective(600px) rotateX(0deg);
 -webkit-transform-origin: center top 0;
 transform-origin: center top 0;
}
}
.animation_3d_top { -webkit-animation: mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); }