@import url(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(../images/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(../images/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(../images/ico/arrleft.svg);}
.HomeBan .slick-next{background-image: url(../images/ico/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(../images//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(../images/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(../images/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: url("../images/aboutbg.svg");-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(../images/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(../images/probg.jpg) center center no-repeat;background-size: cover;position: relative;overflow: hidden;min-height: 4.07rem;}
.ProList .item a:hover{background:url(../images/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(../images/ico/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(../images/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(../images/ico/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(../images/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(../images/ico/more.png);margin-right: 9px;content: "";}
.PrevNextInfo .back:hover{background:#17ab9f;color:#fff;}
.PrevNextInfo .back:hover:before{background:url(../images/ico/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(../images/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(../images/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(../images/probg2.jpg) center center no-repeat;background-size: cover;margin:0 0.3rem;}
.proPhoto .item.slick-current .box{background:url(../images/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(../images/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(../images/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(../images/ico/more3.png);}
.HistoryBox .slick-next.slick-disabled{ background-image: url(../images/ico/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;}
}