*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	background: #f2f2f2;
	color: #616161;
	font-family: "微软雅黑";
}
a:link,a:hover,a:focus, a:visited{
	color:#333;
	cursor: pointer;
	text-decoration: none;
	font-size: 20px;
}
.page-number{
	padding: 5px;
}
.page-number ul{
	display: block;
	width: 285px;
	margin: 0 auto;
}
.page-number ul a{
	font-size: 16px;
	display: inline-block;
	border: solid 1px #CCCCCC;
	border-radius: 3px;
	padding: 0 10px;
}


.pagination-box{
	width: 225px;
	margin: 0 auto;
}
.nav>li>a:hover,.nav>li>a:focus{
	background-color: #67B168;
	color: white;
}
@media only screen and (min-width:1200px ) {
	.container{
		width: 1250px;
	}
}
.nav-top{
	/*float: left;*/
	width: 1050px;
	margin: 0 auto;
}
img{
	width: 100%;
}
.banner .swiper-slide img{
	width: 100%;
}
.swiper-wrapper{
	cursor: pointer;
}
ul li{
	list-style: none;
}
@media only screen and (max-width:768px ) {
	.top-xx{
		display: none;
	}
}
.top-xx{
	margin-top: 10px;
	float: right;
}
.top-xx i{
	color: rgb(124,213,84);
	font-size: 35px;
	margin-top: 5px;
	float: left;
}
.top-xx p{
	margin-bottom: 5px;
	font-size: 16px;
	color: rgb(124,213,84);
	float: left;
	text-align: left;
	padding: 0 0 0 10px;
	line-height: normal;
}
.top-xx p span{
	display: block;
	color: #333333;
	font-size: 20px;
}
.navbar-fixed-top .navbar-collapse{
	max-height: 500px;
}
.header{
	background: white;
}
.banner .banner-box a img{
	width: 100%;
	height: 100%;
}
.box{
	background: white;
	padding: 10px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.header .logo{
	float: left;
	overflow: hidden;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
	.header .logo{
		width: 80%;
	}
}
.nav li{
	transition: all 0.3s linear;
	padding: 0 10px;
	width: 150px;
}
.nav li a{
	height: 60px;
	line-height: 60px;
	border-radius: 3px;
	text-align: center;
	transition: all 0.3s ease-in-out;
	padding: 0;
}
.media-bars{
	/*margin: 10px 0;*/
	width: 50px;
	height: 40px;
	line-height: 40px;
	float: right;
	border-radius: 5px;
	border: solid 1px #C0C0C0;
	font-size: 22px;
	text-align: center;
}
.media-bars:hover{
	background: #F2F2F2;
}
.navbar-collapse{
	display: block;
}
@media only screen and (max-width:993px ) {
	.nav-top{
		display: none;
	}
}
@media only screen and (min-width:993px ) {
	.nav-top{
		display: block;
	}
}
@media only screen and (max-width:993px ) {
	.nav{
		width: 100%;
	}
}
@media only screen and (max-width:993px ) {
	.nav li{
		width: 100%;
	}
}
@media only screen and (min-width:993px ) {
	.media-bars{
		display: none;
	}
}
.navbar-nav{
	float: none;
	margin: 0 auto;
}

.aside{
	padding: 50px 0;
	width: 100%;
}
.aside:nth-child(odd){
	background-color: transparent;
}
.aside:nth-child(even){
	background-color: white;
}
.main .aside h4{
	padding: 10px 0;
	font-size: 30px;
	color: #67B168;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	font-weight: bold;
}
.main .aside h4 .xx{
	display: block;
	height: 2px;
	width: 90px;
	margin: 15px auto;
	margin-bottom: 0;
	background-color: #67B168;
}
.main .row .inbox p{
	text-align: left;
	margin: 5px 0;
	padding: 0 10px;
	font-size: 16px;
	color: #818181;
}
.main .aside .container p{
	text-align: center;
	font-size: 18px;
}
.row{
	padding: 20px;
}
.row div{
	padding: 5px 0;
	position: relative;
}
.row .inbox{
	padding: 10px;
}
.inbox .fato{
	padding: 5px;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	border: solid 4px #eaeaea;
	border-radius: 100%;
	font-size: 50px;
	text-align: center;
	line-height: 100px;
	color: white;
	background: rgb(124,213,84);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	cursor: pointer;
}
.inbox .fato:hover{
	box-shadow: 0 0 10px #555;
	/*background: rgb(124,213,84);*/
	border-color: rgba(0,0,0,0.1);
}
.row .inbox h3{
	text-align: center;
	color: #616161;
	font-size: 18px;
	font-weight: bold;
}
.row .inbox p{
	color: #818181;
	padding: 0 10px;
	text-align: center;
}
.aside{
	background: white;
}
.aside .about-cx{
	padding: 0 15px;
}
.aside .about-cx .colist{
	padding: 0;
}
.aside .about-cx .colist .about-img{
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	margin-right: 10px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	background: url(../images/bj.jpg) no-repeat right;
} 	
.aside .about-cx .colist{
	height: 400px;
	overflow: hidden;
	text-align: left;
}
.colist h3{
	font-size: 20px;
	font-weight: bold;
	padding: 0 10px;
	color: #616161;
}
@media only screen and (max-width: 992px) {
	.colist h3{
		text-align: center;
	}
}
.colist p{
	text-indent: 30px;
	padding: 5px 10px;
	line-height: 30px;
	color: #818181;
	text-align: left;
	white-space: pre-wrap;
}
.banner-anim {
	width: 95%;
	margin: 0 auto;
}
.banner-anim .btns{
	display: block;
	width: 120px;
	height: 50px;
	margin: 0 auto;
	background: #67B168: 
}
.banner-anim .col-md-3{
	padding: 0 5px;
	height: 300px;
	margin-bottom: 20px;
	overflow: hidden;
}
.tp-title{
	width: 100%;
	height: 50px;
	color: #262626;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	background: rgba(255,255,255,0.8);
	visibility: hidden;
	transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
}
.banner-anim .row .tp,.alzx .row .tp{
	height: 300px;
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
	
	cursor: pointer;
}
.cpzx .tp{
	height: 260px;
	width: 90%;
	border-radius: 5px;
	
	cursor: pointer;
}
@media only screen and (max-width: 500px) {
	.cpzx .tp{
		width: 100%;
	}
}
.cpzx .tp-title-1 .zpzx-time{
	padding: 5px 10px;
}
.cpzx .tp-title-1 h4{
	text-align: left;
	margin: 0;
	padding: 0 10px;
	color: #555;
}
.cpzx .col-md-3 .tp{
	overflow: hidden;
}
.yc{
	position: relative;
	height: 100%;
	background: rgba(0,0,0,0.3);
	transition: all 0.3s ease;
	transform: translateY(-300px);
	text-align: center;
}
.yc i{
	position: absolute;
	top: 50%;
	font-size: 25px;
	color: crimson;
}
.cpzx .tp:hover .yc{
	transform: translateY(0);
}
.col-md-3:hover .tp-title{
	opacity: 1;
	visibility: visible;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
}
.banner-anim button,.alzx button,.cpzx button{
	outline: none;
	border: solid 1px #67B168;
	background-color: #67B168;
	border-radius: 5px;
	width: 120px;
	height: 50px;
	color: white;
}
.row div.col-md-4{
	padding: 15px;
	transition: all 0.5s ease;
}
.about-img{
	cursor: pointer;
	height: 270px;
	margin-bottom: 15px;
}
.about-img:hover{
	-webkit-transition-timing-function: cubic-bezier(0.6, 5, 0.3, 0.6);
	transition-timing-function: cubic-bezier(0.6, 5, 0.3, 0.6);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}

@-webkit-keyframes gelatine{
	from,to{
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	25%{
		-webkit-transform: scale(0.9,1.1);
		transform: scale(0.9,1.1);
	}
	50%{
		-webkit-transform: scale(1.1,0.9);
		transform: scale(1.1,0.9);
	}
	75%{
		-webkit-transform: scale(0.95,1.05);
		transform: scale(0.95,1.05);
	}
}
.main .aside .container .gcxx p{
	text-align: left;
	padding: 5px 0;
	margin: 0;
	font-size: 16px;
}
.main .gcxx .gcxx-p{
	border-bottom: solid 1px #616161;
}
.main .gcxx p button{
	float: right;
	padding: 2px 25px;
	outline: none;
	color: white;
	font-size: 13px;
	border-radius: 30px;
	border: 0;
	background-color: rgba(0,0,0,0.5);
}
.main .gdal{
	text-align: center;
	padding: 20px 0;
}
.main .gdal button{
	outline: none;
	padding: 10px 30px;
	font-size: 18px;
	border: 0;
	border-radius: 5px;
	color: white;
	background-color: rgb(124,213,84);
}
.col-md-6{
	margin-bottom: 10px;
}
.row .xw-box{
	width: 95%;
	margin: 0 auto;
	height: 150px;
	padding: 5px;
	transition: all 0.5s linear;
	cursor: pointer;
}
.row .xw-box:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	transform: translateX(-10px);
}
.xw-left{
	float: left;
	width: 35%;
	height: 140px;
	overflow: hidden;
	/*background: url(../img/bj.jpg);
	background-size: 100% 100%;*/
}
.xw-right{
	float: left;
	width: 65%;
	height: 140px;
}
.main .aside .row .xw-right h3{
	font-size: 18px;
	margin: 0;
	font-weight: bold;
	padding: 5px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main .aside .row .xw-right p{
	font-size: 14px;
	color: #ADADAD;
	padding: 0;
	margin: 0;
	text-align: left;
	padding: 5px 10px;
}
.main .aside .row .xw-right p.ell{
	display: block;
	overflow: hidden;
	width: 100%;
	-webkit-line-clamp: 1;
	height:30px;
	font-size: 16px;
	line-height: 25px;
	word-break: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.xw-right button{
	display: block;
	float: right;
	outline: none;
	font-size: 14px;
	margin-top: 10px;
	border: solid 1px #666;
	padding: 0 15px;
	border-radius: 3px;
	margin-right: 10px;
	background-color: transparent;
	transition: all 0.3s ease-in;
}
.xw-right button:hover{
	border-color: #5CB85C;
	background-color: #5CB85C;
	color: white;
}
.footer{
	position: relative;
	padding: 10px 0;
	width: 100%;
	background: rgba(0,0,0,0.85);
}
.footer .bq{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	text-align: center;
	color: #D1D1D1;
	padding: 10px 0;
	margin: 0;
}
.footer .bq img{
	width: 30px;
	height: 30px;;
}
/**/
.footer .col-md-4{
	text-align: center;
	height: 200px;
	color: #D1D1D1;
	border-right: solid 1px #616161;
	padding: 0 10px;
}
.footer .col-md-4:last-child{
	border-right:none;
}
@media only screen and (max-width: 992px) {
	.footer .col-md-4{
		padding: 10px 0;
		height: auto;
		border-right: none;
		margin-bottom: 10px;
		border-bottom: solid 1px #616161;
	}
}
@media only screen and (max-width: 992px) {
	.footer .col-md-4:last-child{
	border-bottom:none;
	}
}
.footer .colsits h3{
	margin: 0;
	padding-bottom: 20px;
}
.colsits p img{
	width: 120px;
}
.colsit ul{
}
.colsits ul li{
	display: inline-block;
	padding: 5px;
}
.colsits ul.uls li{
	width: 49%;
	display: inline-block;
	padding: 5px;
}
.colsits ul li a:hover{
	color: #5CB85C;
}
.colsits ul li a{
	color: #d1d1d1;
	font-size: 15px;
}
.colists .phone h1{
	font-size: 55px;
	margin: 0;
	width: 50px;
	float: left;
}
.colists .phone .span{
	float: left;
	display: inline-block;
}
.colists p{
	padding: 2px 10px;
	margin: 0 auto;
	/*text-align: left;*/
}
.colists p i{
	font-size: 18px;
	padding-right: 10px;
}
.colists .phone{
	height: 80px;
}
@media only screen and (max-width:1200px ) {
	.colists .phone{
		width: 50%;
		margin: 0 auto;
	}
}
.colists .phone .span div{
	padding: 3px 5px;
	font-weight: bold;
}
.colists .phone .span div:first-child{
	font-size: 16px;
}
.colists .phone .span div:last-child{
	font-size: 30px;
}
.colists .phone h1 i{
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}
/*about*/
.aside .gywm{
	margin: 30px auto;
	text-align: center;
	display: block;
}
@media only screen and (max-width:300px ) {
	.aside .gywm a{
		margin: 0 5px;
	}
}
.gywm .am-btn-primary{
	background-color: crimson;
	border-color: crimson;
}
.gywm .am-btn{
	border-radius: 3px;
}
.aside .gywm a.am-dropdown-toggle{
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 5px 10px;
	border: solid 1px #dddddd;
	background-color: transparent;
	transition: all 0.3s ease;
}
.aside .gywm a:hover{
	color: white;
	border:0;
	background-color: #67B168;
}
.aside .xwzx{
	/*height: 200px;*/
	padding: 10px;
	border-bottom: solid 1px #CCCCCC;
}
.main .aside .xwzx p{
	text-align: left;
	padding: 5px 10px;
	font-size: 14px;
}
.aside .xwzx-content{
	padding: 10px;
	border-bottom: solid 1px #CCCCCC;
}
.aside .xwzx-fenye{
	padding: 20px 10px 10px 10px;
	font-size: 16px;
}
.aside .xwzx-fenye span{
	display: inline-block;
	padding: 5px 15px;
	border-radius: 20px;
	transition: all 0.3s ease;
	border: solid 1px #555;
}
.aside .xwzx-fenye span:hover{
	box-shadow: 0 0 5px #555;
	color: #0e90d2;
}
.aside .xwzx-fenye span.fenye-l{
	float: left;
}
.aside .xwzx-fenye span.fenye-r{
	float: right;
}
.main .aside .tp-title-1 h4{
	font-size: 18px;
}
@media only screen and (max-width:400px ) {
	.main .aside .tp-title-1 p{
		text-align: left;
	}
}
.main .aside .tp-title-1 p{
	text-align: center;
	padding: 5px 0;
}
.main .aside .tp-title-1 p a{
	padding: 5px 15px;
	border-radius: 5px;
	font-size: 14px;
	color: #555;
	transition: all 0.3s ease-out;
}
.main .aside .tp-title-1 p a:hover{
	border: solid 1px #555;
}
.main .aside .row .col-md-4:hover{
	box-shadow: 0 0 5px #37B168;
}
@media only screen and (max-width: 600px) {
	.xwzx-xx .xx-l{
		width: 100%;
		height: 100%;
		border: solid 1px violet;
	}
}
.xwzx-xx{
	padding: 10px;
	border: solid 1px red;
}
.news{
	padding: 10px;
}
.imgdat{
	overflow: hidden;
}
.news .imgdat{
	width: 24%;
	float: left;
}
.news .list{
	overflow: hidden;
	padding: 5px;
}
.news .list a{
	display: block;
	overflow: hidden;
	padding: 10px;
	transition: all 0.3s ease;
}
.news .list .content{
	width: 74%;
	float: right;
}
.news .list .content h3{
	margin: 0;
	padding: 5px 0;
	transition: all 0.3s ease;
}
.imgdat img{
	transition: all 0.5s ease;
}
.news .list a:hover .imgdat img{
	transform: scale(1.2);
}
.news .list a:hover {
	color: #0c90d2;
	box-shadow: 0 0 5px #555555;
}
.main .contet .news .list .content p{
	font-size: 16px;
	text-align: left;
}
.news .list .content h3 i,.news .list .content p i{
	padding: 0 10px;
}
.main .aside .container .news .list p.time{
	padding: 10px;
	background: #F2F2F2;
}
/**/
.float-box{
	position: fixed;
	top: 40%;
	right: 0;
	z-index:99;
}

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

.float-box{
	display:none;
	}	
}



ul li{
	list-style: none;
}
.float-box ul li{
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	padding:0 10px 0 0;
	border: solid 1px black;
	transform: translateX(128px);
	transition: all 0.5s ease;
	border-radius: 3px;
	cursor: pointer;
}
.float-list{
	width: 50px;
	height: 100%;
	text-align: center;
	float: left;
	margin-right: 20px;
	border-radius: 3px 0 0 3px;
}
.float-box ul li .fa{
	font-size: 25px;
	color: white;
	
}
.float-box ul li:hover{
	transform: translateX(0);
	font-weight: bold;
}
.float-box ul li:nth-child(1){
	border: solid 1px seagreen;
	color: seagreen;
}
.float-box ul li:nth-child(1) .float-list{
	background: seagreen;
}
.float-box ul li:nth-child(2){
	border: solid 1px cornflowerblue;
	color: cornflowerblue;
}
.float-box ul li:nth-child(2) .float-list{
	background: cornflowerblue;
}
.float-box ul li:nth-child(3){
	border: solid 1px crimson;
}
.float-box ul li:nth-child(3) a{
	color: crimson;
	display: block;
	text-decoration: none;
}
.float-box ul li:nth-child(3) .float-list{
	background: crimson;
}
.top-banner-box{
	height: 300px;
}
.top-banner-box img{
	width:100%;
	height:100%;
}