﻿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:680px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 50px;}


.icon_1{ text-align: center; width: 100%; margin-bottom: 50px;}


.nav_1{ width: 1200px; margin: 0 auto 50px auto; }

.nav_1left{ float:left;width: 580px;height: 380px;}
.nav_1left dl{ float:left;width: 580px;height: 380px; position:relative;}
.nav_1left dl img{width: 580px;height: 380px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background: rgba(0, 0, 0, 0.3); width:540px; padding:12px 20px 30px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:10px; height:10px; filter: alpha(opacity=100); opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{background:#009E5A;}
.focusBox1 .swiper-pagination-bullets{ bottom:6px; left: 38%; }


.nav_1right{ float:right; width:580px; border-top: 1px dashed #D6D6D6;}
.nav_1right dl{ line-height: 22px;}
.nav_1right dl a{ display: block;  border-bottom: 1px dashed #D6D6D6; padding: 14px 20px 10px 20px; height: 70px; overflow: hidden;}
.nav_1right dl a:hover{ border-left: 3px solid #009E5A; background: rgba(138,213,30,0.05);}
.nav_1right dl dt{font-weight: bold;}
.nav_1right dl dd{ }
.nav_1right i{ color: #009E5A; font-style: normal; float: right; font-size: 14px; }



.nav_2{ width: 1320px; height: 500px;margin:0 auto 50px auto; }
.nav_2 dl{ width: 320px;height: 440px; padding: 30px; background: #FAFAFA; line-height: 22px; position: relative;}
.nav_2 dl img{width: 320px;height: 200px; margin-bottom: 10px;}
.nav_2 dl dt{color:#009E5A; margin-bottom: 10px; font-weight: bold; }
.nav_2 dl dd{ }
.nav_2 dl i{ display: block;color:#009E5A; background: url(lines.png) no-repeat left; font-style: normal; text-align: right; font-size: 14px; position: absolute; bottom: 30px; width: 320px;}


.focusBox3{ width:1200px; margin: auto; padding: 0 60px; }
.focusBox3 .swiper-button-next{ position:absolute;width:50px;height: 530px;z-index: 10;cursor: pointer;background:#fff url(r.png) no-repeat center;top:0%; right: 0%; }
.focusBox3 .swiper-button-prev{ position:absolute; width:50px;height: 530px;z-index: 10;cursor: pointer;background:#fff url(l.png) no-repeat center;top:0%; left: 0; }

.nav_3{ width: 1200px; margin: 0 auto 50px auto; }
.nav_3left{ float:left; width:580px;}
.nav_3left dl{background: #FAFAFA; height: 200px; padding: 20px; position: relative; margin-bottom: 20px;}
.nav_3left dl img{width: 260px;height: 200px; float: left;}
.nav_3left dl dt{font-weight: bold;width: 260px; float: right;color: #009E5A; margin-bottom: 10px;}
.nav_3left dl dd{ width: 260px; float: right;}
.nav_3left i{ color: #009E5A; font-style: normal; right: 20px; font-size: 14px; bottom: 20px; position: absolute; }


.nav_3right{ float:right; width:580px;}
.nav_3right dl{ line-height: 22px;margin-bottom: 25px; position: relative;}
.nav_3right dl a{background: #FAFAFA; display: block; height: 110px; padding: 20px;}
.nav_3right dl a:hover{ background: rgba(138,213,30,0.05);}
.nav_3right dl dt{font-weight: bold;color: #009E5A; margin-bottom: 10px;}
.nav_3right dl dd{ }
.nav_3right i{ color: #009E5A; font-style: normal; right: 20px; font-size: 14px; bottom: 20px; position: absolute; }


.bottombg{ width:100%; height:100px; 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%;}


.icon_1{ width: 70%; 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{width:90%; padding:4% 5% 7% 5%;  font-size:1rem; }



.nav_1right{ float:left;width: 100%;height: auto;}
.nav_1right dl{ width: 100%;height: auto;}
.nav_1right dl a{padding: 3%; width: 94%; height: auto;}
.nav_1right dl dt{width:96%; font-size:1rem; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ }
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{  }



.nav_2{ width:96%; height: auto;margin:0 auto 5% auto; }
.nav_2 dl{ width:90%;height: 340px; padding: 5%; }
.nav_2 dl img{width: 100%;height: 150px; margin-bottom: 2%;}
.nav_2 dl dt{margin-bottom: 2% ; }
.nav_2 dl dd{ }
.nav_2 dl i{width: 80%; padding-top: 25px; bottom: 10px;}


.focusBox3{ width:80%; margin: auto; padding: 0 10%; }
.focusBox3 .swiper-button-next{ position:absolute;width:30px;height: 430px;z-index: 10;cursor: pointer;background:#fff url(r.png) no-repeat center;top:0%; right: 0%; background-size: 100%; }
.focusBox3 .swiper-button-prev{ position:absolute; width:30px;height: 430px;z-index: 10;cursor: pointer;background:#fff url(l.png) no-repeat center;top:0%; left: 0; background-size: 100%; }

.nav_3{ width: 100%; margin: 0 auto 5% auto; }
.nav_3left{ width:100%;}
.nav_3left dl{ height: auto; width: 84%; padding: 5%;margin:0 auto 20px auto; overflow: hidden; }
.nav_3left dl img{width: 100%;height: auto; }
.nav_3left dl dt{width: 100%; float: left; margin-bottom: 3%;}
.nav_3left dl dd{width: 100%; float: left; margin-bottom: 3%;}
.nav_3left i{ }


.nav_3right{ float:left; width:100%;}
.nav_3right dl{ margin-bottom: 4%;}
.nav_3right dl a{ width: 90%; height: auto; padding: 5%;}
.nav_3right dl dt{ margin-bottom: 2%;}
.nav_3right dl dd{ padding-bottom: 1.5rem; }
.nav_3right i{}



.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; }
}