.main-content1{
  position: relative;
}
.index-banner{
  margin-bottom: 0!important;
}
.index-banner .slick-slide a{
  display: block;
  padding-bottom: 20.8333%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.index-banner .slick-slide img{
  display: none;
  max-width: 100%;
}
.index-banner .slick-arrow{
  height: 53px;
  width: 53px;
  color: transparent!important;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: none;
  margin: auto;
  z-index: 5;
  border-radius: 50%;
}
.index-banner .slick-arrow:before{
  display: none;
}
.index-banner .slick-prev{
  left: 4%;
  background: url("../images/banner_arrow_left.png") no-repeat center center!important;
  background-size: contain!important;
}
.index-banner .slick-next{
  right: 4%;
  background: url("../images/banner_arrow_right.png") no-repeat center center!important;
  background-size: contain!important;
}
.index-banner .slick-dots{
  position: absolute;
  width: 100%;
  bottom: 5px;
  left: 0;
  z-index: 2;
}
.index-banner .slick-dots li button:before{
  font-size: 14px;
  width: 14px;
}
.index-banner .slick-dots li{
  width: 14px;
}
.index-banner .slick-dots li button{
  width: 14px;
}
.index-banner .slick-dots li button:before{
  color: #fff;
  opacity: 0.8;
}
.index-banner.banner-mb{
  display: none;
}

.main-title{
  float: left;
  width: 100%;
  margin-top: 40px;
}

.main-title.line{
  border-bottom: 3px solid #d2e8f2;
}

.main-title h4{
  float: left;
  font-size: 18px;
  letter-spacing: 1px;
  color: #1d8cc0;
  padding-bottom: 9px;
  border-bottom: 3px solid #1d8cc0;
}

.main-title.line h4{
  margin-bottom: -3px;
}

.main-title a{
  float: right;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

.main-title a:hover{
  color: #1d8cc0;
}

.main-list1{
  margin-top: 17px;
}

.main-list1 li{
  float: left;
}

.main-list1 li a{
  display: block;
  width: 100%;
  position: relative;
}

.main-list1 li.list-F{
  width: 33.4%;
}

.main-list1 li.list-F a{
  height: 241px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-list1 li.list-F a small{
  position: absolute;
  left: 0;
  top: 0;
  width: 77px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: rgba(29,140,192,.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C81d8cc0,endColorstr=#C81d8cc0);
}

.main-list1 li.list-F a p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 33px;
  line-height: 33px;
  background: rgba(0,0,0,.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}

.main-list1 li.list-F a p span{
  font-size: 16px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 0 15px;
}

.main-list1 li.list-S{
  width: 29.2%;
}

.main-list1 li.list-S a .media-left{
  width: 46px;
  height: 55px;
  background-color: #1d8cc0;
  color: #fff;
  text-align: center;
  padding: 0 9px;
}

.main-list1 li.list-S a .media-left strong{
  display: block;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 31px;
  border-bottom: 1px solid #5cacd1;
}

.main-list1 li.list-S a .media-left small{
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 24px;
  display: block;
}

.main-list1 li.list-S a .media-right{
  padding-left: 15px;
}

.main-list1 li.list-S a .media-right p{
  font-size: 16px;
  line-height: 26px;
  color: #000;
  max-height: 52px;
  overflow: hidden;
}

.main-list1 li.list-S{
  margin: 0 0 37px 4%;
}

.main-list1 li.list-F a:hover p span,
.main-list1 li.list-S a:hover .media-right p{
  color: #1d8cc0;
}

.main-left,
.main-right{
  width: 46.5%;
}

.picture-img{
  width: 100%;
  margin-bottom: 5px;
}

.main-list2 li a{
  display: block;
  white-space: nowrap;
  color: #000;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 9px 0 9px 15px;
  position: relative;
}

.main-list2 li a:before{
  content: '';
  border-top: 5.5px solid transparent;
  border-bottom: 5.5px solid transparent;
  border-left: 6px solid #bfbfbf;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5.5px;
}

.main-list2 li a:hover{
  color: #1d8cc0;
}

.main-list2 li a:hover:before{
  border-left: 6px solid #1d8cc0;
}

.main-theme{
  border-top: 1px solid #e5e5e5;
  padding-top: 35px;
  font-size: 0;
  margin: 40px -1.5% 0;
}

.main-theme li {
  display: inline-block;
  position: relative;
  width: 22%;
  margin: 0 1.5%;
  height: 99px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.main-theme li a{
  background: url(../images/index_zt_bg.png) center center no-repeat;
  text-align: center;
  line-height: 99px;
  font-size: 22px;
  padding: 0 10px;
  letter-spacing: 2px;
  color: #024989;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-img{
  width: 100%;
}

.common-content{
  float: left;
  width: 100%;
  min-height: 200px;
  padding-bottom: 10px;
  margin-top: 20px;
}

.common-left{
  float: left;
  width: 20%;
  margin-top: 85px;
  position: relative;
}

.common-right{
  float: right;
  width: 74.166%;
  margin-top: 5px;
}

.local-title{
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  padding: 30px;
  background: url("../images/column.png") no-repeat right center #2b60d0;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 100%;
}


.thr-sub{
  display: none;
}

.sub-open,
.navlist2 li a{
  display: block;
  letter-spacing: 1px;
}

.navlist2{
  margin-bottom: 15px;
}

.navlist2>li>a{
  font-size: 18px;
  letter-spacing: 1px;
  color: #333333;
  padding: 15px 30px;
  background-color: #e7ecf6;
  margin-bottom: 1px;
}

.navlist2 .has-sub >a{
  position: relative;
}
.navlist2 .has-sub >a:after{
  content:"";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 0;
  border:5px solid transparent;
  border-left-color: #2b60d0;

}

.navlist2>li.active>a{
  color: #2b60d0!important;
}


.thr-sub li a{
  font-size: 14px;
  color: #666;
  padding: 8px 35px;
}

.thr-sub li a.active{
  color: #2b60d0;
  font-weight: bold;
}

.navlist2 li a:hover{
  color: #2b60d0;
}

.common-local{
  font-size: 12px;
  color: #666;
  padding: 0 0 10px 25px;
  border-bottom: 1px solid #dcdcdc;
  background: url(../images/icon_local.png) left 1px no-repeat;
  margin-bottom: 8px;
}

.common-local a{
  color: #666;
}

.common-local a:hover{
  color: #2b60d0;
}

.common-list>li>a{
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.common-list>li.list-F>a{
  padding: 11px 12px;
  background: #eee;
}

.common-list>li.list-F>a .list-left{
  float: left;
  width: 22%;
  height: 118px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.common-list>li.list-F>a .list-left img{
  display: none;
}

.common-list>li.list-F>a .list-right{
  width: 75%;
  float: right;
  position: relative;
}

.common-list>li.list-F>a .list-right h4{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 25px;
  color: #333;
  margin-bottom: 15px;
}

.common-list>li.list-F>a .list-right p{
  font-size: 12px;
  line-height: 24px;
  color: #4b4b4b;
  text-indent: 2em;
  max-height: 48px;
  overflow: hidden;
  margin-bottom: 10px;
}

.common-list>li.list-F>a .list-right small{
  font-size: 12px;
  color: #666;
}

.common-list>li.list-F>a .list-right img{
  position: absolute;
  right: 22px;
  transition: all .2s ease-in;
}

.common-list>li.list-F>a:hover .list-right h4{
  color: #2b60d0;
}

.common-list>li.list-F>a:hover .list-right img{
  right: 12px;
}

.common-list>li.list-S{
  float: left;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}

.common-list>li.list-S>a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  max-height: 56px;
  overflow: hidden;
  color: #000;
  padding: 0 80px 0 20px;
}

.common-list>li.list-S>a:before{
  content: '';
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
  border-left: 6px solid #b5b5b5;
  position: absolute;
  left: 0;
  top: 12px;
  transition: all .2s ease-in;
}

.common-list>li.list-S>a span{
  font-size: 12px;
  color: #999;
  position: absolute;
  right: 0;
  top: 0;
}

.common-list>li.list-S>a:hover{
  color: #2b60d0;
}

.common-list>li.list-S>a:hover:before{
  border-left: 6px solid #2b60d0;
  left: 3px;
}

.list-title {
  border-bottom: 1px solid #2b60d0;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.list-title h4 {
  float: left;
  font-size: 16px;
  background-color: #2b60d0;
  padding: 8px;
  color: #fff;
}

.list-show {
  color: #2b60d0;
  margin-top: 17px;
  font-size: 15px;
  cursor: pointer;
}

.article-title{
  text-align: center;
  margin-top: 25px;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 1px;
  color: #2b60d0;
}

.article-small{
  font-size: 0;
  text-align: center;
  margin: 15px 0 20px;
  /*background-color: #f3f3f3;*/
  padding: 10px 0;
}
.publish-unit{
  position: relative;
}
.publish-unit:before{
  content:"";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 10px;
  /*background-color: #4b4b4b;*/
}

.article-small span{
  font-size: 12px;
  letter-spacing: 1px;
  color: #6d6d6d;
  display: inline-block;
  padding: 0 20px;
}

.photo-list{
  font-size: 0;
  margin: 0 -2.91%;
}

.photo-list>li{
  display: inline-block;
  width: 27.5%;
  margin: 2% 2.91%;
}

.photo-list>li>a{
  display: block;
  width: 100%;
  padding-bottom: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.photo-list>li>a img{
  display: none;
}

.photo-list>li>a p{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35px;
  padding: 0 15px;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(0,0,0,.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
}

.photo-list>li>a:hover p{
  color: #1d8cc0;
}


.inner-banner{
  height: 216px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.main-content1 .container{
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.main-content1 .contact-card{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 25px 20px 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  background: rgba(255,255,255,0.85);
  background: rgb(255,255,255) \0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin-top: -100px\0;

}
.main-content1 .contact-card .icon{
  position: absolute;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  left: 0;
  right: 0;
  top: -21px;
  background: url("../images/icon_contact.png") no-repeat center center #fff;
  margin: auto;
}
.main-content1 .contact-card .tit{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #2b60d0;
  border-bottom:1px solid #2b60d0;
}
.main-content1 .contact-card dd{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: 20px;
  white-space: pre-wrap;
  padding: 0 5px;
}
.index-part1{

}
.index-part1 .slick-nav{
  padding-top: 15px;
  background-color: #f5f5f5;
}
.index-tit-c{
  text-align: center;
  position: relative;
}
.index-tit-c .txt{
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  padding-bottom: 10px;
}
.index-tit-c:before{
  content:"";
  display: block;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
  position: absolute;
  left: 0;
  bottom: 1px;
}
.index-tit-c .txt:after{
  content:"";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;

}
.index-part1 .slick-nav .slick-box{
  margin-top: 5px;
  padding: 0!important;
}
.index-part1 .slick-nav .slick-slide{
  text-align: center;
}
.index-part1 .slick-nav .icon{
  display: block;
  padding-bottom: 59%;
  position: relative;
  border-top:5px solid transparent;

}
.index-part1 .slick-nav .icon img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
}
.index-part1 .slick-nav .tit{
  padding-bottom: 10px;
  font-size: 14px;
  color: #333333;
}

.index-part1 .slick-nav .slick-slide.slick-current{
  background-color: #eaedf6;
}
.index-part1 .slick-nav .slick-slide.slick-current .tit{
  color: #2c60d0;
}
.index-part1 .slick-cont{
  background-color: #eaedf6;
  padding: 10px;
}
.index-part1 .slick-cont li{
  display: inline-block;
  float: left;
}
.index-part1 .slick-cont a{
  display: inline-block;
  padding: 10px 24px;
  position: relative;
  font-size: 14px;
  color: #000000;
}
.index-part1 .slick-cont a:after{
  content:"";
  display: block;
  width: 1px;
  height: 15px;
  background: #dcdcdc;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.index-part1 .slick-cont .item{
  display: none;
}
.index-part1 .slick-cont li.last a:after{
  display: none;
}
.index-part1 .slick-cont li:last-child a:after{
  display: none;
}
.index-part1 .slick-arrow{
  z-index: 2;
}

.index-part2{

  padding-bottom:50px;
}
.index-part2 .column{
  float:left;
  padding-top:40px;
}
.index-part2 .left{
  width: 38.333%;
  margin-right: 4.16%;
}
.index-part2 .center{
  width: 26.666%;
}
.index-part2 .right{
  float: right;
  width: 26.666%;
}

.index-tit{
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #2b60d0;
  font-size: 20px;
  line-height: 1;
}
.index-tit .txt{
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
  color: #2b60d0;
}

.index-tit .more{
  font-size: 12px;
  font-weight: normal;
  color: #999999;
  float: right;
  margin-top: 8px;
}
.index-tit .more:hover{
  color: #2b60d0;
}
.index-part2 .left-data li{
  margin-top: 6px;
  border-bottom: 1px solid #eeeeee;
}
.index-part2 .left-data a{
  display: block;
  padding: 12px 0 12px 60px;
  font-size: 16px;
  color: #000000;
  position: relative;
}
.index-part2 .left-data .time{
  display: inline-block;
  font-size: 12px;
  width: 45px;
  height: 16px;
  line-height: 16px;
  color: #2b60d0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #eeeeee;
  text-align: center;
}
.index-part2 .left-data a:hover{
  color: #2b60d0;
}
.index-part2 .center-data li{
  margin-top: 5px;
}
.index-part2 .center-data a{
  display: block;
  padding: 15px 0 14px 60px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  color: #000000;
}
.index-part2 .center-data a:hover{
  color: #2b60d0;
}
.index-part2 .center-data .txt{
  height: 50px;
  font-size: 16px;
  line-height: 26px;
}
.index-part2 .center-data .time{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 50px;
  background-color: #eeeeee;
  text-align: center;
  line-height: 1;
  color: #2b60d0;
  padding-top: 8px;
}
.index-part2 .center-data .day{
  font-size: 18px;
  font-weight: bold;
}
.index-part2 .center-data .month{
  font-size: 12px;
}
.index-part2 .right-data{
  border:1px solid #eeeeee;
  position: relative;
  text-align: center;
}
.index-part2 .right-data:before{
  content:"";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #eee;
}
.index-part2 .right-data li{
  float: left;
  width: 50%;
  border-bottom: 1px solid #eee;
}
.index-part2 .right-data li:last-child,
.index-part2 .right-data li:nth-last-child(2){
  border-bottom-color: transparent;
}
.index-part2 .right-data a{
  display: block;
  padding:15px 5px 13px;
}
.index-part2 .right-data .icon{
  display: block;
  height: 26px;
  position: relative;
}
.index-part2 .right-data .icon img{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.index-part2 .right-data .txt{
  font-size: 14px;
  color: #000000;
  margin-top: 10px;
}
.index-part2 .right-data a:hover .txt{
  color: #2b60d0;
}
.index-part3{
  background: url("../images/index_bg.jpg") no-repeat center top;
  /*background-size: 100% auto;*/
}
.index-part3 .column{
  padding-top: 25px;
}
.index-part3 .left{
  float: left;
  width: 69.166%;
}
.index-part3 .right{
  float: right;
  width: 26.666%;
}
.index-part3 .left-data{
  padding: 25px 0;
  background-color: #ffffff;
  box-shadow: 2px 1px 12px 0px
  rgba(0, 0, 0, 0.1);
  font-size: 0;
  margin-bottom: 0!important;
}
.index-part3 .left-data .icon{
  height: 50px;
  position: relative;
}
.index-part3 .left-data .icon img{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.index-part3 .left-data .txt{
  font-size: 16px;
  color: #333333;
  margin-top: 20px;
  max-height: 44px;
  padding: 02%;
}
.index-part3 .left-data .slick-slide li{
  padding: 24px 0;
  vertical-align: top;
  text-align: center;
}
.index-part3 .slick-dots{
  position: relative;
  bottom: -15px;
}
.index-part3 .slick-dots li button:before{
  font-size: 14px;
  width: 14px;
}
.index-part3 .slick-dots li{
  width: 14px;
}
.index-part3 .slick-dots li button{
  width: 14px;
}
.index-part3 .slick-dots li button:before{
  color: #bfcff1;
  opacity: 1;
}
.index-part3 .left-data .slick-slide li:hover .txt{
  color: #2b60d0;
}
.index-part3 .right-data{
  background-color: #ffffff;
  box-shadow: 2px 1px 12px 0px
  rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.index-part3 .right-data a{
  display: block;
  padding: 15px 0 15px 27px;
  position: relative;
  line-height: 1;
  color: #000000;
}
.index-part3 .right-data a:before{
  content:"";
  display: block;
  width: 20px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/icon_download.png") no-repeat center center;
  background-size: contain;
}
.index-part3 .right-data a:hover{
  color: #2b60d0;
}

.index-part4{
  padding-bottom: 10px;
  padding-top: 40px;
}
.index-part4 li{
  font-weight: bold;
  font-size: 14px;
  color: #2b60d0;
  display: inline-block;
  margin-right: 2.5%;
  margin-bottom: 10px;
}
.index-part4 li a{
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #333333;
}
.index-part4 li a:hover{
  color: #2b60d0;
}
.inner-bt{
  margin-bottom: 5%;
}

.common-left .contact-card{
  display: none;
  margin-top: 25%;
  padding: 20px;
  border:1px solid #eee;
  margin-bottom: 5%;
}
.common-left .contact-card .tit{
  padding-left: 30px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #2b60d0;
  background: url("../images/icon_contact.png") no-repeat left top;
  background-size: 17px 18px;
  border-bottom: 1px solid #b5c8ef;
}
.common-left .contact-card dd{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: 20px;
  white-space: pre-wrap;
}










@media (min-width: 991px) {
  .common-left{
    display: block !important;
  }
}

@media (max-width: 1200px) and ( min-width:991px) {
  .header-link{display: none;}
  .header-link.last{display: block}
}
@media (max-width: 991px) {
  .banner,
  .main-notice,
  .common-left,
  .common-right,
  .main-left,
  .main-right{
    width: 100%;
  }
  .common-left{
    display: none;
    margin-top: 0;
  }
  .main-content1 .contact-card{
    position: fixed;
    right: 25px;
    bottom: 30%;
    top:auto;
    z-index: 100;

    padding: 0;
    height: 0;
    width: 0;
    transform: none;
    margin: auto;
  }
  .main-content1 .contact-card .tit,
  .main-content1 .contact-card dl{
    display: none;
  }

  .main-content1 .contact-card .icon{
    top: 0;
    bottom: 0;
    left: auto;
    right: -21px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  }
  .main-content1 .contact-card.show{
    padding: 20px 25px 20px 20px;
    height: auto;
    width: auto;
    transform: translateY(50%);
  }
  .main-content1 .contact-card.show .tit,
  .main-content1 .contact-card.show dl{
    display: block;
  }
  .common-left .contact-card{
    margin-top: 5%;
  }
  .index-banner{
    display: none!important;
  }
  .index-banner.banner-mb{
    display: block!important;
  }

}

@media (max-width: 768px) {
  .index-part1 .slick-nav{
    padding: 0 15px;
  }
  .index-part1 .slick-cont{
    margin: 0 15px;
  }
  .index-part1 .slick-prev{
    left: -8px;
  }
  .index-part1 .slick-next{
    right: -8px;
  }
  .index-banner .slick-slide a{
    padding-bottom: 0;
    background: transparent!important;
  }
  .index-banner .slick-slide img{
    display: block;
    margin: auto;
  }
  .index-banner .slick-arrow{
    height: 33px;
    width: 33px;
  }
  .index-part1 .slick-cont a{
    padding: 5px 14px;
  }
  .index-part2 .column,.index-part3 .column{
    width: 100%;
    margin-right: 0;
  }


  .main-content1{
    background: none;
    padding: 15px 0 0;
  }

  .main-title{
    margin-top: 30px;
  }
  .main-list1 {
      margin-top: 15px;
  }
  .main-list1 li{
    width: 100% !important;
  }
  .main-list1 li.list-F a{
    height: auto;
    padding-bottom:59% ;
  }
  .main-list1 li.list-S {
      margin: 20px 0 0 0;
  }
  .main-theme{
    padding-top: 20px;
    margin: 30px -3% 0;
  }
  .main-theme li{
    width: 44%;
    margin: 0 3% 20px;
  }
  .footer{
    margin-top: 20px;
  }
  .common-list>li.list-F>a .list-left{
    width: 100%;
    height: auto;
    padding-bottom: 59%;
  }
  .common-list>li.list-F>a .list-right{
    width: 100%;
    margin-top: 15px;
  }
  .common-list>li.list-F>a .list-right h4{
    margin-bottom: 10px;
  }
  .common-content{
    margin-top: 10px;
  }
  .article-title{
    font-size: 18px;

  }
  .photo-list,
  .teacher-list{
    margin: 0 -2.5%;
  }
  .photo-list>li,
  .teacher-list>li{
    width: 45%;
    margin: 2% 2.5%;
  }
  .teacher-top{
    height: auto;
    padding-left: 0;
  }
  .teacher-img{
    width: 100%;
    height: auto;
    padding-bottom: 74%;
    position: relative;
  }
  .inner-banner{
    height: 140px;
  }
}

@media (max-width: 450px) {
  .main-theme{
    margin: 30px 0 0;
  }
  .main-theme li{
    width: 100%;
    margin: 0 0 20px;
  }
  .index-part3 .left-data .txt{
    font-size: 14px;
  }
}

