body {font-size: 14px; line-height: 24px; font-family:"微软雅黑"; color:#4B4B57; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#4B4B57;}
a:hover {text-decoration:underline; color:#1DA95D; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}
.tt{ display: block; background:#fff;}



#footers{ margin:auto; width:100%; font-size:12px; background:#DAD4C4; color:#927346; font-family:"微软雅黑"; }
#footers a{color:#927346; }
#footer{ width:1100px; padding:20px 0; line-height:40px; margin:auto; }
.foot_l{float:left; width:400px; }
.foot_l p{ border-bottom:1px solid #fff;}
.foot_l p i{float:left; font-style:normal;}
.foot_l p a{text-decoration:underline; font-weight:bold; }
#kmcn{ font-size:12px; font-weight:bold; color:#fff; background:url(../../../images/kmcn.gif) left no-repeat; width:120px; margin-left:5px;padding-left:26px; height:26px; line-height:26px; margin-top:10px; float:left;}
#kmcn a{ color:#1A6B6A; text-decoration:none;}
.foot_l span{float:left;}
#footer .logo{background: url(../../../images/bottomlogo.jpg) center no-repeat; float:right; width:340px; height:80px;}


.banner{ width:100%; height:760px;background:url(banner.png) top no-repeat; margin-bottom: 60px;}
.icon_1{width:100%;text-align: center; margin-bottom: 30px;}

.bottom_bg{background:#1C9252 ; width: 100%; padding: 40px 0; text-align: center;}

.container{ width: 1200px; margin: 0 auto; }



.nav_1{ width:1200px; height: 405px; margin: 0 auto 60px auto; }
.nav_1left{ float: left; width:650px; height: 365px; padding: 40px 0 0 39px;background:url(bg1.png) left top no-repeat; }
.nav_1left dl{ width:650px; height:365px;position:relative; overflow:hidden;}
.nav_1left dt{ width:650px; height:365px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: 365px;}
.nav_1left dd{ width:610px; padding:20px; overflow:hidden; line-height:24px; background:rgba(0,0,0,0.5); font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_1left dd .tl{ color: #fff;text-align:left;}
.nav_1left dd .tl a{color:#fff;}
.nav1_left dd .tl a{color:#fff;}
.focusBox1 {}
.focusBox1 .swiper-pagination{ color: #fff; font-size: 20px; padding: 0 5px; background: #098046; width: 55px; height: 60px; line-height: 60px; left: 585px; bottom: 0;}
.focusBox1 .swiper-pagination-current{ color: #FFE24B; }
.focusBox1 .swiper-button-next{width: 40px; height: 74px; background: url(right.png) center no-repeat;}
.focusBox1 .swiper-button-prev{  width: 40px; height: 74px; background: url(left.png) center no-repeat;}


.nav_1right{float: right; width:490px; height: 405px; background: #F4FDF6; }
.nav_1right dl{ padding: 20px; line-height: 22px; }
.nav_1right dt{ font-size: 16px; color: #1DA95D; margin-bottom: 10px; text-align: center;font-weight: bold;  }
.nav_1right dd{ color: #8C8C9E; }
.nav_1right ul li{overflow: hidden; line-height: 24px; border-top: 2px #fff solid; padding:12px 10px 12px 30px;background:url(p1.png) 20px center no-repeat; }



.nav_2{ width: 100%; margin-bottom: 70px; background:#F4FDF6; padding: 25px 0;}
.nav2_h{  border-right:1px solid #D9F8DB;  }
.nav2_b{ float: left;width:
 347px; padding:0 25px;}
 .nav2_b a{ text-decoration: none; }
.nav2_b dl{height: 350px;}
.nav2_b dl img{ height: 195px; margin-bottom: 5px;}
.nav2_b dt{ font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.nav2_b dd{ line-height: 22px; color: #8C8C9E; }
.nav2_b .mores{}
.nav2_b .mores span{ height: 28px; line-height: 28px; background: #D9F8DB; padding:0 15px; display: block; float: left; color: #7BD09C; border-radius: 4px; }
.nav2_b .mores i{height: 28px; line-height: 28px; display: block; float: left; background: #D9F8DB url(p2.png) center no-repeat; padding:0 17px; margin-left: 5px; border-radius: 4px; }


.nav_3{ width: 100%; margin-bottom: 70px; }
.nav3_h{ padding-right:20px; }
.nav3_b{ float: left;width:
 386px; }
.nav_3 dl{ width:386px; height:260px;position:relative; overflow:hidden;}
.nav_3 dt{ width:386px; height:260px;z-index:9; position:absolute; top:0; left:0;}
.nav_3 dl img{width:100%; height: 260px;}
.nav_3 dd{ width:356px; padding:15px; overflow:hidden; line-height:24px; background:rgba(0,0,0,0.5); font-size:16px; z-index:99; position:absolute; top:0; left:0; color:#fff;  }
.nav_3 dd .tl{ color: #fff;text-align:left;}
.nav_3 dd .tl a{color:#fff;}
.nav_3 ul {background:#F4FDF6; padding: 20px 20px 10px 20px; line-height: 30px;}
.nav_3 ul li{ display: block; width: 100%; margin-bottom: 20px;height: 32px; overflow: hidden; }
.nav_3 ul span{width: 60px;
height: 30px;
background: #FFFFFF;
border: 1px solid #7BD09C;
border-radius: 15px; display: block; float: left; color: #7BD09C; text-align: center; margin-right: 15px;}


.nav_4{ margin-bottom: 70px; 
border: 1px solid #7BD09C;}
.nav4_left{ float: left; width: 602px; }
.nav4_left .m_box1{ float: left; width: 300px; height: 225px;border-right: 1px solid #7BD09C; }
.nav4_left .m_box1 img{width: 300px; height: 225px;}
.nav4_left .m_box2{ float: left; width: 601px; height: 225px;border-right: 1px solid #7BD09C;border-top: 1px solid #7BD09C; }
.nav4_left .m_box2 img{width: 601px; height: 225px;}


.nav4_right{ width: 596px; float: right; }
.nav4_right img{ width: 596px; height: 451px;}
.nav_4 a{ width:100%; height: 451px; display: block; position: relative;}

.nav_4 a .nr_1{ display:none; }
.nav_4 a:hover .nr_1{ display: block; }
.nav_4 .nr_1{ position: absolute; color: #fff; font-size: 16px; line-height: 30px; background:rgba(0,0,0,0.5) url(bg2.png) center 30% no-repeat; width: 100%;  height: 100%;}
.nav_4 .nr_1 span{ padding-top: 31%; display: block; text-align: center;}
.nav_4 .nr_1 i{ width: 10%; display: block; margin:30px auto 0 auto; border-bottom:2px dotted #fff;}

.nav4_left a{ width:100%; height: 225px; display: block; position: relative;}
.nav4_left .m_box1 .nr_1 span{ padding-top:34%; display: block; text-align: center;}
.nav4_left .m_box2 .nr_1 span{ padding-top:16%; display: block; text-align: center;}


.nav_5{ margin-bottom: 50px; }
.nav5_h{ width: 20px; height: 100px; float: left; }
.nav_5 dl{
border: 1px solid #7BD09C; width: 566px; height: 90px; padding: 10px; float: left; margin-bottom: 20px; }
.nav_5 dl span{width: 96px;height: 66px;background: #F4FDF6; padding-top: 25px; float: left; display: block; text-align: center;color: #7BD09C;}
.nav_5 dl i{ font-size: 42px; font-weight: bold; font-style: normal; display: block; margin-bottom: 10px;}
.nav_5 dt{ width: 450px; float: right; font-size: 16px; line-height: 20px; margin-bottom: 5px; }
.nav_5 dd{ width: 450px; float: right;color: #8C8C9E; line-height: 20px;}








@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; }
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.banner{ width:100%; height: auto; background: no-repeat; margin-bottom: 2%;}
.m_banner{ display: block; }
.line_h{ height:2em;}
.tt{ display: none; }


#footer{ width:100%; }
.foot_l{width:100%; }
#footer .logo{ width:100%; background-size: cover;}

.icon_1{ width:100%; height: auto; margin-bottom: 1px; }
.bottom_bg{ padding: 4% 0; width: 100%; height: auto; }



.nav_1{ width:96%; height: auto; margin: 0 auto 3% auto; }
.nav_1left{width:94%; height: 200px; padding: 19px 0 0 19px;background-size: cover; }
.nav_1left dl{ width:100%; height:200px;}
.nav_1left dt{ width:100%; height:200px;}
.nav_1left dl img{width:100%; height: 200px;}
.nav_1left dd{ width:96%; padding:3% 2%; line-height:1.2em; font-size: 0.9em; }
.focusBox1 {}
.focusBox1 .swiper-pagination{ display: none;}
.focusBox1 .swiper-button-next{  width: 20px; height: 47px; }
.focusBox1 .swiper-button-prev{  width: 20px; height: 47px; }


.nav_1right{float: left; width:100%; height: auto; }
.nav_1right dl{ padding:2%; line-height: 1.2em; }
.nav_1right dt{ font-size:0.99em; margin-bottom: 2%; }
.nav_1right dd{ font-size: 0.9em; }
.nav_1right ul li{ line-height: 1.2em;padding:2% 2% 2% 35px; font-size: 0.85em;}



.nav_2{ width:100%; margin-bottom: 3%; padding: 0; height: auto;}
.nav2_b{ width:
90%; padding:0 5%; height: auto; margin-bottom: 5%;}
 .nav2_b a{height: auto; }
.nav2_b dl{height:100%; margin-bottom: 5%; height: auto;}
.nav2_b dl img{ height: 150px; margin-bottom: 1%;}
.nav2_b dt{ font-size: 0.95em; line-height: 1.2em; margin-bottom: 1%; }
.nav2_b dd{ line-height: 1.2em; font-size: 0.9em;}


.nav_3{ width: 100%; margin-bottom: 5%; }
.nav3_h{ padding-right:0; }
.nav3_b{ float: left;width:
 100%; }
.nav_3 dl{ width:100%; height:200px;}
.nav_3 dt{ width:100%; height:200px;}
.nav_3 dl img{width:100%; height: 200px;}
.nav_3 dd{ width:96%; padding:3% 2%;line-height:1.2em; }

.nav_3 ul {padding:4% 2% 2% 2%;line-height:1.2em; }
.nav_3 ul li{  margin-bottom: 2%;height: auto;}
.nav_3 ul span{ display: none;}


.nav_4{width: 99%; margin:0 auto 5% auto;}
.nav4_left{ float: left; width: 100%;height: auto; }
.nav4_left .m_box1{ width: 100%;height: auto;}
.nav4_left .m_box1 img{width: 100%;height: auto;}
.nav4_left .m_box2{ width: 100%;height: auto;}
.nav4_left .m_box2 img{width: 100%;height: auto;}


.nav4_right{ float: left;width: 100%;height: auto;}
.nav4_right img{width: 100%;height: auto;}
.nav_4 a{float: left;width: 100%;height: auto;}


.nav_5{ margin-bottom: 5%; }
.nav5_h{ display: none; }
.nav_5 dl{width: 90%; height: auto; padding: 2%;  margin:0 auto 3% 3%; }
.nav_5 dl span{}
.nav_5 dl i{ }
.nav_5 dt{ padding-top: 2%; width: 60%; font-size: 0.95em; line-height: 1.2em; margin-bottom:1%; }
.nav_5 dd{ width:60%; line-height: 1.2em; font-size: 0.90em}



.bottom_sbj{ width:100%; display:block; text-align:center; background:#4B4B57; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}

}