@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0; }
body{overflow-x:hidden;}
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0;}
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    font-family:"微软雅黑","宋体";
    color:#333333;
    background:#fff;
    transition: all 0.6s;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#333333; text-decoration:none; }
a:hover{color:#c52733;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #c52733!important;}
ul,ol,li{list-style:none}

/*公共类*/
.w100 {  /*版心 提取 */
    width: 100%;margin:0 auto;max-width:900px;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}
.clear{clear: both;}
.w14{width: 1400px;margin:0 auto;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.fw{flex-flow: wrap;}
.ai{align-items: center;}
.ae{align-items: end;}
.fd{flex-direction: column;}
.text-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;}
.text-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    line-clamp: 3;-webkit-box-orient: vertical;}
/* 头部公共 css */
@keyframes hoverIn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes xuanzhaun {
  from {
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}

@keyframes huxi {
  0% {
    transform: scale(0.9);
  }
  50%{
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

.xz{animation: xuanzhaun 6s infinite;}


#ydy{width:100%;margin:0 auto;overflow: hidden;}
#ydy li{width:100%;height:100%;}
#ydy .banner-img img{width:100%;height:100%;object-fit: cover;}

#ydy-nav{width:100%;height:100%;background:url(../images/ydy-back.jpg)no-repeat center;background-size:cover;position: relative;
box-sizing: border-box;padding:2rem 5%;}
#ydy-nav .logos{text-align: center;}
#ydy-nav .logos img{width:3.04rem;}
#ydy-nav .nav-list{width:3.4rem;margin:0 auto;margin-top:1.4rem;}
#ydy-nav .nav-list .nav-p{font-size:0.24rem;line-height:0.24rem;text-transform: uppercase;margin-bottom:0.4rem;animation: huxi 6s infinite;}
#ydy-nav .nav-list .nav-p a{color:#fff;}
#ydy-nav .nav-list .nav-p b{display: block;font-size:0.42rem;line-height:0.42rem;margin-bottom:0.15rem;}
#ydy-nav .nav-list .nav-p i{display: block;width:0.4rem;height:0.4rem;background:url(../images/nav-icon.png)no-repeat center;background-size:cover;}


#com-nav{width:100%;height:100%;background:url(../images/ydy-back.jpg)no-repeat center;background-size:cover;position: relative;
box-sizing: border-box;padding:2rem 5%;}
#com-nav .logos{text-align: center;}
#com-nav .logos img{width:3.04rem;}
#com-nav .nav-list{width:3.4rem;margin:0 auto;margin-top:1.4rem;}
#com-nav .nav-list .nav-p{font-size:0.24rem;line-height:0.24rem;text-transform: uppercase;margin-bottom:0.4rem;animation: huxi 6s infinite;}
#com-nav .nav-list .nav-p a{color:#fff;}
#com-nav .nav-list .nav-p b{display: block;font-size:0.42rem;line-height:0.42rem;margin-bottom:0.15rem;}
#com-nav .nav-list .nav-p i{display: block;width:0.4rem;height:0.4rem;background:url(../images/nav-icon.png)no-repeat center;background-size:cover;}


#right{width:0.68rem;position: fixed;top:23%;right:5%;z-index:99;}
#right a{display: inline-block;max-width:100%;text-align: center;}
#right a.mp3-a{width:0.6rem;margin-bottom:0.2rem;}
#right a img{width:100%;}
#com-nav{position: fixed;z-index:999;right:-100%;top:0;transition:right 0.6s;}


#foot{width:100%;background:url(../images/foot-back.png)no-repeat center;background-size:cover;height:2.52rem;position: relative;margin-top: -0.4rem;}
#foot .mores-a{position: absolute;width:5.56rem;margin:0 auto;top:0.8rem;left:0;right:0;z-index:99;animation: hoverIn 4s infinite;}
#foot .mores-a img{width:100%;}