body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #444B51;}
a:hover {text-decoration: none; color:#2061A0; }
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:700px; background:url(banner.png) no-repeat top; text-align: center;}


.icon_1{ text-align: center; width:100%; margin-bottom: 30px;}




.nav_1{width: 1200px;margin: 0 auto 60px auto; }
.nav_1 dl{ float:left;width: 585px;height: 364px; position:relative; margin-bottom: 30px;border-radius: 6px; overflow: hidden;}
.nav_1 dl img{width: 585px;height: 364px; z-index:1; position:absolute; top:0; }
.nav_1 dl dt{background: rgba(0, 0, 0, 0.3) url(playerbg.png) left 15px center no-repeat; width:510px; padding:15px 20px 15px 55px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:20px; }


.focusBox1 {padding-bottom: 50px; }
.focusBox1 .swiper-pagination-bullet{ width: 12px;
height: 12px;border-radius:50px; filter: alpha(opacity=100); opacity: 1.0;background:#A3D2D4;}
.focusBox1 .swiper-pagination-bullet-active{background: #2C9C9D;
border-radius: 6px;width: 54px;height: 12px;}
.focusBox1 .swiper-pagination-bullets{ bottom:25px; }



.nav_5bg{ width: 100%; height: 611px; margin-bottom:78px; cursor:pointer; background:url(picbg.png) no-repeat top; padding-top: 130px; }
.nav_5{ width: 1200px; margin: auto; position: relative; }
.icon_4{ position: absolute; width: 179px; height: 49px; z-index: 9; display: block; top: 40px; left: 20px; }

#wrap {width: 1200px; margin:auto; overflow: hidden;}
#tit {height:465px;width: 361px; float:right; }
#tit li {float: left; height: 136px;width: 361px; margin-bottom:28px; cursor:pointer; background:url(pic_2.png) no-repeat right; }
#tit dl{ width:315px; height:100px; padding-top:20px; padding-left:30px;}
#tit dl dt{ height:30px; overflow:hidden;font-size:16px; font-weight:bold;}
#tit dl dd{ color:#9195A0; height:60px; overflow:hidden;}
#tit li.select { background:url(pic_1.png) no-repeat right; color:#fff; }
#tit li.select a,#tit li.select dd{ color:#fff; }
#con{ float:left; width:825px; height:465px;border-radius:5px;}
#con img{ width:825px; height:465px;border-radius:5px;}
#con li{width:825px; height:465px;display: none; }
#con li.show {display: block;}


.nav_6bg{background:url(bg6.png) no-repeat bottom; width: 100%; height: 967px;}

.nav_6bg dl{ width: 390px;height: 560px; position:relative;}
.nav_6bg dl a{background: rgba(0, 0, 0, 0.5); width:310px;height: 480px; padding:40px; position:absolute; z-index:9; top: 0;display: block;}
.nav_6bg dl a:hover{ background: #2585B6; }
.nav_6bg dl a:hover span{ background: #fff; color: #2585B6; }
.nav_6bg dl img{width: 390px;height: 560px; z-index:1; position:absolute; top:0; }
.nav_6bg dl dt{color:#fff; font-size:28px; padding-top: 110px; height: 120px; line-height: 44px; margin-bottom: 20px; }
.nav_6bg dl dd{ color: #fff;opacity: 0.5; height: 140px;}
.nav_6bg dl span{ display: block; float: left; padding: 5px 15px; border: 1px solid #fff; color: #fff;}
.focusBox3{ width:1200px; margin-bottom: 50px;}
.focusBox3 .swiper-button-next2{ position:absolute;width:39px;height: 35px;z-index: 10;cursor: pointer;background: url(r.png) no-repeat center;top:40%; right: 0%; }
.focusBox3 .swiper-button-prev2{ position:absolute; width:39px;height: 35px;z-index: 10;cursor: pointer;background: url(l.png) no-repeat center;top:40%; left: 0; }



.bottombg{text-align: center;width: 1100px; padding:20px 50px; margin: 0 auto; background:rgba(255, 255, 255, 0.5); border-radius: 6px; border: 1px solid #FFFFFF; color: #fff;
line-height: 28px;
font-size: 16px;} 
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body {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:11rem;background-size: cover;}

.icon_1{ width: 60%; margin:0 auto 5% auto;}


.nav_1{width: 96%;height: auto; margin: 0 auto 2% auto;}
.nav_1 dl{ width: 100%;height: 110px; margin-bottom: 5%;}
.nav_1 dl img{width: 100%;height:110px;}
.nav_1 dl dt{width:90%; padding:5%;  font-size:0.9rem; }

.focusBox1 { }
.focusBox1 .swiper-pagination-bullet{ }
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{  }


.nav_5bg{ height: auto; margin-bottom:5%;padding-top: 10%;  }
.nav_5{ width: 100%; margin: auto; }
.icon_4{ width: 30%; height: 49px; z-index: 9; display: block; top: 20px; left: 10px; }

#wrap {width: 100%; }
#tit {height:auto;width:100%; }
#tit li {float: left; height:180px;width: 30%; margin-bottom:5%; margin-left: 3%; overflow: hidden;background-size: cover;}
#tit dl{ width:90%; height: auto; padding: 5%;}
#tit dl dt{ height:auto;font-size:0.9rem; }
#tit dl dd{ height:auto; font-size: 0.9rem; }
#tit li.select { background-size: cover; }
#tit li.select a,#tit li.select dd{  }
#con{ width:100%; height: auto;}
#con img{ width:100%; height: auto;}
#con li{width:100%; height:auto;}
#con li.show {}

.icon_5{ width: 80%; margin:0 auto 6% auto; }
.nav_5{ width: 90%; margin:8% auto; }
.nav_5box{width:100%;height:auto; padding-left: 0;}
.nav_5box:nth-child(2){border-right:none;padding-right:0;  padding-left: 0;}

.nav_5box dl{ width: 100%;height: 220px; position:relative;}
.nav_5box dl img{width: 100%;height:220px; }
.nav_5box dl dt{width:90%; padding:3% 5%; font-size:1rem; }
.nav_5box ul{ padding-top: 3%; }
.nav_5box ul li{ padding:1.5% 0 1.5% 20px; line-height: 1.2rem;}
.nav_5box ul span{ display: none;}

.nav_6bg{ background-size: cover; width: 100%; height: auto; padding-bottom: 5%;}

.nav_6bg dl{ width: 100%;height: 480px;}
.nav_6bg dl a{width:70%;height: 420px; padding:15%; }
.nav_6bg dl a:hover{ }
.nav_6bg dl a:hover span{}
.nav_6bg dl img{width: 100%;height: 480px;}
.nav_6bg dl dt{font-size:1.3rem; padding-top: 10%; height:auto; line-height:1.9rem; margin-bottom: 20px; }
.nav_6bg dl dd{height: auto; margin-bottom: 20px;}
.nav_6bg dl span{ }
.focusBox3{ width:90%; margin:0 auto 10% auto;}
.focusBox3 .swiper-button-next2{}
.focusBox3 .swiper-button-prev2{}



.bottombg{ width: 80%; margin:0 auto; padding: 5%;}


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