*{
    margin:0;
    padding:0;
    list-style-type: none;
    box-sizing: content-box;
}
BODY {
	FONT-SIZE: 14px;
	COLOR: #333;
	FONT-FAMILY:"微软雅黑";
    background:#fff;
}
.clear {
	CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px; overflow:hidden;
}
A:link {
	COLOR: #353535; TEXT-DECORATION: none; outline-style: none
}
A:visited {
	COLOR: #353535; TEXT-DECORATION: none; outline-style: none
}
A:hover {
	COLOR: #0b3779; TEXT-DECORATION: underline
}
.wrapper {
	width:100%;
	margin:0 auto;
    position:relative;
}
.header {
    height:auto;
}
.header-top{
	height:55px;
	line-height: 46px;
	color:#666;
    border-bottom:solid 1px #ededed;
}
.header-top img{
    display: block;
    float:left;
    margin: 8px 10px 0 0;
}
.header-top p{
    display:block;
    float:left;
}
.header-top .p2{
	float:right;
}

.header .header-body {
    height:auto;
    overflow:hidden;
}
.header .nav{
    width:100%;
    height:90px;
    box-shadow:0 5px 3px rgba(0,0,0,.2);
    z-index: 999;
    background:#fff;
}

.header  .logo{
    display:block;
    float:left;
    width:100px;
    margin:10px 0 0 15px;
}

.header .nav ul{
    float:right;
    height:100%;
    overflow:hidden;
}
.header .nav ul li{
    float:left;
    padding:0 20px;
    line-height:90px;
    text-align:center;
    transition:all .5s;
    font-size:16px;
}

.header .nav ul li a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:#666;
}

.header .nav ul li.hover a,.header .nav ul li:hover a{
    color:#18A639;
}






/*底部*/
.footer{
    width:100%;
    height:auto;
      background-color:#666; text-align:center;
}

.footer .logo2{

    margin:0 auto;
    width:160px;
    padding-top: 26px;
}

.footer .menus{
    margin:63px 0 0  56px;
}
.footer .menu{
    width:127px;float:left;
}
.footer .menu a{
    display:block;
    color:#fff;
    font-size:16px;
    margin-bottom:30px;
}
.footer .menu .sub-menu a{
    font-size:12px;
    margin-bottom:12px;
}

.footer .contact-info{
    margin:27px 0;
}

.footer .contact-info p{
    display:block;
    line-height:30px;
    text-indent:10px;
    font-size:14px;
    color:#fff;
    margin:0px auto;
}
.footer .contact-info p.p1{
    
}
.footer .contact-info p.p2{
    
}
.footer .contact-info p.p3{
    
}

.footer .copyright{
    text-align:center; width:100%;
    color:#fff;
    margin:5px auto 20px auto;
    font-size:12px; display:inline-block;
}



/*首页banner*/
.index-banner{
    width:100%;
    height:auto;
    position:relative;
}
.index-banner ul{
    width:100%;
    height:auto;
}
.index-banner ul li{
    width:100%;
    height:auto;
}
.index-banner ul img{
    width:100%;
    height:auto;
}
.index-banner .tit{
    display:block;
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:30px;
    text-align:center;
}
.index-banner .tit span{
    display:inline-block;
    width:8px;
    height:8px;
    background:#fff;
    border-radius:50%;
    margin:0 5px;
    cursor:pointer;
}
.index-banner .tit span.on{
    background:#2c9e3a;
}

.index-section{ overflow:hidden;}
.index-section .heading{ text-align:center; font-size:18px; line-height:26px; margin-top:28px; font-weight:bold; color:#333; }
.index-section .subheading{  text-align:center; font-size:16px; line-height: 36px;  color:#333; text-transform: uppercase;}
.index-section .description{ width:90%; margin:0px auto; text-align:center; font-size:14px; line-height: 26px; color:#333;}
.index-section.section1{
    width:100%;
    height:404px;
    background:url(../image/newbackground.png) center bottom no-repeat;
}
.index-section.section1 ul{ width:100%; margin-top:50px; text-align:center; }
.index-section.section1 ul li{ width:30%; height:auto; display:inline-block; margin:0px; text-align:center;}
.index-section.section1 ul li a:hover{ text-decoration: none;}
.index-section.section1 ul li p{ width:70px; height:70px; margin:0px auto; border:solid 4px #2ba638; border-radius:50%; transition:all .3s; box-sizing: content-box;}
.index-section.section1 ul li:hover p{ border:solid 4px #cff2ce; }
.index-section.section1 ul li.icon1 p{background:url(../image/cyxmgl.png) center no-repeat; background-size:40px 40px;}
.index-section.section1 ul li.icon2 p{background:url(../image/tcjyfw.png) center no-repeat; background-size:40px 40px;}
.index-section.section1 ul li.icon3 p{background:url(../image/dyyh.png) center no-repeat; background-size:40px 40px;}
.index-section.section1 ul li.icon4 p{background:url(../image/hsfc.png) center no-repeat; background-size:40px 40px;}
.index-section.section1 ul li.icon5 p{background:url(../image/cpcx.png) center no-repeat; background-size:40px 40px;}
.index-section.section1 ul li.icon1:hover p{background:url(../image/cyxmgl-on.png) #42a630 center no-repeat;}
.index-section.section1 ul li.icon2:hover p{background:url(../image/tcjyfw-on.png) #42a630 center no-repeat;}
.index-section.section1 ul li.icon3:hover p{background:url(../image/dyyh-on.png) #42a630 center no-repeat;}
.index-section.section1 ul li.icon4:hover p{background:url(../image/hsfc-on.png) #42a630 center no-repeat;}
.index-section.section1 ul li.icon5:hover p{background:url(../image/cpcx-on.png) #42a630 center no-repeat;}
.index-section.section1 ul li span{ display:block; text-align:center; font-size:14px; color:#666; margin-top: 20px;}

.index-section.section2{ width:100%; height:auto; background:#eeeeee;}
.index-section.section2 .slider{ width:90%; height:auto; margin:30px auto 0px auto; }
.index-section.section2 .slider ul li{ width:100%; height:360px; overflow:hidden; background:#fff; }
.index-section.section2 .slider ul li img{ width:100%; }
.index-section.section2 .slider ul li p{ width:100%; margin:10px auto; font-size:18px; font-weight:bold; color:#333; text-align:center; }
.index-section.section2 .slider ul li span{ display:block; width:90%; line-height:30px; margin:10px auto; font-size:14px; color:#666; }
.index-section.section2 .tit{ text-align:center; margin-top:30px;}
.index-section.section2 .tit p{ display:inline-block; width:46px; height:5px; background:#999; margin:5px; cursor: pointer;  }
.index-section.section2 .tit p.on{ background:#2ba638;  }

.index-section.section3{ width:100%; height:auto; }
.index-section.section3 .items{ width:100%; height:auto; position:relative;}
.index-section.section3 .items .item{ width:90%; height:auto; margin:10px auto; border-bottom:#ddd 1px solid; margin-bottom:15px; padding-bottom:15px; }
.index-section.section3 .items .item .p1{ font-size:18px; color:#68b92e;}
.index-section.section3 .items .item .p2{ margin-top:2px; line-height:24px; font-size:14px; color:#666;}
.index-section.section3 .items .item2 .p1{ color:#f1b52a;}
.index-section.section3 .items .item3 .p1{ color:#ed7e55;}
.index-section.section3 .items .item4 .p1{ color:#a48ee4;}
.index-section.section3 .items .item5 .p1{ color:#4e8cee;}
.index-section.section3 .items .item6 .p1{ color:#69c4ef;}


.index-section.section4{ width:100%; height:auto; background:url(../image/bg-02.png) center no-repeat;background-size:auto 100%;}
.index-section.section4 .slider{ margin-top:30px; }
.index-section.section4 .slider ul li{ width:45%; height:324px; overflow:hidden; background:#fff; float:left; margin-left:3.33%; margin-bottom:15px; }
.index-section.section4 .slider ul li p{ width:90%; margin:7px auto; font-size:16px; font-weight:bold; color:#333; }
.index-section.section4 .slider ul li span{ width:90%; display:block; line-height:22px; margin:10px auto; font-size:12px; color:#666; }
.index-section.section4 a.more{ display:block; margin:40px auto; width:83px; height: 25px; border:solid 1px #fff; color:#fff; font-size:14px; line-height:25px; text-align:center; }


.index-section.section5{ width:100%; height:auto; background:#fff;}
.index-section.section5 .tit{ text-align:center; margin-top:20px;}
.index-section.section5 .tit p{ display:inline-block; width:70px; height:32px; line-height:32px; font-size:14px; border:solid 1px #ccc; margin:5px; cursor: pointer;  }
.index-section.section5 .tit p.on{ background:#2ba638; color:#fff;  }
.index-section.section5 .tempWrap{ margin-top:20px; }
.index-section.section5 .slider-body ul li{ position:relative; width:45%; height:120px; border:solid 1px #ccc; margin-left:3.33%; margin-bottom:15px; overflow:hidden; background:#fff; float:left; }
.index-section.section5 .slider-body ul li p{ position:absolute; width:100%; height:50px; line-height:50px; text-indent:10px; left:0; bottom:0; font-size:16px; color:#fff; background:#000; background:rgba(0,0,0,.5); text-align:center; }
.index-section.section5 a.more{ display:block; margin:26px auto; width:83px; height: 25px; border:solid 1px #333; color:#333; font-size:14px; line-height:25px; text-align:center; }

.index-section.section6{ width:100%; height:auto; background:url(../image/hzhb.png) center no-repeat;background-size:auto 100%;}
.index-section.section6 ul { margin-top:30px; }
.index-section.section6 ul li{ width:45%; height:auto; background:#fff; float:left; margin-left:3.33%; margin-bottom:10px; overflow:hidden; }
.index-section.section6 ul li img{ width:100%; height:auto; float:left;}

.index-section.section7{ width:100%; height:auto; background:#fff;}
.index-section.section7 .slider{ width:90%; height:auto; margin:40px auto 0px auto; }
.index-section.section7 .ul1{ width:100%; float:left; }
.index-section.section7 .ul1 li{ position:relative; width:100%; height:auto; margin-bottom:20px; overflow:hidden; background:#fff; float:left; }
.index-section.section7 .ul1 li img{ float:left; width:30%; }
.index-section.section7 .ul1 li .desc{ width:65%; float:right; }
.index-section.section7 .ul1 li .desc p{ font-size:14px; }
.index-section.section7 .ul1 li .desc p em{ font-size:12px; color:#999; font-style: normal; float:right; }
.index-section.section7 .ul1 li span{ font-size:12px; color:#666; font-style: normal; float:right; margin-top:10px; line-height:22px; }
.index-section.section7 .ul1 li a.more1{ display:block; width:70px; height:20px; line-height:20px; text-align:center; float:right; border:#c2c2c2 solid 1px; background:#f7f7f7; }
.index-section.section7 .ul2{ position:relative; width:486px; height:281px; float:right; overflow:hidden; }
.index-section.section7 .ul2 li{ position:relative; }
.index-section.section7 .ul2 li p{ position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; color:#fff; text-indent:10px; background:rgba(0,0,0,.5); }
.index-section.section7 .ul2 .tit{ position:absolute; right:10px; bottom:0; width:100%; height:35px;  color:#fff; text-indent:10px; text-align:right; }
.index-section.section7 .ul2 .tit p{ display:inline-block; width:14px; height:14px; margin:3px; border-radius:50%; background:#fff; }
.index-section.section7 .ul2 .tit p.on{ background:#2ba638; }
.index-section.section7 a.more{ display:block; margin:26px auto; width:83px; height: 25px; border:solid 1px #333; color:#333; font-size:14px; line-height:25px; text-align:center; }





/*内页*/
.banner{
    height:150px; background-size:auto 100%;
}
.banner .wrapper{ height:100%;}
.banner .breadcrumb{ width:100%; margin:0 auto; height:30px; line-height:30px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; color:#fff;}
.banner .breadcrumb p{ float:right; font-size:12px;}
.banner .breadcrumb p.p1{ float:left; background:url(../image/icon_position.png) 10px center no-repeat; text-indent:28px; }
.banner .breadcrumb p.p2{ padding-right:10px; }

.sub-nav{ height:89px; width:90%; margin:0px auto; }
.sub-nav .heading{ min-width:180px; height:20px; margin-top:22px; float:left;}
.sub-nav .heading .font{ font-size:18px; font-weight:bold; color:#666; text-transform: uppercase; }
.sub-nav .heading .font p{ float:left; position:relative; padding-right:10px; }
/*.sub-nav .heading .font .en{ left:0; top:-30px}*/
/*.sub-nav .heading .font .zh-cn{ font-size:20px; font-weight:normal; color:#333; text-transform: none; top:-10px; }*/
/*.sub-nav .heading .bg{ width:100%; height:21px; background:#E5E5E5; padding:0 10px; }*/
.sub-nav ul{ height:auto; float:right; margin-top:20px; margin-bottom:5px; }
.sub-nav ul li{  height:30px; float:left; line-height:30px; text-align:center; margin-right:10px; padding:0 10px; margin-bottom:10px; background:#eee; }
.sub-nav ul li.hover,.sub-nav ul li:hover{ background:#18A639; color:#fff; border:none; }
.sub-nav ul li.hover a,.sub-nav ul li:hover a{ color:#fff; }


.main-content{
    width:100%; margin:30px auto !important; margin-bottom: 100px !important;
}
.main-content img{
    max-width:100%; 
}

.single-line{
    position:relative;
    height:30px;
    line-height:30px;
    margin:25px 0;
}

.single-line .line{
    position:absolute;
    width:100%;
    height:0;
    border-bottom:solid 1px #666;
    left:0;
    top:17px;
    z-index:1;
}

.single-line .font{
    position:relative; height:100%; font-size:25px; float:left; background:#fff; z-index: 2; padding:0 40px 0 0;
}




/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #1479d7;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #1479d7;
}

#pages li:hover a {
    color: #fff;
}


.menu-box.active {
    left: 0; 
}
.menu-box {
    position: fixed;
    width: 100%;
    top: 50px;
    bottom: 0;
    left: -100%;
    background: #3fb150;
    z-index: 99999;
    margin: 0;
    transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);
    -webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);
}
.menu-box {
    margin-right: 0px;
}
.fr {
    float: right;
}



.menu-handler {
	width: 30px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 14px; z-index:99999;
	transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

}
.menu-handler .burger {
	height: 2px;
	background: #fff;
	display: block;
	width: 20px;
	position: absolute;
	z-index: 5;
	left: 5px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	top: 8px;
}
.menu-handler .burger-2 {
	top: 15px;
}
.menu-handler .burger-3 {
	top: 22px;
}
.menu-handler.active .burger-1 {
	top: 15px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 15px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.menu-box {
	margin-right:0px;
}
.menu-box li {
	float: left; width:100%; height:50px;
	margin-left: 40px;
	position: relative;
}
.menu-box li:first-child {
	margin-left: 0;
}
a.nav-yi {
	display: inline-block; width:100%;
	line-height: 50px;
	color: #fff; font-size:16px;
	position: relative;
}
.nav-er-box {
	position: absolute;
	width: 110px;
	text-align: center;
	left: 50%;
	margin-left: -55px;
	background: #fff;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s;
}
.nav-tap {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all .2s;
	transition: all .2s;
}
.menu-box li:hover .nav-er-box {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
.menu-box li:hover .nav-tap {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.menu-handler .burger {
    background: #3fb150;
	-webkit-transition: all .3s linear;
}
.menu-box-ul {
     width:90%; height:auto; margin:0px auto;
}
.menu-box li {
    float: none;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.menu-box li.active {
    border-color: #ffae00;
}