* {
  padding: 0;
  margin: 0;
}
body {
}
a {
  text-decoration: none;
}
a:link{
  color: #000;
}
a:visited{
  color: #000;
}
a:hover {
  color: #000;
}
ul li {
  list-style: none;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
body::-webkit-scrollbar-track-piece {
  background-color:#f8f8f8;
}
body::-webkit-scrollbar {
  width:9px;
  height:9px;
}
body::-webkit-scrollbar-thumb {
  background-color:#ccc;
  background-clip:padding-box;
  min-height:28px;
  border-radius: 50px;
}
body::-webkit-scrollbar-thumb:hover {
  background-color:#bbb;
}
.bottom {
  height: 80px;
  width: 100%;
  background: #d60018;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 80px;
}
.bottom_title {
  margin-top: 30px;
  color: #fff;
}
.bottom_title a {
  color: #fff;
}
.app {
  min-width: 1500px;
}
.top img {
  width: 100%;
}
.part1 {
  width: 1300px;
  margin-top: 50px;
}
.part1_detail {
  width: 1300px;
  display: flex;
  flex-wrap: wrap;
}
.part1_wrap {
  width: 600px;
  margin-left: 20px;
  margin-top: 20px;
}
.part1_wrap_img {
  float: left;
  width: 300px;
}
.part1_wrap_img img {
  width: 300px;
  height: 250px;
}
.part1_wrap_title {
  float: left;
  width: 250px;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}
.part1_wrap_content {
  float: left;
  width: 250px;
  padding: 10px;
  font-size: 16px;
  text-indent: 2em;
  text-align: justify;
}
.part1_more {
  margin-top: 40px;
  font-size: 16px;
}
.part2 {
  width: 1300px;
  margin-top: 50px;
}
.part2_swiper {
  width: 1006px;
  height: 680px;
  margin-top: 50px;
}
.part2_swiper_slide img {
  width: 1000px;
  height: 650px;
  border: 3px solid #1b8173;
}
.part3 {
  width: 1300px;
  margin-top: 50px;
}
.part3 ul {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.part3 ul li {
  width: 550px;
  padding: 10px;
}
.part3 ul li a{
  font-size: 16px;
  display: flex;
  align-items: center;
}
.part5 {
  width: 1300px;
  margin-top: 50px;
}
.part5_wrap {
  display: flex;
  justify-content: space-around;
  width: 1300px;
  border: 50px solid #d0f3ef;
  padding: 20px;
}
.part5_left {
  width: 550px;
}
.part5_left_title {
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}
.part5_left_content {
  padding: 10px;
  font-size: 16px;
  text-indent: 2em;
  text-align: justify;
  line-height: 30px;
}
.part5_right {
  width: 450px;
}
.part5_right img {
  width: 450px;
  height: 240px;
}
.xs {
  display: none;
}
.part4 {
  width: 1160px;
  margin-top: 50px;
  text-align: center;
}
.main_box{clear:both;margin:0px auto 30px auto;overflow:hidden;}
.in_title2{background:url('../images/icon_title.png') center top no-repeat;height:24px;padding:8px 0 18px 190px;margin-left:-95px;margin-bottom:10px;border-bottom:1px #107864 dashed;}
#qmxs{background:#effaf9 url('../images/qmxs_bg.jpg') center top no-repeat;height:734px;padding-bottom:5px;overflow:hidden;position:relative;}
#qmxs .in_title2{margin-top:30px;border-bottom:none;height:35px;padding:2px 0 8px 220px;margin-left:-110px;}

#qmxs .qmxs_main{overflow:hidden; margin:15px auto 0 auto; }
.qmxs_t{overflow:hidden;position:absolute;bottom:0;}
.qmxs_t li{float:left;margin:28px 0 0 8px;display:inline;width:121px;height:117px;padding-top:45px;font-size:24px;color:#fff;background:url('../images/xxtit_dbg.png') no-repeat;background-size:100% 100%;}
.qmxs_t li:first-child{margin-left:15px;}
.qmxs_t li:first-child+li+li+li{margin-left:90px;}
.qmxs_t li img{width:70%;}

.qmxs_t li.on{width:142px;height:135px;padding-top:55px;font-size:26px;margin-top:0;}
.qmxs_t li img{width:auto;}

.qmxs_c{overflow:hidden;padding-right:85px;}
.qmxs_c ul p{float:left;width:540px;padding:120px 0px 0 80px;text-align: center;overflow:hidden;}
.qmxs_c ul p img{width:459px;height:342px;}

.qmxs_c #tabcontent_16 p{padding-top:140px;}
.qmxs_c #tabcontent_17 p{padding-top:150px;}

.qmxs_c ul dl{float:right;background:rgba(235,249,247,0.8) !important;background:#ebf9f7\9;filter:Alpha(Opacity="80")\9;opacity:0.8\9;width:360px;padding:15px;}
.qmxs_c ul dl a{display:block;background:url('../images/bgk_lt.png') left top no-repeat;padding:40px 0 0 35px;}
.qmxs_c ul dt{font-size:28px;color:#107864; line-height:40px; margin-bottom:10px;}
.qmxs_c ul dd{text-indent:2em;text-align:left;line-height:32px;background:url('../images/bgk_rb.png') right bottom no-repeat;padding:0 35px 40px 0;min-height:260px;text-align:justify; text-justify:inter-ideograph;}

@media screen and (max-device-width:1024px){
  body{background-size:150%;}
  #top{height:auto;}
  #top .logo{padding:90px 0 60px 0;}
  #top .logo img{width:50%;height:auto;}

  .w580,.w560{width:100%;}

  #content{width:100%;padding:10px 0;}
  .fl{float:none;}
  .fr{float:none;}
  .main_box{width:100%;max-width:560px;margin:10px auto;}
  .w580{width:100%;margin-top:20px;}
  .w560{width:100%;margin-top:20px;}

  .loc{width:100%;padding:0 1rem 1rem 1rem;}
  #artmain{padding:0 20px;}
  #zoom{padding:1rem 0;}
  #zoom img{max-width:95%; margin:5px auto 0px auto; text-align:center;}
  #zoom table{width:100%;}
  .loc{width:auto;padding:1rem;}
  .alist .arlisttd{line-height: normal;}

  .sjsm{display: none;}

  .silder-container{width:100%;height:auto;}
  .silder-box .silder li{width:100%;height:auto;}
  .silder-box{width:560px;height:320px !important; margin:auto;}
  .silder{width:100% !important;}
  .silder li,.silder li img{width:560px !important;height:320px !important;}
  .silder-button{top:160px !important;}

  .list2 dl{float:none !important;width:100%;}


  #qmxs{background-size:100%;height:auto;}
  #qmxs .in_title2{margin-top:15px;height:35px;padding:2px 0 5px 200px;margin-left:-100px;}
  #qmxs .in_title2 img{width:110px;height:auto;}

  .qmxs_t{left:0;top:360px;}
  .qmxs_t li{float:none; display:block;margin:10px 0 0 0px;padding:2px 0;width:90px;height:auto;background:#dda077;border-radius:10px;}
  .qmxs_t li:first-child,.qmxs_t li:first-child+li+li+li{margin-left:0;}
  .qmxs_t li img{width:60%;}
  .qmxs_t li.on{width:95px;height:auto;padding-top:2px;margin-top:10px;}

  .qmxs_c{padding:0;}
  .qmxs_c ul p{float:none;width:100%;height:auto;text-align: center;padding:0px 0px 0px 0px!important;}
  .qmxs_c ul p img{width:55%;height:auto;}

  .qmxs_c ul dl{float:none;width:auto;padding:2% 1%; margin-top:50px;}
  .qmxs_c ul dl a{background-size:50%;padding:40px 0 0 110px; background-position:100px top;}
  .qmxs_c ul dt{margin-bottom:10px;}
  .qmxs_c ul dd{background-size:50%;padding:0 25px 40px 25px;}


}
@media screen and (max-device-width:812px){
  body{background-size:175%;}
  #top .logo img{width:60%;}
}
@media screen and (max-device-width:667px){
  body{background-size:185%;}
}

@media screen and (max-device-width:568px){
  body{background-size:200%;}

}

@media screen and (max-device-width:414px){
  body{background-size:210%; background-position:center 35px;}
  #top .logo{padding:30px 0;}
  #top .logo img{width:75%;}
  .main_box{width:98%;margin:0px auto 10px auto;}

  .silder-box{width:405px;height:230px !important; }
  .silder li,.silder li img{width:405px !important;height:230px !important;}
  .silder-button{top:115px !important;}

  .qmxs_t{top:250px;}
  .qmxs_t li{width:70px;}
  .qmxs_t li.on{width:75px;}

  .qmxs_c ul p{height:160px;}
  .qmxs_c ul p img{width:45%;}

  .qmxs_c ul dl{margin-top:20px;}
  .qmxs_c ul dl a{padding:20px 0 0 80px;background-position:75px top;}
  .qmxs_c ul dd{min-height:200px;padding:0 20px 40px 20px;}
}
@media screen and (max-device-width:375px){
  body{background-size:230%;}

  .silder-box{width:360px;height:200px !important; }
  .silder li,.silder li img{width:360px !important;height:200px !important;}
  .silder-button{top:100px !important;}

  .qmxs_t{top:230px;}

  .qmxs_c ul p img{width:40%;}
  .qmxs_c ul dl{margin-top:0px;}
  .qmxs_c ul dd{min-height:auto;padding:0 15px 40px 15px;}

}
@media screen and (max-device-width:320px){
  body{background-size:240%;}

  .silder-box{width:310px;height:175px !important; }
  .silder li,.silder li img{width:310px !important;height:175px !important;}
  .silder-button{top:87px !important;}

  #qmxs{background-size:110%;}
  .qmxs_t{top:200px;}
  .qmxs_t li{width:60px;}
  .qmxs_t li.on{width:65px;}

  .qmxs_c ul p{height:125px;}
  .qmxs_c ul dl a{padding:20px 0 0 70px;background-position:65px top;}
  .qmxs_c ul dd{min-height:auto;padding:0 10px 40px 10px;}
}