@charset "utf-8";
* { padding: 0; margin: 0; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
label, input, select { vertical-align: middle; }
ul li { list-style: none; }
a, a:visited { text-decoration: none; outline: 0; color: #333; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
a:hover, a:focus { outline: none; text-decoration: none; color: #4DC236; }
img { border: none; display: inline-block; vertical-align: middle; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
input { border: none; background: none; }
form input[type="text"]:focus::-moz-placeholder, form input[type="number"]:focus::-moz-placeholder, form input[type="password"]:focus::-moz-placeholder, form input[type="email"]:focus::-moz-placeholder, form textarea:focus::-moz-placeholder { color: #ccc; }
form input.placeholder[type="text"], form input.placeholder[type="number"], form input.placeholder[type="password"], form input.placeholder[type="email"], form textarea.placeholder { color: #999; }
body, html { overflow-x: hidden; }
html, body { font: 14px/1.5 tahoma, arial, "Microsoft Yahei", \5b8b\4f53, sans-serif; color: #4B5564; background: #fff; }
::-webkit-selection { background: #999; color: #fff; }
::-o-selection { background: #999; color: #fff; }
::selection { background: #999; color: #fff; }

/* defined css*/
.clearfix { clear: both; }
.clearfix::before, .clearfix::after { content: " "; display: table }
.clearfix::after { clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }
.hide { display: none; }
.visibility { visibility: visible; }
.fixed { position: fixed; }
.pr { position: relative; }
.pa { position: absolute; }
.img img { width: 100%; }
.text-indent { text-indent: 2em; }

/*font-size css*/
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.font32 { font-size: 32px; }

/* font-weight css*/
.font-bold { font-weight: bold; }
.font-normal { font-weight: normal; }

/*font-color css*/
.font-gray-666 { color: #666; }
.font-gray-999 { color: #999; }

/*font line-height*/
.line24 { line-height: 24px; }
.line28 { line-height: 28px; }
.line32 { line-height: 32px; }
.line36 { line-height: 36px; }
.line38 { line-height: 38px; }
.line42 { line-height: 42px; }
.line48 { line-height: 48px; }

/*background color css*/
.grayBg { background: #F6F6F6; }
.gray-line-b { border-bottom: 1px solid #D6DEDF; }
@media (max-width:768px) {
	.container { width: 100%; }
}
@media (min-width:970px) and (max-width:1280px) {
	.container { width: 1000px; }
}
@media (min-width:1280px) {
	.container { width: 1310px; }
}
.container { margin: 0 auto; }
.container-fluid { width: 100%; overflow: hidden; }
.grid-md-1, .grid-md-2, .grid-md-3, .grid-md-4, .grid-md-5, .grid-md-6, .grid-md-7, .grid-md-8, .grid-md-9, .grid-md-10, .grid-md-11, .grid-md-12 { min-height: 1px; float: left; }
.grid-md-12 { width: 100%; }
.grid-md-11 { width: 91.66666667%; }
.grid-md-10 { width: 83.33333333%; }
.grid-md-9 { width: 75%; }
.grid-md-8 { width: 66.66666667%; }
.grid-md-7 { width: 58.33333333%; }
.grid-md-6 { width: 50%; }
.grid-md-5 { width: 41.66666667%; }
.grid-md-4 { width: 33.33333333%; }
.grid-md-3 { width: 25%; }
.grid-md-2 { width: 16.66666667%; }
.grid-md-1 { width: 8.33333333%; }
@media (max-width:768px) {
	.grid-xs-1, .grid-xs-2, .grid-xs-3, .grid-xs-4, .grid-xs-5, .grid-xs-6, .grid-xs-7, .grid-xs-8, .grid-xs-9, .grid-xs-10, .grid-xs-11, .grid-xs-12 { min-height: 1px; float: left; }
	.grid-xs-12 { width: 100%; }
	.grid-xs-11 { width: 91.66666667%; }
	.grid-xs-10 { width: 83.33333333%; }
	.grid-xs-9 { width: 75%; }
	.grid-xs-8 { width: 66.66666667%; }
	.grid-xs-7 { width: 58.33333333%; }
	.grid-xs-6 { width: 50%; }
	.grid-xs-5 { width: 41.66666667%; }
	.grid-xs-4 { width: 33.33333333%; }
	.grid-xs-3 { width: 25%; }
	.grid-xs-2 { width: 16.66666667%; }
	.grid-xs-1 { width: 8.33333333%; }
}

/*footer css*/
div.copyright { background: #17171A; padding: 15px 15px 20px; height: auto; width: 100%; line-height: 2; color: #666; position: relative; }
div.copyright .container p { text-align: center; }

/*crumbs css*/
.crumbs { background: #f1f1f1 none repeat scroll 0 0; font-size: 16px; height: 60px; line-height: 60px; position: relative; width: 100%; }
.crumbs span.tit { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 18px; font-weight: normal; }
.crumbs .location { color: #999; float: right; }
.crumbs .location i.home-icon { }
.crumbs .location a { color: #999; }

/*返回到顶部*/
.gobackTop { width: 50px; height: 50px; font-size: 24px; line-height: 50px; text-align: center; position: fixed; bottom: 50px; right: 15px; cursor: pointer; z-index: 999999; display: none; font-weight: bold; }
.gobackTop  a { display: block; background: #888; color: #fff; font-weight: bold; }

/*page css*/
.pageBox { margin-top: 30px; }
.pageBox #pagelist { margin-bottom: 10px; }
#pagelist, #espcms_bbs_pagelist { color: #818181; text-align: center; }
.pagination { border-radius: 0px; overflow: hidden; font-size: 12px; margin: 0px; text-align: center; }
.pageBottom { padding: 10px 0px; overflow: hidden; }

/*按钮色彩样式*/
.pagination a { display: inline-block; vertical-align: middle; color: #555; overflow: hidden; padding: 6px 12px; margin: 0px 0px 0px 5px; border: 1px solid #ccc; background: #fff; }
.pagination a:visited { text-decoration: none; overflow: hidden; }
.pagination a:active { text-decoration: none; overflow: hidden; }
.pagination a:hover { color: #fff; background-color: #4DC236; overflow: hidden; }
.pagination span.current { display: inline-block; vertical-align: middle; color: #555; overflow: hidden; padding: 6px 12px; margin: 0px 0px 0px 5px; border: 1px solid #ccc; }
.pagination span.disabled { background-color: #fff; }

/*public-banner css*/
.public-banner { position: relative; width: 100%; height: auto; overflow: hidden; }
.public-banner img { width: 100%; }
.public-banner div.banner-mask { position: absolute; z-index: 1; background: url(../images/pattern.png) repeat; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; }

/*type-menu css*/
div.type-menu {
	padding: 10px 0px;
	background: #fff;
	font-size: 14px;
	color: #333;
	text-align: left;
	width: 100%;
}
div.type-menu ul.menu-ul1 li.swiper-slide {
	position: relative;
	display: inline-block;
	float: left;
	width: auto;
	font-size: 14px;
	padding-left: 25px;
}
div.type-menu ul.menu-ul1 li.swiper-slide a{
	display: block;
	padding: 5px 4px;
}

div.type-menu ul.menu-ul1 li.swiper-slide a.hover{
	color: #7BC91E;
}
div.type-menu ul.menu-ul1 li.cur>a{
	color: #7BC91E;
}
div.type-menu ul.menu-ul1 li.swiper-slide a i.a-icon{
	display: none;
	width: 14px;
	height: 14px;
	position: absolute;
	right: -15px;
	top: 8px;
	background: url('../images/arrow.png') no-repeat center center;
	z-index: 1;
}

div.type-menu ul.menu-ul1 li.firstLi ul.menu-ul2 {
	display: none;
	background: #fff;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
	border-top: 3px solid #7bc91e !important;
	position: absolute;
	left: 15px;
	top: 40px;
	z-index: 999;
	min-width: 168px;
}
div.type-menu ul.menu-ul1 li.firstLi ul.menu-ul2 li{
	text-align: left;
	display: block;
	width: 100%;
	border-bottom: #eee 1px solid;
}

div.type-menu ul.menu-ul1 li.firstLi ul.menu-ul2 li a{
	padding: 12px 20px;
}
div.type-menu ul.menu-ul1 li.firstLi ul.active {
	display: block;
}
/*left-menu css*/
.pb-left { width: 23%; float: left; overflow: hidden; }
.pb-right { width: 77%; float: left; border-left: 1px #DEDEDE solid; overflow: hidden; min-height: 800px; }
.pb-right div.title { height: 75px; font-size: 16px; color: #303030; font-weight: normal; border-bottom: 1px solid #DEDEDE; padding: 23px 0px 0px 25px; position: relative; }
.pb-right div.title i.icon { position: absolute; color: #ff4e38; font-size: 34px; top: 16px; }
.pb-right div.title span.location { padding-left: 40px; color: #666; }
.pb-right div.title span.location a { color: #666; }
div.left-menu { width: 100%; }
div.left-menu h2.title { height: 75px; font-size: 20px; color: #ff4e38; font-weight: normal; border-bottom: 1px solid #DEDEDE; position: relative; padding: 20px 0px 0px 25px; }
div.left-menu h2.title span.line { background: #ff4e38; position: absolute; left: 15px; top: 22px; width: 4px; height: 30px; }
ul.menu-first li a { display: block; border-bottom: 1px solid #DEDEDE; padding: 15px 35px; }
ul.menu-first li a.hover { color: #ff4e38; }
ul.menu-first li.first-li { font-size: 16px; clear: both; width: 100%; }
ul.menu-first li.first-li  a i.icon { font-size: 14px; }
ul.menu-first li.first-li a.first-a { display: block; border-bottom: 1px solid #DEDEDE; }
ul.menu-first li.first-li>a { display: block; border-bottom: 1px solid #DEDEDE; padding: 15px 35px; }
ul.menu-first li.first-li ul.menu-second { padding: 0px 15px; }
ul.menu-first li.first-li ul.menu-second a { padding-left: 50px; }

/*menu css*/
header.header { width: 100%; background: #fff; z-index: 999; position: fixed; box-shadow: 0px 3px 3px rgba(0, 0, 0, .1); }
header.header .logo { float: left; display: inline-block; }
header.header .logo .img { padding: 25px; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
header.header nav.nav { float: right; display: inline-block; }
header.animation-slide-top  .logo .img { padding: 15px 25px; }
header.animation-slide-top  .logo .img img { width: 75%; }
.venus-menu { margin: 0; padding: 0; position: relative; font-family: 'Open Sans', sans-serif; list-style: none; background: #fff; }
.venus-menu li { display: inline-block; margin: 0; padding: 0; float: left; line-height: 20px; position: relative; }
.venus-menu > li > a { padding: 35px 24px; font-size: 18px; color: #777; text-decoration: none; display: block; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.venus-menu li:hover > a, .venus-menu li.active a { background: #018A00; color: #fff; }
.venus-menu > li > a i { color: #bababa; }
.venus-menu > li:hover > a i, .venus-menu li.active a i { color: #fff; }
.venus-menu ul, .venus-menu ul li ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; width: 150px; }
.venus-menu ul { top: 90px; left: 0; padding-top: 10px; }
.venus-menu > li > ul > li:first-child a:before { content: ''; position: absolute; bottom: 48px; left: 45%; margin-left: -48px; width: 0; height: 0; border-left: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 255, 255, 0); border-bottom: 8px solid #8ECB8D; }
.venus-menu > li > ul > li ul li:first-child a:before { content: ''; position: absolute; bottom: 16px; left: 45%; margin-left: -71px; width: 0; height: 0; border-top: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid #018A00; border-bottom: 8px solid rgba(255, 255, 255, 0); }
.venus-menu ul li ul { top: 0; left: 100%; padding-left: 10px; }
.venus-menu ul li { clear: both; width: 100%; border: none; }
.venus-menu ul li a { padding: 14px 20px; width: 100%; color: #fff; font-size: 14px; text-decoration: none; display: inline-block; float: left; clear: both; background: #018A00; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; }
.venus-menu ul li:hover > a { background-color: #0E560D; }
.venus-menu > li > ul > li:first-child:hover a:before { border-bottom-color: #0E560D; }
.venus-menu > li > ul > li ul li:first-child:hover a:before { border-right-color: #0E560D; }
.venus-menu > li .indicator { position: absolute; color: #bababa; top: 34px; right: 8px; font-size: 20px; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
.venus-menu > li:hover > .indicator { color: #fff; }
.venus-menu ul > li .indicator { top: 14px; right: 8px; color: #fff; }
.venus-menu > li.showhide { display: none; height: 46px; margin-top: 16px; cursor: pointer; color: #777; width: 56px; position: fixed; right: 0px; top: 0px; }
.venus-menu > li.showhide span.icon { margin: 16px 20px; float: right; }
.venus-menu > li.showhide .icon em { margin-bottom: 3px; display: block; width: 20px; height: 2px; background: #ccc; }
header.animation-slide-top { box-shadow: 0px 0px 3px rgba(0, 0, 0, .3); }
header.animation-slide-top .venus-menu > li > a { padding: 20px 24px; font-size: 16px; }
header.animation-slide-top .venus-menu ul { top: 60px; }
header.animation-slide-top .venus-menu > li .indicator { position: absolute; color: #bababa; top: 20px; right: 8px; font-size: 20px; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }

/* .zoom-out {
	-webkit-animation: zoomOut 600ms ease both;
	-moz-animation: zoomOut 600ms ease both;
	-o-animation: zoomOut 600ms ease both;
	animation: zoomOut 600ms ease both;
} */
@-webkit-keyframes zoomOut {
	0% { -webkit-transform: scale(.6); }
	100% { -webkit-transform: scale(1); }
}
@-moz-keyframes zoomOut {
	0% { -moz-transform: scale(.6); }
	100% { -moz-transform: scale(1); }
}
@-o-keyframes zoomOut {
	0% { -o-transform: scale(.6); }
	100% { -o-transform: scale(1); }
}
@keyframes zoomOut {
	0% { transform: scale(.6); }
	100% { transform: scale(1); }
}

.noContent{
	background: #fff;
	padding: 15% 20%;
}

.noContent img{
	width: 100%;
}