body {font-size: 14px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#EAF4FE url('../images/banner.png') no-repeat center top;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#454754;}
a:hover {text-decoration:underline; color:#000; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
div .go{float:right; text-align:center; width:100px; overflow:hidden; text-align:right;font-size: 14px;}
div .go a{color:#999;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }


.banner{height:800px;}
.mores{ width:300px; margin:50px auto; text-align:center; font-size:22px; line-height:60px;}
.mores a{ display:block; width:100%; height:60px; color:#fff;border-radius:30px; background: -webkit-linear-gradient(0deg, #FFC000, #FF9434); text-decoration:none;}
.mores a:hover{box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}

.icon_1{  width:100%; height:123px; margin-bottom:40px; background:url('../images/icon_1.png') center no-repeat;}
.icon_2{  width:100%; height:123px; margin-bottom:40px; background:url('../images/icon_2.png') center no-repeat;}
.icon_3{  width:100%; height:123px; margin-bottom:40px; background:url('../images/icon_3.png') center no-repeat;}
.icon_4{  width:100%; height:123px; margin-bottom:40px; background:url('../images/icon_4.png') center no-repeat;}
.icon_5{  width:100%; height:123px; margin-bottom:40px; background:url('../images/icon_5.png') center no-repeat;}
.icon_6{  width:100%; height:123px; margin-bottom:40px; background:url('../images/icon_6.png') center no-repeat;}

.bottombg{height:382px; width:100%; background: url('../images/bottom_bg.png') no-repeat top;}
.bottom_sbj{ text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.container{ width:1200px; margin:0 auto;}

.nav_1bg{background:url('../images/bg0.png') no-repeat bottom;}
.nav_1{ width:1230px; margin:0 auto;}
.items_1{width:379px; height:300px; float:left; padding:0 15px;}
.items_1 dl{width:379px; height:300px; position: relative; background:#fff url('../images/bg1.png') bottom no-repeat;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);border-radius:5px;}
.items_1 dl i{background:url('../images/btn_v.png') no-repeat center; width:70px; height:43px; position:absolute; top:0; right:0; z-index:999;}
.items_1 dl dt{width:379px; height:210px; overflow:hidden; position:absolute; top:0; right:0;z-index:1;}
.items_1 dl dt img{width:379px; height:210px; }
.items_1 dl dd{width:379px; overflow:hidden;position:absolute; top:230px; right:0; font-size:18px; text-align:center;overflow:hidden;}


.nav_2{ width:1200px; height:400px; position:relative; margin:0 auto;}
.nav2box{width:1200px; height:400px;}
.nav2box img{ float:left; width:700px; height:400px;border-radius:5px;}
.nav2box .b_txt{float:right; padding-top:80px; width:500px; height:245px;}
.nav2box .b_txt dl{ background:#fff; border:10px solid #6093FF; border-left:none; width:480px; height:225px; line-height:26px; }
.nav2box .b_txt dt{padding-top:30px;padding-left:30px;width:420px; height:60px;color:#6093FF; font-size:18px; font-weight:bold; overflow:hidden;}
.nav2box .b_txt i{ background:#D8E3FF; width:60px; height:3px; overflow:hidden; line-height:3px; display:block; margin-left:30px;}
.nav2box .b_txt dt a{color:#6093FF;}
.nav2box .b_txt dd{padding-top:10px;padding-left:30px;width:420px; height:105px; color:#8F95A1; overflow:hidden;}


.swiper-pagination-bullet{ width:30px; height:30px;border-radius:15px; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:30%;}
.swiper-pagination-bullet{background:#fff;opacity:1.0;}
.swiper-pagination-bullet-active{background:#FED200; }
.swiper-button-next{ right:20px;}
.swiper-button-prev{ left:700px;}

.nav_3bg{background:url('../images/bg3.png') no-repeat bottom;}
.nav_3{ width:1230px; margin:0 auto;}
.nav3_h{float:left; width:90px; height:520px;}
.nav3_imgs{width:350px; height:520px; float:left; position:relative;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);}
.nav3_imgs img{width:350px; height:520px; z-index:99;position:absolute;border-radius:5px; }
.nav3_imgs a:hover{color:#fff;text-decoration:none;}
.nav3_imgs a .nav3_txt{display: none;position:absolute; left:0; top:0;} 
.nav3_imgs a:hover .nav3_txt{display: block;width:350px; height:520px;z-index:99; background-color:#000; opacity:0.8; filter:alpha(opacity=100);border-radius:5px;}
.nav3_imgs a:hover .nav3_txt img{width:158px; height:158px;padding-top:180px;padding-left:90px;}


.nav_4bg{background:url('../images/bg4.png') no-repeat center;}
.nav_4{ width:1230px; margin:0 auto;}
.nav4_h{float:left; width:43px; height:520px;}
.nav4_h2{display:block;}
.nav4_imgs{width:275px; height:410px; float:left; position:relative;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11); margin-top:80px; }
.nav4_imgs img{width:275px; height:410px; z-index:99;position:absolute;border-radius:5px; }
.nav4_imgs a:hover{color:#fff;text-decoration:none;}
.nav4_imgs a .nav4_txt{display: none;position:absolute; left:0; top:0;} 
.nav4_imgs a:hover .nav4_txt{display: block;width:275px; height:410px;z-index:99; background-color:#000; opacity:0.8; filter:alpha(opacity=100);border-radius:5px;}
.nav4_imgs a:hover .nav4_txt img{width:158px; height:158px;padding-top:130px;padding-left:60px;}

.nav4_imgs2{width:275px; height:410px; float:left; position:relative;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);}
.nav4_imgs2 img{width:275px; height:410px; z-index:99;position:absolute;border-radius:5px; }
.nav4_imgs2 a:hover{color:#fff;text-decoration:none;}
.nav4_imgs2 a .nav4_txt{display: none;position:absolute; left:0; top:0;} 
.nav4_imgs2 a:hover .nav4_txt{display: block;width:275px; height:410px;z-index:99; background-color:#000; opacity:0.8; filter:alpha(opacity=100);border-radius:5px;}
.nav4_imgs2 a:hover .nav4_txt img{width:158px; height:158px;padding-top:130px;padding-left:60px;}


.nav_5bg{background:url('../images/bg0.png') no-repeat bottom;}
.nav_5{ width:1230px; margin:0 auto;}
.items_2{width:555px; height:315px; float:left;border-radius:5px;}
.items_2 dl{width:555px; height:315px; position: relative; background:#fff url('../images/bg1.png') bottom no-repeat;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);border-radius:5px;}
.items_2 dl i{background:url('../images/btn_r.png') no-repeat center; width:70px; height:44px; position:absolute; top:0; right:0; z-index:999;}
.items_2 dl dt{width:555px; height:315px; overflow:hidden; position:absolute; top:0; right:0;z-index:1;}
.items_2 dl dt img{width:555px; height:315px; border-radius:5px;}
.items_2 dl dd{width:110px;height:315px; overflow:hidden;position:absolute; top:0px; left:0;background-color:#000; opacity:0.8; filter:alpha(opacity=100);z-index:9;border-radius:5px 0 0 5px;}
.items_2 dl dd a{writing-mode:lr-tb; float:left;color:#fff; width:20px; line-height:18px; height:290px; padding-top:15px; padding-left:30px; display:block; font-weight:bold; font-size:18px; overflow:hidden;}
.items_2 dl dd p{ float:left;color:#999; width:20px; line-height:18px; height:290px;  padding-top:15px; padding-left:15px;display:block;overflow:hidden;}


.items_3{width:290px; height:315px; float: right; padding-left:35px;}
.items_3 dl{width:290px; height:290px; position: relative; background:#fff url('../images/bg1.png') bottom no-repeat;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);border-radius:5px;}
.items_3 dl i{background:url('../images/btn_r.png') no-repeat center; width:70px; height:44px; position:absolute; top:0; right:0; z-index:999;}
.items_3 dl dt{width:290px; height:160px; overflow:hidden; position:absolute; top:0; right:0;z-index:1;}
.items_3 dl dt img{width:290px; height:160px; border-radius:5px;}
.items_3 dl dd{width:260px;height:80px; overflow:hidden;position:absolute; top:178px; left:15px; overflow:hidden; }
.items_3 dl dd a{ line-height:30px;display:block; font-weight:bold; font-size:16px;text-align:center;}
.items_3 dl dd p{ float:left;color:#999; line-height:20px; height:40px; overflow:hidden;}
.items_3 dl span{background:url('../images/mores.png') no-repeat center; width:53px; height:53px; position:absolute; display: block; top:264px; right:120px;z-index:1;}
.items_3 dl span a{ width:53px; height:53px; display:block;}


#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('../images/bg5.jpg') 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('../images/bg6.jpg') 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;}





@media only screen and (max-width: 540px){
body { background-image:none; font-size:0.7em; line-height:1.2em;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.banner{ height: auto; background: none;}
.m_banner{ display: block; }
.bottombg{ width:100%; height: auto; background: none; margin:auto; }
.icon_1,.icon_2,.icon_3,.icon_4,.icon_5,.icon_6{ width:70%; height: auto; background: none; margin:0 auto 3% auto; }

.mores{ width:50%; margin:0 auto 5% auto; text-align:center; font-size:1.5em; line-height:2.6em;}
.mores a{ display:block; width:100%; height:2.6em; color:#fff;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);border-radius:1.3em; }


.nav_1{ width:90%;  margin:5%;height: auto; background:url('../images/bg0b.png') no-repeat top;}
.items_1{width:100%;height: 230px; margin-bottom:6%; padding:0; background:url('../images/bg1.png') bottom no-repeat;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);border-radius:5px;}
.items_1 dl{width:100%;height: auto;}
.items_1 dl i{background:url('../images/btn_v.png') no-repeat center; width:70px; height:43px; position:absolute; top:0; right:0; z-index:999;}
.items_1 dl dt{width:100%;height: auto; overflow:hidden; position:absolute; top:0; right:0;z-index:1;}
.items_1 dl dt img{width:100%;height:180px;border-radius:5px 5px 0 0;}
.items_1 dl dd{width:100%; overflow:hidden;position:absolute; top:195px; right:0; font-size:1.5em; height:1.6em; text-align:center;overflow:hidden;}



.nav_2{ width:96%;height: auto; margin-bottom:5%;}
.nav2box{width:100%;height: auto; }
.nav2box img{ width:100%;height:190px;border-radius:5px 5px 0 0;}
.nav2box .b_txt{width:100%; padding-top:0;height: auto;}
.nav2box .b_txt dl{  border:1em solid #6093FF; border-left:none; width:100%;height:12.5em;line-height:1.6em; }
.nav2box .b_txt dt{padding:2% 15%;width:70%; height:3em; line-height:1.6em;font-size:1.6em;  overflow:hidden;}
.nav2box .b_txt i{ background:#D8E3FF; width:5em; height:0.3em; overflow:hidden; line-height:0.3em; margin-left:15%; }
.nav2box .b_txt dt a{color:#6093FF;}
.nav2box .b_txt dd{padding:2% 15%;width:70%; height:4em; overflow:hidden;}

.swiper-pagination{ top:160px;}
.swiper-pagination-bullet{ width:20px; height:20px;border-radius:10px; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;}
.swiper-button-next{ top:280px; right:10px;}
.swiper-button-prev{ top:280px; left:10px;}



.nav_3bg{background:none;}
.nav_3{width:80%;height: auto;  margin:0 auto;}
.nav3_h{ display: none;}
.nav3_imgs{width:100%;height:430px; box-shadow:0 7px 16px 0 rgba(0,0,0,0.11); margin-bottom:5%;}
.nav3_imgs img{width:100%;height:430px; z-index:99;position: none;border-radius:5px; }
.nav3_imgs a:hover{ display:none}
.nav3_imgs a .nav3_txt{ display:none;} 
.nav3_imgs a:hover .nav3_txt{ display:none}
.nav3_imgs a:hover .nav3_txt img{ display:none}




.nav_4bg{background:none;}
.nav_4{ width:96%;height: auto;  margin:0 auto;}
.nav4_h{ display:none;}
.nav4_h2{ width:100%; margin-bottom:5%;}
.nav4_imgs{width:48%; height:260px; float:left;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11); margin-right:3%; margin-top:6%;}
.nav4_imgs2{width:48%; height:260px; float:left;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);}
.nav4_imgs img,.nav4_imgs2 img{width:100%; height:260px; z-index:99;position:absolute;border-radius:5px; }
.nav4_imgs a:hover,.nav4_imgs2 a:hover{display:none}
.nav4_imgs a .nav4_txt,.nav4_imgs2 a .nav4_txt{display:none;} 
.nav4_imgs a:hover .nav4_txt,.nav4_imgs2 a:hover .nav4_txt{display:none}
.nav4_imgs a:hover .nav4_txt img,.nav4_imgs2 a:hover .nav4_txt img{display:none}



.nav_5bg{background:none;}
.nav_5{width:96%;height: auto;  margin:0 auto;}
.items_2{width:100%; height:200px; float:left;border-radius:5px; margin-bottom:5%;}
.items_2 dl{width:100%; height:200px;position: relative;}
.items_2 dl i{background:url('../images/btn_r.png') no-repeat center; width:70px; height:44px; position:absolute; top:0; right:0; z-index:999;}
.items_2 dl dt{width:100%; height:200px; overflow:hidden; position:absolute; top:0; right:0;z-index:1;}
.items_2 dl dt img{width:100%; height:200px;border-radius:5px;}
.items_2 dl dd{width:5em;height:200px;overflow:hidden;position:absolute; top:0px; left:0;background-color:#000; opacity:0.8; filter:alpha(opacity=100);z-index:9;border-radius:5px 0 0 5px;}
.items_2 dl dd a{writing-mode:lr-tb; float:left;color:#fff; width:20px; line-height:18px; height:160px; padding-top:15px; padding-left:20px; display:block; font-weight:bold; font-size:18px; overflow:hidden;}
.items_2 dl dd p{ display:none;}


.items_3{width:49%;height: auto;  float: left;padding-left:1%;margin-bottom:8%;}
.items_3 dl{width:100%; height:220px; position: relative; background:#fff url('../images/bg1.png') bottom no-repeat;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);border-radius:5px; }
.items_3 dl i{background:url('../images/btn_r.png') no-repeat center; width:50px; height:34px; position:absolute; top:0; right:0; z-index:999;border-radius:5px;}
.items_3 dl dt{width:100%; height:110px; overflow:hidden; position:absolute; top:0; right:0;z-index:1;}
.items_3 dl dt img{width:100%; height:110px; border-radius:5px;}
.items_3 dl dd{width:90%;height:70px; overflow:hidden;position:absolute; top:120px; left:5%; overflow:hidden; }
.items_3 dl dd a{ line-height:30px; height:30px; overflow:hidden;display:block; font-weight:bold; font-size:16px;text-align:center;}
.items_3 dl dd p{ float:left;color:#999; line-height:20px; height:40px; overflow:hidden;}
.items_3 dl span{ background:none;width:20%; height: 20px; position:absolute; display: block; top:200px; right:40%;z-index:1;}
.items_3 dl span a{ width:100%;height: auto;display:block;}


#wrap {width:100%;height: auto; margin-bottom:5%; }
#tit {height:10em;width: 100%;float: left;  }
#tit li {float: left; height: 3em;width:100%; margin-bottom:1%; cursor:pointer; background:#fff; }
#tit dl{ width:95%; height:3em; padding-top:0; padding-left:3%; overflow:hidden;}
#tit dl dt{font-size:1.5em; width:80%; font-weight:bold; height:1.7em; line-height:2em; overflow:hidden;}
#tit dl dd{display:none;}
#tit li.select { background:#6093FF; color:#fff; }
#tit li.select a,#tit li.select dd{ color:#fff; }
#con{ float:left;width:100%;height: auto; border-radius:5px;}
#con img{ width:100%;height:190px; border-radius:5px;}
#con li{width:100%;height: auto; display: none; }
#con li.show {display: block;}

}