﻿body {font-size: 16px; line-height: 28px; font-family:"微软雅黑"; color: #000000; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000000;}
a:hover {text-decoration: underline; color:#18A87B; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer{ width: 100%; max-width: 100%; }
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width: 100%; border-top: 10px solid #F6CF68; background: linear-gradient(0deg, #CCE2EB 80%, #FFFFFF 100%);}

.banner{ width:100%; height:791px; background:url(banner.jpg) no-repeat top; text-align: center; border-bottom: 40px solid #005F53;}


.icon_1{ width: 1200px; text-align: right;margin:0 auto 30px auto;}
.icon_3{ text-align: center; width: 1200px; margin:0 auto 30px auto;}


.nav_1{ width: 1200px; margin: 0 auto 70px auto;padding-top: 70px; }

.nav_1left{ float:left;width: 684px;margin-bottom:20px;height: 358px;
border: 1px solid #1CB09E; background: #18A87B; padding: 10px;}
.nav_1left dl{ float:left;width: 684px;height: 358px; position:relative;}
.nav_1left dl img{width: 684px;height: 358px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background:rgba(0, 0, 0, 0.4); width:644px; padding:20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:22px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:10px; height:10px;filter: alpha(opacity=100); opacity: 1.0;background: #F6CF68;}
.focusBox1 .swiper-pagination-bullet-active{background:#fff;}
.focusBox1 .swiper-pagination-bullets{ left: 40%; }




.nav_1right{ float:right; width: 449px;}
.nav_1right dl{background: #18A87B url(jio.png) no-repeat top left;  font-size: 24px; line-height: 34px; height: 112px;border: 1px solid #E3C38B; margin-bottom: 20px; }
.nav_1right dl dt{ font-size: 24px; line-height: 30px; color: #E5D1A2;padding: 15px 0 0 20px; width: 410px; }
.nav_1right dl dd{ font-size: 14px; color: #fff; width: 410px; padding-left: 20px;}



.nav_2{ width: 1200px; margin: 0 auto 70px auto; }

.focusBox2 .swiper-slide {width: 650px;height: 400px;}
.focusBox2 .swiper-button-next{ position:absolute;width: 41px; height: 71px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 40%; right: 0; }
.focusBox2 .swiper-button-prev{ position:absolute; width: 41px; height: 71px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 40%; left:0;}


.nav_3bg{ width: 100%; background: linear-gradient(0deg, #A3D3A9 1%, #CCE2EB 100%); }
.nav_3bg2{ width: 100%; background:  url(16.png) no-repeat top; }
.nav_3{ width: 1200px; margin: 0 auto 70px auto; }



.focusBox3 .swiper-button-next0{ position:absolute;width: 41px; height: 71px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 40%; right: 0; }
.focusBox3 .swiper-button-prev0{ position:absolute; width: 41px; height: 71px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 40%; left:0;}



.gallery-thumbs{  }
.gallery-thumbs .swiper-slide{}
.gallery-thumbs .swiper-slide-thumb-active{}

.tallery-thumbs{ width:50%;margin-bottom:20px; }
.tallery-thumbs .swiper-slide{ width: 50%; 
text-align: center;
border-radius: 10px; color: #fff; border-radius: 0; float: left;}
.tallery-thumbs .swiper-slide-thumb-active{ border-bottom: 5px solid #18A87B; color: #18A87B; }
.tallery-thumbs .swiper-wrapper{ display: block;  }


.nav_4{ width: 1160px; margin: 0 auto ; height: 360px; background:  url(12.png) no-repeat top; padding: 90px 80px 0 80px;}
.nav_4 dl{ float: left; width: 370px; height: 260px; border-right:1px solid #E5E5E5;text-align: center;}
.nav_4 dl dt{  font-size: 30px; color: #000;  margin-bottom: 15px; }
.nav_4 dl span{display: block;text-align: center;color: #999999; font-size: 18px; margin-bottom: 15px;}
.nav_4 dl dd{color: #999999; font-size: 18px; }
.nav_4 dl:nth-child(3){ border: none; }



.nav_5bg{width: 100%; background:  url(5bg.jpg) no-repeat top;padding-top: 200px; height: 1600px;}
.nav_5{ margin: 0 auto 90px auto; width: 1200px;border: 1px solid #E3C38B; padding: 30px 0; background: rgba(28, 176, 158, 0.3);}
.nav_5 dl{ float: left; width: 373px;height: 206px;background: #DEF4F2; margin:0 13px; overflow: hidden;}
.nav_5 dl dt{ padding: 20px 20px 15px 20px; text-align: center; color: #08433E;font-size: 24px;}
.nav_5 dl dd{color: #0D5A55;font-size: 18px;line-height: 30px;padding: 0 20px;}
.nav_6{margin: 0 auto; width: 1200px;}








.bottombg{ }
.bottombg img{ }
.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;  padding-top: 0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{  height:auto; background:none;border-bottom: 10px solid #005F53; margin-bottom: 5%;}


.icon_1,.icon_3{ width: 100%;  text-align: center; margin:0 auto 3% auto;}
.nav_1{ width: 100%; margin: 0 auto 7% auto; padding-top: 0;}

.nav_1left{ width: 97%;margin-bottom:2%;height: 258px;padding: 5px;}
.nav_1left dl{width: 100%;height: 258px;}
.nav_1left dl img{width: 100%;height: 258px; }
.nav_1left dl dt{width:90%; padding:5%; font-size:1rem; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{  }




.nav_1right{ float:left; width: 99%;}
.nav_1right dl{height:auto;margin-bottom: 5%; }
.nav_1right dl dt{ font-size: 1.1rem; line-height: 1.4rem;padding:3% 0 0 5%; width: 90%; }
.nav_1right dl dd{ width: 100%; padding-left: 5%;}



.nav_2{ width:100%; margin: 0 auto 7% auto; }

.focusBox2 .swiper-slide {width: 100%;height: auto;}
.focusBox2 .swiper-button-next{ }
.focusBox2 .swiper-button-prev{}


.nav_3bg{ width: 100%; }
.nav_3bg2{ width: 100%;  }
.nav_3{ width: 100%; margin: 0 auto 7% auto; }



.focusBox3 .swiper-button-next0{ }
.focusBox3 .swiper-button-prev0{ }



.gallery-thumbs{ width: 100%;}
.gallery-thumbs .swiper-slide{}
.gallery-thumbs .swiper-slide-thumb-active{}

.tallery-thumbs{ width:100%;margin-bottom:5%; }
.tallery-thumbs .swiper-slide{ width: 50%; height: auto; }
.tallery-thumbs .swiper-slide-thumb-active{ }
.tallery-thumbs .swiper-wrapper{ }


.nav_4{ width: 86%; height: auto; padding:5%; background: #fff; margin: auto;}
.nav_4 dl{ width: 90%; height: auto; border-right:none; padding: 0 5%; margin-bottom: 10%;}
.nav_4 dl dt{  font-size: 1.2rem;margin-bottom:2%; }
.nav_4 dl span{ font-size: 1rem; margin-bottom: 5%;}
.nav_4 dl dd{font-size: 1rem; }



.nav_5bg{padding-top: 11rem; height:auto;}
.nav_5{ margin: 0 auto 9% auto; width: 99%;padding: 5% 0; }
.nav_5 dl{ width: 90%;height: auto;margin:0 0 5% 0; overflow: inherit; padding:2% 5%;}
.nav_5 dl dt{ padding: 0; font-size: 1.1rem;}
.nav_5 dl dd{font-size:1rem padding: 0 2%;}
.nav_6{margin: 0 auto 5% auto; width: 80%;}




.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; }
}