body {font-size: 16px; line-height: 28px; font-family:"微软雅黑"; color:#6B6B6B; background:#fff url(banner.jpg) center 70px no-repeat;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#1A1A1A;}
a:hover {text-decoration:underline; color:#6B6B6B; }
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:1030px; }
.icon_0{ text-align: center; width: 100%; margin: -85px auto -10px auto;}
.icon_1{ text-align: center; width: 100%; margin: 0 auto -20px auto;}
.icon_2{ text-align: center; width: 100%; margin: 0 auto; padding-top: 20px;}


.nav_0{width: 1180px; padding: 0 10px 50px 10px;
border: 2px dashed #ddd; margin:0 auto 30px auto;}
.items{ float: left; width: 540px; padding: 0 20px; }
.items .item{ width: 470px; height: 600px; padding: 35px; background:#F3F3F3; position: relative;}
.items .item .t1{ color: #CA9C2E; font-weight: bold; font-size: 26px; height: 50px;}
.items .item .imgs{ width: 470px; height: 235px; margin-bottom: 10px;}
.items .item .imgs img{ width: 470px; height: 235px; }
.items .item .t2{font-weight: bold; font-size: 26px; line-height: 32px; margin-bottom: 20px;}
.items .item .t3{ }
.items .item .t4{ position: absolute; left: 35px; bottom: 35px; width: 470px;}
.items .item .t4 span{ padding: 3px 20px;  line-height: 30px; background: #E5E5E5; float: left; display: block; text-align: center; color: #5B5B5B; font-size: 14px;}
.items .item .t4 .xq { float: right;color: #191919; font-size: 18px; height: 30px;background: url(m1.png) left no-repeat; display: block; width:58px; text-align: right; }


.nav_1{ width:1200px; margin: 0 auto 50px auto;  }

.nav_1left {float: left;width:570px; }
.nav_1left dl{ width:570px; height:365px;position:relative; overflow:hidden;}
.nav_1left dt{ width:570px; height:365px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: 365px;}
.nav_1left dd{ width:500px; padding:10px 30px 10px 40px; overflow:hidden; line-height:24px; background-color:#000; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav_1left dd .tl{ color: #fff;text-align:left;}
.nav_1left dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}

.focusBox1 { width: 570px;height:365px; }
.focusBox1 .swiper-button-next{ background-size: 60%; position: absolute; top: 90%; }
.focusBox1 .swiper-button-prev{ background-size: 60%; position: absolute; top: 90%; }

.nav_1right{ width: 570px; float: right; }
.nav_1right dl{ margin-bottom: 20px; }
.nav_1right dt{ font-size: 26px; line-height: 30px; font-weight: bold; margin-bottom: 10px; }
.nav_1right dd{ line-height:26px;}
.nav_1right ul {border-top: 2px dashed #ddd; padding-top: 15px; line-height: 32px;}
.nav_1right ul li a{padding-left: 8px;}

.nav_2bg{background: url(bg1.jpg) top no-repeat; }
.nav_2{ width: 1200px; margin: 0 auto; }
.nav_2 .ntxt{ margin-top: -20px; line-height: 26px; margin-bottom: 40px; }
.nav_2 dl{ float: left; width: 530px; height: 80px; padding: 20px 30px;background:#F9F6ED; margin-bottom: 20px; position: relative; }
.nav_2 .h_liens{ width: 20px; float: left; height: 80px; display: block; }
.nav_2 dt{color: #574A33; line-height: 26px; font-size: 18px; font-weight: bold;}
.nav_2 dt a{color: #574A33;}
.nav_2 dd{ position: absolute; left: 35px; bottom: 10px; width: 530px;}
.nav_2 dd span{ padding: 3px 20px;  line-height: 30px; background:#F4F0E5; float: left; display: block; text-align: center; color: #AEA47F; font-size: 14px;}
.nav_2 dd .xq { float: right;color:#766650; font-size: 16px; height: 30px;background: url(m2.png) left no-repeat; display: block; width:50px; text-align: right;}
.nav_2 dd .xq a{color:#766650; }

.nav_2 .tt_1{ color: #CA9C2E; text-align: center; font-size: 26px; font-weight: bold; margin: 30px auto 30px auto; }
.nav_2 .mores{width: 417px;height: 47px;background: #F9F3E4; margin:0 auto 30px auto;border-radius: 23px; color: #766650; text-align: center; line-height: 47px; }
.nav_2 .mores a{color: #766650;}
.nav_2box{ margin-bottom: 30px; }
.nav_2box img{width: 215px;height: 274px;}

.focusBox2{ width:1200px; }
.focusBox2 .swiper-button-next2{ position:absolute;width:30px;height: 58px;z-index: 10;cursor: pointer;background:#000 url(right1.png) no-repeat center;background-size: 40%; top:40%; right: 0%; }
.focusBox2 .swiper-button-prev2{ position:absolute; width:30px;height: 58px;z-index: 10;cursor: pointer;background:#000 url(left1.png) no-repeat center;background-size: 40%; top:40%; left: 0; }



.nav_3{ width: 1200px; margin: 0 auto; }
.icon_3{ text-align: center; width: 100%; margin: 0 auto -10px auto; }
.nav_3 dl{ float: left; width: 380px; margin-bottom: 30px; }
.nav_3 dl img{width: 380px; height: 240px;}
.nav_3 dt { color: #1A1A1A; font-size: 16px; line-height: 24px; }
.nav_3 .h_liens{ width: 30px; float: left; height: 80px; display: block; }
.nav_3box{ line-height: 32px; border: 1px solid #E6E6E6; padding:15px 0;}
.nav_3box ul{ float: left; width: 540px; padding: 0 25px; }
.nav_3box li{ line-height: 20px; padding: 5px 0; }
.nav_3box ul span{ float: right; font-size: 14px; color: #989898; }
.nav_3box ul a{ padding-left: 8px; }

.nav_4bg{ width: 100%; height: 840px; background: url(bg2.jpg) top no-repeat;}
.nav_4{ width: 1200px; margin: auto; }
.icon_4{padding: 230px 0 0 0; text-align: center; margin-bottom: -30px;}
.nav_4left{ float: left; width: 600px; }
.nav_4left .imgs{ width: 280px;  padding-right: 20px; float: left; margin-bottom: 10px; }
.nav_4left .imgs img{ width: 280px; height: 180px; }
.nav_4left dl{ width: 520px; height: 100px; background:#C71015; padding: 30px;}
.nav_4left dt{ font-size: 24px; line-height: 28px; font-weight: bold; color: #F4C67D; margin-bottom: 10px; }
.nav_4left dt a{ color: #F4C67D; }
.nav_4left dd{ color: #E6DBAA; line-height: 24px; }
.nav_4right{ float: right; width: 570px; height: 356px; }

.a_mores{ width: 100%;margin:10px auto 0 auto;  }
.a_mores a{ display: block;  text-align: center; float: right; padding:2px 10px; width: 100px; height: 20px; line-height: 20px;  
background:#ddd; font-size: 14px;  }
.a_mores2{ width: 100%;margin:10px auto 0 auto; }
.a_mores2 a{ display: block;  text-align: center; float: right; padding:2px 10px; width: 100px; height: 20px; line-height: 20px;  
font-size: 14px;  color: #FFD957; border: 1px solid #FFD957; margin-right: 20px;}

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



@media only screen and (max-width: 520px){
body { background:#fff; background-size: cover; border-image: none; font-size:1em; line-height:1.4em; }
.allcontainer{ max-width: 520px; margin: 0 auto;}
.container{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{width:100%;height:auto;}


.icon_0{ margin:0 auto;}
.icon_1{ margin: 0 auto;}
.icon_2{padding-top: 0;}


.nav_0{width: 90%; padding:0 4%; margin:0 auto 3% auto;}
.items{ width:100%; padding:0; }
.items .item{ width: 94%; height: auto; padding:3%; margin-bottom: 5%;}
.items .item .t1{ font-size: 1.1em; height: auto; margin-bottom: 3%;}
.items .item .imgs{ width: 100%; height: auto; margin-bottom: 2%;}
.items .item .imgs img{ width: 100%; height: auto; }
.items .item .t2{font-size: 1.1em; line-height: 1.3em;  margin-bottom: 3%;}
.items .item .t3{ font-size: 0.9em; line-height: 1.5em; margin-bottom: 3%;}
.items .item .t4{ position: inherit; left: 0; bottom: 0; width: 100%;}
.items .item .t4 span{ padding: 3% 5%;  line-height: 1em; font-size: 0.8em;}
.items .item .t4 .xq { font-size: 0.9em; height: 1.5em;width:48px; padding-right: 2%;}


.nav_1{ width:100%; margin: 0 auto 5% auto;  }

.nav_1left {width:100%; }
.nav_1left dl{ width:100%; height:220px;}
.nav_1left dt{ width:100%; height:220px;}
.nav_1left dl img{width:100%; height: 220px;}
.nav_1left dd{ width:84%; padding:2% 8%; line-height:1.2em;font-size:0.9em; }
.nav_1left dd .tl{ }
.nav_1left dd .tl a{}

.focusBox1 { width: 100%;height:220px; }
.focusBox1 .swiper-button-next{ background-size: 40%; position: absolute; top: 87%; right: 0; }
.focusBox1 .swiper-button-prev{ background-size: 40%; position: absolute; top: 87%; left: 0; }

.nav_1right{ width:94%; padding: 3%; float: left; }
.nav_1right dl{ margin-bottom: 7%; }
.nav_1right dt{ font-size: 1.1em; line-height: 1.3em; margin-bottom:2%; }
.nav_1right dd{ line-height:1.2em; font-size: 0.9em;}
.nav_1right ul {padding-top:2%; line-height:1.2em; font-size: 0.9em; }
.nav_1right ul li{ padding: 1.5% 0; }
.nav_1right ul li a{}

.nav_2bg{ }
.nav_2{ width:100%; }
.nav_2 .ntxt{ padding: 0 5%; width: 90%; margin-top: -2em; line-height: 1.2em; margin-bottom: 5%;font-size: 0.9em; height: auto; }
.nav_2 dl{ width:96%; height: auto; padding:2%;margin-bottom: 5%; }
.nav_2 .h_liens{ display: none;}
.nav_2 dt{line-height: 1.3em; font-size: 0.9em; height: auto; display: block; padding: 0 3%; margin-bottom: 3%;}
.nav_2 dt a{}
.nav_2 dd{ position: inherit; left: 0; bottom: 0; width: 100%;}
.nav_2 dd span{ padding: 3% 5%;  line-height: 1em; font-size: 0.8em;}
.nav_2 dd .xq{ font-size: 0.9em; height: 2em; line-height: 2em; width:48px; padding-right: 2%;}
.nav_2 dd .xq a{ }

.nav_2 .tt_1{ font-size: 1.3em; margin:10% auto 5% auto; }
.nav_2 .mores{width: 90%;height: 2.6em; line-height: 2.6em;margin:0 auto 3% auto; font-size: 0.8em; border-radius: 1.3em;}
.nav_2 .mores a{}
.nav_2box{ margin-bottom: 3%; }
.nav_2box img{width:100%;height: 274px;}

.focusBox2{ width:70%; }
.focusBox2 .swiper-button-next2{}
.focusBox2 .swiper-button-prev2{}



.nav_3{ width:90%; }
.icon_3{ width: 100%; margin: 0 auto; }
.nav_3 dl{width:100%; margin-bottom: 3%; }
.nav_3 dl img{width:100%; height: auto;}
.nav_3 dt { font-size: 1em; line-height:1.3em; }
.nav_3 .h_liens{ display: none;}
.nav_3box{ line-height:1.2em; padding:2% 0; margin-bottom: 5%;}
.nav_3box ul{ width:90%; padding: 0 5%; font-size: 0.9em;}
.nav_3box li{padding: 1.5% 0; }
.nav_3box ul span{ display: none;}
.nav_3box ul a{}

.nav_4bg{ width: 100%; height: auto; background: #C5383E; margin-top: 5%;}
.nav_4{ width: 100%;}
.icon_4{padding:0.5em 0 0 0;margin-bottom:-2em;}
.nav_4left{width:100%; }
.nav_4left .imgs{ width:48%; height: 110px; overflow: hidden; padding: 1%; margin-bottom: 3%; }
.nav_4left .imgs img{ width: 100%; height:110px; }
.nav_4left dl{ width: 94%; height: auto;padding: 3%;}
.nav_4left dt{ font-size: 1.1em; line-height: 1.3em; margin-bottom: 2%; }
.nav_4left dt a{ }
.nav_4left dd{ line-height:1.2em; font-size: 0.9em; margin-bottom: 3%; }
.nav_4right{ float:left; width: 96%; padding: 0 2%; height: auto; margin-bottom: 5% }




.bottom_sbj{ width:100%; display:block; text-align:center; background:#1A1A1A; font-size: 0.8em; color:#ddd; line-height:3em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}