body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff url(banner.jpg) no-repeat center 70px;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#383838;}
a:hover {text-decoration:underline; color:#F59F17; }
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{ width:100%;height:690px;}

.container{ width:1200px; margin:0 auto;}

.nav_1a{display:none;}
.nav_1{  width:1200px; height:250px; margin:0 auto; display: block;}
.nav_1 img{ border:10px solid #E1F1FF; width:420px; height:230px;}
.nav_1 .swiper-slide {transform: scale(0.8);}
.nav_1 .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1);}


.icon_1{  width:290px; height:74px; overflow:hidden; text-align:center; margin:0 auto; padding:40px 0;}
  
.nav_2{ width:1200px; margin:20px auto 60px auto; }
.nav_2 dl{overflow:hidden; margin-bottom:10px;}
.nav_2 dt{ font-size:20px; font-weight:bold; margin-bottom:10px; line-height:26px; text-align:center; background:url(lines_1.jpg) bottom no-repeat;padding:10px;margin-bottom:20px;}
.nav_2 dd{line-height:24px; font-size:14px; color:#999; text-align:center;}
.nav_2 ul{ margin-bottom:20px;}
.nav_2 ul li{float:left; width:555px; margin-right:20px;padding-left:25px; background:url(p1.png) no-repeat left; border-bottom:1px solid #E9F2FB; line-height:54px;}
.nav_2 ul span{float: right; color:#999;}



.nav_3bg{ width:100%; margin:0 auto;}
.nav_3{ width:1200px; height:490px; margin:0 auto 40px auto; }
#wrap {width: 1200px; height:490px; margin:0 auto; overflow: hidden; position:relative;}
.tit-box{ width:293px; height:480px; float:right; overflow: hidden;}
#tit { float:right; width:293px; padding-top:55px;height:350px; overflow:hidden;}
#tit li {color:#4889C3; line-height:64px; width:293px; height:64px;font-size:15px; text-decoration:none; display:block; margin-top:20px; text-align:center; cursor:pointer; background: url(btn_1.jpg) center; }
#tit li.select { color:#8ABFE9; background: url(btn_1.jpg) center;}
#con{ width:860px; height:460px; background:#eee; border:10px solid #E0F2FF;}
#con li{width:860px; height:460px;display: none; }
#con li.show {display: block;}

#map{height:460px;width:100%;}
#map-point{ display: none;}
.map-point-item{ width: 500px; height: 150px; }
.map-point-item .image{ width: 240px; height: 150px; float: left; }
.map-point-item .image img{ width: 240px; height: 150px;}
.map-point-item .info{ width: 240px; height: 150px; float: right; }

#wrap .prev{background:url(tl.png) no-repeat center; width:100%; height:39px; display:block; position:absolute; right:-455px; z-index:999;}
#wrap .next{background: url(br.png) no-repeat center; width:100%; height:39px; display:block;position:absolute;right:-455px; top:445px; z-index:999;}


.nav_4{ width:1200px; height:425px; margin:0 auto; background:url(bg3.jpg) left no-repeat;}
.nav_4 .box_1{float:left; width:930px; padding-top:40px;}
.nav_4 .box_1 .box_1a{ width:100%; height:230px;}
.nav_4 .box_1 .box_1a dl{color:#fff; float:left; width:400px; height:100px; margin-bottom:20px; padding:0 30px; line-height:20px;}
.nav_4 .box_1 .box_1a dl a{color:#fff;}
.nav_4 .box_1 .box_1a dt{ height:32px; background:url(p2.png) left no-repeat; padding-left:25px;}
.nav_4 .box_1 .box_1a dd{ height:64px; border-bottom:1px solid #fff;}
.nav_4 ul{padding-left:10px;}
.nav_4 ul li{float: left;width:240px; height:90px;height: auto;overflow: hidden;cursor: pointer; background:#79ABDE;border-radius:5px; margin:0 10px; padding:20px 20px 10px 20px;}
.nav_4 ul li img{display: block;margin:0 auto;float:left;}
.nav_4 ul li em{display: block;width:140px; float:right;text-align: center;font-size: 16px;color:#589EE4;line-height:35px; margin-top:10px; background:#fff;border-radius:10px; font-style:normal;}
.nav_4 ul li em a{color:#589EE4; text-decoration:none;}
.nav_4 ul li span{display: block;width:140px; float:right;text-align: center;font-size: 14px;color: #333333;}
.nav_4 ul li span i{font-style: normal;color: #ffffff;padding:0 5px;}


.nav_4 .box_2{float:right; background:url(btn3.jpg) no-repeat; width:269px; height:425px;}

.nav_5bg{background:url(bg2.jpg) no-repeat top; padding-top:40px; height:824px;}
.nav_5bg .nav_5{ width:1200px; margin:0 auto; }
.nav_5left{float:left; width:580px;}
.nav_5left dl{ background:url(btn_2.jpg) no-repeat center; height:30px; padding:22px; width:509px; font-size:20px; margin-bottom:70px; }
.nav_5left dt{ background:#589EE4;border-radius:100%; width:30px; color:#fff; text-align:center; float:left; margin-left:160px;}
.nav_5left dt a{color:#fff;}
.nav_5left dd{color:#589EE4; float:left; height:30px; overflow:hidden; padding-left:10px; width:240px;}
.nav_5left dd a{color:#589EE4;}

.nav_5right{float:right; width:590px;}
.nav_5right .pic_box2{ width:590px; height:350px; border:3px solid #589EE4;}
.nav_5right .pic_box2 img{width:590px; height:350px;}

.swiper-pagination-bullet{ background:#fff;width:15px; height:5px;border-radius:10px; filter: alpha(opacity=100); opacity: 1.0;}
.swiper-pagination-bullet-active{ background:#589EE4; width:40px; height:5px;filter: alpha(opacity=100); opacity: 1.0;}
.swiper-container-horizontal>.swiper-pagination-bullets{ left:65%;width:50%; bottom:10px;}
.swiper-button-next,.swiper-button-prev{ background:#000;filter: alpha(opacity=60); opacity: 0.6; }


.bottombg{ background:}
.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%;}
.bottombg,.banner{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.icon_1{ width:60%; height: auto; background: none; margin:4% auto; padding:0;}
.line_h{ height:2em;}

.nav_1{display:none;}
.nav_1a{ width:100%; height:auto; margin:0 auto; display: block;}
.nav_1a img{ border:2px solid #E1F1FF; width:100%; height: auto;}

.swiper-pagination-bullet{ background:#fff;width:8px; height:5px;border-radius:10px; filter: alpha(opacity=100); opacity: 1.0;}
.swiper-pagination-bullet-active{ background:#B61412; width:20px; height:5px;filter: alpha(opacity=100); opacity: 1.0;}
.swiper-container-horizontal>.swiper-pagination-bullets{ left:65%;width:50%; bottom:8px;}


.nav_2{ width:98%; margin:2% auto 6% auto; }
.nav_2 dl{ margin-bottom:2%; height:auto;}
.nav_2 dt{ font-size:1.1em;line-height:1.3em; text-align:left; padding:1% 1% 4% 1%;margin-bottom:2%;}
.nav_2 dd{line-height:1.2em; font-size:0.9em; color:#999; text-align:left;}
.nav_2 ul{ margin-bottom:2%; padding-left:2%;}
.nav_2 ul li{float:left;  width:90%;border-bottom:1px solid #E9F2FB; font-size:0.9em;  line-height:1.1em; padding:2% 2% 2% 20px;}
.nav_2 ul span{float: right; color:#999; display:none;}



.nav_3bg{ width:100%; margin:0 auto;}
.nav_3{ width:100%; height: auto; margin:0 auto 4% auto; }
#wrap {width:98%; height:420px; margin:3% auto; overflow: hidden; position:relative;}
.tit-box{ display:none;}
#con{ width: 100%;height:420px; background:#eee; border:none; }
#con li{width: 100%; height:420px;display: none; }
#con li.show {display: block;}

#map{height:420px;width:100%;}
#map-point{ display: none;}
.map-point-item{ width: 500px; height: 150px; }
.map-point-item .image{ width: 240px; height: 150px; float: left; }
.map-point-item .image img{ width: 240px; height: 150px;}
.map-point-item .info{ width: 240px; height: 76px; overflow: hidden; line-height: 20px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; }
.map-point-item .info h3{ height: 20px; padding: 0 5px; overflow: hidden; margin: 5px 0; border-bottom: 1px solid #666; }
.map-point-item .info h3 a{ color: #fff; }
.map-point-item .info p{ padding: 0 5px; color: #999;}

#wrap .prev{background:url(tl.png) no-repeat center; width:100%; height:28px; display:block; position:absolute; right:-390px; z-index:999;}
#wrap .next{background: url(br.png) no-repeat center; width:100%; height:28px; display:block;position:absolute;right:-390px; top:385px; z-index:999;}



.nav_4{ width:100%; height: auto; margin:0 auto; background:url(bg3.jpg) top no-repeat;}
.nav_4 .box_1{float:left; width:100%; padding-top:2%;}
.nav_4 .box_1 .box_1a{ width:98%; height: auto; margin:0 auto;}
.nav_4 .box_1 .box_1a dl{color:#fff; float:left; width:92%; height: auto; margin-bottom:2%; padding:0 3%; }
.nav_4 .box_1 .box_1a dl a{color:#fff;}
.nav_4 .box_1 .box_1a dt{ height:auto;font-size:0.7em;}
.nav_4 .box_1 .box_1a dd{ height:auto; border-bottom:1px solid #fff;font-size:0.85em; padding-bottom:2%;}
.nav_4 .box_1b{width:100%;}
.nav_4 .box_1b ul{padding-left:0;width:100%; margin:0 auto;  }
.nav_4 .box_1b ul li{float: left;width:25%;height: auto;overflow: hidden;cursor: pointer; background:#79ABDE;border-radius:5px; margin:0 1% 2% 2.5%; padding:2%;}
.nav_4 .box_1b ul li img{display: block;margin:0 auto;float: none;}
.nav_4 .box_1b ul li em{display: block;width:90%; float:none;text-align: center;font-size:0.5em;color:#589EE4;line-height:1.6em; margin:1% auto 0 auto; background:#fff;border-radius:10px; font-style:normal;}
.nav_4 .box_1b ul li em a{color:#589EE4; text-decoration:none;}
.nav_4 .box_1b ul li span{display: block;width:90%;  float:none;text-align: center;font-size: 0.8em;color: #333333;margin: 0 auto;}
.nav_4 .box_1b ul li span i{font-style: normal;color: #ffffff;padding:0 1%;}


.nav_4 .box_2{float:right; background: none; width:100%; height: auto;}

.nav_5bg{background: none; padding-top:4%; width:100%; height: auto;}
.nav_5bg .nav_5{ width:100%; margin:0 auto; }
.nav_5left{float:left; width:100%; }
.nav_5left dl{ background:#fff; border:2px solid #589EE4; height:1.3em; line-height:1.7em; padding:2%; width:90%; font-size:0.95em; margin:0 auto 2% auto; overflow:hidden;}
.nav_5left dt{ background:#589EE4;border-radius:100%; width:1.5em; color:#fff; text-align:center; float:left; margin-left:33%; width:8%;}
.nav_5left dt a{color:#fff;}
.nav_5left dd{color:#589EE4; float:left; padding-left:3%; width:36%;}
.nav_5left dd a{color:#589EE4;}

.nav_5right{float:right; width:100%;}
.nav_5right .pic_box2{width:100%; height: auto; border:none;}
.nav_5right .pic_box2 img{width:100%; height: auto;}



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