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


.banner{ width:100%; height:798px; background: url(toutu.jpg) center no-repeat; text-align: center;}
.banner img{ padding: 110px 120px 0 0; }

.icon_1{background: url(cloumn.png) center no-repeat; font-size: 28px; text-align: center; height: 40px; line-height: 40px; margin-bottom: 30px; color: #289A49; }
.icon_1 a{color: #289A49; }

.nav_1{ margin:-60px auto 40px auto; padding: 60px 10px 0 10px; width: 1180px;background: linear-gradient(0deg, #FFFFFF, #FFFCEB); border-radius: 20px 20px 0px 0px;}
.nav_1left{ float: left; width: 570px; height: 320px; padding-right: 15px; }
.nav_1left dl{ width:570px; height:320px;position:relative; overflow:hidden;}
.nav_1left dt{ width:570px; height:320px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: 320px;}
.nav_1left dd{ width:540px; padding:15px; overflow:hidden; line-height:24px; background-color:#0D3D1B; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav_1left dd .tl{ color: #fff;text-align:left;}
.nav_1left dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}
.nav_1left dd p{ color: #ccc; margin-top: 5px; line-height: 22px; font-size: 16px; }

.focusBox1{}

.nav_1cet{ float: left; width: 250px;height: 320px; background: #2FCC66;border-radius: 2px; }
.nav_1cet dl{ height: 260px; padding: 30px; color: #fff; position: relative; }
.nav_1cet dl a{color: #fff;}
.nav_1cet dt{font-size: 20px; margin-bottom: 10px;}
.nav_1cet dl i{ width: 20px; height: 20px; display: block; background: url(more.png) center no-repeat; position: absolute; bottom: 30px; left: 30px; }

.nav_1right{ float: right; width: 340px; }
.nav_1right li{ margin-bottom: 5px; background: #F7F5E7;border-radius: 2px;height: 73px; overflow: hidden; padding:15px 20px; font-size: 18px; }
.nav_1right li span{display: block; font-size: 14px; padding-top: 5px; color: #CEC691;}
.nav_1right li a{color: #8E8348;}

.nav_2bg{ width: 100%; margin-bottom: 60px; }
.nav_2{ width: 1200px; margin: 0 auto; }
.nav_2 .txtbox{ padding: 20px; font-size: 16px; line-height: 24px; }
.gallery-thumbs .swiper-slide{ color: #98AF9E; } 
.gallery-thumbs .swiper-slide-thumb-active{ background: #E7F8ED; color: #289A49;}


.gallery-top .swiper-wrapper{ width:100%; margin: 0 auto; height: 420px; }
.gallery-top .swiper-slide{ width: 664px; height: 390px; }
.gallery-top .swiper-slide img{width: 664px; height: 374px; }
.gallery-top .swiper-slide-active{width: 664px; height: 374px;background: url(jiantou-down.png) bottom no-repeat; padding-bottom: 14px; }
.gallery-top .swiper-slide-active img{width: 664px; height: 374px; }

.gallery-top .swiper-button-next{ position:absolute;width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:50%; right: 0%;text-indent: -9999px; }
.gallery-top .swiper-button-prev{ position:absolute; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:50%; left: 0;text-indent: -9999px; }


.nav_3{  width: 1200px; margin: 0 auto 60px auto; }
.nav_3 dl{ position: relative; width: 1190px; height: 500px; background: #F6F8F9; padding: 5px; }
.nav_3 dl img{width: 800px; height: 500px; float: left; }
.nav_3 dl i{ width: 800px; height: 500px; position: absolute; z-index: 9; left: 5px; top: 5px; background:#000 url(playe.png) center no-repeat; filter:alpha(opacity=45);  opacity: 0.45; }
.nav_3 dl dt{ float: right; width: 330px; font-size: 22px; padding: 50px 30px 15px 0; line-height: 30px; color: #42664C; }
.nav_3 dl dd{ float: right; width: 330px; font-size: 16px; padding: 0 30px 0 0; color: #6C8472;}
.focusBox0 .swiper-button-next0{ position:absolute;width:39px;height: 27px;z-index: 10;cursor: pointer;background: url(qiehuan-02.png) no-repeat center;top:86%; right: 50px;text-indent: -9999px; }
.focusBox0 .swiper-button-next0:hover{ filter:alpha(opacity=55);  opacity: 0.55; }
.focusBox0 .swiper-button-prev0{ position:absolute; width:39px;height: 27px;z-index: 10;cursor: pointer;background: url(qiehuan.png) no-repeat center;top:86%; right: 100px;text-indent: -9999px; }
.focusBox0 .swiper-button-prev0:hover{ filter:alpha(opacity=55);  opacity: 0.55; }


.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 520px){
body { background:#fff; background-size: cover; border-image: none; font-size:1em; line-height:1.4em; }
.allcontainer{ max-width: 520px; margin: 0 auto;}
.container{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ height:300px; background-size: cover; margin-bottom: 3%;}
.banner img{ padding: 2rem 0 0 0; }

.icon_1{ width: 100%; font-size: 1.5em; height: 2em; line-height: 40px; margin-bottom: 3%; }
.icon_1 a{}

.nav_1{ margin:0 auto 4% auto; padding: 6%2% 0 2%; width:92%;border-radius: 10px 10px 0px 0px;}
.nav_1left{width: 100%; height: 220px; padding-right: 0; margin-bottom: 5%; }
.nav_1left dl{ width:100%; height:220px;}
.nav_1left dt{ width:100%; height:220px;}
.nav_1left dl img{width:100%; height: 220px;}
.nav_1left dd{ width:94%; padding:2% 2% 2% 4%; line-height:1.4em; font-size:1em; }
.nav_1left dd .tl{}
.nav_1left dd .tl a{}
.nav_1left dd p{ margin-top:1%; line-height: 1.2em; font-size: 0.9em; }

.focusBox1{}

.nav_1cet{width:100%;height: auto; margin-bottom: 5%;}
.nav_1cet dl{ height: auto; padding: 3% 3% 40px 3%; }
.nav_1cet dl a{}
.nav_1cet dt{font-size:1em;margin-bottom: 2%;}
.nav_1cet dd{font-size:0.9em;}
.nav_1cet dl i{ bottom: 10px; left: 10px; }

.nav_1right{ float:left; width:100%; }
.nav_1right li{ margin-bottom: 2%; height:auto; padding:5%; font-size: 1em; line-height: 1.4em; }
.nav_1right li span{font-size:0.8em; padding-top: 0;}
.nav_1right li a{}

.nav_2bg{ margin-bottom: 6%; }
.nav_2{ width:100%;  }
.nav_2 .txtbox{ padding: 4%; font-size: 1em; line-height: 1.1em; }


.gallery-top .swiper-wrapper{ width:100%;height:200px; }
.gallery-top .swiper-slide{ width: 100%; height:200px;  }
.gallery-top .swiper-slide img{width: 100%; height:200px; }
.gallery-top .swiper-slide-active{width: 100%; height:200px;padding-bottom: 1.2em; }
.gallery-top .swiper-slide-active img{width: 100%; height:200px;  }

.gallery-top .swiper-button-next{ position:absolute;width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:50%; right: 0%;text-indent: -9999px; }
.gallery-top .swiper-button-prev{ position:absolute; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:50%; left: 0;text-indent: -9999px; }


.nav_3{  width:96%; margin: 0 auto 6% auto; }
.nav_3 dl{ width:100%; height: auto;padding: 0 0 40px 0; }
.nav_3 dl img{width:100%; height: 210px; float: inherit;}
.nav_3 dl i{ width: 100%; height: 210px; left: 0; top: 0; }
.nav_3 dl dt{ float: left; width:94%; font-size: 1em; padding: 3%; line-height: 1.4em; }
.nav_3 dl dd{ float:left; width: 94%; font-size: 0.9em; line-height: 1.2em; padding: 0 3% 3% 3%; }
.focusBox0 .swiper-button-next0{ top:90%; right: 10px; }
.focusBox0 .swiper-button-prev0{top:90%; right: 55px;}

.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; }
}