﻿body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color: #666666; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #666666;}
a:hover {text-decoration: none; color:#009E5A; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1200px; margin:0 auto;}

.banner{ width:100%; height:802px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 50px;}
.banner2{ width: 830px; text-align: center; margin: auto;  padding-top: 120px;}

.icon_1{ text-align: center; width: 100%; margin-bottom: 15px;}


.nav_1{ width: 1200px; margin: 0 auto 50px auto; }

.nav_1left{ float:left;width: 664px;height: 370px;}
.nav_1left dl{ float:left;width: 664px;height: 370px; position:relative;}
.nav_1left dl img{width: 664px;height: 370px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background: url(imgbg.png) repeat-x bottom;  width:634px; height: 57px; padding:20px 15px 0 15px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px; filter: alpha(opacity=100); opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{background:#FFEA64;}
.focusBox1 .swiper-pagination-bullets{ bottom:6px; left: 38%; }


.nav_1right{ float:right; width:460px;}
.nav_1right ul li{ line-height: 48px;background: url(p1.png) no-repeat left; padding-left: 20px;}
.nav_1right ul li a{ display: block;  border-bottom: 1px solid #DCDCDC; height: 46px; display: block; overflow: hidden;}

.sbj_adbox{ width: 100%; height: 314px; background: url(sbjad.png) no-repeat center; margin: 0 auto 50px auto; }
.sbj_ad{ width: 1200px; height: 314px; }
.sbj_ad a{ display: block; width: 1200px; height: 314px;}


.nav_0{ width:1200px; margin: 0 auto 50px auto;}
.nav_0 ul { background: rgba(254, 233, 128, 0.2); width: 550px; height: 88px; overflow: hidden; padding:10px 20px; float: left; margin-bottom: 20px;}
.nav_0 ul:nth-child(2n) { float: right;}
.nav_0 ul li{ line-height: 44px;background: url(p2.png) no-repeat left; padding-left: 15px;}


.nav_00{ width:1200px; margin: 0 auto 50px auto;background: #49A56C url(linebg.png) center no-repeat;  border-radius: 5px;} 
.nav_00 ul { width: 550px;padding:15px 20px 0 20px; float: left; margin-bottom: 20px;}
.nav_00 ul:nth-child(2n) { float: right;}
.nav_00 ul li{ line-height: 46px;background: url(p3.png) no-repeat left; padding-left: 15px;}
.nav_00 ul li a{ color: #fff; }


.nav_2{ width: 1320px; margin:0 auto 50px auto; }
.nav_2 dl{ width: 387px;height: 333px;border-radius: 10px; position: relative;}
.nav_2 dl i{background:url(iconbg_1.png) no-repeat center; width: 51px; height: 16px; overflow: hidden; display: block; position: absolute; left: 0; top: 230px; z-index: 3;}
.nav_2 dl img{width: 387px; height: 240px;border-radius: 10px 10px 0px 0px; overflow: hidden; } 
.nav_2 dl dt{ position: absolute; bottom: 0; width: 357px; height: 74px; background: linear-gradient(0deg, #19503C 0%, #287961 100%); border-radius: 0 0 10px 10px; padding: 20px 15px 0 15px; color: #fff;}

.focusBox3{ width:1200px; margin: auto; padding: 0 30px; }
.focusBox3 .swiper-button-next{ position:absolute;width:30px;height: 370px;z-index: 10;cursor: pointer;background:#fff url(right.png) no-repeat center;top:0%; right: 0%; }
.focusBox3 .swiper-button-prev{ position:absolute; width:30px;height: 370px;z-index: 10;cursor: pointer;background:#fff url(left.png) no-repeat center;top:0%; left: 0; }

.nav_3{ width: 100%; height: 752px; background: url(bg5.png) no-repeat center;margin: 0 auto 50px auto; padding-top: 50px; }
.nav_3 dl{ width: 100%; height: 620px;position: relative; }
.nav_3 dl img{width: 100%;height: 620px; float: left;}
.nav_3 i{ position: absolute; background: url(playerbg.png) no-repeat center; top: 0;width: 100%;height: 620px; display: block;}

.focusBox4{ width:1110px; margin: auto; }
.focusBox4 .swiper-button-next4{ position:absolute;width:52px;height: 620px;z-index: 10;cursor: pointer;background: url(r.png) no-repeat center;top:0%; right: 0%; }
.focusBox4 .swiper-button-prev4{ position:absolute; width:52px;height:620px;z-index: 10;cursor: pointer;background: url(l.png) no-repeat center;top:0%; left: 0; }

.bottombg{ width:100%; height:262px; text-align: center; background: url(bottombg.png) no-repeat center;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width:100%; height: 13rem; background-size: cover; margin-bottom: 3%;}
.banner2{ width:70%; padding-top: 2rem;}


.icon_1{ width: 100%; margin:0 auto 3% auto;}


.nav_1{ width: 90%; margin: 0 auto 10% auto; }
.nav_1left{ width:100%; margin-bottom: 5%;height: auto;}
.nav_1left dl{width: 100%; height: 220px;  }
.nav_1left dl img{width: 100%;height: 220px;}
.nav_1left dl dt{ line-height: 1.2rem; width:90%; padding:10% 5% 1% 5%;  font-size:1rem; }



.nav_1right{ float:left;width: 100%;height: auto;}
.nav_1right ul li{ width: 92%;height: auto;}                                                                                                                                      

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ }
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{  }

.sbj_adbox{ width: 100%; height:6rem; background-size: cover; margin: 0 auto 5% auto; }
.sbj_ad{ width: 100%; height:6rem; }
.sbj_ad a{ width: 100%; height:6rem;}


.nav_0{ width:96%; margin: 0 auto 5% auto;}
.nav_0 ul { width: 90%; height: auto; overflow: inherit; padding:3% 5%;margin-bottom: 2%;}
.nav_0 ul:nth-child(2n) { float:left;}
.nav_0 ul li{ line-height: 1.4rem; padding-left: 15px;}


.nav_00{ width:96%; margin: 0 auto 5% auto; background-image: none;} 
.nav_00 ul { width:90%;padding:2% 5%; margin-bottom: 0;}
.nav_00 ul:nth-child(2n) { float: left;}
.nav_00 ul li{ line-height: 1.8rem; padding-left: 15px;}
.nav_00 ul li a{}


.nav_2{ width:96%; height: auto;margin:0 auto 5% auto; }
.nav_2 dl{ width:90%;height: 235px; padding: 5%; }
.nav_2 dl img{width: 100%;height: 160px; margin-bottom: 0;}
.nav_2 dl dt{ position: absolute; bottom: 0; width: 80%; height: 70px; padding: 8% 5% 0 5%;}
.nav_2 dl i{ top: 164px; left: 14px;}


.focusBox3{ width:80%; margin: auto; padding: 0 10%; }
.focusBox3 .swiper-button-next{ height: 300px; }
.focusBox3 .swiper-button-prev{ height: 300px;}


.nav_3{ width: 100%; height: auto; margin: 0 auto 5% auto; padding-top: 5%; }
.nav_3 dl{ width:100%;height: 200px; padding: 5%; }
.nav_3 dl img{width: 100%;height: 200px; margin-bottom: 0;}
.nav_3 i{ background-size: 15%;height: 200px;}

.focusBox4{ width:90%; margin: auto; padding:0 10% 0 0 ; }
.focusBox4 .swiper-button-next4{ width: 30px; height: 230px; }
.focusBox4 .swiper-button-prev4{ width: 30px;height: 230px;}


.bottombg{ height: auto; background-size: 100%; }


.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}