﻿body {font-size: 14px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff url(banner.png) repeat-y center 70px;}
*{ 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; }
.line_h{ display: none;}

.bottombg{background:url(bottombg.jpg) no-repeat center; height:151px; width:100%;}
.banner{height:800px; overflow: hidden; background:url(banner.jpg) no-repeat center;}
#clouds{background: url(banner.jpg) no-repeat top;padding-top: 620px; height:180px;}
.cloud {width: 10000%; height:480px;background:url(cl.png);position: relative;left: 0px;animation: moveclouds 25s linear infinite;}

@keyframes moveclouds {
0% {margin-left: 0px;}
100% {margin-left: -1920px;}
}

.topmenus{ width:100%; height:184px; font-size:18px; color:#fff; text-align:center; background:url(topmenu.jpg) no-repeat center;}
.menusbg{ width:1200px;margin:0 auto; padding-top:50px;}
.topmenus a{ display:block; width:58px; height:98px;}
.topmenus a:hover{ background-color:#fff; opacity:0.2; filter:alpha(opacity=20);}

.topmenus .t_0{ background:#F6F6F6 url(logo.png) no-repeat top; width:191px; height:135px; float: left; margin-right:130px; }
.topmenus .t_0 a{width:191px; height:135px;}
.topmenus .t_0 a:hover{ background-color:#fff; opacity:0.2; filter:alpha(opacity=20);}
.topmenus .t_1{ background:url(m1.png) no-repeat top; width:58px; height:98px; float: left; margin-right:210px;margin-top:20px;}
.topmenus .t_2{ background:url(m2.png) no-repeat top; width:58px; height:98px; float: left; margin-right:210px;margin-top:20px;}
.topmenus .t_3{ background:url(m3.png) no-repeat top; width:58px; height:98px; float: left; margin-right:210px;margin-top:20px;}
.topmenus .t_4{ background:url(m4.png) no-repeat top; width:58px; height:98px; float: left;margin-top:20px; }

.container_bg{background:url(big_bg.jpg) top repeat-y;}
.container{ width:1200px; margin:0 auto; background:url(g_cnt.png) repeat-y; padding:50px 0;}


.icon_0{ width:1054px;margin:60px auto; }

.icon_1{  width:464px; height:100px; margin:60px auto 40px auto; }
.icon_2{  width:100%; height:80px; margin-bottom:30px;}
.icon_3{  width:443px; height:100px; margin:60px auto 40px auto; }


.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}

.container_top{ width:1200px; margin:0 auto; height:68px; overflow:hidden; padding-top:80px; background:url(g_top.png) no-repeat bottom;}
.container_bot{ width:1200px; margin:0 auto; height:68px; overflow:hidden; padding-bottom:80px; background:url(g_bot.png) no-repeat top;}

.daoy{width:940px; height:460px; overflow:hidden; margin:0 auto; }
.daoy dl{width:940px; height:460px; position:relative;}
.daoy dl dt{ width:770px; height:185px;position:absolute; top:0; left:0; color:#9593A0; overflow:hidden; font-size:16px; line-height:30px;}
.daoy dl dd{width:940px; height:460px; position:absolute; bottom:0;}

.pic_box{width:1015px;margin:0 auto;}
.pic_box dl{ width:1015px; height:570px;position:relative;}
.pic_box dt{ width:1015px; height:570px;z-index:9; position:absolute; top:0; left:0;}
.pic_box dl img{width:1015px; height:570px;}
.pic_box dd{ width:970px;  height:120px; padding-left:25px; padding-top:15px; padding-right:20px; background-color:#000; opacity:0.85; filter:alpha(opacity=100); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.pic_box dd a{ width:970px; border-bottom:1px solid #666; height:44px; line-height:44px; display:block;}
.pic_box dd i{float:right; font-size:16px; font-style:normal; margin-bottom:10px;}
.pic_box dd h1{float:left; font-size:22px;}
.pic_box dd p{ line-height:26px; font-size:14px; font-weight:normal; color:#999; width:670px; text-align:left;}
.pic_box dd .tl{color:#fff;width:970px; text-align:left;line-height:34px;font-size:20px; margin-bottom:8px;}
.pic_box dd .tl a{color:#fff;}

.news_box{width:1015px;margin:0 auto;}
.news_box .box_1{ float: left; width:500px; height:290px;margin-bottom: 30px;}
.focusBox { position: relative;width:500px; height:290px; text-align: left;overflow:hidden; }
.focusBox dl{ width:500px; height:290px;position:relative;}
.focusBox dt{ width:500px; height:290px;z-index:9; position:absolute; top:0; left:0;}
.focusBox dl img{width:500px; height:290px;}
.focusBox dd{ font-size:16px;width:500px;  height:50px; 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; margin-top:-10px;}
.focusBox dd .tl{color:#fff; padding-left:10px;}
.focusBox dd .tl a{color:#fff;}




.swiper-pagination-bullet-active{ background:#AD2E2E;}
.focusBox .swiper-pagination{ width:30%; margin-left:390px;}

.swiper-slide{ margin-top:10px;}
.swiper-slide-thumb-active img{ border:5px solid #DCD3CC;}
.swiper-slide img{width:238px; height:144px; }

.news_box .box_2{float:right; width:505px;height:290px; margin-bottom:30px;}   
.news_box .box_2 .tm_1{ float:left; padding-left:12px; width:240px; height:290px; overflow:hidden;}
.news_box .box_2 .tm_1 .imgs{ width:240px; height:140px; overflow:hidden;}
.news_box .box_2 .tm_1 .imgs img{ width:240px; height:140px;}
.news_box .box_2 .tm_1 .tmbg_1{ border:3px solid #624024; padding:4px;border-top:0; line-height:24px;}
.news_box .box_2 .tm_1 .tmbg_2{ border:2px solid #624024; padding:2px;border-top:0;}
.news_box .box_2 .tm_1 .tmbg_3{ border:1px solid #624024; padding:10px;border-top:0; height:112px; overflow:hidden;}
.news_box .box_2 .tm_1 .mores{ width:80px; margin:10px auto;}



.news_box .tm_2{ float:left; padding-left:17px; width:490px; height:157px; overflow:hidden;}
.news_box .tm_2 .imgs{ width:200px; height:110px; overflow:hidden; float: left; }
.news_box .tm_2 .imgs img{ width:200px; height:110px;}
.news_box .tm_2 .txts{float:right; width:230px; height:110px; overflow:hidden;}
.news_box .tm_2 .tmbg_1{ border:3px solid #624024; padding:4px; }
.news_box .tm_2 .tmbg_2{ border:2px solid #624024; padding:2px;}
.news_box .tm_2 .tmbg_3{ border:1px solid #624024; padding:10px; height:112px;}
.news_box .tm_2 .mores{width:80px; float:right; display:block; }

.if_box{ overflow:hidden;width: 1014px; margin:0 auto; }

#wrap {width: 1014px; height:420px; margin:30px auto; overflow: hidden; position:relative;}
.tit-box{ width:243px; height:355px; float:right; overflow: hidden; margin-top:30px;}
#tit { float:right; width:243px; padding-top: 14px; }
#tit li {color:#634223; line-height:64px; width:243px; height:64px;font-size:20px; text-decoration:none; display:block; margin-top:20px; text-align:center; cursor:pointer; background: url(bg3.jpg) center; }
#tit li.select { color:#634223; background: url(bg3.png) center;}
#con{ width:750px; height:420px; background:#eee; }
#con li{width:750px; 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: 150px; float: right; }

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



@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;}
.bottombg{ height: auto; background: none;}
.m_banner{ display: block; }
.icon_1,.icon_2,.icon_3{ width:80%; height: auto; background: none; margin:5% auto; }
.icon_0{ width:100%; height: auto; background: none; margin:5% auto; }
.line_h{ height:2em;}


.topmenus{display:none;}
#clouds{background: none;padding-top:0;  height:0;}
.cloud {width: 10000%; padding-top:20%; top:17.5em; height:4em;background:url(cl2.png);position: relative;left: 0px;animation: moveclouds 25s linear infinite;}

.container_top{ height: auto; background: none;width:97%; margin:0 auto; overflow:hidden; padding-top:3%;}
.container_bot{ height: auto; background: none;width:97%; margin:0 auto; overflow:hidden; padding-bottom:3%;}
.container{ width:85%; margin:0 auto; background:#fff; padding:3% 0; border-left:0.6em solid #E0D7D0;border-right:0.5em solid #E0D7D0;}



.daoy{width:90%; height: auto; margin:0 auto; }
.daoy dl{width:100%; height:auto; position:relative;}
.daoy dl dt{ width:82%; height:auto; overflow:hidden;position:relative; top:auto; left:auto; color:#9593A0; overflow:hidden; font-size:1.15em; line-height:1.6em;}
.daoy dl dd{width:100%; height: auto; position:relative; bottom:auto; margin-top: -40px;}

.pic_box{width:100%;margin:0 auto;}
.pic_box dl{ width:100%; height:220px;position:relative;}
.pic_box dt{ width:100%; height:220px;z-index:9; position:absolute; top:0; left:0;}
.pic_box dl img{width:100%;height:auto; }
.pic_box dd{ width:96%;  height:60px; padding:2%;  background-color:#000; opacity:0.85; filter:alpha(opacity=100); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.pic_box dd a{ width:100%; border-bottom:1px solid #666; height:1.7em; line-height:1.7em; display:block;}
.pic_box dd i{display: none;}
.pic_box dd h1{float:left; font-size:1.1em;}
.pic_box dd p{ line-height:1.3em; font-size:1em; font-weight:normal; color:#999; width:670px; text-align:left;}
.pic_box dd .tl{color:#fff;width:100%; text-align:left;line-height:1.4em;font-size:0.8em; margin-bottom:1%;}
.pic_box dd .tl a{color:#fff;}

.news_box{width:100%; height: auto;  margin:0 auto;}
.news_box .box_1{ float: left; width:100%; height:200px; margin-bottom:3%;}
.focusBox { position: relative;width:100%; height:200px; text-align: left;overflow:hidden; }
.focusBox dl{ width:100%; height:200px;position:relative;}
.focusBox dt{ width:100%; height:200px;z-index:9; position:absolute; top:0; left:0;}
.focusBox dl img{width:100%; height:auto;}
.focusBox dd{ font-size:1.2em;width:100%; height:35px; overflow:hidden; line-height:30px; 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; margin-top:-10px;}
.focusBox dd .tl{color:#fff; padding-left:10px;}
.focusBox dd .tl a{color:#fff;}


.swiper-pagination-bullet-active{ background:#AD2E2E;}
.focusBox .swiper-pagination{ width:30%; margin-left:70%;}

.swiper-slide{ margin-top:1%;}
.swiper-slide-thumb-active img{ border:5px solid #DCD3CC;}
.swiper-slide img{width:100%; height: auto; }

.news_box .box_2{float:left; width:100%;height:260px; margin-bottom:1%;}   
.news_box .box_2 .tm_1{ float:left; width:48%; padding:0 1%; height:260px; overflow:hidden;}
.news_box .box_2 .tm_1 .imgs{ width:100%; height:110px; overflow:hidden;}
.news_box .box_2 .tm_1 .imgs img{ width:100%; height:110px;}
.news_box .box_2 .tm_1 .tmbg_1{ border:3px solid #624024; padding:4px;border-top:0;line-height:1.6em;}
.news_box .box_2 .tm_1 .tmbg_2{ border:2px solid #624024; padding:2px;border-top:0;}
.news_box .box_2 .tm_1 .tmbg_3{ border:1px solid #624024; padding:3px;border-top:0; height:auto; overflow: hidden;}
.news_box .box_2 .tm_1 .mores{ width:40%; margin:2% auto;}

.swiper-slide{width:100%;}
.swiper-pagination-bullet{ width:10%; height:4px; border-radius:2px; }


.news_box .tm_2{ float:left; padding:0; width:98%; height:135px; overflow:hidden; margin:1% auto;}
.news_box .tm_2 .imgs{ width:48%; height: auto; overflow:hidden; float: left; padding-right:2%;}
.news_box .tm_2 .imgs img{ width:100%; height: auto; }
.news_box .tm_2 .txts{float:left; width:50%; height:100px; overflow:hidden; }
.news_box .tm_2 .tmbg_1{ border:3px solid #624024; padding:4px; }
.news_box .tm_2 .tmbg_2{ border:2px solid #624024; padding:2px;}
.news_box .tm_2 .tmbg_3{ border:1px solid #624024; padding:5px; height:100px; overflow:hidden;}
.news_box .tm_2 .mores{width:40%; float:right; display:block; }

.if_box{ overflow:hidden;width:100%; margin:0 auto;}

#wrap {width:98%; height:420px; margin:3% auto; overflow: hidden; position:relative;}
.tit-box{ display:none;}
#con{ width: 100%;height:420px; background:#eee; }
#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;}


.bottom_sbj{ display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}