@import url(/uploads/css/crcss/common.css);
/* body{background: url(/uploads/image/crimages/footerbg.jpg);} */

.pageweb{position: fixed;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1000;background: rgba(0,0,0,0.75);}
.pageweb .content{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;color: #fff;font-weight: bold;}
.pageweb .inner{position: absolute;left: 50%;top: 50%;max-width: 13.35rem;width: 90%;transform: translate(-50%,-50%);}
.pageweb .inner img{border-radius: 10px;}
.pageweb em{font-size: 0.2rem;position: absolute;left: 50%;bottom: 0.4rem;transform: translatex(-50%);letter-spacing: 0.15em;}
.pageweb em font{font-size: 0.4rem;}
.pageweb a{display: inline-block;background: #fff;border-radius: 10px;line-height: 0.64rem;font-size: 0.35rem;color: #333333;padding: 0 0.5rem;cursor: pointer;font-weight: bold;letter-spacing: 0.15em;
	/* -webkit-animation: scale 1.1s ease-out;
	-moz-animation: scale 1.1s ease-out;
	animation: scale 1.1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite; */
}
.pageweb a:hover{animation: play-state 3s linear infinite;}
@keyframes scale {
	0% {-moz-transform: scale(1);transform: scale(1);}
	50% {-moz-transform: scale(1.05);transform: scale(1.05);}
	100% {-moz-transform: scale(1);transform: scale(1);}
}
.pageweb a:hover{color: #fff;background: #21450e;}


.footer{z-index: 0;}

/*第一屏 s*/
.homeban{position: relative; z-index: 1; overflow:hidden;background: center center no-repeat;height: 100vh;}
.homeban:before{width: 100%;height: 1.8rem;left: 0;top: 0;position: absolute;background-image: linear-gradient(to bottom, rgba(17,21,30,0.3) , rgba(0,0,0,0));content: "";z-index: 2;}
.homeban .item{ position:relative;height: 100vh;}
.homeban .info{left: 50%;top:40%;transform:translatex(-50%);z-index: 3;color:#fff;position: absolute;width: 16rem;}
.homeban .info img{height: 2.28rem;display: block;}
.homeban .btn{margin:0.6rem 0 0 0;display: inline-block;min-width: 2.24rem;line-height: 0.6rem;padding:0 0.2rem;font-size: 0.2rem;background:rgba(0,0,0,0.3);text-align: center;border-radius: 0.3rem;}
.homeban .btn a{color:#fff;}.homeban .btn a:hover{color:#ffcc00;}
.homeban .btn i{margin:0 0.1rem;}
.homeban .btn:hover{background:#056a54;}
.homeban .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.homeban .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;background: #000;}
.homeban .video img{width: 100%;display: none;}
.homeban .iconbf4{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100;font-size: 0.6rem;color: #fff;display: none;}
.homeban .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.homeban .slick-arrow{border:0;border-radius: 0;background-color: transparent !important;}
.homeban .slick-arrow i{display: none;}
.homeban .slick-prev{background-image: ;left: -3%;}
.homeban .slick-next{background-image: ;right: -3%;}
.homeban:hover .slick-prev{left: 3%;}
.homeban:hover .slick-next{right: 3%;}
.homeban .slick-dots {bottom: 0.25rem;text-align: left;max-width: 13.42rem;width: 90%;left: 50%;transform: translatex(-50%);}
.homeban .item.slick-current .imgbox{-webkit-animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;}
.homeban.fix{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;}

@media(max-width:1024px){
	.homeban,.homeban .item{height: 55vw;}
}

.hometit{text-align: center;margin: 2.33rem 0 0.5rem;padding-bottom: 0.28rem;position: relative;}
.hometit .line{position: absolute;left: 50%;bottom: 0;width: 100%;border: 2px solid #a8182c;border-top: 0;height: 0.88rem;width: 3.69rem;margin-left: -1.84rem;}
.hometit .line:before,.hometit .line:after{width: 4.375vw;height: 2px;content: "";position: absolute;background: #a8182c;top: 0;left: 0;}
.hometit .line:after{left: auto;right: 0;}
.hometit h2{font-size: 0.4rem;line-height: 4.06vw;position: relative;z-index: 1;}
.hometit p{font-size: 0.2rem;position: relative;z-index: 1;width: 3.5rem;margin: 0px auto;}
.hometit p:after,.hometit p:before{content: "";position: absolute;width: 0.72rem;height: 7px;background-repeat: no-repeat;background-position: right center;background-image: url(/uploads/image/crimages/dotline.png);top: 50%;margin-top: -3px;left: 0;}
.hometit p:before{background-position: 0px 0;background-image: url(/uploads/image/crimages/dotline2.png);left: auto;right: 0;}
.hometit aside{color: rgba(168,24,44,0.1);font-size: 6.7vw;line-height: 2;bottom: 0;left: 48%;position: absolute;font-weight: bold;}


.homepage{position: relative;z-index: 2;}
.homepage .content{position: relative;z-index: 10;}
.homepage .blank{z-index: -1;width: 100%;left: 0;top: -100%;height: 100%;position: absolute;visibility: hidden;}

.homenews{padding: 0.9rem 0 0;}
.homenews .blank{height: 60%;top: -60%;}
.homenews .blank-bg{background:#fff;}
.homenews .hometit{margin: 0 0 1.6rem;}
.homenews .content{position: relative;}

.homenews .focusnews{width: 46.96%;box-shadow: 0 4px 10px rgba(0,0,0,0.3);position: relative;float: left;margin-top: 0.37rem;}
.homenews .focusnews .item{overflow: hidden;}
.homenews .focusnews:after{position: absolute;top:-0.37rem;right: -0.39rem;height: 4.8rem;width: 80%;border: 1px solid #f4e3e5;z-index: 0;content: "";background: rgba(255,255,255,0.9);}
.homenews .focusnews .date{text-align: center;min-width: 1.72rem;position: absolute;left: 0;z-index: 2;line-height: 0.42rem;top: 12px;color: #fff;transition: all 0.8s;}
.homenews .focusnews .date em{position: relative;z-index: 1;}
.homenews .focusnews .date:after{content: "";top: 0;width: 110%;height: 100%;position: absolute;border: 1px solid rgba(168,24,44,0.7);border-left: 0;transform: skew(-30deg, 0deg);right: 0;}
.homenews .focusnews .date:before{content: "";right: 0;top: 0;width: 110%;height: 100%;position: absolute;background:rgba(168,24,44,0.7);transform: skew(-30deg, 0deg);right: 0;transition: all 0.4s;}
.homenews .focusnews .tit{line-height: 0.68rem;background: rgba(168,24,44,0.7);color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;padding: 0 0.3rem;transition: all 0.3s;}
.homenews .focusnews a{display: block;position: relative;background: #fff;z-index: 3;}
.homenews .focusnews .imgbox{padding-top: 4.06rem;}
.homenews .focusnews .item:hover .date:after{border: 1px solid rgba(168,24,44,1);}
.homenews .focusnews .item:hover .date:before{background: rgba(168,24,44,1);}
.homenews .focusnews .item:hover .tit{background: rgba(168,24,44,1);}
.homenews .focusnews .slick-dots{bottom: -0.22rem;}
.homenews .focusnews .slick-dots li{width: 8px;height: 8px;margin: 0 9px;}
.homenews .focusnews .slick-dots li button{width: 8px;height: 8px;background: #c7c7c7;}
.homenews .focusnews .slick-dots li.slick-active button{background: rgba(168,24,44,1);}

.homenews .list{width: 50.15%;float: right;padding-top: 0.34rem;background: rgba(255,255,255,0.9);}
.homenews .list .slick-list,.homenews .list .slick-track{height: auto !important;}
.homenews .list li{position: relative;font-weight: normal;}
.homenews .list li:after{box-shadow: 0 0 15px rgba(0,0,0,0.15);content: "";left: 50%;top: 50%;width: 100%;height: 100%;opacity: 0;position: absolute;transform: translate(-50%,-50%) scale(0.9);transition: all 0.5s;}
.homenews .list a{min-height: 1rem;padding-left: 93px;position: relative;z-index: 1;}
.homenews .list .date{position: absolute;left: 0;top: 50%;transform: translatey(-50%);border-right: 1px solid #ededed;width: 80px;text-align: right;padding:4px 14px 0 0;font-size: 12px;line-height: 17px;}
.homenews .list .date em{display: block;font-size: 0.18rem;line-height: 24px;}
.homenews .list li:hover:after{transform: translate(-50%,-50%) scale(1);opacity: 1;}
.homenews .list li:hover{font-weight: bold;}

@media(min-width:641px){
.homenews .newsbox{transition: all 0.6s;top: -4.2rem;position: relative;margin-bottom: -2rem;}
.homenews.on .newsbox{top:0;}
.blank-bg {background: #fff;height: 3.5rem;position: absolute;top: 130px;width: 100%;}
.slide-top {
	-webkit-animation: slide-top .9s cubic-bezier(.25,.46,.45,.94) both;
	-moz-animation: slide-top .9s cubic-bezier(.25,.46,.45,.94) both;
	animation: slide-top .9s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-top {
	0% {
					-webkit-transform: translatey(0);
					transform: translatey(0)
	}

	to {
					-webkit-transform: translatey(-100px);
					transform: translatey(-100px)
	}
}
@-moz-keyframes slide-top {
	0% {
					-moz-transform: translatey(0);
					transform: translatey(0)
	}

	to {
					-moz-transform: translatey(-100px);
					transform: translatey(-100px)
	}
}
@keyframes slide-top {
	0% {
					-webkit-transform: translatey(0);
					-moz-transform: translatey(0);
					transform: translatey(0)
	}

	to {
					-webkit-transform: translatey(-100px);
					-moz-transform: translatey(-100px);
					transform: translatey(-100px)
	}
}
.slide-top-bg {
	-webkit-animation: slide-top-bg .9s cubic-bezier(.25,.46,.45,.94) both;
	-moz-animation: slide-top-bg .9s cubic-bezier(.25,.46,.45,.94) both;
	animation: slide-top-bg .9s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-top-bg {
	0% {
					-webkit-transform: translatey(0);
					transform: translatey(0)
	}
	to {
					-webkit-transform: translatey(-220px);
					transform: translatey(-220px)
	}
}
@-moz-keyframes slide-top-bg {
	0% {
					-moz-transform: translatey(0);
					transform: translatey(0)
	}

	to {
					-moz-transform: translatey(-220px);
					transform: translatey(-220px)
	}
}
@keyframes slide-top-bg {
	0% {
					-webkit-transform: translatey(0);
					-moz-transform: translatey(0);
					transform: translatey(0)
	}
	to {
					-webkit-transform: translatey(-220px);
					-moz-transform: translatey(-220px);
					transform: translatey(-220px)
	}
}
}
@media(max-width:1660px){
	.homenews .focusnews:after{right: -0.38rem;}
}
@media(max-width:640px){
	.homenews .hometit{margin-bottom: 1rem;}
	.hometit{margin: 1rem 0 0.6rem;}
	.homenews .focusnews{width: auto;float: none;margin-bottom: 0.25rem;}
	.homenews .focusnews .slick-dots{bottom: -0.3rem;}
	.homenews .list{width: auto;float: none;}
	.homenews .focusnews:after{right: -0.2rem;top: -8%;height: 120%;}
	.homenews .focusnews .imgbox{padding-top: 64%;}
	.homenews .list li a{border-bottom: 1px solid #ededed;padding-top: 5px;padding-bottom: 5px;padding-left: 80px;}
	.homenews .list .date em{font-size: 16px;}
	.homenews .list .date{width: 66px;padding-right: 11px;}
	.homenews .focusnews:after{width: calc(100% - 69px);}
	.homenews .focusnews .date{min-width: 120px;line-height: 25px;}
}

.homepro{clear: both;}
.homepro .tabcontent{position: relative;z-index: 1;}
.homepro .tabnav {padding: 0.2rem 0 0.43rem;}
.homepro .tabnav li{flex: 1;position: relative;transition: all 0.5s;}
.homepro .tabnav li:before{background: #a8182c;position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;content: "";z-index: 1;transition: all 0.5s;z-index: 2;transform: translate(-50%,-50%);opacity: 0;}
.homepro .tabnav li .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.homepro .tabnav li .imgbox:after{background: rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;transition: all 0.5s;}
.homepro .tabnav li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 20;}
.homepro .tabnav li .inner{height: 1.3rem;color: #fff;position: relative;z-index: 10;letter-spacing: 0.1em;padding: 0.2rem;text-align: center;}
.homepro .tabnav li p{letter-spacing: 0.15em;}

.homepro .tabnav li.on{z-index: 10;}
.homepro .tabnav li.on aside{font-weight: bold;}
.homepro .tabnav li.on:before{width: 100%;height: 120%;opacity: 1;box-shadow: 0 10px 30px rgba(168,24,44,0.5);}
.homepro .tabnav li.on .imgbox:after{background: #a8182c;}

.homepro .tabcontent{max-width: 13.2rem;width: 92%;margin: 0px auto;overflow: hidden;}
.homepro .tabcon .slider{margin: 0 -3.12vw;transition: all 1s;opacity: 0;}
.homepro .tabcon.cur .slider{opacity: 1;}
.homepro .tabcon .item{position: relative;display: flex;height: 4.81rem;padding-bottom:0.2rem;align-items: center;cursor: pointer;}
.homepro .tabcon .item:after{content: "";left: 0;top: 0;width: 65%;height: 100%;z-index: 100;position: absolute;}
.homepro .tabcon .item a{width: 2.24rem;margin: 0.22rem 0;position: relative;}
.homepro .tabcon .item a:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url(/uploads/image/crimages/probg.jpg);}
.homepro .tabcon .item .imgbox{z-index: 2;width: 55%;padding-top: 4.02rem;}
.homepro .tabcon .item .imgbox img{transition: all 0.6s;}
.homepro .tabcon .item .info{z-index: 2;width: 45%;color: #fffae2;display: flex;align-items: center;justify-content: center;}
.homepro .tabcon .item .info h3{font-size: 0.26rem;line-height: 1.5;width: 2.08vw;position: relative;font-weight: normal;text-align: center;}
.homepro .tabcon .item .info h3:before{position: absolute;content: "";width: 0.3rem;height: 0.3rem;left: 50%;top: -0.42rem;transform: translatex(-50%);background: url(/uploads/image/crimages/dot1.png) no-repeat;background-size: contain;transition: all 0.3s;}
.homepro .tabcon .item .info aside{font-size: 0.26rem;line-height: 1.5;margin-bottom: 1.6vw;}
.homepro .tabcon .item .info .desc{text-align: right;font-size: 1.04vw;margin-bottom: 1.77vw;position: relative;}
.homepro .tabcon .item .info .desc:before{content: "";display: inline-block;vertical-align: middle;width: 0.76rem;height: 2px;margin-right: 7px;background:  center center no-repeat;}
.homepro .tabcon .item .info .txt{line-height: 1.71;margin-bottom: 1.6vw;letter-spacing: 0.1em;}
.homepro .tabcon .item .info .txt p{margin-bottom: 1.3vw;}
.homepro .tabcon .item:hover .info h3:before{transform: translatex(-50%) scale(1.2);}
.homepro .tabcon .item:hover .imgbox img{-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03);}
/* .homepro .tabcon .slick-cloned.slick-current{opacity: 0;} */

.homepro .morebtn{line-height: 0.52rem;width: 1.75rem;margin-bottom: 0.5vw;}

.homepro .tabcon .item .inner{display: none;}

.homepro .tabcon .active div div .item{justify-content: end;}
.homepro .tabcon .active div div .item:after{left: auto;right: 0;}

.homepro .tabcon .center a{width: 8.3rem;left: 50%;transform: translatex(-50%);position: absolute;z-index: 10;background: transparent;margin: 0;}
.homepro .tabcon .center .inner{display: block;}
.homepro .tabcon .center .item:after{display: none;}
.homepro .tabcon .center .imgbox{width: 33%;padding-top:4.61rem;box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.homepro .tabcon .center .info{width: 58.61%;margin-right: 3%;}
.homepro .tabcon .center .outtit{display: none;}
.homepro .tabcon .center .info h3{width: auto;padding-left: 0.53rem;margin-bottom: 1.1vw;text-align: left;
	animation:fadeindownsmall 0.5s .3s ease both;-webkit-animation:fadeindownsmall 0.5s .3s ease both;-moz-animation:fadeindownsmall 0.5s .3s ease both;}
.homepro .tabcon .center .info h3:before{top: 50%;transform:translate(0,-50%);left: 0;}
.homepro .tabcon .center:hover .info h3:before{transform: translate(0,-50%) scale(1.2);}
.homepro .tabcon .center a:after{height: calc(100% - 0.58rem);box-shadow: 0 5px 10px rgba(168,24,44,0.3);top: 0.29rem;}
.homepro .tabcon .center h3{animation:fadeindownsmall 0.4s .3s ease both;-webkit-animation:fadeindownsmall 0.4s .3s ease both;-moz-animation:fadeindownsmall 0.4s .3s ease both;}
.homepro .tabcon .center .keyword{animation:fadeindownsmall 0.5s .3s ease both;-webkit-animation:fadeindownsmall 0.5s .3s ease both;-moz-animation:fadeindownsmall 0.5s .3s ease both;}
.homepro .tabcon .center .txt{animation:fadeindownsmall 0.5s .4s ease both;-webkit-animation:fadeindownsmall 0.5s .4s ease both;-moz-animation:fadeindownsmall 0.5s .4s ease both;}
.homepro .tabcon .center .morebtn{animation:fadeindownsmall 0.5s .5s ease both;-webkit-animation:fadeindownsmall 0.5s .5s ease both;-moz-animation:fadeindownsmall 0.5s .5s ease both;}

.homepro .mores{text-align: center;width: 1.72rem;line-height: 0.84rem;font-size: 0.22rem;color: #fff;display: block;margin: 0 auto 0;position: relative;overflow: hidden;border-radius: 50% / 50%;}
.homepro .mores span{position: relative;z-index: 2;}
.homepro .mores:after{background: #a8182c;width: 100%;height:100%;left: 0;top: 0;border-radius: 50% / 50%;content: "";position: absolute;}
.homepro .mores:before{background: #f08c2c;width: 100%;height:100%;left: 0;bottom: -100%;border-radius: 50% / 50%;content: "";position: absolute;transition: all 0.3s;z-index: 1;}
.homepro .mores:hover:before{bottom: 0;}
.homepro .owl-carousel .owl-dots.disabled,
.homepro  .owl-carousel .owl-nav.disabled,
{display: block !important;}
@media(max-width:1024px){
	.homepro .tabcon .center a{width: 100%;}
    
}
@media(min-width:1025px){
	.homepro .tabcon .item a{transition: all 0.5s;}
}
@media(max-width:1024px){
	.homepro .tabnav li a{display: none;}
	.homepro .tabcon .slider{transition: all 0s;}
}
@media(max-width:640px){
	.homepro .tabcon .item .info .txt{overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/* -webkit-line-clamp: 3; */line-height: 24px;height: 72px;overflow-y: auto;}
	.homepro .tabnav li p{display: none;}
	.homepro .tabcon .item .info h3{font-size: 16px;}
	.homepro .tabcon .item .info .txt{font-size: 14px;}
	.homepro .tabcon .center .imgbox{box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
}


.homewelfare .hometit{margin-top: 1.5rem;}
.homewelfare .slogan{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;background: #a8182c;}
.homewelfare .slogan .content{height: 7vw ;line-height: 1.96;font-weight: bold;}
.homewelfare  .slick-dots li button{background:#c7c7c7}
.homewelfare .slogan .content .logo {display: none;}
.homewelfare .slogan .content .logo img{height: 0.82rem;margin-right: 0.78rem;}
.homewelfare .slogan .content p span{margin-left: 0.78rem;}
.homewelfare .slogan span:nth-child(2){margin-left: 0.78rem;display: block;}
.homewelfare .inner{position: relative;z-index: 100;}
.homewelfare .info{width: 35%;float: left;line-height: 2.4vw;letter-spacing: 0.18em;}
.homewelfare .imgbox{width: 60%;float: right;padding-top: 34.5vw;}
.homewelfare .slick-arrow{top: auto;transform: translatey(0);bottom: 30px;border-radius: 0;border:0;background-color: rgba(255,255,255,0.3);width: 0.46rem;height: 0.46rem;line-height:0.46rem;color: #333;}
.homewelfare .slick-arrow:hover{background-color: #a8182c;}
.homewelfare .slick-prev{left: auto;right: 0.97rem;}
.homewelfare .slick-next{right: 0.39rem;}
.homewelfare .slick-dots{width: 60%;left:auto;right: 0;bottom: 15px;}
.homewelfare .slick-dots li{margin: 0 8px !important;width: 11px !important;height: 11px !important;}
.homewelfare .shadow{right: 0;bottom: 0;width: 60%;height: 35.52vw;box-shadow: 0 15px 30px rgba(0,0,0,0.3);position: absolute;background: #fff;}
.homewelfare .slick-current .info{animation:fadeindown 0.5s .3s ease both;-webkit-animation:fadeindown 0.5s .3s ease both;-moz-animation:fadeindown 0.5s .3s ease both;}
.homewelfare .slick-current .imgbox{animation:fadeinright 0.5s .2s ease both;-webkit-animation:fadeinright 0.5s .2s ease both;-moz-animation:fadeinright 0.5s .2s ease both;}

@media(max-width:1024px){
	.homewelfare .info{float: none;width: 100%;padding: 0 0 0.5rem;}
	.homewelfare .imgbox{float: none;width: 100%;box-shadow: 0 15px 30px rgba(0,0,0,0.3);padding-top: 64%;margin-bottom: 0.5rem;}
	.homewelfare .shadow{display: none;}
	.homewelfare .slogan{position: static;}
	.homewelfare .slogan .content{height: auto;padding: 0.3rem 0;justify-content: center;}
	.homewelfare .slick-dots{bottom: 0.85rem;width: 100%;}
	.homewelfare .slick-arrow{bottom: 0.8rem;}
}
@media(max-width:640px){
	.hometit .line{width: 4.8rem;margin-left: -2.4rem;}
	.homewelfare .info{line-height: 24px;}
}