/*Generated by wjdhcms 3.0 */

@charset "utf-8";



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



 ::selection {

	background-color: #2aa108;

	color: #fff;

}



::-moz-selection {

	background-color: #2aa108;

	color: #fff;

}



::-webkit-selection {

	background-color: #2aa108;

	color: #fff;

}

* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}





/* pagetop */



.top{

    width: 100%;

    height: 1px;

    margin: 0 auto;

}



.pagetop{

    width: 100%;

    height: 100px;

    margin: 0 auto;

	background: #fff;

	border-bottom: 4px solid #2aa108;

box-shadow: 0 8px 8px 0px rgba(0, 0, 0,0.3);

position: relative;

z-index: 5;



}



.pagetop .tel {

	width: 1180px;

	margin: 0 auto;

	height: 30px;

	

}



.pagetop .tel span {

	float: right;

	background: url(../images/tel.jpg) no-repeat left center;

	padding-left: 30px;

	font-size: 16px;

	color: #666;	

	line-height: 30px;

margin-right: 20px;

	

}



.pagetop .top_n{

    width: 1180px;

    height: 70px;

    margin: 0 auto;

}



.pagetop .top_n .logo{

    width: 217px;

    height: 59px;

    margin: 0;

    float: left;

}



/* nav */



.nav_bg {

    height: 70px;

	width: 910px;

    margin: 0 auto;

    position: relative;

    float: right;

}



.nav_bg .nav {

    height: 70px;

	width: 910px;

    margin: 0 auto;

	position: relative;

    z-index: 111;

}











@keyframes swingdown {

	0% {

		opacity: .99999;

		transform: rotateX(90deg);

	}



	100% {

		transform: rotateX(0);

		animation-timing-function: ease-in-out;

	}

}





.nav>ul>li {

	height: 70px;

	text-align: center;

	color: #fff;

	float: left;

	position: relative;

	

}



.nav ul li a {

	display: block;

	color: #fff;

	line-height: 70px;

	-webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out; 

	

}



.nav>ul>li>a {

	color: #333;

	font-size: 16px;

    line-height: 70px;

	font-weight:bold;

	padding: 0 14px;

    -webkit-transition:all 0.8s ease-out;

	-o-transition:all 0.8s ease-out;

	transition:all 0.8s ease-out; 

}



.nav>ul>li>ul>li {

	position: relative;

	height: 40px;

	line-height: 40px;

	background: rgba(42, 161, 8, 1);

	width: 130px;

	left: 0px;

}



.nav>ul>li>ul>li a {

	color: #fff;

    line-height: 40px;

    display: block;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;



}



.nav>ul>li>ul {

	height: auto;



	width: 130px;

	position: absolute;

left: -30%;

transform: translateX(30%);

top: 70px;

}



.nav>ul>li>ul>li>b {

	width: 0;

	display: block;

	height: 40px;

	background: #333;

	-webkit-transition: .5s;

	transition: .5s;

	position: absolute;

	top: 0;

	left: 0;

}



.nav>ul>li>ul>li:hover b {

	width: 100%;

}





.nav>ul>li>ul>li:hover>a {

	position: absolute;

	width: 130px;

	height: 40px;

	position: absolute;

	top: 0;

	left: 0;

	color: #fff;

	display: block;

}



.nav>ul>li:hover{background: url(../images/nav_hover.jpg) no-repeat bottom center;

}

.nav>ul>li.another{background: url(../images/nav_hover.jpg) no-repeat bottom center;}



.third-nav {

	margin-left: 100%;

	top: 0px;

	left: 0px;

	width: 130px;

	position: relative;

	display: none;

}





.third-nav li {

	width: 130px;

	height: 40px;

	background: rgba(42, 161, 8, 1);

	display: none;

}





.third-nav li @keyframes swingdown {

	0% {

		opacity: .99999;

		transform: rotateX(90deg);

	}



	100% {

		transform: rotateX(0);

		animation-timing-function: ease-in-out;

	}

}





.second-nav {

	display: none;



}



.second-nav>li {



	border-bottom: 1px solid #fff;

}



.third-nav>li {



	border-bottom: 1px solid #fff;

}



.nav ul li:hover .second-nav {

	display: block;

	animation: swingdown .8s ease-in-out forwards;

}



.nav ul li:hover .third-nav li {

	display: block;

	animation: swingdown .8s ease-in-out forwards;

}



.second-nav li:hover .third-nav {

	display: block;

}



.second-nav li:hover .third-nav a {

	color: #fff;

}





.second-nav>li>a::after {

    display: none;

    position: absolute;

    top: 18px;

    right: 10px;

    width: 4px;

    height: 4px;

    border-bottom: 1px solid #eee;

    border-right: 1px solid #eee;

    content: "";

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: border-color 0.5s ease;

    -moz-transition: border-color 0.5s ease;

    -ms-transition: border-color 0.5s ease;

    -o-transition: border-color 0.5s ease;

    transition: border-color 0.5s ease;

}



.second-nav>li>a.active::after {

    display: block;

}



.nav>ul>li>span {

	width: 100%;

	height: 0;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-transition: .5s;

	transition: .5s;

    display: block;

}



.nav>ul>li>a {

	position: relative;

	top: 0;

    left: 0;

    display: block;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;

-webkit-transition:all 0.5s ease-out;

-o-transition:all 0.5s ease-out;

transition:all 0.5s ease-out; 

}



.nav>ul>li:hover>span {

    background: #333;

}

.nav>ul>li.another>span {

    background: #333;

}





.third-nav li i {

	width: 0;

	display: block;

	height: 40px;

	background: #333;

	-webkit-transition: .5s;

	transition: .5s;

	position: absolute;

	top: 0;

	left: 0;

}



.third-nav li:hover i {

	width: 100%;

}



.third-nav li a {

	display: block;

	width: 124px;

	height: 40px;

	padding: 0 3px;

	position: absolute;

    color: #333;

    display: block;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;

}





.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

}









/* banner */



.banner {

	width: 100%;

	height: 825px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}



.flexslider {

	position: relative;

	height: 825px;

	overflow: hidden;

}



.slides {

	position: relative;

	z-index: 1;

}



.slides li {

	height: 825px;

}



.slides li a {

	display: block;

	width: 100%;

	height: 825px;

}



.flex-control-nav {

	position: absolute;

	bottom: 30px;

	z-index: 999;

	width: 100%;

	text-align: center;

}



.flex-control-nav li {

	display: inline-block;

	width: 14px;

	height: 14px;

	margin: 0 5px;

	*display: inline;

	zoom: 1;

}



.flex-control-nav a {

	display: inline-block;

	width: 14px;

	height: 14px;

	line-height: 40px;

	overflow: hidden;

	background: url(../images/dot.png) right 0 no-repeat;

	cursor: pointer;

}



.flex-control-nav .flex-active {

	background-position: 0 0;

}



/* footer */



.footer_bg{

	width: 100%;

	height: 777px;

	margin: 0 auto;

	background: url(../images/footer_bg.jpg) no-repeat center;

}



.footer_bg .footer{

	width: 1180px;

	height: 722px;

	margin: 0 auto;

}



.footer_bg .footer .footer_t{

	padding-top: 135px;

	height: 85px;

	margin-bottom: 60px;
	box-sizing: content-box;

}

.footer_bg .footer .footer_t h3{

text-align: center;

font-size: 36px;

color: #fff;



}



.footer_bg .footer .f_l{

width: 415px;

float: left;

}



.footer_bg .footer .f_l h5{

	font-size: 48px;

	color: #fff;

	font-weight: bold;

}



.footer_bg .footer .f_l .message{

margin-top: 10px;

}



.footer_bg .footer .f_l .form-group{

	width: 412px;

	height: 45px;

	margin-bottom: 10px;

}



.footer_bg .footer .f_l .form-group input{

	border-bottom:1px solid #535353; 

	width: 412px;

	height: 45px;

	background: none;

	font-size: 14px;

	color: #fff;



}



.footer_bg .footer .f_l .form-group3{

	width: 412px;

	height: 85px;

	margin-bottom: 10px;

}



.footer_bg .footer .f_l .form-group3 textarea{

	border-bottom:1px solid #535353; 

	width: 412px;

	height: 65px;

	background: none;

	font-size: 14px;

	color: #fff;

    padding-top: 20px;

}

.footer .f_l .buttom{

	width: 200px;

	height: 50px;

	margin-top: 30px;

}

.footer .f_l .buttom .an1{

	width: 200px;

	height: 50px;

	background: url(../images/anniu.jpg) no-repeat center;

	font-size: 14px;

	color: #fff;

	padding-right: 35px;
	cursor: pointer;

}



.footer .f_c{

	float: left;

	width: 400px;

	margin-left: 80px;

}



.footer .f_c ul li{

height: 40px;

margin: 30px 0 50px 0;

}

.footer .f_c ul li .f_buttom{

	height: 40px;

width: 40px;

float: left;

}

.footer .f_c ul li .f_buttom img{

	height: 40px;

width: 40px;

}

.footer .f_c ul li .rg{

	float: left;

	margin-left: 10px;

}

.footer .f_c ul li .rg h5{

	font-size: 14px;

	color: #fff;

}

.footer .f_c ul li .rg p{

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}



.footer .f_r{

	float: right;

	margin-right: 70px;

	width: 152px;

}

.footer .f_r .ewm{

width: 90px;

height: 90px;

margin: 0 auto;

}

.footer .f_r .ewm img{

	width: 90px;

	height: 90px;

	margin: 100px auto 0 auto;

}



.footer .f_r .ewm p{

	font-size: 14px;

	color: #6c6c6c;

	text-align: center;

	margin-top: 30px;

}



.footer_bg .end{

	width: 1180px;

	height: 55px;

	line-height: 55px;

	margin: 0 auto;

	font-size: 14px;

color: #fff;

}

.footer_bg .end a{

font-size: 14px;

color: #fff;

}