body {font-size: 14px; line-height: 24px; font-family:"微软雅黑"; color:#444444; background:#F2EEE9;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#4D765B; }
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:731px; background:#fff url(banner.png) center no-repeat;}

.icon_0{width:100%; padding: 0 0 5px 0;}
.icon_1{width:100%; padding: 0 0 20px 0;}
.icon_2{width:100%; padding: 0 0 40px 0; text-align: center;}



.nav_0bg{width: 100%; height: 677px; background: url(bg0.png) top no-repeat; padding-top: 50px;}
.nav_0{ width:1200px; margin: 0 auto;  }
.nav_0left{float: left;width: 600px;height: 340px; box-shadow:15px 8px 10px rgba(0, 0, 0, 0.4); background: #fff; }
.nav_0left dl{ width:600px; height:340px;position:relative; overflow:hidden;}
.nav_0left dt{ width:600px; height:340px;z-index:9; position:absolute; top:0; left:0;}
.nav_0left dl img{width:100%; height: 340px;}
.nav_0left dd{ width:570px; padding:15px; overflow:hidden; line-height:20px; background-color:#000; font-size:16px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav_0left dd .tl{ color: #fff;text-align:left;}
.nav_0left dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}
.nav_0left dd .tl a{color:#fff;}
.focusBox1 .swiper-pagination{bottom:8px; left: 38%;}
.focusBox1 .swiper-pagination-bullet{background:#fff;width:12px; height:12px; border-radius:6px; filter: alpha(opacity=100); opacity: 1;}
.focusBox1 .swiper-pagination-bullet-active{ background: #4D765B; filter: alpha(opacity=100); opacity: 1;}


.nav_0right{float: right; width:550px; color: #fff; }
.nav_0right a{color: #fff;}
.nav_0right dl{width:550px; }
.nav_0right dl a{ padding: 10px; border-bottom: 1px solid #fff; display: block; text-decoration: none;}
.nav_0right dl a:hover{ background: #CCAF78; border-bottom: none; }
.nav_0right dl dt{ font-weight: bold; font-size: 16px; line-height: 22px; margin-bottom: 5px;}
.nav_0right dl dd{ line-height: 18px; }





.nav_1{ width: 1200px; margin: -100px auto 60px auto;color: #4D765B; }
.nav_1 a{ color: #4D765B; }
.nav_1 .nav_1left{ float: left; width: 600px; }
.nav_1 .nav_1left dl{ float: left; width: 280px;margin-bottom: 10px; padding-right: 20px;  }
.nav_1 .nav_1left dl img{border: 3px solid #4D765B; width: 274px; height: 184px; }
.nav_1 .nav_1left dt{font-size: 14px; line-height: 18px; font-weight: bold; }
.nav_1 .nav_1left dd{ font-size: 12px; line-height: 16px; }

.nav_1 .nav_1right{ float: right;width: 560px; height: 482px; background:#fff url(bg1.png) top no-repeat; padding: 35px 0 0 40px;  }
.nav_1 .nav_1rightbox{ padding-top: 20px; width: 540px; height: 200px; overflow: auto; font-size: 18px; line-height: 26px; }


.nav_2{ width: 920px; height: 550px; padding: 0 140px 0 140px; margin:0 auto -130px auto; background: url(bg2.png) bottom no-repeat;  }
.nav_2 .imgsbox{ float: left; width: 220px; height: 296px; padding: 0 5px; }
.mores{ text-align: center; width: 100%;  color: #E6D5AC; padding-top: 70px;}
.mores a{color: #E6D5AC;}

.nav_3bg{ background: url(bg4.png) top no-repeat; width: 100%; height: 510px; padding-top: 290px; }
.nav_3{ background: url(bg3.png) top no-repeat; width: 1100px; height: 363px; padding: 0 150px; margin: 0 auto;}
.nav_3 dl{ float: left; width: 300px; height: 250px; padding: 60px 30px 0 30px;font-size: 16px; overflow: hidden;  }
.nav_3 dl dt{ margin-bottom: 15px; }
.nav_3 dl dt span{ color: #999; display: block; font-size: 12px; }
.nav_3 dd{ line-height: 22px;  }




.bottom_bg{ width: 100%;text-align: center;background: url(bottombg.png) top no-repeat; height: 107px;  }
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 520px){
body { background:#F2EEE9; 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%; background:none; height:auto; margin-bottom:0;}

.icon_0,.icon_1,.icon_2{padding: 0 0 3% 0; text-align: center;}

.nav_0bg{ width:100%; margin: 0 auto 5% auto; height: auto; padding-top: 0; background: #4D765B; background-image: none;}
.nav_0{ width:100%; height: auto;}

.nav_0left {width:100%;height:220px; margin-bottom: 5%; }
.nav_0left dl{ width:100%; height:220px;}
.nav_0left dt{ width:100%; height:220px;}
.nav_0left dl img{width:100%; height: 220px;}
.nav_0left dd{ width:96%; padding:2%; line-height:1.2em; font-size:0.9em; }
.nav_0left dd .tl{ width: 90%; }
.nav_0left dd .tl a{}

.focusBox1 { width:100%;}

.focusBox1 .swiper-pagination-bullet{width:8px; height:8px; border-radius:4px;}
.focusBox1 .swiper-pagination-bullet-active{}


.nav_0right{float: left; width:100%; height: auto; margin-bottom: 5%;}
.nav_0right a{}
.nav_0right dl{width:100%; }
.nav_0right dl a{ padding: 2%; }
.nav_0right dl a:hover{ }
.nav_0right dl dt{ font-size: 0.95em; line-height: 1.2em;}
.nav_0right dl dd{ font-size: 0.9em; line-height: 1.2em; }





.nav_1{ width:100%; margin:3% auto;}
.nav_1 a{ }
.nav_1 .nav_1left{width:86%; padding-left: 7%;  }
.nav_1 .nav_1left dl{ width:100%; margin-bottom: 2%; padding-right: 0; margin-bottom: 5%; }
.nav_1 .nav_1left dl img{width: 100%; }
.nav_1 .nav_1left dt{font-size: 0.95em; line-height: 1.2em;}
.nav_1 .nav_1left dd{  font-size: 0.9em; line-height: 1.2em;}

.nav_1 .nav_1right{ float: left;width: 100%; height: 482px; background:#fff url(bg1.png) top no-repeat; padding: 5% 0 0 3%; background-size: cover;  }
.nav_1 .nav_1rightbox{ padding-top: 2%; width: 100%; height: 220px;font-size: 0.95em; line-height: 1.2em; }


.nav_2{ width: 100%; height: auto; padding: 0 ; margin:0 auto 5% auto; background: none;   }
.nav_2 .imgsbox{ float: left; width: 42%; height: 196px; padding: 0 4%; }
.mores{ text-align: center; width: 100%;  color: #4D765B; padding-top: 0;}
.mores a{color: #4D765B;}


.nav_3bg{ background:#4D765B; background-image: none; width: 100%; height: auto; padding: 5% 0; }
.nav_3{ width: 90%; height: auto; padding: 0; margin: 0 auto; background: #fff;}
.nav_3 dl{width:94%; height: auto; padding:5% 3%;font-size: 0.95em; line-height: 1.2em; }
.nav_3 dl dt{ margin-bottom: 2%;font-size: 0.95em; line-height: 1.2em; }
.nav_3 dl dt span{ font-size: 0.8em; }
.nav_3 dd{ font-size: 0.9em; line-height: 1.2em; }




.bottom_bg{ width: 100%;background:none; 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; }
}