body {
    color: #333;
    font-size: 14px;
    font-family: "Arial","微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
    background: #f0f0f0;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1470px;position:relative;}
.header{ position: absolute; left: 0; padding-top: 30px; top: 0; right: 0; z-index: 10000; }
.header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -0.05rem;
  right: 0;
  height: 13.38rem;
  background: url("../images/head-bg.png") center repeat-x;
  background-size: auto 99%;
}
.header .container{ width: 1710px; }
.banner{ margin:0; overflow:hidden; }
.nav-list li{float: left;line-height: 65px;margin-left: 26px;}
.nav-list li a{font-size: 18px;color: #fff;font-weight: bold;}
.nav-list li a:hover{ color: #8c0f15; }
.header-a{ line-height: 65px; padding-left: 10px; }
.header-a a{ display: inline-block; margin-left: 25px; }
.page-one{ background: #f9f6ef; padding-bottom: 80px; }
.title{ font-size: 46px; margin-top: 60px; margin-bottom: 30px; color: #000; font-weight: bold; position: relative; }
.title a{ position: absolute; right: 0; text-align: left; font-weight: normal; top: 50%; margin-top: -23px; font-size: 18px; color: #8c0f15; padding-left: 20px; width: 168px; height: 46px; line-height: 46px; background: url(../images/more.png) center no-repeat; }
.title a span{ color: #fff; padding-right: 10px; }
.img-link{ width: 23%; }
.img-c a{ display: block; position: relative; padding-top: 67%; }
.img-c a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.img-link-bottom{ background: #fff; position: relative; padding:15px 20px; height: 160px; }
.img-link-tt a{ font-size: 24px; color: #000; font-weight: bold;  font-weight: bold; }
.img-link-tt a:hover{ color: #fff; }
.img-link-tt{ line-height: 30px; }
.img-link-p{ font-size: 16px; color: #000; margin-top: 5px; }
.img-link-more{ position: absolute; left: 50%; width: 64px; height: 64px; background: url(../images/add.png) center no-repeat; margin-left: -32px; bottom: -32px; }
.img-lg{ width: 54%; padding:0 40px; }
.img-lg a{ display: block; height: 382px; position: relative; }
.mask{ position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/mask.png) center repeat-x; padding:20px 20px 0 30px; background-size: 100% 100%; height: 118px; }
.mask-date{ font-size: 22px; color: #fff; line-height: 25px; border-right: solid 1px #fff; padding-right: 15px; }
.mask-date span{ font-size: 42px; font-weight: bold; display: inline-block; padding-top: 10px; font-family: "Impact"; }
.mask-tt{ margin-left: 115px; font-size: 24px; line-height: 30px; height: 60px; overflow:hidden; color: #fff; font-weight: bold; }
.news-ul li{ float: left; width: 33.333333%; padding:0 20px; }
.news-ul-box{ display: block; position: relative; height: 125px; padding:30px 20px 0 10px; }
.news-ul-box:before{ display: block; content: ""; position: absolute; left: 0;top: 0; right: 0; bottom: 0; background: url(../images/li-back.png) center no-repeat; background-size: cover; }
.news-ul{ margin:0 -20px; padding-top: 65px; }
.news-ul-box .clearfix{ position: relative; z-index: 10; }
.news-ul-date{ font-size: 18px; width: 90px; text-align: center; color: #71161b; line-height: 25px; border-right: solid 1px #d2d2d2; }
.news-ul-date span{ font-size: 32px; font-weight: bold; display: inline-block; padding-top: 10px; font-family: "Impact"; }
.news-ul-right{ margin-left: 115px; margin-top: 5px; font-size: 20px; color: #000; line-height: 30px; height: 60px; overflow:hidden; }
.news-ul-box:hover:before{ background: url(../images/li-back02.png) center no-repeat; background-size: 100% 100%; left: -10px; bottom: -10px; right: -10px; }
.page-tow .title{ color: #fff; }
.page-tow{ background: url(../images/back-tow.png) center no-repeat; background-size: cover; height: 700px; padding:30px 0; }
.lind-ul{ height: 246px; background: url(../images/lind-back.png) center no-repeat; background-size: 100% 246px; padding:0 15px; margin-top: 105px; }
.lind-ul li{ float: left; width: 14.285714%; position: relative; }
.lind-box{ width: 140px; display: block; position: relative; height: 140px; padding:9px; border:solid 1px rgba(255,255,255,0.5); border-radius: 50%; margin:45px auto 0 auto;  }
.lind-box-sm{ display: table; width: 120px; height: 120px; border-radius: 50%; background: #fff; background:rgba(255,255,255,0.5);  }
.lind-box-c{ display: table-cell; width: 120px; padding:0 10px; height: 120px; vertical-align: middle; font-size: 16px; color: #fff; font-weight: bold; }
.lind-number{ position: absolute; top: 100%; padding-top: 75px; left: 0; right: 0; background: url(../images/lind.png) center 10px no-repeat; font-size: 20px; color: #fff; font-weight: bold; }
.lind-box:hover{ border-color: #fff; }
.lind-box:hover .lind-box-sm{ background: #fff;  }
.lind-box:hover .lind-box-c{ color: #a51115; }
.lind-box-tow .lind-number{ top: auto; padding-top: 0; padding-bottom: 75px; bottom: 100%; background: url(../images/lind.png) center 30px no-repeat; }
.video-back{ height: 710px; background: url(../images/video-back.png) center no-repeat; background-size: cover; }
.video-back .container{ height: 710px; position: relative; }

.video-left{z-index: 2;width: 523px;height:692px;position: relative;padding:70px 40px;margin-top: -44px;background: url(../images/notice-back.png) center no-repeat;background-size: 100% 100%;}
.video-left:before{ display: block; content: ""; position: absolute; margin-left: -1px; left: 100%; top: 0; width: 40px; height: 44px; background: url(../images/raw.png) center no-repeat; }
.video-left .title{ margin:0; color: #fff; }
.video-left .title a{ background: url(../images/more02.png) center no-repeat; color: #fff; }
.video-left .title a span{ color: #d88f1c; }
.notice-date{ border:solid 1px #fff; color: #fff; font-size: 16px; width: 64px; height: 68px; }
.notice-date span{ display: block; background: #fff; margin-bottom: 2px; line-height: 35px; font-size: 24px; color: #d88f1c; font-weight: bold; }
.notice-tt a{ font-size: 20px; color: #fff; }
.notice-tt{ line-height: 35px; height: 70px; overflow:hidden; margin-left: 85px; }
.notice-ul li{ padding:35px 0; border-bottom: solid 1px #e8bc77; position: relative; }
.notice-ul li:before{ display: block; content: ""; position: absolute; left: 0; height: 3px; width: 0; bottom: 0; background: #fff; transition: 0.3s all; }
.notice-ul li:hover:before{ width: 80%; }
.notice-tt a:hover{ text-decoration: underline!important; }
.play{ width: 110px; height: 110px; background: url(../images/play.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; }
.index-left{ width: 56%; }
.lg-link{margin-right: 2px;display: block;padding-top: 65%;position: relative;}
.page-three{ background: #eee; padding-top: 75px; padding-bottom: 90px; }
.mask-b{ position: absolute; left: 0; right: 0; bottom: 0; height: 157px; background: url(../images/mask-b.png) center no-repeat; background-size: 100% 100%; padding:50px 200px 0 40px; }
.mask-b-txt{ background: url(../images/lind-l.png) left center no-repeat; line-height: 34px; overflow:hidden; padding-left: 18px; font-size: 30px; color: #fff; font-weight: bold; }
.mask-b i{ position: absolute; right: 80px; top: 60px; width: 60px; height: 60px; background: url(../images/raw-r.png) center no-repeat; }
.index-right{ width: 44%; padding-top: 90px; }
.index-top{margin-bottom: 2px;margin-right: -90px;}

.index-top em{font-style: normal}
.index-top .con h3{font-size:0;background:#fff;line-height:25px;color:#7a1f1a;margin:0 0 24px;}
.index-top .con h3 em{padding: 0 10px;font-size: 16px;display: inline-block;background: #d88f1c;font-weight: 700;min-width: 100px;display:inline-block;vertical-align:middle;text-align: center;}
.index-top .con h3 span{font-size:14px;display:inline-block;width: calc(100% - 160px);vertical-align: middle;padding: 0 10px;}
.index-top a:nth-child(2n-1) .con h3 em{background:#7a211b;color:#d78e1b}
.index-top .txt{line-height:24px}
.index-top .txt em,.index-top .txt span{display:inline-block;vertical-align:top}
.index-top .txt em{width:75px;color: #d88f1c;}
.index-top .txt span{width:calc(100% - 75px)}
.index-top .txt p:first-child span{max-height: 48px;overflow: hidden;}
.index-top .txt p:not(:first-child) span,.index-top .con h3 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.index-top a:nth-child(2n-1) .txt em{color:#7a211b}


.index-top a{padding: 35px 6px;}
.index-top a:nth-child(2n){background:#79201a;color:#fff;}
.index-top a:nth-child(2n-1){background: #d88f1c;color:#fff;}
.index-top-a{width: 50%;position: relative;display: block;}
.top-mask{ position: absolute; opacity: 0; transition: 0.3s all; left: 0; top: 0; right: 0; bottom: 0; }
.top-mask-b{ position: absolute; left: 30px; right: 30px; bottom: 30px; }
.top-mask-tt{ font-size: 28px; color: #fff; line-height: 35px; }
.top-mask-tt span{ font-size: 18px; font-weight: bold; }
.raw-c{ width: 40px; height: 40px; background: url(../images/raw-c.png) center no-repeat; display: inline-block; margin-top: 15px; }
.index-top-a:hover .top-mask{ opacity: 1; }
.lg-link-bottom{margin-right: -90px;padding-top: 65%;display: block;position: relative;}
.lg-link-bottom .mask-b-txt{ background: none; line-height: 50px; margin-top: 35px; padding-left: 0; }
.lg-link-bottom .mask-b i{ top: 80px; right: 60px; width: 50px; height: 50px; background-size: 100% 100%; }
.page-three .title{ margin-right: 55px; }
.img-slick a{ display: block; padding-top: 70%; position: relative; transition: 0.4s all; }
.img-slick .slick-slide{ padding-top: 1.8%; transition: 0.5s all; }
.page-four{ background: url(../images/page-four.png) center no-repeat; background-size: cover; background-size: cover; overflow:hidden; padding-bottom: 85px; }
.img-slick{ margin:0 -50px; padding-bottom: 100px; }
.img-slick .slick-center{ padding-top: 0; position: relative; z-index: 100; }
.img-slick .slick-center a{ margin:0 -15%; padding-top: 82%; box-shadow: 0 25px 30px rgba(0,0,0,0.5); }
.img-slick .slick-list{ padding-top: 80px!important; }
.sp-box{ position: absolute; display: none; left: 0; bottom: 0px; width: 480px; background: url(../images/txt-back.png) center no-repeat; height: 80px; line-height: 80px; padding-left: 50px; padding-right: 80px; }
.sp-box span{display: inline-block;line-height: 80px;padding-left: 60px;/* background: url(../images/sp.png) left center no-repeat; */font-size: 22px;color: #fff;}
.img-slick a i{position: absolute;display: none;left: 0;top: 0;right: 0;bottom: 0;/* background: url(../images/play02.png) center no-repeat; */}
.img-slick .slick-center a .sp-box,.img-slick .slick-center a i{ display: block; }
.page-four .title{ margin-bottom: 0; }
.img-slick .slick-prev{ left: 50%; bottom: 0; top: auto; width: 57px; height: 57px; background: url(../images/left.png) center no-repeat; margin-left: -80px; }
.img-slick .slick-next{ right: 50%; bottom: 0; top: auto; width: 57px; height: 57px; background: url(../images/right.png) center no-repeat; margin-right: -80px; }
.slick-prev:before,.slick-next:before{ display: none; }
.img-slick .slick-prev:hover{ background: url(../images/left02.png) center no-repeat; }
.img-slick .slick-next:hover{ background: url(../images/right02.png) center no-repeat; }
.img-slick .slick-prev:before{ display: block; content: ""; position: absolute; top: 50%; right: 100%; border-top: solid 1px #ddd; width: 400px; }
.img-slick .slick-next:before{ display: block; content: ""; position: absolute; top: 50%; left: 100%; border-top: solid 1px #ddd; width: 400px; }
.number-back{ background: url(../images/number-back.png) center no-repeat; background-size: cover; padding:80px 0; }
.number-list-box{ width: 173px; height: 173px; margin:0 auto;  font-size: 50px; color: #fff; font-family: "Impact"; text-align: center; line-height: 173px; position: relative; }
.number-list-box:before{ display: block; content: ""; position: absolute; left: 0; top: 0; transition: 0.3s all; right: 0; bottom: 0; background: url(../images/number-box.png) center no-repeat; background-size: 100% 100%; }
.number-list-box:hover:before{ transform: rotate(360deg); }
.number-tt{ font-size: 24px; color: #fff; line-height: 30px; text-align: center; margin-top: 15px; }
.number-list li{ float: left; width: 20%; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 44px; padding-bottom: 50px; }
.footer-tt{ font-size: 22px; color: #fff; font-weight: bold; }
.footer-list li a{ color: #c57378; }
.footer-list li{ margin-top: 10px; }
.footer-left{ /*height: 220px;*/ border-right: solid 1px #804043; padding-right: 40px; margin-right: 40px; }
.footer-left-r{ border:none; margin-right: 0; padding-right: 0; }
.footer-lind{ border-top: solid 1px #804043; margin-top: 50px; margin-bottom: 30px; }
.footer-p p{ color: #a9565b; margin-bottom: 5px; }
.footer-p p span{ padding-left: 30px; display: inline-block; }
.footer-a a{ display: inline-block; margin-left: 10px; }
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-down{ position: absolute; display: none; left: 50%; top: 100%; border-top: solid 3px #eee; min-width:100%; width: 190px; margin-left: -95px; background: #fff; }
.nav-down li{ float: none; width: 100%; margin:0!important; padding:0!important; }
.nav-down li a{ display: block; font-size: 14px; font-weight: normal; color: #333; line-height: 20px; padding:10px 2px; text-align: center; }
.nav-down li a:hover{ background: #a11111; color: #fff; font-weight: bold; }
.nav-list li:hover .nav-down{ display: block; }
.nav-list li{ position: relative; }
/*************关于我们*************/
.banner-list{ height: 600px; }
.about-box{ position: relative; z-index: 1000; margin-top: -160px; }
.nav-b{ padding:20px 80px; background: url(../images/nav-b.png) center no-repeat; background-size: 100% 100%; }
.nav-b-c{ padding-left: 35px; background: url(../images/icon-home.png) left center no-repeat; font-size: 14px; color: #fff; }
.nav-b-c a{ color: #fff; }
.center-box{ background: #fff; padding:60px 80px; }
.about-left{ width: 300px; }
.left-top{ height: 133px; background: url(../images/left-top.png) center no-repeat; font-size: 32px; color: #fff; font-weight: bold; padding-left: 40px; padding-top: 65px; }
.left-nav li a{ display: block; position: relative; padding:20px 25px; border-left: solid 2px #f8f8f8; font-size: 18px; color: #333; background: #f8f8f8; border-bottom: solid 1px #ddd; }
.left-nav li a:hover,.left-nav li.active a{ background: #fff; border-left-color: #8c0f15; }
.left-nav li a:hover:before,.left-nav li.active a:before{ display: block; content: ""; position: absolute; right: 15px; top: 0; bottom: 0; width: 10px; background: url(../images/nav-a.png) center no-repeat; }
.about-right{ width: 920px; padding-top: 40px; }
.about-tt{ font-size: 28px; color: #333; margin-bottom: 25px; font-weight: bold; padding-bottom: 10px; border-bottom: solid 1px #ddd; background: url(../images/lind-b.png) left bottom no-repeat; }
.about-p p{ color: #333; line-height: 25px; margin-bottom: 15px; }
/**************通知列表**************/
.tz-ul-right{ margin-left: 110px; padding-top: 5px; }
.tz-ul .news-ul-date{ padding-right: 20px;  }
.tz-ul-tt a{ font-size: 18px; color: #333; font-family:"微软雅黑";  }
.tz-ul-tt a:hover{ color: #9a0d13; text-decoration: underline!important; }
.tz-ul-p{ color: #999; margin-top: 10px; }
.tz-ul li{ margin-bottom: 40px; }
.tz-ul li:hover .news-ul-date{ border-color: #8c0f15; }
.page-box{ margin-top: 100px; }
.tz-list li{ position: relative; padding-right: 120px; margin-bottom: 35px; }
.tz-list li a{ font-size: 16px; color: #333; font-family:"微软雅黑"; padding-left: 27px; background: url(../images/li02.png) left center no-repeat; }
.tz-list li span{ position: absolute; right: 0; top: 0; color: #666; font-size: 16px; }
.tz-list li:hover a,.tz-list li:hover span{ color: #9a0d13; text-decoration: underline!important; }
.tz-list li:last-child{ margin-bottom: 0px; }
.tz-list{ margin-bottom: -40px; }
/*************校园生活**************/

.sh-img-c{ position: relative; padding-top: 150%; }
.sh-img-c img{ position: absolute; left: 0;top: 0; width: 100%; height: 100%; }
.sh-img img{ width: 1005ï¼› }
.sh-img p{ margin-bottom: 15px; }
/*************新闻列表***********/
.xw-list li{ float: left; width: 33.333333%; padding:0 30px; margin-bottom: 50px; }
.xw-list{ margin:0 -30px -40px -30px; }
.xw-list-img{ position: relative; padding-top: 63%; }
.xw-list-top{ display: block; position: relative; }
.xw-list-img img{ position: absolute; left: 0; top: 0; width: 100%; }
.xw-list-tt a{ font-size: 20px; color: #333; }
.xw-list-tt{ line-height: 30px; height: 60px; overflow:hidden; margin-top: 15px; }
.xw-list-top .news-ul-date{ position: absolute; border:none; right: 0; top: -15px; font-size: 16px; width: 70px; height: 70px; background: #9a0d13; z-index: 100; color: #fff; }
/**************内容页*************/
.article-tt{ font-size: 26px; color: #333; }
.article-sm{ color: #888; padding-top: 20px; padding-bottom: 30px; border-bottom: solid 1px #ddd; margin-bottom: 30px; }
.article-sm span{ padding-left: 30px; }
.article-sm span span{ padding-left: 0px; }
.title-t{ position: absolute; left: 95px; top: -70px; font-size: 48px; color: #fff; font-weight: bold; }
.hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 16px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block;cursor: pointer;  position: absolute; right: 0; top: 0; height: 40px; width: auto; 
  border:none;background-size: cover ;border-radius: 50%;overflow: hidden;background: transparent;font-size: 24px;color:#004D9C;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% }
.hidden_search .close_btn { position: absolute; background: url(../images/close.png) center no-repeat; right: 20px; top: 32%;  width: 35px; height: 35px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px}
 .hidden_search .close_btn:hover{ color: #004D9C; }
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 100000; }
.cd-popup-container { position: relative;  padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container1 { top: 10%; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;}
.sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;}
.img-lg a,.img-link{ transition: 0.3s all; }

.img-lg-img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.3s all; }
a:hover .img-lg-img{ transform: scale(1.1,1.1); }
.footer-list li a:hover{ color: #fff; }
.banner-box{ position: relative; }
.banner-b{ position: absolute; bottom: 60px; animation: move 1.5s infinite ease-in-out; cursor: pointer; left: 50%; width: 80px; height: 80px; margin-left: -40px; background: url(../images/banner-a.png) center no-repeat; background-size: 100% 100%; }
@keyframes move {
    50% {
        bottom: 3.5%;
    }

    0%,
    100% {
        bottom: 4%;
    }
}
.img-link-bottom,.img-link-more{ transition: 0.5s all; }
.img-link:hover .img-link-bottom{  }
.img-link-tt a,.mask{transition: 0.5s all;  }
.img-link-tt{ max-height: 65px; overflow:hidden;  position: relative; z-index: 10; }
.img-link-p{ z-index: 10; position: relative; transition: 0.5s all; }
.img-link:hover .img-link-tt a, .img-link-tt a:hover,.img-link:hover .img-link-p{ color:#fff; }
.img-link:hover .img-link-more{ background: url(../images/add02.png) center no-repeat; transform: rotate(180deg); }
.img-link-bottom:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; transition: 0.5s all; }
.img-link:hover .img-link-bottom:before{ height: 100%; background: #8c0f15; }
.img-lg a:hover .mask{ height: 160px; padding-top: 62px; }

.video-sp{ height: 710px; position: absolute; overflow:hidden; left: 0; top: 0; right: 0; }
#video{  left: 0; top: 0; width:100%; height:100%; object-fit: cover;
    object-position: center center; position: absolute;
 right: 0; bottom: 0; }
 .video-back{ position: relative; }
.play,.video-left{ z-index: 1000; }
.video-phone{ display: none; }
.top-mask:before{    content: '';
    display: block;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(231,93,42,0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    -ms-transform: translateX(-150%) skewX(-45deg);
    transform: translateX(-150%) skewX(-45deg);
    transition: all 0.3s ease-out;}
.index-top-a:hover .top-mask:before{opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);}

.mask-b i{ transition: 0.3s all; }
a:hover .mask-b i{background: url(../images/raw-c.png) center no-repeat; background-size: 100% 100%; transform: rotate(360deg);}
.img-link-tt a{padding-bottom: 1px;
    background-image: linear-gradient(#FFF, #FFF);
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s,
    background-position 0s 0.3s;}
.img-link-tt a:hover{ background-position: 100% 100%; /*OR bottom right*/
    background-size: 100% 2px;
    cursor: pointer; }
.img-link-tt a:focus-visible {
    display: inline-block;
    padding-bottom: 1px;
    background-color: #FFF;
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 2px;
    background-repeat: no-repeat;
}
.mask-tt span{padding-bottom: 1px;
    background-image: linear-gradient(#FFF, #FFF);
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s,
    background-position 0s 0.3s;}
.img-lg a:hover .mask-tt span{ background-position: 100% 100%; /*OR bottom right*/
    background-size: 100% 2px;
    cursor: pointer; }

.news-ul-right span{padding-bottom: 1px;
    background-image: linear-gradient(#71161b, #71161b);
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s,
    background-position 0s 0.3s;}
.news-ul-box:hover .news-ul-right span{ background-position: 100% 100%; /*OR bottom right*/
    background-size: 100% 2px;
    cursor: pointer; }
.news-ul-box:hover .news-ul-right{ color: #71161b; }
.nav-down  {
  -webkit-animation-name: flipInY ;
  animation-name: flipInY ;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;

  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;

  visibility: visible !important;
  
}
.play.active{ width: 100%; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; margin:0; z-index: 1000; height: 100%; }

@keyframes flipInY  {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    transform: scaleX(0);
  }


  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
     opacity: 1;
      transform: scaleX(1);
  }
}
.left-nav-down li a{ padding: 10px 35px; font-size: 16px; }
.left-nav-down li a:before{ display: none!important; }
.left-nav-down{ display: none; }
.left-nav-down li a:hover{ color: #8c0f15; }


@media( max-width: 1770px){
    .header .container{ width: 1470px; }
    .logo img{ width: 500px; }
    .nav-list li{margin-left: 10px;}
    .logo{ line-height: 60px; }
}
@media( max-width: 1499px){
    .container,.header .container{ width: 1279px; }
    .footer-left{ padding-right: 25px; margin-right: 25px; }
    .lind-ul{ padding:0 10px; }
    .logo img{ width: 400px; }
    .nav-list li a{ font-size: 16px; }
    .img-lg a{ height: 352px; }
    .about-right{ width: 750px; }

    .index-top,.lg-link-bottom{margin-right: -60px}

}
@media( min-width: 1279px){
   .topewm{margin-top: -150px;}
}
@media( max-width: 1279px){
     
    .container,.header .container{ width: 970px; }
    .lind-ul{ background: none; }
    .lind-ul li{ width: 25%; margin-bottom: 100px; }
    .lind-number{      top: auto;
    padding-top: 0;
    padding-bottom: 75px;
    bottom: 100%;
    background: url(../images/lind.png) center 30px no-repeat;
}
.page-tow{ height: auto; }
.play{ margin-left: 200px; }
.top-mask-b{ bottom: 10px; }
.footer-logo{ width: 100%; text-align: center; margin-top: 25px; }
.img-lg a{ height: 304px; }
.logo img {
    width: 300px;
}
.nav-list li a{ font-size: 12px; }
.nav-list li{ margin-left: 10px; }
.header-a a{ margin-left: 15px; }
.header-a a img{ height: 30px; }
.about-right{ width: 550px; }
.center-box{ padding:30px; }
.nav-b{ padding:20px 30px; }
.banner-list{ height: 450px; }
.about-left{ width: 100%; }
.left-top{ padding:20px; height: auto; background: #6c1217; }
.about-right{ width: 100%; }


}
@media( max-width: 991px){
    .container,.header .container{ width: 750px; }
    .header .container{ width: 100%; }
    .img-link{ width: 100%; }
    .img-lg{ width: 100%; padding:0; margin-top: 50px; margin-bottom: 15px; }
    .news-ul li{ width: 100%; margin-bottom: 15px; }
    .news-ul-box:before{ background-size: 100% 100%; }
    .index-left{ width: 100%; }
    .page-three .title{ margin-right: 0; }
    .index-right{ width: 100%; padding-top: 0; }
    .index-top, .lg-link-bottom{ margin-right: 0; }
    .page-three{ padding:0 0 50px 0; }
    .sp-box{ width: 250px; height: 50px; bottom: -10px; line-height: 50px; background-size: 100% 100%; padding-left: 15px; padding-right: 35px; }
    .sp-box span{ line-height: 50px; font-size: 16px; }
    .number-list li{ width: 33.333333%; height: 270px; }
    .footer-p{ width: 100%; text-align: center; }
    .footer-p p span{ display: block; padding:0; }
    .footer-a{ width: 100%; text-align: center; margin-top: 15px; }
    .footer-left{ width: 25%; margin-right: 0; border:none; height: auto;  }
    .img-lg a{ height: auto; padding-top: 68%; }
    .header{ height: 50px; position: fixed; background: rgba(0,0,0,0.5); padding:0; }
    .logo img{ width: 200px; }
    .logo{ line-height: 50px; }
    .menu-button{ display: block; }
    .nav-list{position: absolute;display: none;left: 0;top: 100%;margin:0;right: 0;background: #fff;border-top: solid 1px #ddd;box-shadow: 1px 2px 3px rgba(0,0,0,0.1);overflow-y: auto;max-height: calc(100vh - 50px);}
    .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
    .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #333; text-align: left; font-size: 16px; }
    .header-a a{ margin-left: 5px; }
    .header-a{ line-height: 50px; margin-right: 40px; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; margin:0; padding:0; width: 100%; background: none; }
    .nav-down li{ text-align: left; padding:0; }
    .nav-down li a{ text-align: left; padding:0 15px; text-align: left; }
    .nav-list li:hover .nav-down{ display: none; }
    .xw-list li{ width: 50%; }
    .title-t{ left: 45px; }
    }
@media(max-width: 768px){
    .cd-popup-container{ width: 90%; }
    .container,.header .container{ width: 100%; }
    .title{ font-size: 24px; text-align: left; margin:25px 0; }
    .title a{ background: none; width: auto; }
    .title a span{ color: #8c0f15; }
    .img-link-tt a{ font-size: 18px; }
    .img-link-bottom{ height: auto; padding-bottom: 50px; }
    .mask{ padding-left: 20px; padding-right: 20px; padding-top: 40px; }
    .mask-tt{ font-size: 18px; margin-left: 80px; }
    .mask-date{ font-size: 14px; }
    .mask-date span{ font-size: 24px; }
    .news-ul{ padding-top: 50px; }
    .page-one{ padding-bottom: 20px; }
    .lind-ul li{ width: 50%; }
    .video-left{ width: 100%; padding:25px 25px 40px 25px; height: auto;}
    .video-left .title a{ background: none; }
    .video-left .title a span{ color: #fff; }
    .notice-ul li{ padding:15px 0; }
    .play{ margin-left: -55px; top: auto; margin-top: auto; bottom: 30px; }
    .video-back{ height: auto; }
    .video-back .container{ height: auto; padding-bottom: 170px; }
    .page-tow .title{ text-align: center; }
    .page-tow{ padding-top: 0; padding-bottom: 0; }
    .lind-ul li{ margin-bottom: 70px; }
    .mask-b{ padding-left: 20px; padding-right: 80px; padding-top: 70px; }
    .mask-b-txt{ font-size: 18px; }
    .mask-b i{ right: 20px; top: 80px; }
    .index-top-a{ width: 100%; padding-top: 60%; }
    .img-slick{ margin:0 15px; }
    .img-slick .slick-slide{ padding-top: 0; }
    .sp-box{ display: block; bottom: 0; }
    .img-slick a i{ display: block; }
    .page-four{ padding-bottom: 30px; }
    .number-list-box{ width: 90px; height: 90px; background-size: 100% 100%; font-size: 24px; line-height: 90px; }
    .number-tt{ font-size: 13px; line-height: 20px; }
    .number-list li{ height: 160px; }
    .number-back{ padding:35px 0 1px 0; }
    .footer-left{ width: 50%; margin-bottom: 15px; }
    .footer-logo img{ width: 200px; }
    .footer-a a{ margin:0 3px; }
    .footer{ padding:25px 0; }
    .img-slick .slick-list{ padding-top: 30px!important; }
    .lg-link-bottom .mask-b-txt{ margin-top: 10px; }
    .lg-link-bottom .mask-b i{ right: 20px; }
    .center-box{ padding:20px; }
    .left-top{ font-size: 24px; padding:15px 20px; }
    .left-nav li a{ font-size: 16px; padding:15px 20px; }
    .about-tt{ font-size: 24px; }
    .about-right{ padding-top: 20px; }
    .tz-ul li{ margin-bottom: 20px; }
    .page-box{ margin-top: 30px; }
    .banner-list{ height: 250px; }
    .about-box{ margin-top: -100px; }
    .tz-list{ margin-bottom: 0; }
    .tz-list li{ margin-bottom: 20px; }
    .sh-img p{ margin-bottom: 10px; }
    .xw-list li{ width: 100%; }
    .xw-list{ padding-top: 20px; }
    .article-sm span{ display: block; padding-left: 0; padding-top: 10px; }
      .article-sm span span{ display: inline-block; padding-left: 0; padding-top: 10px; }
    .nav-list{ max-height: 70vh; overflow:auto; }
    .banner-b{left: 55%;width: 40px;height: 40px;bottom: 20px;}
  

    .video-left{ display: block!important; margin-top: 0px; }
    .video-back .container{ padding:0; }
    .video-sp{ position: relative; height: auto;}
    .play{ top: 20%; display: none; }
    #video{ display: none!important; }
    .video-phone{ display: block; background-size: cover; object-fit: fill; }
    .video-back{ background: none; }
}

.f_icon{margin:0 -15px;}
.f_icon li{position:relative;display:inline-block;margin: 0 5px;}
.f_icon .con{position:absolute;bottom:100%;width:140px;min-width:100%;visibility:hidden;opacity:0;bottom:calc(100% + 16px);box-shadow:0 -2px 6px rgba(6,12,14,.2)}
.f_icon .con img{width:140px;height:140px}
.f_icon li:hover .con{visibility:visible;opacity:1}
.f_icon .con:before{content:'';position:absolute;bottom:-8px;border-style:solid;border-width:8px 8px 0 8px;border-color:#fff transparent transparent transparent}

.f_icon li:nth-child(2) .con:before{border-color:#784ac4 transparent transparent transparent}

.f_icon h3 a{display:block;width:50px;height:50px;background-color:rgba(0,0,0,.3);background-position:50%;background-repeat:no-repeat;border-radius:50px}
.f_icon li:hover{transform:translateY(-6px)}
.i_wechat{background-image:url(../images/i_wechat.png)}
.i_twitter{background-image:url(../images/i_twitter.png)}
.i_ins{background-image:url(../images/i_ins.png)}
.i_facebook{background-image:url(../images/i_facebook.png)}
.i_youtobe{background-image:url(../images/i_youtobe.png)}