body{
     font-family: "微软雅黑 Light";
	color: #333;
	    overflow-x: hidden;	
}
.nn{

background-color:#1175e9;
		width:0%;
		height:3px;
		margin: 0 auto;
		display: table;
		transition:width .8s;
		-webkit-transition:width .8s;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.menu li:hover .nn{
	width:100%;
	transition:width .8s;
	-webkit-transition:width .8s;
}
.f{
	float: left;
}
.r{
	float: right;
}
li{
	float: left;
}
.topbg{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #666666;
    background: #f4f4f4;
    border-bottom: 1px solid #eeeeee;

}
.topbg div{
	height: 40px;
	line-height: 40px;
}
.topbg  a{
	color: #666666;
	font-size: 12px;
	margin: 0 10px;

}
img{
	vertical-align: middle;
}
.ml10{
	margin-left: 10px;
}
.tdh{
	font-size: 14px;
	color: #ffb243;
}
.tdh span{
	font-size: 20px;
}
.dtb li{
	margin: 0 auto;
}
/*pc导航*/
.menu li{
	width: 120px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-top: 19px;
	transition: all 0.8s;

}
.menu .cen{
    overflow: hidden;
    display: inline-block;
    top: 40px;
    color: #fff;
    background: #88b82a;
    width: 120px;
    height: 40px;
}
.navbar-header img{
	transition: all 0.8s;
	
}
.posfi1 li{
	margin-top: 15px;
}

.posfi1 .navbar-header img{
	height: 70px;
}
.posfi1{
	position: fixed;
	top:0;
	width: 100%;
	z-index: 99;
	background: #fff;
	border-bottom: 1px solid #88b82a;
}
.mn{
	width: 1200px;
	margin: 0 auto;

}
.cl{
	clear: both;
	height: 0;
}
.bar{
	height: 10px;
}

.tchli img{
	transform: rotateZ(360deg);
}
.p18{
	padding-top:  6px !important;
	padding-bottom:  18px;
}

.cls {
    clear: both
}

a:focus {
    outline: 0
}


.menu {
    height: 40px;
    display: block;
    padding: 0;
    width: 800px;
    margin-top: 0;
    margin-right: auto;
   
    margin-left: auto
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu ul li {
    float: left;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    text-align: center
}

.menu ul li a {
    position: relative;
    display: block;
    width: 90px;
    height: 40px;
    font-family: 微软雅黑, 宋体;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer
}



.cls {
    clear: both
}

a:focus {
    outline: 0
}


.menu {
    height: 40px;
    display: block;
    padding: 0;
    margin-top: 0;
    float: right;
    margin-right: auto;
   
    margin-left: auto
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 850px;
}

.menu ul li {
    float: left;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    text-align: center
}

.menu ul li a {
    position: relative;
    display: block;
    height: 40px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
    color: #1d1d1d;
    width: 120px;
}

.menu ul li a span {
    position: absolute;
    left: 0;
    width: 90px
}

.menu ul li a span.out {
    top: 0
}

.menu ul li a span.over,
.menu ul li a span.bg {
    top: -40px
}

.flexslider {
    position: relative;
    height: 600px;
    overflow: hidden;
    background: url(../images/loading.gif) 50% no-repeat;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 600px;
    /* background-position: fixed !important; */
/*     -webkit-background-size: cover !important;
    background-size: cover !important; */
}

.flex-control-nav {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    width: 100%;
    text-align: center;
    left: 50%;
    margin-left: -30px;

}

.flex-control-nav li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 10px;
    border-radius:  50%;
    height: 10px;
    line-height: 40px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background:#ff0000;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 51px;
    height: 51px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 50%;
    margin-left: -700px;
    background: url(../images/next.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 50%;
    margin-right: -700px;
    background: url(../images/prev.png) center center no-repeat;
}

.bt{
     font-family: "微软雅黑 Light";
    font-size: 24px;
    color: #88b82a;
    margin: 48px auto;
    line-height: 34px;
    text-align: center;
    background: url('../images/jx7.png') no-repeat center bottom;
    padding-bottom: 15px;
}
.bt .yen{
     font-size: 26px;
     color: #ccc;
     font-family: "微软雅黑 Light";
    line-height: 50px;
}


.jjms{
    font-size: 14px;
    color: #333;
    width: 720px;
    margin: 0 auto;
    line-height: 35px;
    text-align: center;
}
.bgren{
    text-align: right;
    padding-right: 115px;
}
.bgshi{
    text-align: left;
    padding-left: 115px;
}
.w600{
    width: 600px;
    height: 196px;
    padding-top: 83px;
    overflow: hidden;
}
.hhd{
    font-size: 20px;
    color: #333333;
    line-height: 25px;
    margin-right: 19px;
}
.f60{
    font-size:  60px;
    font-weight: bold;
    color: #2a2a2a;
    margin-right: 39px;
    margin-top: 9px;
    height: 50px;
}
.hhd1{
    font-size: 20px;
    color: #333333;
    line-height: 25px;
    margin-left: 19px;
}
.f601{
    font-size:  60px;
    font-weight: bold;
    color: #2a2a2a;
    margin-left: 39px;
    margin-top: 9px;
    height: 50px;
}
.synt{
    height: 530px;
    background: #141414;
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
}
.wnew{
    width: 620px;
    height: 380px;
    overflow: hidden;
}
.wnew p a{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background: #131211;
    position: relative;
    z-index: 9;
    text-indent: 20px;
    top: -50px;
    color: #fff;
    font-size: 16px;
}
.wnew button{
    display: none !important;
}
.wnew .slick-dots{
    top: 351px;
    left: 550px;
    z-index:9999;
}
.wnew .slick-dots li.slick-active {
    background: #ff3333;
}
.w620 img{
    width: 620px;
    height: 380px;
}
.w530{
    width: 530px;
    padding-right: 36px;

}
.w530 li{
    width: 100%;
    display: inline-block;
    float: none;
}
.w530 li a{
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px dashed #3f3f3f;
    transition: all 0.6s; 
}
.w530 li a:hover{
    color: #ff3333;
}
.dtbi{
    display: table;
    margin: 30px auto 0;
}
.asd{

        float: right;
        margin-top: -90px;
}
.text-desc{
    background: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 208px 20px 20px !important;
    overflow: hidden;
    color: #fff !important;
    font-size: 12px;
    line-height: 25px;
}
.text-desc h3{
    font-size: 16px;
    font-weight: bold;
}
.anlili ul{
    
    overflow: hidden;
    padding-top: 40px;
}
.w500p{
    width: 50%;
}
.fwwz{
    padding-left: 10px;
}
.fwwz img{
    margin-top: 30px;
}
.fwwz h3{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    margin-top: 30px;
}
.fwwz p{
    font-size: 14px;
    color: #333;
    line-height: 40px;
}
.m40{
    margin: 40px auto;
}
.link{
    font-size: 12px;
    color: #666;
    height: 60px;
    line-height: 60px;

}
.link ul{
    padding-left: 25px;
}
.link li a{
    display: inline-block;
    margin: 0 8px;
    text-align: center;
    color: #666;
}
.slick-dots{
	display:none;
}
.w860{
    width: 925px;
}
.w360{
    width: 320px;
    padding-left: 50px;
}
.dblx span{
    opacity: 0;
}
.dblx{
    color: #b7b7b7;
    font-size: 14px;
    line-height: 25px;
    margin-top: 25px;
}
.w610{
    width: 530px;
}
.w610 ul>li{
    width: 110px;
    text-align: center;
}
.w610 ul>li li a{
    display: inline-block;
    line-height: 25px;
    font-size: 14px;
}
.w610 p{
    font-size: 26px;
    padding-bottom: 10px;
}
.bq{
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #171717;
}
@keyframes circleRotate {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(-360deg)
    }
}

@keyframes circleRotate2 {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(360deg)
    }
}
.posfi1 img{
    height: 70px !important;
}
.jj{
    width: 430px;
    overflow: hidden;
}
.jj img{
    border: 2px solid #88b82a;
    width: 430px;
    height: 300px;
    transition: all 0.6s;
}
.jj img:hover{
    transform: scale(1.06);
    -moz-transform: scale(1.06, 1.06);
    -webkit-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
}
.jjnre{
    width: 750px;
}
.jjbyt{
    height: 45px;
    line-height: 60px;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    background: url('../images/yezi.png') no-repeat right top;
}
.jjen{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}
.jjnr{
    font-size: 14px;
    color: #666;
    line-height: 40px;
    text-align: justify;
    margin: 10px auto;
}
.ckxw a{
    float: left;
    display: inline-block;
    width: 130px;
    line-height: 40px;
    text-align: center;
    border: 1px solid  #ccc;
    border-radius: 25px;
    height: 40px;
    margin-top: -5px;
}
.mb150{
    margin-bottom: 150px;
}

.bgf4{
    background: #f4f4f4;
    overflow: hidden;
    height: 480px;
}
.yw li{
    width: 20%;
    height: 250px;
    text-align: center;
    margin-top: 90px;
    transition: all 0.8s;
}
.yw li a{
    padding-top: 100px;
    font-size: 16px;
    color: #666666;
    display: inline-block;
    line-height: 28px;
    height: 250px;
    background: url('../images/yw1.png') no-repeat center top;
    transition: all 0.8s;

}
.yw li:nth-child(2) a{
    background: url('../images/yw2.png') no-repeat center top;
} 
.yw li:nth-child(3) a{
    background: url('../images/yw3.png') no-repeat center top;
} 
.yw li:nth-child(4) a{
    background: url('../images/yw4.png') no-repeat center top;
} 
.yw li:nth-child(5) a{
    background: url('../images/yw5.png') no-repeat center top;
} 

.ywh1 .jjen,.ywh2 .jjen,.ywh3 .jjen,.ywh4 .jjen,.ywh5 .jjen{
    color: #88b82a !important;

}
.ywh1 a{
    background: url('../images/ywh1.png') no-repeat center top !important;
    color: #88b82a !important;
} 

.ywh2 a{
    background: url('../images/ywh2.png') no-repeat center top !important;
    color: #88b82a !important;
} 

.ywh3 a{
    background: url('../images/ywh3.png') no-repeat center top !important;
    color: #88b82a !important;
} 

.ywh4 a{
    background: url('../images/ywh4.png') no-repeat center top !important;
    color: #88b82a !important;
} 

.ywh5 a{
    background: url('../images/ywh5.png') no-repeat center top !important;
    color: #88b82a !important;
} 

.anlig{
    position: relative;

}
.alhov .hs{
    background: #88b82a !important;
}
.hs{
    padding: 8px ;
    overflow: hidden;
    background: #f4f4f4;
}
.anlig .poslibg{
    position: absolute;
    background: url('../images/hs.png') no-repeat center;
    top: 0;
    left: 10px;
    display: none;
    width: 380px;
    height: 285px;

}
.jani{
    padding:0 10px;
}
.jani img{
    width: 380px;
    height: 285px;
    transition: all 1.2s;
}
.alhov img{
        transform: rotateY(180deg);
 
}
.alhov .hs h3 a{
    color: #fff !important;
}
.hs h3 a{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
    display: inline-block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.alhov .hs .ms{
    color: #fff !important;
}
.hs .ms{
    font-size: 13px;
    color: #666666;
    text-align: justify;
    line-height: 25px;
}
.bgf4f4f4{
    background: #f4f4f4;
    height: 530px;
    margin-top: 90px;
}
.xbt{
    height: 90px;
    line-height: 90px;
    color: #88b82a;
    font-size: 24px;

}
.xbt span{
    font-size: 14px;
    color: #999999;
    display: inline-block;
    margin-left: 8px;
}
.xbt img{
    margin-top: 34px;
}
.w780{
    width: 780px;

}
.w240{
    width: 240px;
    position: relative;
    z-index: 1;

}
.w240 .time{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 75px;
    line-height: 25px;
    padding-top: 10px;
    color: #fff;
    font-size: 20px;
    z-index: 3;
    background: #88b82a;
}
.w240 .time span{
    font-size: 16px;
}
.w240 img{
    width: 240px;
    height: 180px;
}
.w520,.w520 .xwms{
    width: 520px;
    color: #666;
    font-size: 13px;
    line-height: 26px;
}
.w520 h3 a:hover{
    color: #88b82a;
    text-decoration: underline;
}
.w520 a{
    font-size: 16px;
    color: #666666;
    height: 55px;
    line-height: 55px;
    transition: all 0.5s;
}
.w70{
    width: 71px;
    height: 80px;
    background: url('../images/time8.png');
    padding-top: 8px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 24px;

}
.w70 span{
    font-size: 14px;
    color: #666666;
    display: inline-block;
    margin-top: 10px;
}
.w690{
    width: 690px;
}
.xmlb li{
    width: 780px;
    margin-top: 20px;
}
.w690 a{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.xmlb .xwms{
    font-size: 13px;
    color: #666;
    line-height: 25px;
}
.w400{
    width: 400px;
}
.newsa{
    position: relative;
}
.newsa .xwt{
    position: absolute;
    bottom: 0;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    z-index: 6;
    font-size: 14px;
    width: 100%;

}
.newsa img{
    width: 400px;
    height: 180px;
}
.w120 img{
    width: 120px;
    height: 80px;
}
.w270{
    width: 270px;
}
.hya li{
    width: 400px;
    margin-top: 20px;
}
.w270 a{
    font-size: 13px;
    line-height: 40px;
    display: inline-block;
}
.fbsj{
    font-size: 12px;
    color: #666666;
}
.bg2b{
    background: url('../images/dbbg4.png') #2d2d2d;
    padding: 40px 0;
}
.footer a{
    color: #999;
    font-size: 12px;
    line-height: 33px;
    display: inline-block;
    width: 100%;
}
.footer li:nth-child(1),.footer li:nth-child(3),.footer li:nth-child(4),.footer li:nth-child(5),.footer li:nth-child(6){
    width: 100px;
    text-align: center;
    background: url('../images/sjx.png') no-repeat left  12px;


}
.footer li:nth-child(2){
    width: 140px;
    padding-left: 25px;
    text-align: left;
    background: url('../images/sjx.png') no-repeat left  12px;

}
.footer .dianna{
    text-decoration: underline;
}
.footer ul{
    width: 640px;
    float: left;
}
.footer .w570{
    width: 560px;
}
.w570 p{
    background: url('../images/sjx.png') no-repeat 5px  12px;
    width: 328px;
    float: right;
    line-height: 35px;
    color: #999;
    padding-left: 25px;
    font-size: 12px;
}
.w570 img{
    margin-top: 10px;
}
.dbbq2,.dbbq2 a{
    height: 50px;
    line-height: 50px;
    color: #999;
    background: #111111;
    font-size: 12px;
}

#particles{
    background: url('../images/banner_1.jpg') no-repeat #88b82a;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;

}
#particles canvas{
    height: 250px;
}
.dqlm{
    text-align: center;
    font-size: 60px;
    position: absolute;
    top: 100px;
    left: 20%;
    font-weight: bold;
    color: #fff;
}
.w280 li a{
    width: 270px;
    display: inline-block;
    border: 1px solid #88b82a;
    text-align: center;
    line-height: 45px;
    margin-bottom: 10px;
}
.w280{
    width: 270px;
    position: relative;
    top: -60px;
}
.w280 .lnmbt{
    text-align: center;
    line-height: 90px;
    background: #88b82a;
    color: #fff;
    font-size: 20px;
    height: 90px;
    margin-bottom: 10px;

}
.w910{
    width: 910px;
    margin-top: -20px;
}
.w280 li{
    float: none;
}
.hvr-bounce-to-right:before,.nyhlilia {
    background: #88b82a !important;
    color: #fff !important;
}
.brbr{
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #88b82a;
}
.brbr .f{
    color: #88b82a;
	font-size: 1.0rem;
}
.lmny {
    font-size: 15px;
    /* border: 1px solid #88b82a; */
    margin-top: 15px;
    color: #444;
    line-height: 30px;
    margin-bottom: 100px;
    padding: 15px 15px 100px;
    text-align: justify;
	font-family: "微软雅黑";
}
.lmny img{
    display: table;
    margin: 0 auto;
    width: 600px !important;
}
#sidebar.sticky {
    float: none;
    position: fixed;
    top: 20px;
    z-index: 6;
    left: auto;
}


.w220{
    width: 180px;
    height: 135px;
}
.w220 img{
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.4s;
}
.w725 a{
    transition: all 0.4s;
}
.bb-new li:hover .w220 img{
    opacity: 1;
}
.bb-new li:hover .w725 a{
    color: #88b82a;
}
.bb-new li{
	border-bottom: 1px dashed #ccc;
    width: 100%;
    line-height: 35px;  
    padding: 10px 0;

}
.w725{
    width: 980px;
    padding-top: 13px;      
    overflow: hidden;   
}
.xwmms,.fbll{
    font-size: 14px;
    color: #666;

}
.lanm{
    display: table;
    margin: 0 auto;
}
.lanm li a{
    display: inline-block;
    margin-right: 15px;
    margin-top: 20px;
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #88b82a;
}
.bdsharebuttonbox span{
    vertical-align: middle;
}

.page{
    margin: 25px auto;
}
.page span{
    background: #0066cc;
    color: #fff;
    box-shadow: 0 1px 0 #fff, 0 0 2px rgba(0,0,0,.3) inset;
    cursor: default;

    float: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    min-width: 14px;
    padding: 1px 8px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.page a{
    display: inline-block;
    float: left;
    color: #666  !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #bbb;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #efefef !important;
    background: -moz-linear-gradient(top,#ffffff 0%,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#ffffff 0%,#efefef 100%);
    background: -o-linear-gradient(top,#ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,#ffffff 0%,#efefef 100%);
    background: linear-gradient(top,#ffffff 0%,#efefef 100%);
}
.nyh1{
    font-size: 15px;
    line-height: 30px;
}
.nybtn{
    text-align: center;
}
.lmny hr{
        border-top: 1px solid #88b82a;
}
.lmny table{
    display: table;
    margin: 0 auto;
}
.lmny table,.lmny td{
    border: 1px solid #ccc !important;
}
.lmny form{
    width: 85%;
    display: table;
    margin: 0 auto;
}
.name input,.name select{
    width: 100%;
    height: 45px;
    border: none;
    border-bottom: 1px solid #88b82a;
    margin-bottom: 15px;
}
.name textarea{
    width: 100%;
    height: 70px;
    border: 1px solid #88b82a;
}
#code_img{
    width: 79%;
    float: left;
}
.lmny .name img{
    width: 155px !important;
    margin-left: -40px;
    height: 45px;

}
.tiajo{
    width: 100%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #88b82a;
    cursor: pointer;

}
.tiajo:hover{
    color: #fff;
}
.cpyem li:nth-child(2n){
	
}
.cpyem li img{
	width:100%;
	border:1px solid #ccc;
}
.cpyem li{
	width:31%;
	margin:0.8%;
	    height: 190px;
	    
	
}
.cpyem p{
	text-align:center;
	line-height:28px;
	    height: 28px;

	overflow: hidden;
}
#rongyu li{
    width: 23.2%;
}
.ckxwq a{
	width: 110px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	background: #fff;
	color: #88b82a;
	border: 1px solid #88b82a;
	margin-top: 20px;
	/* border-radius: 10px; */
}
.posfi img{
	max-width: 200px;
}
.slick-dots{
	display: none !important;
}