body {font-size: 14px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#F7FFFF url(topbn.png) no-repeat center top;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#343434;}
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; }

.bottombg{height:155px; width:100%; background: url(bottom.png) no-repeat top;}
.bottom_sbj{ text-align:center; background:#333; color:#fff; line-height:3.5em;}
.bottom_sbj a{color:#fff; }
.container{ width:1000px; margin:0 auto;}

.sbj_menus{ width:1000px; height:70px; margin:0 auto; padding-top:28px; overflow:hidden;}
.sbj_menus a{float:left; display:block; color:#fff; font-size:18px; padding:0 20px; line-height:40px;}
.sbj_menus a:hover{ background:#58F2CE;border-radius:20px; text-decoration:none;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}

.banner{height:365px;}
.gg_box{ width:980px; height:70px; margin:0 auto; padding:25px 10px;}
.icon_gg{ width:96px; height:45px; float:left;}
.gg_txt{float:right; width:860px;height:45px; line-height:45px; font-size:18px; overflow:hidden;}

.pic_box{ width:540px; height:330px; float:left;}
.focusBox { position: relative;width:540px; height:330px; text-align: left;overflow:hidden; }
.focusBox dl{ width:540px; height:330px;position:relative;}
.focusBox dt{ width:540px; height:330px;z-index:9; position:absolute; top:0; left:0;}
.focusBox dl img{width:540px; height:330px;}
.focusBox dd{ font-size:16px;width:540px;  height:60px; line-height:40px; background-color:#000; opacity:0.6; filter:alpha(opacity=50); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; font-weight:bold;text-align:center;}
.focusBox dd .tl{color:#fff; }
.focusBox dd .tl a{color:#fff;}


.pic_box .swiper-pagination-bullet{ background:#fff; bottom:-15px;}
.pic_box .swiper-pagination-bullet-active{ background:#68DCCF; filter: alpha(opacity=100); opacity: 1.0;}
.pic_box .swiper-pagination{left:380px; width:30%;}
.swiper-pagination-bullet{ width:40px;border-radius:10px; }
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}
.nav1{ width:400px;float: right;padding:20px 30px; height:290px; overflow:hidden; margin-bottom:70px; background:#fff;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}
.nav1 dl{width:400px;}
.nav1 dt{ height:70px; line-height:30px; overflow:hidden; font-size:20px;  font-weight:bold;}
.nav1 ul{line-height:44px;}
.nav1 li{background: url(line.png) left no-repeat; padding-left:26px;}
.nav1 li span{float:right; color:#999;}

.nav2{background:#ffffff url(bg2.png) left no-repeat; height:440px;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);margin-bottom:50px;}
#wrap {width: 1000px; margin:auto; overflow: hidden;}
#tit {height: 300px;width: 180px; float:left; padding-top:200px;}
#tit li {float: left; height: 40px; line-height:40px; width: 260px; font-size: 20px; color: #fff; padding-left:45px; margin-bottom:20px; cursor:pointer; }
#tit li.select { border-left:25px solid #FFFC01;color: #FFFC01;padding-left:20px; }
#con{ float:right; width:640px; height:440px;}
#con li{width:580px; height:430px;display: none; }
#con li.show {display: block;}

.ds_box{width:580px; padding-right:20px; height:310px; overflow:auto;}

.icon_1{  width:100%; height:45px; margin-bottom:10px; background:url(icon_1.jpg) no-repeat;}
.icon_1 a{display:block; height:45px;}
.icon_2{ width:640px;height:26px; padding:20px 0; margin-bottom:20px; display:block;}
.icon_2 a{display:block; height:45px;}


.nav3{background:url(bg3.jpg) no-repeat center; width:1000px; height:410px; position:relative; margin-bottom:50px;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}
.nav3 .l_1{width:165px; height:46px; position:absolute; display:block; top:175px; left:465px;}
.nav3 .l_2{width:165px; height:46px; position:absolute; display:block; top:230px; left:465px;}
.icon_2{ width:100%; height:60px;}
.icon_2 a{ width:100%; height:60px; display:block;}

.nav4{float:left; width:350px; height:410px; margin-bottom:50px; background:url(bg4.jpg) no-repeat center;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}
.nav5{float: right; width:650px; height:410px; margin-bottom:50px;background:url(bg5.jpg) no-repeat center;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}





@media only screen and (max-width: 640px){
body { background-image:none; font-size:0.65em;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.banner{ height: auto; background: none;}
.m_banner{ display: block; }
.icon_1,.icon_2,.bottombg{ width:100%; height: auto; background: none; }
.icon_1 a,.icon_2 a{ width:100%; height: auto; background: none; }

.sbj_menus{ display: none;}
.gg_box{ width:98%; height:2.1em;  margin:0 auto; padding:1%; background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.11); overflow:hidden;}
.icon_gg{ width:14%;  float:left; margin-right:3%;}
.gg_txt{ float:left;width:80%;line-height:2.1em; overflow:hidden;font-size:1em;}


.pic_box{  width:100%;height: auto; margin:2% auto;  background:#fff;box-shadow:0 5px 7px 0 rgba(0,0,0,0.11);}
.focusBox {width:100%; height:240px;}
.focusBox dl{width:100%; height:240px;}
.focusBox dt{ width:100%; height:240px;}
.focusBox dl img{width:100%; height:240px;}
.focusBox dd{ font-size:16px;width:100%;  height:3.35em; line-height:2.6em; overflow:hidden; }


.nav1{ width:96%;height: auto; margin:2% auto; padding:2%; float:left;}
.nav1 dl{width:400px;}
.nav1 dt{width:90%; height:2.7em; line-height:1.35em; overflow:hidden; font-size:1.6em;  font-weight:bold;}
.nav1 ul{line-height:2.6em;}


.nav2{width:100%;height: auto; margin:2% auto; float:left; background:none;}
#wrap {width: 100%;}
#tit {height: auto;width: 100%; float:left; padding-top:1.5em; background:#68DCCF;}
#tit li {float: left; height:1em; line-height:1em; width: 100%; font-size:2em;}
#tit li.select { border-left:1em solid #FFFC01;color: #FFFC01;padding-left:1.1em; }
#con{ float:left; width:100%; height:340px; background:#fff;}
#con li{width:98%; height:330px;display: none; }
#con li.show {display: block;}
.icon_2{margin-bottom:0;height: auto; padding:0; padding-left:5px;}
.ds_box{width:96%;padding:0 1em; height:265px; }

.nav3{width:100%;height: auto; margin:2% auto; float:left; background:#fff; background-image:none; text-align:center;}
.nav3 a{width:160px; height:40px; }
.nav3 .l_1{ width:160px; height:40px;top:46%; left:8%;}
.nav3 .l_2{ width:160px; height:40px;top:62%; left:8%;}


.nav4{ display:none;}
.nav5{float: left; width:100%; height: auto;margin-bottom:50px;margin:2% auto;}



}