* {
  tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
}

html{border:0; height: inherit;
        overflow-x: hidden; overflow-y: auto;
}
body{margin:0 auto; padding:0;font-size:14px;background: #fff;
}
div,dl,dt,dd,ol,ul,b,li,p,h1,h2,h3,h4,input,h6,h5,form,i,pre,fieldset,textarea,p,blockquote,th,td
{margin:0; padding:0;list-style:none; font-weight:normal; font-style: normal;}
dl,ul,li,p{text-align:left;}
img{border:0px;display: block;width: 100%;}
.clear{clear:both; overflow:hidden; }
a{ color:#000; text-decoration:none;display: block;}
em,i,b{font-style: normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
table {
     border-collapse:collapse;
     border-spacing:0;
 }
fieldset,img {
     border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
     font-style:normal;
     font-weight:normal;
}
caption,th {
     text-align:left;
}
h1,h2,h3,h4,h5,h6 {
     font-size:100%;
     font-weight:normal;
}
q:before,q:after {
     content:"";
}
abbr,acronym {
     border:0;
}


.main{
  max-width: 1000px;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}
.main:after{
  content: "";
  width: 100%;
  height: 20px;
  background: #fff;
  display: block;
  margin-top: -5px;
}

/* 瀵艰 */
.guide{
  margin-bottom: 20px;
  position: relative;
}
.guide-bg-x {
  height: 550px;
  overflow: hidden;
  position: relative;
}
.guide-bg-x .bg{
  width: 100%;
}
.guide-bg-x .white-alpha{
  position: absolute;
  width: 100%;
  bottom: 0;
}

.guide-p-x {
  position: absolute;
  right: 10%;
  left: 10%;
  bottom: 20px;
  border-radius: 6px;
  background: url(../img/alpha.png);
}
.icon-guide{
  position: absolute;
  width: 100px;
  height: 70px;
  left: 20px;
  top: 20px;
}
.guide-p{
  line-height: 1.6em;
  padding: 20px 0 20px 150px;
  font-size: 16px;
  min-height: 90px;
  color: #fff;

}
.guide-p span{
  display: block;
  padding: 0 20px;
  border-left: 1px dashed #7d7c7c;
  text-align: justify;
}

/* 杞挱 */
.slider{
  margin-bottom: 40px;
  position: relative;
}
.swiper-container{
  height: 380px;
  overflow: hidden;
}
.swiper-slide {
   position: relative;
   height: 380px;
   overflow: hidden;
   display: block;
}
.slider .title{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.5s;
}
.slider-inner{
  height: 100%;
}
.swiper-slide{
  opacity: 0.4;
  transition: all 0.4s;
  background: #fff;
}
.swiper-slide-visible{
   transform: scale(0.9);
   opacity: 0.6;
   filter: alpha(opacity=30);
}
.swiper-slide-visible .title{
  filter: alpha(opacity=30);
}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 10;
  background: #fff;
  margin: 0 10px\9;
}
.swiper-slide-active .title{
   filter: alpha(opacity=100);
}

.slider .arrow-left,
.slider .arrow-right{
    display: block;
    position: absolute;
    margin-top: -15px;
    top: 50%;
    width: 30px;
    height: 30px;
    border: 10px solid #CB4E48;
    background-image: url(../img/arrows_swp.png);
    background-repeat: no-repeat;
    z-index: 100;
    background-color: #CB4E48;
    border-radius: 50%;
}
.slider .arrow-left:hover,
.slider .arrow-right:hover{
  background-color: #953a35;
   border: 10px solid #953a35;
}
.slider .arrow-left {
  background-position: 5px 0;
  left: 10px;
}
.slider .arrow-right {
    background-position: 5px -30px;
    right: 10px;
}
.swiper-slide img{
  display: block;
  min-height: 100%;
  object-fit: cover;
}
.pagination{
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  bottom: -30px;
  z-index: 10;
}
.swiper-pagination-switch{
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #b0abab;
  border-radius: 50%;
  margin: 0 5px;
  transition: all 0.4s;
}
.swiper-active-switch{
  background-color: #dc4242;
  width: 30px;
  border-radius: 10px;
}
.one-item .arrow-left,
.one-item .arrow-right,
.one-item .pagination
{
  display: none;
}


/* 鏂伴椈鍒楄〃 */
.part-list{
  width: 100%;
  overflow: hidden;
}
.part-ul-li .h2,
.part-video .video-title,
.part-video .video-title a
{
  font-family: "qdxin serif SC";
}
.news-list{
  padding: 0 0%;
}
.part-ul{
  font-size: 0;
  width: 1040px;
}
.part-ul-li{
  display: inline-block;
  width: 480px;
  margin-right: 40px;
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #EBEBEB;
}

.last-item{
  display: block;
  width: 100%;
}


.part-video .desc,
.part-ul-li .desc{
  color: #666;
  font-size: 14px;
  line-height: 27px;
}


.part-ul-li .info,
.part-video .info
{
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  background: #fff;
}

.part-ul-li .info:before
{
  content: "";
  position: absolute;
  background: url(../img/white-alpha.png) bottom left;
  height: 60px;
  right: 0;
  left: 0;
  top: -60px;
}
.part-ul-li .info:after,
.part-video .info:after {
  content: "";
  clear: both;
  display: block;
}

.part-video .info{
  position: static;
  margin-top: 15px;
}

.part-ul-li .info .origin,
.part-video .info .origin
{
  float: left;
  color: #ab7e08;
}
.part-ul-li .info .date,
.part-video .info .date
{
  float: right;
  color: #4d9c9e;
}

/* 鏈€椤朵笂娌℃湁杈规 */
.part.no-top-border,
.part-video.no-top-border
{
  padding-top: 0px;
  border-top: 0;
}

.part,
.part-video
{
  padding-top: 15px;
}

.part-video{
  border-bottom: 1px solid #EBEBEB;
}


.part-title{
  background: url(../img/icon-part-title@2x.png) no-repeat left center;
  padding-left: 30px;
  height: 30px;
  font-size: 24px;
  color: #CB4E48;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: -10px;
}


.part-ul-li .h2{
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.part-ul-li .h2:hover,
.video-title a:hover
{
  color: #DC4242;
}
.part-ul-li .image-x{
  overflow: hidden;
  border-radius: 5px;
}
.part-ul-li img{
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.part-ul-li img:hover{
  transform: scale(1.2);
}

.part-ul-li .content-x
{
  position: relative;
  height: 280px;
  overflow: hidden;
}

.has-img .content-x{
  float: left;
  width: 260px;
}

.has-img .image-x{
  float: right;
  width: 200px;
  overflow: hidden;
  height: 280px;
}
.has-img .image-x a{
  display: block;
  height: 280px;
}

.has-img.last-item{
  width: 1000px;
  position: relative;
}
.has-img.last-item .content-x{
  width: 600px;
  height: auto;
  min-height: 200px;
}
.has-img.last-item .image-x{
  width: 360px;
  height: 80%;
  position: absolute;
  right: 0;

}
.has-img.last-item .image-x a{
  height: 100%;
}

.no-img .h2{
  height: 70px;
  overflow: hidden;
}
.no-img .desc{
  height: 180px;
  overflow: hidden;
}
.no-img .desc span{
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
}

.no-img.last-item{
  width: 1000px;
}
.no-img.last-item .desc{
  height: auto;
}
.no-img.last-item .h2{
  height: auto;
}
.no-img.last-item .content-x{
  height: auto;
}
.no-img.last-item .info:before{
  display: none;
}
.no-img.last-item .info{
  position: static;
}


.part-video{
  padding: 15px 0;
}
.part-video .video-title a:before{
  content: "\89c6\9891";
  display: inline-block;
  background: #DC4242;
  color: #fff;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 22px;
  margin-right: 5px;
}
.part-video .video-title a{
  font-size: 22px;
  display: inline-block;
  font-weight: 700;
}
.part-video .video-content{
  position: relative;
  margin-top: 10px;
}
.part-video .video-x{
  background: #000;
  margin-top: 15px;
}
.part-video video{
  display: block;
  width: 100%;
  height: 468px;
}

.video-info-empty{
  height: 10px;
}


.part-picture{
  padding: 15px 0;
}
.part-picture .picture-title{
  margin-bottom: 10px;
}
.part-picture .picture-title a:before,
.part-picture .picture-title p:before
{
  content: "\5f71\50cf";
  display: inline-block;
  background: #DC4242;
  color: #fff;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 22px;
  margin-right: 5px;
}
.part-picture .picture-title a,
.part-picture .picture-title p
{
  font-size: 22px;
  display: inline-block;
  font-weight: 700;
}
.part-picture .picture-content{
  position: relative;
  margin-top: 10px;
}
.part-picture .picture-show{
  width: 100%;
  height: 450px;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 15px;
}
.part-picture .picture-table{
  width: 1020px;
  overflow: hidden;
}
.part-picture .picture-table li{
  float: left;
  width: 235px;
  height: 150px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #f2f2f2;
}
.part-picture .picture-table li a{
  display: block;
  height: 100%;
}
.part-picture .picture-table li img{
  height: 100%;
  width: auto;
  object-fit: cover;
  min-width: 100%;
}
.part-picture .picture-show img,
.part-picture .picture-table li img{
  transition: all 0.3s;
}
.part-picture .picture-show img:hover,
.part-picture .picture-table li img:hover{
  transform: scale(1.2);
}
.part-picture .picture-desc{
  font-size: 16px;
  line-height: 26px;
}
.part-picture .picture-info{
  overflow: hidden;
  color: #ccc;
}
.part-picture .picture-info .from{
  margin-top: 10px;
  float: left;
}
.part-picture .picture-info .date{
  margin-top: 10px;
  float: right;
}


.editor {
  padding: 20px 0 20px;
  border-top: 1px dashed #ccc;
  margin: 10px auto;
  width: 1000px;
}
.editor-title {
  display: block;
  width: 40%;
  margin: 0 auto;
  border-bottom: 1px solid #949494;
  height: 10px;
  margin-bottom: 20px;
}
.editor-title em {
  background-color: #fff;
  display: block;
  text-align: center;
  font-weight: 700;
  font-style: normal;
  width: 40%;
  line-height: 20px;
  margin: 0 auto;
  position: relative;
}
.editor-title em:before,
.editor-title em:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #949494;
}
.editor-title em:before {
  left: 0;
}
.editor-title em:after {
  right: 0;
}
.editor-name {
  display: block;
  text-align: center;
}
.editor-name em {
  font-style: normal;
  color: #000;
}
.editor-name em  + em:before {
  content: "";
  font-size: 0;
  padding: 13px 4px 1px;
  margin-left: 8px;
  border-left: 1px solid;
}
.bottom {
  margin-top: 15px;
  background-color: #e6e6e6;
  padding: 15px;
  text-align: center;
}

.publish-time{
  font-size: 12px;
  color: #666;
  text-align: center;
  width: 1000px;
  margin: -20px auto 15px;
}


#go-top {
    background: url(../img/go-top.jpg) no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 1px;
    opacity: 0.95;
    text-indent: 9999em;
}

.qrcode{
  position: fixed;
  top: 50px;
  background: #fff;
  padding: 10px;
  font-size: 12px;
  border-radius: 5px;
  right: 50%;
  z-index: 1000;
  margin-right: -670px;
  border: 1px solid #ccc;
}
.qrcode p{
  text-align: center;
}
.qrcode img{
  width: 120px;
}

.part-ul-li .h2{
    cursor: pointer;
}

.bot1000{margin-top: 0px; padding-top: 20px; padding-bottom: 20px; background-color: #E6E6E6;margin-top: 10px;}
.bot1000 ul{width: 1000px; margin: 0 auto;}
.bot1000 ul li{text-align: center;  line-height: 30px; color: #555;}
.bot1000 ul li span{margin-left: 8px;}
.bot1000 ul li span i{margin: 0 8px;}
.bot1000 ul li a{padding: 0 10px;display: inline;}
.bot1000 ul li cite{display: none;}
.bot1000 ul li a:hover{color: #FFBF00;}
.wabout a{font-size: 12px;color: #555;padding: 0 20px;}
.border_lra{border-left: 1px solid #999999;border-right: 1px solid #999999;}
.borderb0{border-bottom: 0;}