body {font-size: 16px; line-height:26px; font-family:"微软雅黑"; color:#333333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333333;}
a:hover {text-decoration:underline; color:#0477D9; }
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{ text-align: center; width:100%; height: 880px;  margin-bottom: 10px; background: url(banner.png) center no-repeat; }
.banner img{padding-top: 170px;}
.banner2{ width: 100%; height: 0; position: relative; }
.banner2 .hua1{ width: 412px; height: 611px; position: absolute; top:0; left: 0; background: url(hua1.png); }
.banner2 .hua2{ width: 451px; height: 678px; position: absolute; top: 0; right: 0; background: url(hua2.png); }
.banner2 .hua3{ width: 382px; height: 611px; position: absolute; top: 678px; right: 0; background: url(hua3.png); }

.nav_0{width:1200px; margin: -115px auto 60px auto}
.nav_0 dl{ float: left; margin: 0 0 50px 25px; width:373px; height:304px;position:relative; overflow:hidden;
border-radius: 5px;}
.nav_0 dt{ width:373px; height:304px;z-index:9; position:absolute; top:0; left:0;}
.nav_0 dl img{width:100%; height: 304px;}
.nav_0 dd{width:243px; padding:20px 140px 20px 10px; overflow:hidden; line-height:22px; background:rgba(0,0,0,0.4);font-size:18px; z-index:9; position:absolute; bottom:0; left:0; color:#fff;color: #fff;text-align:left; }
.nav_0 i{width: 117px;height: 32px; line-height: 32px; border-radius: 16px;color: #196581; display: block; position: absolute; bottom: 15px; right: 10px; font-style: normal; text-align: center; z-index: 10;background: #FFFFFF;}

.gallery-thumbs{  margin-bottom:30px;   }
.gallery-thumbs .swiper-slide{
height: 56px; line-height: 56px; text-align: center; color: #3179DA;  font-size: 20px; 
background: #F3F8FD;
border-radius: 28px;}
.gallery-thumbs .swiper-slide-thumb-active{background: #2A6DD6; color: #fff;}

.tallery-thumbs{ width: 1100px; padding: 0 50px; margin-bottom:80px;  }
.tallery-thumbs .swiper-slide{
height: 60px; line-height: 60px; text-align: center; color: #fff;  font-size: 22px; 
background: #196581;
border-radius: 10px;}
.tallery-thumbs .swiper-slide-thumb-active{ background: #fff; border: 1px solid #196581; color: #196581;}
.tallery-thumbs .swiper-button-next{width: 50px;height: 50px;background: url(y.png);border-radius: 50%;}
.tallery-thumbs .swiper-button-prev{width: 50px;height: 50px;background: url(z.png);border-radius: 50%;}

.icon_1{ width: 880px; margin: -80px auto 120px auto; color: #196581; font-size: 48px; text-align: center; font-weight: bold; line-height: 50px; }
.icon_2{text-align: center; margin-bottom: 30px;}
.nav_1{ margin: 0 auto 80px auto; width: 1140px;padding: 50px 30px; background: #2FB5C1;border-radius: 10px; color: #fff; font-size: 18px; line-height: 30px;}
.mores{ margin:40px auto 0 auto; text-align: center; width: 50px; display: block; }

.nav_2{ width: 1200px; margin: 0 auto 80px auto;}

.nav_3bg{ width: 100%; background: url(bottom2.png) no-repeat center;height: 1021px; margin: auto; }
.nav_3{ width: 900px; height: 510px; margin: auto; padding-top: 110px; }
.nav_3 dl{ width:900px; height:510px;position:relative; overflow:hidden;}
.nav_3 dt{ width:900px; height:510px;z-index:9; position:absolute; top:0; left:0;}
.nav_3 dl img{width:900px; height: 510px;}
.nav_3 dd{width:870px; padding:10px 20px 40px 20px; overflow:hidden; line-height:22px; background:rgba(2, 69, 98, 0.8);font-size:18px; z-index:9; position:absolute; bottom:0; left:0; color:#fff;color: #fff;text-align:left; }

.focusBox1 {}
.focusBox1 .swiper-button-next{ width: 40px; background: url(right.png) center no-repeat; }
.focusBox1 .swiper-pagination{ bottom: 60px; left: 35%; }
.focusBox1 .swiper-button-prev{width: 40px;background: url(left.png) center no-repeat;}
.focusBox1 .swiper-pagination-bullet{ width: 12px; height: 12px; background:#8AA4AC;filter: alpha(opacity=100); opacity: 1; }
.focusBox1 .swiper-pagination-bullet-active{ background: #fff;  filter: alpha(opacity=100); opacity: 1;}



.sbj_bottom{ width: 100%; text-align: center; }

.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:0.9em; 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: 280px;  margin-bottom: 5%; background-size: cover;  }
.banner img{ width: 90%; padding-top: 4rem;}
.banner2{ display: none; }

.nav_0{width:100%; margin: -3rem auto 5% auto}
.nav_0 dl{ margin:2%; width:46%; height:160px;}
.nav_0 dt{ width:100%; height:160px;}
.nav_0 dl img{width:100%; height: auto;}
.nav_0 dd{width:96%; padding:2% 2% 2.5em 2%; line-height:1.2em; font-size: 1em; }
.nav_0 i{width: 80%;height: 1.5em; line-height: 1.5em; border-radius: 0.9em;bottom: 8px; right: 10%; }

.tallery-thumbs{ width: 70%; padding: 0 15%; margin-bottom:3%;  }
.tallery-thumbs .swiper-slide{
height: 2.5em; line-height: 2.5em; font-size: 1.2em; }
.tallery-thumbs .swiper-slide-thumb-active{ }
.tallery-thumbs .swiper-button-next{width:2.5em;height:2.5em;border-radius: 50%; background-size:100%;}
.tallery-thumbs .swiper-button-prev{width:2.5em;height:2.5em;border-radius: 50%; background-size: cover;}




.icon_1{ width:90%; margin: -2.9rem auto 6% auto; font-size:1.5em; line-height:1.2em; }
.icon_2{ width: 40%; margin:0 auto 3% auto;}
.nav_1{ margin: 0 auto 6% auto; width:86%;padding:5%;font-size: 1.1em; line-height: 1.6em;}
.mores{ margin:2% auto 0 auto; }

.nav_2{ width: 94%; margin: 0 auto 8% auto;}

.nav_3bg{height: auto; background-size: cover;}
.nav_3{ width: 96%; height: 200px; margin: auto; padding: 10% 0 30% 0; }
.nav_3 dl{ width:100%; height:210px;}
.nav_3 dt{ width:100%; height:210px;}
.nav_3 dl img{width:100%; height: 210px;}
.nav_3 dd{width:96%; padding:4% 2%; line-height:1.2em; font-size:1em; }


.focusBox1 .swiper-button-next{ }
.focusBox1 .swiper-pagination{ bottom: 6px; left: 0; }
.focusBox1 .swiper-button-prev{}
.focusBox1 .swiper-pagination-bullet{ width: 8px; height: 8px;}
.focusBox1 .swiper-pagination-bullet-active{ }






.sbj_bottom{ width: 100%; height: auto; padding: 0;}




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