@import url(/uploads/css/crcss/common.css);

.homecss{padding-top: 0;}
.homecss .header{background:transparent;}
.homecss .mainnav span a,.homecss .header .ver dt{color:#fff;}
.homecss .mainnav li:hover span a,.homecss .mainnav li.onnav span a{color:#fff;}
.homecss .header.fixed2 .mainnav li:hover span a,
.homecss .header.fixed2 .mainnav li.onnav span a,
.homecss .header.on .mainnav li:hover span a,
.homecss .header.on .mainnav li.onnav span a{color:#17ab9f !important;}
.homecss .header.on .mainnav span a{color:#333;}
.homecss .mainnav span a:after{background: #fff;}
.homecss .header.on .mainnav li:hover span a:after,
.homecss .header.on .mainnav li.onnav span a:after{background:#0e7155 !important;}
.homecss .openbtn i{background: #fff;}
.homecss .header .logo .color{display: none;}
.homecss .header .logo .white{display: block;}

/*第一屏 s*/
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;width:32px; position:absolute; bottom:48px; left:50%;margin-left:655px; z-index:999; text-align:center;cursor: pointer;overflow: hidden;line-height: 18px;font-size: 14px;}
.downarr span{display: block;height: 32px;position: relative;width: 19px;margin:0px auto;border-radius: 10px;border:2px solid #fff;}
.downarr span:after{position: absolute;left: 50%;top: 8px;width: 2px;content: "";background:#fff;margin-left: -1px;height: 6px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
.downarr .iconxjt{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 20px;position: relative;margin-top: -100px;}
@keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.2rem; opacity:1;}
100% { top:0.4rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}

@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}

.homeban{position: relative; z-index: 1; overflow:hidden;background:url(/uploads/image/crimages/loading.gif) 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%;object-fit: cover;background: url(/uploads/image/crimages/banner.jpg) no-repeat center/cover;}
.homeban .icongb{position: absolute;color:#fff;background:rgba(255,255,255,0.8);color:#333;width: 0.7rem;height: 0.7rem;line-height: 0.75rem;text-align: center;text-align: center;z-index: 10;right: 0;}
.homeban .iconbf{position: absolute;left: 50%;top: 50%;width: 0.8rem;height: 0.8rem;line-height: 0.85rem;border-radius: 50%;text-align: center;transform: translate(-50%,-50%);z-index: 100000;background:rgba(255,255,255,0.8);color:#333;font-size: 0.3rem;display: none;}
.homeban .imgbox{position: absolute;left: -2.5%;top: -2.5%;width: 105%;height: 105%;}
.homeban .item:nth-child(3) .info{top: 30%;}
.homeban .slick-arrow{border:0;border-radius: 0;background-color: transparent !important;}
.homeban .slick-prev{background-image: url(/uploads/image/criico/arrleft.svg);}
.homeban .slick-next{background-image: url(/uploads/image/criico/arrright.svg);}
.homeban:hover .slick-prev{left: 3%;}
.homeban:hover .slick-next{right: 3%;}

.homeban .slick-dots {bottom: 0.64rem;}
.homeban .slick-dots li{width: 0.4rem;height: 0.4rem;position: relative;}
.homeban .slick-dots li:after{width: 0;height: 0;left: 50%;top: 50%;content: "";position: absolute;background: url(/uploads/image/crimages/yuan.png) center center no-repeat;background-size: contain;transition: all 0.3s;}
.homeban .slick-dots .slick-active:after{animation: turn 3s linear infinite;left: 0;top: 0;width: 100%;height: 100%;}

.home_video_box{ position: absolute; width: 100%; height: 100%; top: 0; z-index: 40;}
.home_video_box video{ width: 100%; height: 100%; position: absolute; object-fit: fill}
.home_video_box iframe{width: 100%!important; height: 100%!important; position: absolute;}
.home_video_box .close{ position: absolute; cursor: pointer;right: 2%; top: 2%; width: 40px; height: 40px;}

@media(max-width:1660px){
	.homeban .info{width: 90%;}
}
@media(max-width:1024px){
	.homeban .slick-arrow{display: none !important;}
	.homeban{margin-top: 50px;}
	.homeban,.homeban .item{height: 60vw;}
	.homeban .slick-dots{bottom: 0.2rem}
	.homecss .header{background: #17ab9f}
	.homeban .iconbf{display: block;}
}

.hometit{padding-bottom: 0.6rem;position: relative;}
.hometit h2{line-height: 0.79rem;font-size: 0.3rem;color:#17ab9f;display: inline-block;vertical-align: top;line-height: 2;text-align: center;padding-left: 0.51rem;position: relative;font-weight: normal;}
.hometit h2 span{font-size: 0.4rem;color:#999999;font-family: "rajdhanir";opacity: 0.5;z-index: -1;text-transform: uppercase;position: absolute;width: 100%;left: 0;bottom: 0;line-height: 1;background-image: linear-gradient(to bottom,#effaf9, #b3e4e0);background-clip: text;-webkit-background-clip: text;color:transparent;}
.hometit h2:after,.hometit h2:before{content: "";position: absolute;width: 0.08rem;height: 0.08rem;border-radius: 50%;top: 50%;left: 0;transform: translatey(-50%);background: #0f7aae;}
.hometit h2:before{left: 0.23rem;background: #17ab9f;}
.hometit .morebtn{position: absolute;right: 0;top: 0.15rem;}

.homeabout{min-height:8.8rem;position: relative;overflow: hidden;background:url(/uploads/image/crimages/aboutbg.jpg) center bottom no-repeat;background-size: cover;}
.homeabout .w1600{position: static;}
.homeabout .info{width: 42%;padding-top: 1.4rem;}
.homeabout .text h3{font-size: 0.36rem;line-height: 1;margin-bottom: 0.28rem;display: inline-block;vertical-align: top;position: relative;font-weight: normal;}
.homeabout .text h3:after{position: absolute;width: 0.44rem;height: 0.35rem;right: -0.74rem;top: 50%;transform: translatey(-50%);background: url(/uploads/image/crimages/kh.png) no-repeat;background-size: contain;content: "";}
.homeabout .text article{min-height: 2.5rem;padding-bottom: 0.3rem;font-size: 0.18rem;}
.homeabout .numlist{width: 47%;height: 95%;position: absolute;right: 0;top: 0;z-index: 10;}
.homeabout .numlist .line{height: 1px;background:rgba(23,171,159,0.2);width: 0.45rem;position: absolute;right: -0.9rem;top: 50%;}
.homeabout .numlist .line:after{width: 9px;height: 9px;border-radius: 50%;border:1px dashed rgba(23,171,159,0.5);top: 50%;left: -9px;margin-top: -4px;content: "";position: absolute;}
.homeabout .numlist .line:before{width: 3px;height: 3px;border-radius: 50%;top: 50%;left: -6px;margin-top: -1px;content: "";position: absolute;background:#17ab9f;}
.homeabout .numlist aside{font-size: 0.22rem;line-height: 1.4;color:#333333;position: relative;min-width: 1.5rem;}
.homeabout .numlist aside span{font-size: 0.48rem;font-family: "dinm";}
.homeabout .numlist aside sup{position: absolute;right: -0.25rem;top: 0.1rem;}
.homeabout .numlist li{position: absolute;text-align: right;color:#555555;z-index: 10;}
.homeabout .numlist li:nth-child(4){top: 14%;left:1.3rem;}
.homeabout .numlist li:nth-child(4){top: 14%;left:1.3rem;}
.homeabout .numlist li:nth-child(3){top: 34%;left:0.4rem;}
.homeabout .numlist li:nth-child(2){top: 54%;left:-0.5rem;}
.homeabout .numlist li:nth-child(1){top: 74%;left:-1.4rem;}
.homeabout .numlist li:hover aside span,.homeabout .numlist li:hover p{color:#17ab9f;}
.homeabout .mask {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 7;-webkit-mask-image: ;-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;}
.homeabout .imgbox {position: absolute;width: 100%;height: 100%;}
.homeabout .imgbox .shadow {position: absolute;left: 0;bottom: 0;width: 100%;height:100%;z-index: 10;display: none;}

@media(max-width:1660px){
	.homeabout .info{padding-top: 1rem;}
}

@media(max-width:1024px){
	.homeabout{min-height: auto;padding:0.8rem 0;}
	.homeabout .info {width: auto;padding: 0 0 0.3rem;}
	.homeabout .text article{min-height: auto;margin-bottom: 0.2rem;}
	.homeabout .numlist {width: auto;position: static;}
	.homeabout .numlist ul{display: flex;justify-content: space-between;}
	.homeabout .numlist li{position: static;}
	.homeabout .imgbox{display: none;}
}
@media(max-width:640px){
	.hometit{padding-bottom: 0.25rem;}
	.hometit h2{font-size: 20px;line-height: 1.6;}
	.homeabout .text h3{font-size: 18px;}

	.homeabout .numlist ul{flex-wrap: wrap;}
	.homeabout .numlist aside{display: inline-block;min-width: auto;font-size: 24px;}
	.homeabout .numlist aside sup{top: 0;right: -0.35rem;font-size: 14px;}
	.homeabout .numlist li{width: 50%;text-align: center;}
	.homeabout .text article{font-size: 14px;}
}

.homepro{background:url(/uploads/image/crimages/proboxbg.jpg) 0px top no-repeat;background-size: cover;overflow: hidden;}
.homepro .hometit{float: left;}
.homepro .tabnav{float: right;padding-bottom: 9px;border-bottom: 1px solid #ebf2f1;display: flex;justify-content: space-between;position: relative;z-index: 10;}
.homepro .tabnav .icon img{display: block;height: 0.45rem;margin: 0px auto 5px;}
.homepro .tabnav li{cursor: pointer;transition: all 0.3s;}
.homepro .tabnav li:not(:last-child){margin-right: 0.5rem;}
.homepro .tabnav li p{margin: 0px auto;text-align: center;}
.homepro .tabnav li.on{color:#17ab9f;font-weight: bold;font-size: 0.2rem;}

.homepro .tabcon {clear: both;}
.prolist .slider{margin: 0 -0.17rem 0 -0.18rem;padding-bottom: 0.67rem;}
.prolist .item{padding:0 0.17rem 0.35rem 0.18rem;width: 33.333%;float: left;}
.prolist .item a{display: block;border-radius: 0.2rem;background:url(/uploads/image/crimages/probg.jpg) center center no-repeat;background-size: cover;position: relative;overflow: hidden;min-height: 4.07rem;}
.prolist .item a:hover{background:url(/uploads/image/crimages/probg4.jpg) center top no-repeat;background-size: cover;}
.prolist .item .imgbox{padding-top: 59%;position: absolute;top: 0;left: 0.45rem;width: calc(100% - 0.9rem);transition: all 0.5s;}
.prolist .item .imgbox img{object-fit: contain;}
.prolist .item .info{padding:0 0.45rem;position: absolute;z-index: 10;left: 0;bottom:0;width: 100%;transition: all 0.5s;height: 1.07rem;}
.prolist .item .info .desc{height: 30px;}
.prolist .item .blank{height: 1.07rem;transition: all 0.3s;}
.prolist .item .ti{border-top: 1px solid rgba(153,153,153,0.1);line-height: 1.07rem;font-size: 0.2rem;padding-right: 0.3rem;position: relative;}
.prolist .item .ti:after{content: "";position: absolute;right: 0;top: 50%;background: url(/uploads/image/criico/more.png);width: 15px;height: 9px;margin-top:-4px;transition: all 0.3s;}
.prolist .item:hover a{color:#fff;}
.prolist .item:hover .blank{height: 0;}
.prolist .item:hover .info{color:#fff;height: 100%;}
.prolist .item:hover .ti{border-top: 0;}
.prolist .item:hover .ti:after{display: none;}
.prolist .item:hover .desc{margin:7px 0 26px;}
.prolist .item:hover .morebtn{color:#fff;}
.prolist .item:hover .imgbox{padding-top: 48.5%;top: 36%;}
.prolist .item .morebtn i{border: 1px solid #fff !important;background-color: transparent !important;}
.prolist .item .morebtn i:after{width: 4px !important;height: 4px !important;background:#fff;top: 1px !important;right: 9px !important;}
.prolist.sub{padding-bottom: 0.15rem;}
.prolist.sub .slider{padding-bottom: 0;}
.prolist .slick-dots{bottom:0.29rem;width: 1rem;left: 50%;height: 1px;background:#ddf3f1;transform: translatex(-50%);text-align: left;line-height: 1px;}
.prolist .slick-dots li{width: auto;height: 1px;margin: 0;vertical-align: top;}
.prolist .slick-dots li button{width: 0;transition: all 0.3s;border-radius: 0;background: #17ab9f;height: 1px;position: static;transform: translate(0,0);}
.prolist .slick-dots .slick-active button{width: 20px;}
.prolist .slick-arrow{top: auto;transform: translatey(0);bottom: 0;}
.prolist .slick-prev{left: 50%;margin-left: -1.35rem;}
.prolist .slick-next{left: 50%;margin-left: 0.75rem;}

@media(max-width:1024px){
	.homepro .hometit{float: none;}
	.homepro .tabnav{float: none;width: auto;margin-bottom: 0.25rem;display: block;overflow-x: auto;white-space: nowrap;}
	.homepro .tabnav li p{width: auto;}
	.homepro .tabnav li{display: inline-block;}
	.prolist .slick-dots{bottom: 15px;}
	.prolist .slick-prev{margin-left: -1.1rem;}
	.prolist .item a{min-height: 2.8rem;}
}
@media(min-width:768px){
	.prolist.sub .item:nth-child(3n 1){clear: both;}
	.homepro .tabnav li{font-size: 0.2rem}
}
@media(max-width:767px){
	.prolist .item{width: 50%;}
	.prolist.sub .item:nth-child(2n 1){clear: both;}
}
@media(max-width:640px){
	.homepro .tabnav li p{line-height: 20px;font-size: 0.2rem}
	.homepro .tabnav .icon img{height: 24px;}
	.homepro .tabcon .item .ti{height: 50px;font-size: 15px;}
	.homepro .tabnav li.on p{font-size: 14px;}
	.prolist .item a{min-height: 5.5rem;}
	.prolist .item .ti{font-size: 15px;}
}
@media(max-width:480px){
	.prolist.sub .item{width: auto;float: none;}
	.prolist .item:hover .info{padding-top: 0.2rem;}
	.prolist .item:hover .desc{margin:-6px 0 10px;}
}

.homenews{background:#edfaf9;overflow: hidden;position: relative;}
.homenews .bg{width: 105%;height: 105%;left: -2.5%;top: -2.5%;position: absolute;background: url(/uploads/image/crimages/newsbg.jpg);background-size:cover;}
.homenews .content{background: #fff;border-radius: 0.25rem;box-shadow: 2px 20px 13px rgba(0,0,0,0.05);padding:15px 0.6rem 0.6rem 0.6rem;}
.homenews .list{width: 52.02%;float: left;}
.homenews .list li{border-bottom: 1px solid #b8e6e2;display: flex;height: 1.17rem;align-items: center;justify-content: space-between;}
.homenews .list li .tag,.homenews .list li .tag2{width: 98px;text-align: center;line-height: 32px;font-size: 0.18rem;color:#17ab9f;border-radius: 8px;border:2px solid #17ab9f;}
.homenews .list li .tag:hover{background:#17ab9f;color:#fff;}
.homenews .list li .tag2{border: 2px solid #0f7aae;color:#0f7aae;}
.homenews .list li .tag2:hover{background:#0f7aae;color:#fff;}
.homenews .list li .date{text-align: right;width: 120px;font-family: "rajdhanir";}
.homenews .list li .date:after{display: inline-block;width: 15px;height: 9px;background:url(/uploads/image/criico/more.png);content: "";margin-left: 0.25rem;transition: all 0.3s;}
.homenews .list li:hover .date:after{margin-left: 0.1rem;}
.homenews .list li .ti{line-height: 0.26rem;font-size: 0.18rem;padding:0 0.3rem;flex: 1;}
.homenews .top{width: 42.56%;float: right;padding-top: 0.55rem;}
.homenews .top .imgbox{padding-top: 4rem;border-radius: 10px;}
.homenews .top .date{width: 1.49rem;padding: 0.09rem 0 0.08rem 0.4rem;position: absolute;bottom: 0.3rem;left: 0;background-image: linear-gradient(to right, rgba(25,167,156,0.2) , rgba(25,167,156,1));font-size: 0.18rem;line-height: 22px;color:#fff;border-radius:0 35px 35px 0;z-index: 10;}
.homenews .top .date em{display:block;font-size: 0.3rem;line-height: 29px;}
.homenews .top .ti{margin: 0.29rem 0 0.18rem;font-size: 0.22rem;}
.homenews .top .desc{line-height: 0.26rem;color:#555555;}

@media(max-width:1024px){
	.homenews .content{padding:0.3rem;}
	.homenews .top{width: auto;float: none;padding-top: 0;}
	.homenews .list{width: auto;float: none;}
	.homenews .top .imgbox{padding-top: 64%;}
}
@media(max-width:640px){
	.homenews .top .ti{font-size: 15px;}
	.homenews .top .desc{line-height: 24px;margin-bottom: 10px;}
	.homenews .list li .ti{font-size: 14px;line-height: 24px;}
	.homenews .list li .tag, .homenews .list li .tag2{width: 55px;font-size: 12px;}
	.homenews .list li .date {width: 68px;}
	.homenews .list li{height: 60px;}
}

.homeedu{overflow: hidden;background:url(/uploads/image/crimages/edubg.jpg) center top no-repeat;background-size:cover;}
.homeedu .videobox{width: 30.5%;float: left;background:#f5faf9;min-height: 5.6rem;}
.homeedu .videobox .imgbox{padding-top: 3.3rem;}
.homeedu .videobox .video{position: relative;}
.homeedu .videobox .play{position: absolute;z-index: 3;left: 50%;top: 50%;width: 0.65rem;height: 0.65rem;line-height: 0.65rem;text-align: center;background:rgba(255,255,255,0.8);color:#17ab9f;border-radius: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.homeedu .videobox .info{padding:0.42rem 0.4rem 0;}
.homeedu .videobox .colti{margin-bottom: 0.48rem;}
.homeedu .videobox .ti{font-size: 0.24rem;margin-bottom: 0.12rem;}
.homeedu .videobox .date{font-size: 0.18rem;color:#999999;}
.homeedu .videobox .date span{margin-right: 0.43rem;}
.homeedu .videobox .date span i{margin-right: 6px;}
.homeedu .col{width: 31%;float: left;margin-left: 3.75%;background:#f5faf9;padding:0.4rem 0.5rem 0;min-height: 5.6rem;}
.homeedu .colti{margin-bottom: 0.07rem;min-width: 112px;line-height: 33px;border-radius: 7px;border:2px solid #17ab9f;color:#17ab9f;text-align: center;font-size: 18px;font-weight: normal;display: inline-block;vertical-align: top;}
.homeedu .colti a{display: block;color:#17ab9f;padding:0 10px;}
.homeedu .colti a:hover{background:#17ab9f;color:#fff;}
.homeedu .item{border-bottom: 1px solid #dce6e5;padding:0.32rem 0 0.3rem;}
.homeedu .item:last-child{border-bottom: 0px;padding-bottom: 0;}
.homeedu .item .ti{margin-bottom: 0.14rem;font-size: 0.2rem;position: relative;padding-right: 80px;}
.homeedu .item .date{position: absolute;right: 0;top: 0;color:#999999;font-size: 0.18rem;}
.homeedu .item .desc{color:#555555;line-height: 0.24rem;}

@media(max-width:1024px){
	.homeedu .videobox{width: auto;float: none;min-height: auto;}
	.homeedu .videobox .imgbox{padding-top: 64%;}
	.homeedu .col{min-height: auto;float: none;width: auto;padding:0.3rem;margin: 0.25rem 0 0 0;}
	.homeedu .videobox .info{padding:0.3rem;}
}
@media(max-width:640px){
	.homeedu .videobox .colti{margin-bottom: 0.25rem;font-size: 16px;line-height: 28px;}
	.homeedu .videobox .ti,.homeedu .item .ti{font-size: 15px;}
	.homeedu .item .date,.homeedu .videobox .date{font-size: 14px;}
	.homeedu .item .desc{line-height: 24px;}
}


/*栏目页公用样式 s*/
.subpage{position: relative;background:#fff;z-index: 1;overflow: hidden;height: auto !important;height: 300px;min-height: 300px;}
.subpage.bg,.subpage.bg .submenu{background:#f3fbfb;}

.subban{position: relative;overflow: hidden;}
.subban .w1600{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color:#fff;text-align: center;}
.subban h2{font-size: 0.4rem;line-height: 1.8;font-weight: normal;}
.subban .tdesc{letter-spacing: 0.08em;}
.subban .img img{width: 100%;transform: scale(1.1);transition: all 5s;}
.subban.on .img img{transform: scale(1);}

.submenu{line-height: 0.8rem;border-bottom:1px solid #ededed;margin-bottom: 1rem;background:#fff;}
.submenu ul{float: left;}
.submenu li{position: relative;margin-right: 0.2rem;float: left;}
.submenu li a{ display:block; color:#666666;position: relative;z-index: 1;padding:0 0.39rem;}
.submenu li:after{content: "";position:absolute;left: 50%;bottom: 0%;width: 0;background:#17ab9f;transition: all 0.3s;height: 100%;}
.submenu li a:hover,.submenu li.onli a{ color:#fff;}
.submenu li:hover:after,.submenu li.onli:after{width: 100%;left: 0;}

.colname{font-family: "harmmedium"; background:#5b4c3a; color:#fff;display:none; position:relative; z-index:100; line-height:36px;padding-left: 12px;font-size: 15px;}
.colname .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}

.place{float: right;color:#999999;font-size: 14px;}
.place .iconsy{font-size: 18px;line-height: 18px;margin: -3px 8px 0 0;}
.place a{color:#999999;margin-right: 21px;position: relative;}
.place a:after{position: absolute;right: -10px;top: 50%;width: 2px;height: 2px;margin-top: -1px;background:#d3d3d3;content: "";}
.place a:hover,.place span{color:#17ab9f;}

.singlepage{ word-wrap:break-word;word-break:normal;text-align:justify;color:#666666;}
.singlepage video{display: block;margin: 0px auto;}
.singlepage table{width: 100% !important;}
.singlepage table td{padding: 4px !important;}

@media(max-width:767px){
	.subban h2{font-size: 20px;}
	.subban .tdesc{letter-spacing: 0;}
	.singlepage{line-height: 24px !important;}

	.submenu{margin-bottom: 0.4rem;}
	.submenu ul{float: none;display: flex;justify-content: space-around;}
	.submenu li a{padding: 0;text-align: center;}
	.submenu li{margin-right: 0;flex: 1;}
}
/*栏目页公用样式 end*/

/* 新闻中心 */
.newslist{padding-bottom: 0.2rem;}
.newslist .item{margin-bottom: 0.4rem;box-shadow: 2px 20px 10px rgba(0,0,0,0.03);display: flex;justify-content: space-between;}
.newslist .item a{display: flex;justify-content: space-between;}
.newslist .item:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.08);}
.newslist .hot{left: 0.3rem;top: 0.3rem;z-index: 2;position: absolute;color:#fff;text-transform: uppercase;font-size: 14px;background:#17ab9f;padding:0 12px;line-height: 28px;border-radius: 14px;}
.newslist .imgbox{padding-top: 2.6rem;width: 4.3rem;}
.newslist .info{padding:0 0 0 0.59rem;flex: 1;}
.newslist .ti{font-size: 0.22rem;margin-bottom: 0.21rem;font-weight: bold;}
.newslist .desc{color:#555555;margin-bottom: 0.24rem;}
.newslist .date{width: 2.62rem;padding:0.5rem 0 1rem 1.4rem;}
.newslist .date:before{display: block;content: "";width: 28px;height: 13px;border-top: 1px solid #535353;border-top: 1px solid #535353;}
.newslist .date span{line-height: 0.64rem;font-size: 0.55rem;display: block;}

.newslist.edu .imgbox{padding-top: 3.38rem;width: 5.08rem;}
.newslist.edu .desc{margin-bottom: 0.55rem;}
.newslist.edu .date{padding-bottom: 1.1rem;}

.newsinfo{background:#fff;padding:0.53rem 2rem 0.84rem;}
.titleinfo{text-align: center;border-bottom: 1px solid #e4e4e4;margin-bottom: 0.49rem;padding-bottom: 0.31rem;}
.titleinfo h1{font-size: 0.32rem;line-height:1.25;margin-bottom:0.08rem;font-weight: normal;color:#000000;}
.titleinfo ul {position: relative;padding-bottom: 0.17rem;}
.titleinfo ul li{display: inline-block;padding:0 0.26rem;color:#666666;}
.titleinfo .iconfont{font-size: 18px;margin:-3px 5px 0 0;}
.bshare-custom{display: inline-block;vertical-align: middle;margin: -2px 0 0 0.1rem;}
.bshare-custom .bshare-more.more-style-addthis{background:transparent !important;padding-left: 0 !important;height: 22px !important;}

.prevnextinfo{padding: 0.38rem 2.2rem 0 0;margin-top: 0.55rem;border-top: 1px solid #eeeeee;position: relative;}
.prevnextinfo dl{position: relative;padding-left: 75px;min-height: 40px;line-height: 40px;}
.prevnextinfo dl dt{position: absolute;left: 0;top: 0;color:#17ab9f;}
.prevnextinfo .back{position: absolute;right: 0;top: 0.58rem;text-align: center;color:#fff;width: 1.46rem;line-height: 0.4rem;border:1px solid #17ab9f;color:#17ab9f;border-radius: 20px;}
.prevnextinfo .back:before{display: inline-block;vertical-align: middle;width: 15px;height: 9px;background:url(/uploads/image/criico/more.png);margin-right: 9px;content: "";}
.prevnextinfo .back:hover{background:#17ab9f;color:#fff;}
.prevnextinfo .back:hover:before{background:url(/uploads/image/criico/more01.png);}

.videolist{margin: 0 0 1% -2.2%;display: inline-block;width: 100%;}
.videolist .item{width: 33.333%;float: left;padding:0 0 2.2% 2.2%;}
.videolist .item a{display: block;position: relative;box-shadow: 2px 10px 20px rgba(0,0,0,0.03);}
.videolist .imgbox{padding-top: 56.29%;}
.videolist .imgbox:after{content: "";z-index: 1;bottom: 0;width: 100%;height: 60%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 100%, rgba(0,0,0,0) 100%);position: absolute;left: 0;}
.videolist .play{position: absolute;z-index: 2;left: 0.3rem;bottom: 0.2rem;width: 56px;line-height: 30px;text-align: center;border:1px solid rgba(255,255,255,0.8);background:rgba(0,0,0,0.8);color:#fff;border-radius: 20px;}
.videolist .play i{font-size: 19px;}
.videolist .info{padding:0 0.3rem;height: 80px;}
.videolist .info .time{color:#999999;text-align: right;padding-left: 15px;}
.videolist .item:hover a{box-shadow: 4px 10px 20px rgba(0,0,0,0.08);}
.videolist .item:hover .play{color:#17ab9f;border:1px solid #17ab9f;}

.popbox{width: 14rem;margin:0.5rem auto;background:#fff;height: calc(100% - 1rem);position: fixed;top:0;left:50%;margin-left:-7.2rem;transition: all 0.3s;}
.popbox .load-info{position: absolute;padding:0.78rem 0.78rem 0.5rem;width: 100%;height: 100%;overflow-y: auto;}
.popbox .load-info video{width: 100%;height: auto;object-fit: cover;background: #000;}
.popbox .mfp-close{font-size: 0.45rem !important;position: fixed;right:-0.2rem !important;top: -0.2rem !important;border-radius: 50%;background:#666;color:#fff !important;opacity: 1;}
.popbox .info{text-align: center;padding:0.25rem 0 0 0;line-height: 24px;color:#555555;}
.popbox .info .ti{font-size: 20px;line-height: 30px;margin-bottom: 9px;color:#333333;}
.popbox.video{width: 1000px;height: calc(100% - 0.4rem);margin: 0.2rem auto;margin-left: -500px;}
.popbox.video .load-info{padding: 0.5rem;}

@media(max-width:1024px){
	.newslist .date{width: 120px;padding-left: 0.4rem;}
	.newslist .info{padding-left: 0.4rem;}

	.newsinfo{padding:0.5rem 0.35rem;}
	.newsinfo .singlepage img{width: 100% !important;height: auto !important;margin: 0.2rem 0 !important;display: block;}

	.popbox {width: 94% !important;left: 3% !important;margin-left: 0;}
}
@media(max-width:767px){
	.newslist .item a{display: block;}
	.newslist .imgbox{width: auto !important;height: auto !important;display: block;padding-top: 64% !important;}
	.newslist .item{position: relative;padding-bottom: 55px;}
	.newslist .info{padding:0.25rem 0 0;display: block;}
	.newslist .date{padding:0.25rem 0 0 !important;display: block;position: absolute;left: 0;bottom: 15px;}
	.newslist .date span{display: inline-block;vertical-align: bottom;font-size: 30px;line-height: 30px;margin-left: 10px;}
	.newslist .desc{margin-bottom: 10px !important;}
	.newslist .morebtn{position: absolute;right: 0;bottom: 15px;}
	.newslist .date:before{height: 2px;}
	.newslist .ti{font-size: 16px;margin-bottom: 6px;}

	.titleinfo{padding-bottom: 0.1rem;}
	.titleinfo ul li{padding:0 0.1rem;}
	.titleinfo h1{font-size: 20px;}
	.prevnextinfo{padding-right: 0;margin-top: 50px;}
	.prevnextinfo dl{min-height: 30px;line-height: 30px;}
	.prevnextinfo .back{width: 100px;line-height: 28px;top: -35px;}

	.popbox .title{font-size: 18px;line-height: 30px;}

	.videolist .item{width: 50%;}
}
@media(max-width:480px){
	.videolist{padding-bottom: 20px;}
	.videolist .item{width: auto;float: none;}
	.videolist .info {height: auto;}
	.videolist .info .ti{font-size: 14px;padding:10px;}
}

/* 联系我们 */
.subtit{line-height: 0.85rem;font-size: 0.4rem;padding-bottom: 0.3rem;position: relative;font-weight: normal;}
.subtit.before{padding-top: 0.35rem;}
.subtit.before:before{position: absolute;left:-0.6rem;bottom: 0.3rem;width: 1.2rem;height: 1.2rem;content: "";background:#f3fbfb;z-index: -1;}
.contactus{width: 35%;float: left;padding-left: 0.6rem;}
.contactus .title{font-size: 0.2rem;margin: 0 0 0.17rem 0;}
.contactus p{min-height: 0.3rem;position: relative;padding-left: 25px;}
.contactus p img{position: absolute;left: 0;top: 9px;width: 13px;height: 13px;}
.contactmap{width: 62.5%;float: right;}
#ditucontent{height: 4rem;}
#ditucontent .info{display: flex;}
#ditucontent .logo{width: 111px;border-right: 1px solid #ededed;}
#ditucontent .logo img{height: 42px;}
#ditucontent .txt{padding-left: 22px;line-height: 24px;width: 227px;}

.messagebox{background:#f3fbfb;}
.messagebox .imgbox{width: 53.4%;float: left;}
.messagebox .form{width: 41.25%;float: right;}
.messagebox .form .subtit{line-height: 1;}
.messagebox .form .item{margin-top: 0.2rem;background:#fff;box-shadow: 2px 5px 5px rgba(0,0,0,0.02);padding:0 0 0 0.28rem;}
.messagebox .form .item:hover{box-shadow: 4px 20px 8px rgba(0,0,0,0.04);}
.messagebox .form input{height: 0.66rem;line-height: 0.66rem;width: 100%;}
.messagebox .form .item textarea{height: 1.5rem;line-height: 0.3rem;width: 100%;padding-top: 0.2rem;}
.messagebox .form .yzmbox{margin-top: 0.2rem;}
.messagebox .form .yzm{background: #fff;margin-right: 10px;padding:0 0 0 0.28rem;box-shadow: 2px 5px 5px rgba(0,0,0,0.02);flex: 1;display: flex;align-items: center;justify-content: center;}
.messagebox .form .yzm input{flex: 1;}
.messagebox .form .yzm .img{width: 145px;text-align: center;position: relative;}
.messagebox .form .yzm .img:after{position: absolute;left: 0;top: 50%;height: 34px;transform: translatey(-50%);content: "";width: 1px;background: #ededed;}
.messagebox .form .yzm .img img{width: 90px;height: 34px;}
.messagebox .form .sendbtn{width: 1.8rem;height: 0.66rem;color:#fff;background:#17ab9f;}
.messagebox .form .sendbtn:hover{background:#0e9e92;}

@media(max-width:1024px){
	.messagebox .imgbox{display: none;}
	.messagebox .form{width: auto;float: none;}
}
@media(max-width:768px){
	.contactus{width: auto;float: none;padding-bottom: 0.3rem;}
	.contactmap{width: auto;float: none;}
	.contactus .title{font-size: 16px;}
	#ditucontent .info{display: block;}
	#ditucontent .logo{width: auto;border-right: 0;}
	#ditucontent .txt{padding:10px 0 0 0;}
	#ditucontent{height: 300px;}
	.messagebox .form .yzm .img img{width: 70px;height: 26px;}
	.messagebox .form .yzm .img {width: 85px;}
	.messagebox .form input{height: 35px;line-height: 35px;}
}

/* 加入我们 */
.joininfo .info{width: 52.5%;padding:0 0 0 0.6rem;color:#666666;}
.joininfo .info .solgan{font-size: 0.24rem;margin:0.15rem 0 0.29rem;position: relative;display: inline-block;vertical-align: top;padding-right: 0.5rem;}
.joininfo .info .solgan:after{position: absolute;right: 0;top: 5px;width: 0.44rem;height: 0.35rem;background: url(/uploads/image/crimages/kh.png) center center no-repeat;background-size:contain;content: "";}
.joininfo .info .txt{max-height: 1.5rem;overflow-y: auto;margin-right: 0.5rem;}
.joininfo .info p{position: relative;padding-left: 17px;}
.joininfo .info p:after{position: absolute;left: 0;top: 0.12rem;width: 9px;height: 9px;background:url(/uploads/image/crimages/dot.png);content: "";}
.joininfo .imgbox{width: 47.5%;}
.joininfo .contact{padding-top: 0.4rem;display: flex;flex-wrap: wrap;}
.joininfo .contact dd{width: 50%;}
.joininfo .contact dd img{display: inline-block;vertical-align: middle;width: 13px;margin-right: 8px;}

.jobinfo{background:#f3fbfb;}
.jobinfo .list{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 0.3rem;}
.jobinfo .item{width: 49.06%;background:#fff;box-shadow: 5px 6px 30px rgba(81,159,199,0.1);margin-bottom: 0.3rem;padding:0.26rem 0 0 0;height: 3.02rem;position: relative;}
.jobinfo .item .tithead{border-bottom: 1px solid #eeeeee;line-height: 0.7rem;padding:0 0.42rem;position: relative;cursor: pointer;margin-bottom: 0.35rem;}
.jobinfo .item .tithead .ti{font-size: 0.24rem;}
.jobinfo .item .tithead .detail{position: absolute;right: 0.4rem;top: 0;color:#17ab9f;transition: all 0.3s;}
.jobinfo .item .tithead .detail i{font-size: 20px;margin:-2px 0 0 3px;}
.jobinfo .item .inner{height: 2.33rem;overflow: hidden;}
.jobinfo .item .desc{margin-bottom: 0.5rem;padding:0 0.4rem;}
.jobinfo .item .desc .sti{margin-bottom: 6px;}
.jobinfo .item .desc .sti:not(:first-child){margin-top: 0.26rem;}
.jobinfo .item .appbtn{width: 1.8rem;text-align: center;line-height: 0.48rem;border-radius: 0.3rem;border: 1px solid #17ab9f;color:#17ab9f;display: block;margin-left: 0.4rem;}
.jobinfo .item .appbtn i{margin-left: 10px;}
.jobinfo .item .appbtn:hover{color:#fff;background:#17ab9f;}
.jobinfo .item:hover .tithead .ti{color:#17ab9f;}
.jobinfo .item:hover .tithead .detail{transform: scale(1.1);}
.jobinfo .item.on {z-index: 10;height: auto;}
.jobinfo .item.on .inner {background:#fff;height: 6.34rem;z-index: 10;}
.jobinfo .item.on .desc {height: 3.68rem;overflow-y: auto;}
/* .jobinfo .item:nth-last-child(-n 2).on .inner{top: auto;top: 0rem;} */

@media(max-width:1024px){
	.joininfo .info{width: auto;display: block;padding-bottom: 0.3rem;}
	.joininfo .imgbox{width: auto;display: block;}
}
@media(max-width:767px){
	.joininfo .info .solgan{font-size: 16px;}
	.joininfo .contact dd{width: auto;}

	.jobinfo .list{display: block;}
	.jobinfo .item{width: auto;}
	.jobinfo .item .tithead{line-height: 40px;margin-bottom: 15px;}
	.jobinfo .item .tithead .ti{font-size: 18px}
	.jobinfo .item .inner{height:201px;}
	.jobinfo .item.on .desc{height: auto;}
 .jobinfo .item{height: auto;padding-bottom: 0.4rem;}
	.jobinfo .item.on .inner{position: static;height: auto;}
	.jobinfo .item .appbtn{width: 120px;line-height: 30px;}
}

/* 产品中心 */
.protabnav{border-bottom: 1px solid #ebf2f1;position: relative;z-index: 10;text-align: center;margin-bottom: 0.6rem;}
.protabnav .icon{display: block;}
.protabnav .icon img{display: block;height: 0.47rem;margin: 0px auto 5px;}
.protabnav li{cursor: pointer;display: inline-block;min-width: 15%;position: relative;padding-bottom: 9px;transition: all 0.3s;vertical-align: top;}
.protabnav li:after{left: 50%;bottom: 0;width: 0;height: 0;content: "";border: 0;position: absolute;transform: translatex(-50%);border-radius: 50%;transition: all 0.3s;}
.protabnav li p{margin: 0px auto;text-align: center;}
.protabnav li.on,.protabnav li:hover,.protabnav li.on a,.protabnav li:hover a{color:#17ab9f;font-weight: bold;font-size: 0.2rem;}
.protabnav li.on:after,.protabnav li:hover:after{width: 9px;height: 9px;border:2px solid #17ab9f;bottom: -7px;}

.prophoto .slider{margin: -0.2rem -0.3rem -0.3rem -0.3rem;}
.prophoto .item{padding:0 0.17rem 0 0.18rem;width: 33.333%;float: left;}
.prophoto .slick-track{margin:0 auto;}
.prophoto .item .box{display: block;border-radius: 0.2rem;background:url(/uploads/image/crimages/probg2.jpg) center center no-repeat;background-size: cover;margin:0 0.3rem;}
.prophoto .item.slick-current .box{background:url(/uploads/image/crimages/probg3.jpg) center center no-repeat;background-size: cover;transform: scale(1);margin:0 -0.3rem;}
.prophoto .item .imgbox{padding-top: 4.06rem;margin:0 0.45rem;}
.prophoto .item .imgbox img{object-fit: contain;}
.prophoto .slick-dots{bottom:0.29rem;width: 1rem;left: 50%;height: 1px;background:#ddf3f1;transform: translatex(-50%);text-align: left;line-height: 1px;}
.prophoto .slick-dots li{width: auto;height: 1px;margin: 0;vertical-align: top;}
.prophoto .slick-dots li button{width: 0;transition: all 0.3s;border-radius: 0;background: #17ab9f;height: 1px;position: static;transform: translate(0,0);}
.prophoto .slick-dots .slick-active button{width: 20px;}
.prophoto .slick-arrow{top: auto;transform: translatey(0);bottom: 0;}
.prophoto .slick-prev{left: 50%;margin-left: -1.35rem;}
.prophoto .slick-next{left: 50%;margin-left: 0.75rem;}

.protd{background:#fafcfc;padding-top:0.4rem;padding-bottom: 0.6rem;}
.protd ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.protd li{width: 48%;margin:0 0 2% 2%;background:#fff;padding:0.22rem 0;box-shadow: 0 5px 10px rgba(0,0,0,0.02);}
.protd .imgbox{padding-left: 0.4rem;width: 2.06rem;}
.protd .imgbox img{width: 1.36rem;height: 1.36rem;border:1px solid #d3efed;padding:0.07rem;background:#fff;border-radius: 50%;transition: all 0.3s;}
.protd .info{padding: 0.2rem 0.21rem 0 0;color:#555555;line-height: 25px;vertical-align: top;font-size: 16px;}
.protd .info aside{color:#333333;margin-bottom: 0.13rem;font-size: 22px;}
.protd .num{color:#17ab9f;font-family: "rajdhanir";font-size: 0.9rem;opacity: 0.1;width: 1.19rem;transition: all 0.3s;}
.protd li:hover .imgbox img{padding:0px;}
.protd li:hover .num{padding-left: 0.2rem;}

@media(max-width:1024px){
	.prophoto .item .imgbox{padding-top: 3rem;}
	.protd ul{display: block;}
	.protd li{width: auto;display: block;}
}
@media(max-width:640px){
	.prophoto .item .imgbox{padding-top: 70%;margin: 0 !important;}
	.prophoto .item .box{margin: 0 !important;}
	.prophoto .slider{margin: 0;}
	.protd .info aside{font-size: 16px;}
	.protd .info{font-size: 14px;}
	.protabnav{white-space:nowrap;overflow-x: auto;}
	.protabnav li:not(:last-child){margin-right: 0.5rem;}
	.protabnav li.on, .protabnav li:hover, .protabnav li.on a, .protabnav li:hover a{font-size: 15px;}
}

/* 关于我们 */
.aboutinfo .subtit{line-height: 1.5;padding-bottom: 0;font-weight: bold;}
.aboutinfo .solgan{font-size: 0.36rem;margin:0 0 0.35rem;position: relative;display: inline-block;vertical-align: top;padding-right: 0.5rem;line-height: 1;}
.aboutinfo .solgan:after{position: absolute;right: 0;top: 5px;width: 0.44rem;height: 0.35rem;background: url(/uploads/image/crimages/kh.png) center center no-repeat;background-size:contain;content: "";}
.aboutinfo .singlepage{width: 43.75%;color:#333;float: left;padding: 0.35rem 0 0.5rem;}

.aboutinfo .numlist{clear: both;box-shadow: 4px 0 14px rgba(0,0,0,0.05);}
.aboutinfo .numlist ul{display: flex;justify-content: space-between;padding:0.4rem;color:#555555;text-align: center;flex-wrap: wrap;}
.aboutinfo .numlist li{width: 25%;padding:7px 0 10px;}
.aboutinfo .numlist li:not(:last-child){border-right: 1px solid #ededed;}
.aboutinfo .numlist aside{font-size: 0.18rem;line-height: 1.4;color:#17ab9f;position: relative;display: inline-block;vertical-align: top;}
.aboutinfo .numlist aside span{font-size: 0.48rem;font-family: "dinm";}
.aboutinfo .numlist aside sup{position: absolute;right: -0.25rem;top: 0.1rem;}

.videobox{position: relative;cursor: pointer;width: 47.5%;float: right;margin-bottom: 0.5rem;}
.videobox .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background:rgba(0,0,0,0.1);content: "";transition: all 0.3s;}
.videobox .play{width: 0.65rem;height: 0.65rem;position: absolute;left: 0.64rem;bottom: 0.5rem;}
.videobox .play:before,
.videobox .play:after {content: "";border-radius: 50%;position: absolute;z-index: 0;}
.videobox .play:before {
		background: rgba(255,255,255,1);
		left: -15%;
		top: -15%;
		width: 130%;
		height: 130%;
		-webkit-animation: guang 1.5s ease-out;
		-moz-animation: guang 1.5s ease-out;
		animation: guang 1.5s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
}
.videobox .play:after {
		background: rgba(255,255,255,1);
		left: -10%;
		top: -10%;
		width: 120%;
		height: 120%;
		z-index: 8;
		-webkit-animation: guang2 1.1s ease-out;
		-moz-animation: guang2 1.1s ease-out;
		animation: guang2 1.1s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
}
.videobox .iconbf{width: 0.65rem;height: 0.65rem;background:rgba(255,255,255,0.8);left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 10;text-align: center;line-height: 0.65rem;color:#17ab9f;border-radius: 50%;transition: all 0.3s;position: relative;z-index: 2;}
.videobox:hover .iconbf{width: 0.75rem;height: 0.75rem;line-height: 0.72rem;}
.videobox:hover .imgbox:after{opacity: 0;}

.historybox{background:url(/uploads/image/crimages/historybg.jpg) center top no-repeat;background-size: cover;}
.historybox .tabcon{padding:0 1rem;margin-bottom: 0.74rem;}
.historybox .tabcon .imgbox{width: 37.21%;padding-top: 3.6rem;}
.historybox .tabcon .imgbox img{border-radius: 10px;}
.historybox .tabcon .info{vertical-align: top;}
.historybox .tabcon .info .inner{height: 3.6rem;overflow-y: auto;padding:0 0.5rem;}
.historybox .tabcon .info aside{line-height: 0.79rem;font-size: 0.48rem;font-family: "dinm";}
.historybox .tabcon .info p{padding-left: 0.2rem;line-height: 0.42rem;font-size: 0.18rem;position: relative;}
.historybox .tabcon .info p:after{position: absolute;left: 0;top: 0.19rem;width: 4px;height: 4px;border-radius: 50%;background:#17ab9f;content: "";}
.historybox .tabnav{position: relative;}
.historybox .tabnav:before{position: absolute;left: 0;top: 12px;width: 100%;height: 1px;background:#d0eeec;content: "";}
.historybox .tabnav .item{text-align: center;cursor: pointer;font-size:24px;font-family: "dinm";padding-top: 38px;line-height: 22px;color:#666666;position: relative;}
.historybox .tabnav .item:before{position: absolute;left: 50%;top: 6px;transform: translatex(-50%);width: 13px;height: 13px;border:3px solid #17ab9f;content: "";border-radius: 50%;}
.historybox .tabnav .item:after{position: absolute;left: 50%;top: 1px;transform: translatex(-50%);width: 0;height: 0;background: #17ab9f;opacity: 0.2;transition: all 0.3s;content: "";border-radius: 50%;}
.historybox .tabnav .item.slick-current:before{background:#17ab9f;}
.historybox .tabnav .item.slick-current:after{width: 23px;height: 23px;}
.historybox .tabnav .item.slick-current{color:#17ab9f;}
.historybox .tabnav .slick-arrow{top: -0.16rem;transform: translatey(0);}
.historybox .tabnav .slick-prev{left: 0;}
.historybox .tabnav .slick-next{right: 0;}
.historybox .slick-disabled, .slick-disabled:hover{background-color: #f7f7f7 !important;}
.historybox .slick-prev.slick-disabled{ background-image: url(/uploads/image/criico/more3.png);}
.historybox .slick-next.slick-disabled{ background-image: url(/uploads/image/criico/more4.png);}

.hornorbox{background:#f3fbfb;}
.hornorbox .img{text-align: center;}

.environmentbox .title{width: 10.5rem;margin:0.2rem auto 0;text-align: center;font-size: 0.2rem;min-height: 0.6rem;}
.environmentbox .title .item{position: relative;min-height: 0.6rem;}
.environmentbox .slick-arrow{top: -1.3rem;transform: translatey(0);}
.environmentbox .slick-prev{left: 0;}
.environmentbox .slick-next{right: 0;}

.environmentbox .img .imgbox{padding-top: 5.02rem;transition: all 0.3s;transition: all 0s;opacity: 0.8;}
/* .environmentbox .img .imgbox img{object-fit: fill;} */

@media(min-width:1025px){
	.environmentbox .img .item.slick-active{perspective: 1000px;}
.environmentbox .img .item.slick-active .imgbox{transform: rotatey(35deg) scale(0.8) translatex(-1.05rem);}
.environmentbox .img .item.slick-active .imgbox span{height: 80%;top: 10%;}
.environmentbox .img .item.slick-active li li .imgbox{transform: rotatey(-35deg) scale(0.8) translatex(1.05rem);}
.environmentbox .img .item.slick-current {position: relative;z-index: 100;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.environmentbox .img .item.slick-current .imgbox{transform:rotatey(0) scale(1) !important;width: 8.4rem;z-index: 100;margin: 0 0 0 -1.52rem;opacity: 1;}
.environmentbox .img .item.slick-current .imgbox span{height: 100%;top: 0;}
}

@media(max-width:1024px){
	.aboutinfo .singlepage{width: auto;float: none;}
	.aboutinfo .videobox{width: auto;float: none;}

	.historybox .tabcon{padding:0;}
	.historybox .tabnav{padding:0 0.5rem;}
}

@media(max-width:640px){
	.aboutinfo .numlist li{width: 50%;}
	.aboutinfo .numlist li:not(:last-child){border-right: 0;}
	.aboutinfo .solgan{font-size: 16px;}

	.videobox .play,.videobox .iconbf{width: 38px;height: 38px;line-height: 38px;}

	.historybox .tabcon .info p{font-size: 14px;line-height: 24px;}
	.historybox .tabnav .item{font-size: 18px;padding-top: 25px;}

	.historybox .tabcon .imgbox{width: auto;display: block;}
	.historybox .tabcon .info{width: auto;display: block;padding-top: 10px;}
	.historybox .tabcon .info .inner{padding-left: 0;}

	.environmentbox .title{width: auto;font-size: 16px;}
}