@charset "utf-8";
html{min-width: 1200px;}
body {margin: 0;padding: 0;background: #313131;	font-family: tahoma, Arial,  "Hiragino Sans GB", "冬青黑体简体中文 w3","Microsoft Yahei", "微软雅黑", sans-serif; min-width: 1200px;}
ul, li {margin: 0;padding: 0;list-style: none;}
p, img, dl, dt, dd {margin: 0;padding: 0;}
img {vertical-align: middle;border: 0 none;}
a {	background-color: transparent;}
a, a:link {	text-decoration: none;}
a:hover {color: #47c1a8;}
*::after, *::before {box-sizing: border-box;}
/*滚动条 start*/  
::-webkit-scrollbar{width:12px;height: auto}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:#000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#3B3B3B;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B; border-radius: 6px}
::-webkit-scrollbar-thumb:hover {background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
.clear {clear: both;}
.clearfix:after {display:block;content:"";overflow:hidden;clear:both; height:0;}
.transition {transition: all 0.2s ease-out 0s;}
.icobg {background-image: url(/skin/images/bg.png); background-size: 350px 512px;;}
.bg{background-image: url(/skin/images/bg.png); background-repeat: no-repeat;}
.lazy {	display: none;}
.wrap{ width:100%; background: #F9F9F9;height: auto; overflow: hidden;}
.container{ width:1200px; margin: 0 auto;}

/*头部*/
.header {width: 100%;height: 100px;background: #000000;	overflow: hidden;}
.headerlogo{height: 80px;	width: 160px;margin: 10px 0;float: left;}
.header ul.nav {height: 100px;width:auto;margin: 0 auto;float: left;}
.header ul.nav li {	float: left;width: 84px;text-align: center}
.header ul.nav li a {display: block;width: 84px;height: 100px;margin: 0;line-height: 100px;font-size: 14px;color: #fff;}
.header ul.nav li a:hover, ul.nav li.active, ul.nav li a.on {	background: #fff;color: #000;	font-weight: bolder;}
.header ul.nav li.active a{color: #000;}
.header ul.nav li.active a {border-bottom: 3px solid #FFFFFF}
/*头部搜索*/
.searchbox { float: right; width: 224px; height: 32px; margin: 34px 0;}
.searchbox:after {content:""; clear:both; display:table}
.searchbox form {  position: relative;  margin: 0 auto;  width: auto;  float: right;}
.searchbox input {  width: 150px;  height: 30px;  padding-left: 15px;  border-radius: 30px;  border: 1px solid #fff;  background: #000;
  outline: none;  position: relative;  transition: .3s linear; color: #fff}
.searchbox input:focus {  width: 180px;}
.searchbox button { width: 24px; height: 24px; border: none; position: absolute; top: 4px; right: 10px;
    background-size: 24px 24px;background-repeat:  no-repeat;background-color: transparent;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDg1LjIxMyA0ODUuMjEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODUuMjEzIDQ4NS4yMTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDcxLjg4Miw0MDcuNTY3TDM2MC41NjcsMjk2LjI0M2MtMTYuNTg2LDI1Ljc5NS0zOC41MzYsNDcuNzM0LTY0LjMzMSw2NC4zMjFsMTExLjMyNCwxMTEuMzI0ICAgIGMxNy43NzIsMTcuNzY4LDQ2LjU4NywxNy43NjgsNjQuMzIxLDBDNDg5LjY1NCw0NTQuMTQ5LDQ4OS42NTQsNDI1LjMzNCw0NzEuODgyLDQwNy41Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTM2My45MDksMTgxLjk1NUMzNjMuOTA5LDgxLjQ3MywyODIuNDQsMCwxODEuOTU2LDBDODEuNDc0LDAsMC4wMDEsODEuNDczLDAuMDAxLDE4MS45NTVzODEuNDczLDE4MS45NTEsMTgxLjk1NSwxODEuOTUxICAgIEMyODIuNDQsMzYzLjkwNiwzNjMuOTA5LDI4Mi40MzcsMzYzLjkwOSwxODEuOTU1eiBNMTgxLjk1NiwzMTguNDE2Yy03NS4yNTIsMC0xMzYuNDY1LTYxLjIwOC0xMzYuNDY1LTEzNi40NiAgICBjMC03NS4yNTIsNjEuMjEzLTEzNi40NjUsMTM2LjQ2NS0xMzYuNDY1Yzc1LjI1LDAsMTM2LjQ2OCw2MS4yMTMsMTM2LjQ2OCwxMzYuNDY1ICAgIEMzMTguNDI0LDI1Ny4yMDgsMjU3LjIwNiwzMTguNDE2LDE4MS45NTYsMzE4LjQxNnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNzUuODE3LDE4MS45NTVoMzAuMzIyYzAtNDEuODAzLDM0LjAxNC03NS44MTQsNzUuODE2LTc1LjgxNFY3NS44MTZDMTIzLjQzOCw3NS44MTYsNzUuODE3LDEyMy40MzcsNzUuODE3LDE4MS45NTV6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}
/*底部*/
.footer .center{margin:0 auto;width:1200px;}
.footer{width:100%; background-color:#313131; min-height:355px; min-width:1198px;}
.flogo{ float:left; width:200px; height:148px;  margin:25px; }
.flogo img{ width:140px;text-align: center; margin: 0 auto}
.flink{width:100px; min-height:120px; margin:20px 10px; position:relative; float:left;}
.flink dl{width:100px; display:block; float:left; color:#515055;}
.flink dl dt{width:100%; display:block; font-size:18px; margin-bottom:20px; color:#FFFFFF;}
.flink dl dd a{width:100px; display:block; font-size:14px; height:23px; line-height:23px; text-align:left; color:#7a7a7a; font-family: "宋体", song, sans-serif; letter-spacing:1px;}
.flink dl dd a:hover{color:#f0f0f0;}
.flink2{width:200px; min-height:200px;margin:20px 10px; position:relative; float:left;}
.flink2 dl{width:200px; display:block; float:left; color:#515055;}
.flink2 dl dt{width:200px; display:block; font-size:18px; margin-bottom:20px; color:#FFFFFF;}
.flink2 dl dd{	float:left}
.flink2 dl dd a{width:100px; display:block; font-size:14px; height:23px; line-height:23px; text-align:left; color:#7a7a7a; font-family:"宋体", song, sans-serif; letter-spacing:1px;}
.flink2 dl dd a:hover{color:#f0f0f0;}

.wxwbsit{ width: 340px;margin:20px 10px;float:left;}
.wxwbsit dl{width:170px; display:block; float:left; color:#515055;}
.wxwbsit dl dt{width:100%; display:block; font-size:18px; margin-bottom:20px; color:#FFFFFF;}
.wxwbsit dl dd a{width:150px; display:block; font-size:14px;}
.wxwbsit dl dd img{width:150px;}
.Copyr{height:72px; line-height:36px; background-color:#313131; font-size:12px; color: #D1D1D1; text-align:center; width:100%; margin:0 auto;min-width:1200px; padding-top:25px;}
.Copyr a{line-height:0; color:#FFFFFF; font-size:12px;}
.Copyr a:hover{color:#FFFFFF;}
.countcode{width:100%; margin:0 ; height:12px;  background:#313131;}
.countcode a{line-height:0; color:#313131; font-size:12px;}
.countcode a:hover{color:#313131;}
.yqlj{	width:1200px;margin:0 auto;	border-top:1px solid #a7a7a7;	border-bottom:1px solid #a7a7a7;}
.yqlj dl dt{color:#FFFFFF;	float:left;	border-top: 1px solid #fff;   display: inline-block;  padding-top: 20px;font-size:24px;    position: relative;	width:100px; margin-right:25px;}
.yqlj dl dd{width:1070px; float:right;  padding: 20px 0;}
.yqlj a{line-height:30px;color:#7a7a7a;	margin:0 10px;float:left;}
.yqlj dl dd a:hover{color:#f0f0f0;}
/*加载更多*/
.loadBtn2{height:58px;width: 1188px; margin: 5px; text-align:center; line-height:58px; color:#bbb; font-size:14px; cursor:pointer; float: left}
.loadBtn2{border:1px solid #f0f0f0;}
.loadBtn2:hover{color:#9b9a9a; background-color:#f0f0f0;}
/*加载更多*/
.loadBtn{height:58px;width: 100%; text-align:center; line-height:58px; color:#bbb; font-size:14px; cursor:pointer; float: left}
.loadBtn{border:1px solid #f0f0f0;}
.loadBtn:hover{color:#9b9a9a; background-color:#f0f0f0;}

/*回到顶部*/
.cd-top {  display: inline-block; height: 40px;  width: 40px;  position: fixed;    bottom: 50px;  right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%;  white-space: nowrap;
    background: rgba(67,178,105,1.00) url(/skin/images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible { visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out {  opacity: .5;}
.cd-top:hover {  background-color: #174B89; opacity: 1;}

/*心点赞*/
.heart { background: url(../imgs/web_heart_animation.png) no-repeat left;  height: 54px; width: 54px; cursor: pointer; position: absolute; top:-10px; left:0;background-size:2900%;}
.heart:hover, .heart:focus{ background-position: right;}
@-webkit-keyframes heartBlast {
    0% {background-position: left;}
    100% {background-position: right;}
}
@keyframes heartBlast {
    0% {background-position: left;}
    100% {background-position: right;}
}
.heartAnimation { display: inline-block; -webkit-animation-name: heartBlast; animation-name: heartBlast;  -webkit-animation-duration: .8s;  animation-duration: .8s;
    -webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-timing-function: steps(28);animation-timing-function: steps(28);
    background-position: right;}

#ewmbox{ position: fixed; z-index: 99; background: #fff; border: 1px solid #C0C0C0;top: 100px; right:50%; margin-right: -125px; width: 250px; height: 250px; display: none;}
#ewmbox button{ float: right; }
#ewmbox #code{ padding-top: 25px; padding-left: 25px;}


.pagination {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 20px
}
.pagination a, .pagination span {
	display: inline-block;
	padding: 7px 8px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #999;
	line-height: 1;
	background-color: #f2f2f2;
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.05);
	border-radius: 2px;
	overflow: hidden;
	transition: all .2s ease-in-out;
	vertical-align: top
}

.pagination .current {
	color: #fff;
	background: #3ca5f6
}
.pagination a:hover {
	color: #fff;
	background: #43B269;
	cursor: pointer;
	text-decoration: none;
}

a.page-num-current {background: #43B269; color:#ffffff;}