body {font-size: 16px; line-height:24px; font-family:"微软雅黑"; color:#23454D; background:#F3F5F4;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#23454D;}
a:hover {text-decoration:underline; color:#385A62; }
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{ text-align: center; width:100%; height: 704px;  margin-bottom: 10px; background: url(top-bg.jpg) center no-repeat; }
.banner img{padding-top: 70px;}


.icon_0{ width: 1200px; margin: -80px auto 20px auto;text-align: center; }
.icon_1{ width: 1200px; margin: 0 auto 20px auto;text-align: center; }

.nav_3bg{background:#F1EBE5 url(bot-bg.jpg) bottom no-repeat;}


.nav_1{ width: 1200px; margin: 0 auto 40px auto; }
.nav_1left{float: left; width:600px;  padding-right: 15px; }

.nav_1left dl{ width:600px; height:340px;position:relative; overflow:hidden;}
.nav_1left dt{ width:600px; height:340px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: 340px;}
.nav_1left dd{width:560px; padding:15px 20px; overflow:hidden; line-height:20px; background:rgba(199, 72, 43, 0.8); z-index:9; position:absolute; bottom:0; left:0; color:#fff;text-align:left; }
.focusBox1 {}
.focusBox1 .swiper-pagination{ bottom: 10px; left: 42%; }
.focusBox1 .swiper-pagination-bullet{ width: 13px; height: 13px; background:url(hot-pic.png) no-repeat center;filter: alpha(opacity=100); opacity: 1; }
.focusBox1 .swiper-pagination-bullet-active{ background:url(hot-pic-act.png) no-repeat center;  filter: alpha(opacity=100); opacity: 1;}

.nav_1cet{ float: left; background: #385A62; width: 210px; height: 280px; padding: 30px; }
.nav_1cet dl{ width: 100%; height: 230px;}
.nav_1cet dt{color: #fff; margin-bottom: 5px;}
.nav_1cet dd{color: #91A3A7; font-size: 14px;}
.nav_1cet .time_bg{ color: #fff;  background: url(xinxi-more.png) no-repeat right; font-size: 14px; }
.nav_1cet .time_bg i{ display: block; font-style: normal; font-size: 24px; }

.nav_1right{ float: right; background: #FAFCFD; width: 250px; height: 280px; padding: 30px 30px 30px 20px; overflow: auto; }
.nav_1right dl{ width: 100%; margin-bottom: 20px; background: url(list-bg.png) no-repeat 0 10px; padding-left: 10px;}
.nav_1right dt{color: #385A62;}
.nav_1right dd{color:#A3AFB2; font-size: 14px;}

.nav_1right::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.nav_1right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #385A62;
  }
.nav_1right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #fff;
  }


.nav_2{width: 1080px; height: 265px; margin: 0 auto;background: url(qiyuan-bg.jpg) no-repeat top;padding: 50px 60px;}
.nav_2txt{background: url(chuanshuo.png) no-repeat 0 10px;padding-left: 25px; color: #79888B;line-height: 30px;  overflow: auto; height: 260px; }
.nav_2txt h1{  font-size: 20px; margin-bottom: 20px; }

.nav_2txt::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.nav_2txt::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #385A62;
  }
.nav_2txt::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #fff;
  }

.nav_3{ width: 1200px; margin: 0 auto 60px auto; }
.nav_3 dl{ float: left; width: 289px; height: 372px; background: url(chuanshuo-bg.jpg) no-repeat top; }
.nav_3 dt{ padding: 50px 40px 30px 40px; color: #fff; font-size: 18px; text-align: center; }
.nav_3 dd{ width: 220px; padding: 0 20px 0 40px; color: #FFD7CF; line-height: 30px; height: 230px; overflow: auto; }
.nav_3 .lines_h{ height: 220px; float: left; width: 14px; }
.nav_3 dd::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.nav_3 dd::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #D23E1D;
  }
.nav_3 dd::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #FFD7CF;
  }

.nav_4{ width: 770px; height: 780px; margin: 0 auto; background: url(ilne.png) no-repeat center 20px; padding:0 215px; }
.nav_4 dl{ width: 770px; height: 580px; color: #726619; }
.nav_4 dl img{ float: left; width: 470px;height: 580px; }
.nav_4 dt{ float: right; width:200px; padding-left: 100px;   background: url(minsu-fenlei-line.png) no-repeat 0 5px; font-size: 18px; display: block; margin-bottom: 20px; }
.nav_4 dd{ float: right; width:200px; padding-left: 100px;background: url(minsu-fenlei-more.png) no-repeat right bottom; padding-bottom: 30px; color: #8C886E; font-size: 14px; }


.tallery-thumbs{ width: 770px; margin-bottom:50px;  }
.tallery-thumbs .swiper-slide-visible{height: 126px; text-align: center; color: #315A64; writing-mode:tb-rl; padding-right: 10px; cursor: pointer; }
.tallery-thumbs .swiper-slide-thumb-active{ background: url(minsu-act.png) no-repeat right ;color: #fff;}




.nav_5{ width: 930px; height: 316px; margin: 0 auto 125px auto; }
.horizontalaccordion>ul>li>div::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.horizontalaccordion>ul>li>div::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #385A62;
  }
.horizontalaccordion>ul>li>div::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #fff;
  }



.sbj_bottom{ width: 100%; text-align: center; background:url(footer-bg.png) no-repeat center; height: 183px; }

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








@media only screen and (max-width: 520px){
body { background:#F3F5F4; background-size: cover; border-image: none; font-size:0.9em; 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{ height: 320px;  margin-bottom: 5%; background-size: cover;  }
.banner img{ width: 80%; padding-top: 1.5rem;}




.icon_0{ width:100%; margin:2% auto;}
.icon_1{ width: 100%; margin: 0 auto 5% auto;}

.nav_3bg{background:#F1EBE5 url(bot-bg.jpg) top no-repeat; background-size: cover;}

.nav_1{ width: 100%; margin: 0 auto 8% auto; }
.nav_1left{width:100%;  padding-right:0; margin-bottom: 5%; }

.nav_1left dl{ width:100%; height:240px;}
.nav_1left dt{ width:100%; height:240px;}
.nav_1left dl img{width:100%; height: 240px;}
.nav_1left dd{width:96%; padding:2% 3% 4% 3%; overflow:hidden;}
.focusBox1 {}
.focusBox1 .swiper-pagination{ left: 32%; }
.focusBox1 .swiper-pagination-bullet{ }
.focusBox1 .swiper-pagination-bullet-active{ }



.nav_1cet{width:90%; height:auto; padding:5%; margin-bottom: 5%; }
.nav_1cet dl{ width: 100%; height: auto;}
.nav_1cet dt{}
.nav_1cet dd{margin-bottom: 5%}
.nav_1cet .time_bg{ }
.nav_1cet .time_bg i{ }

.nav_1right{ float:left; width: 80%; height: auto; padding: 5%; overflow: inherit; margin-left: 5%; }
.nav_1right dl{margin-bottom: 4%;}
.nav_1right dt{}
.nav_1right dd{}


.nav_2{width: 90%; height: 265px;padding: 5%; background-size: cover; margin-bottom: 10%;}
.nav_2txt{}
.nav_2txt h1{}

.nav_3{ width:100%; margin: 0 auto 6% auto; }
.nav_3 dl{width:90%; margin:0 5% 5% 5%; height: 372px; background-size: cover;}
.nav_3 dt{ padding: 10%; width: 80%;}
.nav_3 dd{ width: 80%; padding: 0 5% 0 10%; color: #FFD7CF; line-height: 30px; height: 230px; overflow: auto; }
.nav_3 .lines_h{ display: none;}

.nav_4{ width:100%; height:auto; padding:0; margin-bottom: 10%; }
.nav_4 dl{ width: 100%; height:auto; }
.nav_4 dl img{width: 100%;height:auto; }
.nav_4 dt{ float: left; width:90%; padding-left: 100px; margin-bottom: 2%; }
.nav_4 dd{ float: left; width:90%; padding-left: 5%; padding-bottom: 3%; }


.tallery-thumbs{ width:100%; margin-bottom:5%;  }
.tallery-thumbs .swiper-slide-visible{}
.tallery-thumbs .swiper-slide-thumb-active{}




.nav_5{ width:100%; height: auto; margin: 0 auto 10% auto; }
.horizontalaccordion>ul { width:100%; height: auto;
}

.horizontalaccordion>ul>li {
  width:6.5%; height: 200px;
}

.horizontalaccordion>ul>li>h3 {
    padding: 5% 5% 5% 50px;
    height:20px;
    width:200px; font-size: 0.9em;
}

.horizontalaccordion>ul>li>div {
    top:-50px;
    left:0;
    margin:0;
    width:98%;
    height:175px;
    padding:20px 2%; font-size: 0.7em; line-height: 1.8em;
}

.horizontalaccordion>ul>li:hover {
  width: 46%;
}
.horizontalaccordion:hover>ul>li:hover>h3 { background-size: cover; }


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