@charset "utf-8";
/*common s*/
.SubPage{position: relative;background:#f6f6f6;z-index: 1;height: auto !important;height: 300px;min-height: 300px;padding-bottom:1.13rem;clear: both;}
.SubPage.whitebg{background:#fff;}
.SubBan{position: relative;overflow: hidden;margin-top: 1rem;transition: all 0.3s;}
.SubBan .w1440{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color:#fff; text-shadow: 0 2px 3px rgba(0,0,0,0.41);}
.SubBan h2{font-size: 0.48rem;line-height: 1.5;margin-bottom: 0.1rem;font-weight: normal;}
.SubBan .desc{font-size: 0.24rem;line-height: 1.4;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;}
.SubBan.on2 .img img{transform: scale(1);}
.SubBan.on{margin-top: 80px;}

.ColName{display: none;line-height: 32px;background: #e70c22;border-radius: 0 0 5px 5px;font-size:16px;color: #fff;padding:0 18px;position: relative;margin-bottom: 5px;}
.ColName i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.SubMenu{line-height: 1rem;height:1rem;background:#fff;position: relative;z-index: 3;box-shadow: 0 12px 32px rgba(54,54,54,0.12);top: -0.5rem;margin-bottom:0.63rem;padding: 0 0.42rem 0 0.5rem;overflow: hidden;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;float: left;}
.SubMenu li:not(:last-child){padding-right: 0.75rem;}
.SubMenu li a{ display:block; position: relative;z-index: 1;color:#555555;}
.SubMenu li a:after{content: '';	position: absolute;	left: 50%;	bottom: 0;	height: 2px;	background: #e70c22;width: 0;transition: all 0.3s;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#e70c22;}
.SubMenu li:hover a:after,.SubMenu li.onli a:after{width: 100%;left: 0;}
.Place{float: right;color:#7f7f7f;font-size: 14px;}
.Place a:first-child:before{display: inline-block;width: 19px;height: 19px;background: url(https://www.hongtaok.com/cn/res/images/ico_home.png) 0px center no-repeat;vertical-align: middle;margin: -3px 5px 0 0;content: "";}
.Place a{color:#7f7f7f;position: relative;margin-right: 23px;}
.Place a:after{position: absolute;right: -15px;top: 50%;transform: translateY(-50%) rotate(45deg);border-top: 1px solid #a7a7a7;border-right: 1px solid #a7a7a7;width: 8px;height: 8px;content: "";}
.Place a:hover,.Place span{color:#333333;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}
.SinglePage table{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.SinglePage table td,.SinglePage table th{padding: 0.12rem 0.25rem;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.SinglePage table.blue th{color:#fff;font-size: 0.18rem;background: #00358a;font-weight: normal;}
.SinglePage table.blue td,.SinglePage table.blue th{padding: 0.25rem 0.12rem;}
.SinglePage table.blue td{border-top: 0;}
.SinglePage table.blue tbody tr:nth-child(odd){background: #f8f9fa;}
.SinglePage table tr{transition: all 0.3s;}
.SinglePage table tr:hover td{background: #fff;}
.SinglePage table tr:hover{box-shadow: 0 15px 38px rgba(0,0,0,0.18);position: relative;z-index: 1;}
.SinglePage.product{max-width: 1200px;margin: 0px auto;}

.SubTit{padding: 0 0 0.6rem 0.68rem;position: relative;display: inline-block;text-align: left;}
.SubTit:before{position: absolute;left: 0;top: 0;width: 0.55rem;height: 1rem;background:url(https://www.hongtaok.com/cn/res/images/logo.png) no-repeat;background-size: contain;content: "";}
.SubTit h2{line-height: 0.65rem;font-size: 0.45rem;font-weight: normal;}
.SubTit .en{line-height: 0.32rem;padding-bottom: 0.03rem;color: #999999;font-weight: lighter;font-size: 0.24rem;}
.SubTit .more{position: absolute;right: 0;top: 0.23rem;}
.SubTit.white h2,.SubTit.white .en{color: #fff;}
.SubTit.white .en{opacity: 0.6;}
.SubTit.white:before{background:url(https://www.hongtaok.com/cn/res/images/logo3.png) no-repeat;background-size: contain;width: 1.76rem;height: 1.7rem;top: -0.4rem;left: -0.65rem;}

.SubTit2{text-align: center;padding-bottom: 0.45rem;}
.SubTit2 h2{font-size: 0.45rem;line-height: 0.65rem;font-weight: normal;}

@media(max-width:1366px){
	.SubMenu li:not(:last-child){padding-right: 0.4rem;}
}
@media(max-width:1024px){
	.SubBan{margin-top: 0 !important;}
	.SubPage{padding-bottom: 0.65rem;}
}
@media(max-width:767px){
	.SubBan h2{font-size: 0.4rem;}
	.SinglePage{line-height: 24px !important;}

	.SubPage{padding-top: 0.4rem;}
	.ColName{display: block;}
	.SubMenu{height: auto;line-height: 30px;padding: 0 0 10px;font-size: 14px;top: 0;margin-bottom: 0.4rem;}
	.SubMenu ul{float: none;;clear: both;padding:10px 10px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.SubMenu li{float: none;min-width: 50%;text-align: center;font-size: 15px;}
	.SubMenu li:not(:last-child){padding-right: 0;}
	.SubMenu li a:after{display: none;}
	.Place{padding-right: 10px;}
	.HomeTit h2{font-size: 20px;}
	.HomeTit .en{font-size: 15px;}
	.SubTit h2,.SubTit2 h2{font-size: 20px;}
}
@media(max-width:580px){
	.Place{font-size: 14px;}
	.SinglePage table td{font-size: 12px;}
	.SinglePage table td, .SinglePage table th{padding:5px;}
	.SinglePage table.blue th{font-size: 14px;}
}
/*common end*/

/* 新闻中心 */

.ActivityList{clear: both;padding-bottom: 0.6rem;}
.ActivityList .item{margin-bottom: 0.38rem;}
.ActivityList .item a{background: #fff;}
.ActivityList .img{width: 31.94%;}
.ActivityList .imgbox{padding-top: 2.89rem;}
.ActivityList .info{padding:0.5rem 0.63rem 0 0.5rem;vertical-align: top;}
.ActivityList .tit{font-size: 0.24rem;font-weight: normal;}
.ActivityList .desc{color: #7f7f7f;margin: 0.22rem 0 0.41rem;line-height: 24px;height: 48px;}
.ActivityList .date{color:#666;vertical-align: top;width: 2.03rem;padding: 0.54rem 0 0 0.31rem;position: relative;}
.ActivityList .date:before{position: absolute;left: 0;top: 0.54rem;content: "";width: 1px;height: 1.01rem;background: #dddddd;}
.ActivityList .date time{text-align: center;background: #7e7168;padding: 0.16rem 0 0.11rem 0;width: 1rem;color: #fff;}
.ActivityList .date time span{display: block;line-height: 0.9;font-size: 0.48rem;}
.ActivityList .item:hover time{background: #e70c22;}

.RecFocus{position: relative;margin-bottom: 1.12rem;}
.RecFocus .item{padding: 0 1px;}
.RecFocus .imgbox{width: 50.54%;float: left;padding-top: 4.06rem;}
.RecFocus .info{width: 49.46%;float: right;padding: 0.17rem 0 0 5%;}
.RecFocus .tit{font-size: 0.24rem;font-weight: normal;}
.RecFocus .desc{margin: 0.21rem 0 0.89rem;color: #7f7f7f;line-height: 24px;height: 48px;}
.RecFocus .date{text-align: center;background: #e70c22;padding: 0.16rem 0 0.11rem 0;width: 1rem;color: #fff;margin-bottom: 0.38rem;}
.RecFocus .date span,.RecFocus .date em{display: block;line-height: 0.9;font-size: 0.48rem;}
.RecFocus .slick-dots{left: auto;right: 0;bottom: 0.2rem;width: 2rem;}
.RecFocus .slick-dots li button{background:#999;}
.RecFocus .slick-dots li.slick-active button{background:#e70c22;}
/*.RecFocus .slick-dots li{width: 15px !important;height: 25px !important;margin: 0 0.1rem !important;}
.RecFocus .slick-dots li button{width: 15px;height: 25px;background: url(../images/xue3.png);}
.RecFocus .slick-dots li:before{background: url(../images/xue2.png);}
.RecFocus .slick-dots li.slick-active button{background: url(../images/xue3.png);}
.RecFocus .slick-dots li.slick-active:before{animation-name: width100; animation-duration: 6500ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
.RecFocus .slick-dots .slick-current:after{animation-name: width100; animation-duration: 6000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
*/
.RecFocus.c2 {margin: 0 0 0.6rem;}
.RecFocus.c2 .item{background: #fff;}
.RecFocus.c2 .imgbox{padding-top: 4.54rem;}
.RecFocus.c2 .info{padding: 0.66rem 0.75rem 0 0.75rem;}
.RecFocus.c2 .desc{height: 96px;margin-bottom: 1.2rem;}
.RecFocus.c2 .date{position: absolute;z-index: 2;left: 0;top: 0;width: 1.43rem;padding-left: 0.24rem;text-align: left;}
.RecFocus.c2 .date em{font-size: 0.36rem;line-height: 1.1;}
.RecFocus.c2 .slick-dots{bottom: 0.65rem;}
.RecFocus.dj .item{margin-bottom: 0.34rem;box-shadow: 0 0 32px rgba(54,54,54,0.12);transition: all 0.3s;}
.RecFocus.dj .item:hover {background: url(https://www.hongtaok.com/cn/res/images/djbg2.jpg) right center no-repeat;}
.RecFocus.dj .item:hover a{color: #fff;}
.RecFocus.dj .item:hover .desc{color: #fff;}
.RecFocus.dj .item:hover .moreBtn:after{ width:100%;background: #fff;}
.RecFocus.dj .item:hover .moreBtn{color:#333;border: 1px solid #fff;}
.RecFocus.dj .item:hover .moreBtn i{color:#e70c22;}

.NewsList{border-top: 1px solid #eeeeee;padding-bottom: 0.8rem;}
.NewsList .item{border-bottom: 1px solid #eeeeee;padding: 0.38rem 0 0.33rem 0.34rem;transition: all 0.3s;}
.NewsList .img{width: 25%;}
.NewsList .imgbox{padding-top: 2.02rem;}
.NewsList .info{padding:0.1rem 0.63rem 0 0.5rem;vertical-align: top;flex:1;}
.NewsList .tit{font-size: 0.24rem;font-weight: normal;}
.NewsList .desc{color: #7f7f7f;margin: 0.22rem 0 0.41rem;line-height: 24px;height: 48px;}
.NewsList .date{color:#666;vertical-align: top;width: 2.03rem;padding: 0.1rem 0 0 0.31rem;position: relative;}
.NewsList .date:before{position: absolute;left: 0;top: 0.1rem;content: "";width: 1px;height: 1.01rem;background: #dddddd;}
.NewsList .date time{text-align: center;background: #7e7168;padding: 0.16rem 0 0.11rem 0;width: 1rem;color: #fff;}
.NewsList .date time span{display: block;line-height: 0.9;font-size: 0.48rem;}
.NewsList .item:hover time{background: #e70c22;}
.NewsList .item:hover{background: #e70c22;color: #fff;}
.NewsList .item:hover .date time{background: #fff;color: #e70c22;}
.NewsList .item:hover .date:before{background:rgba(255,255,255,0.2);}
.NewsList .item:hover .tit,
.NewsList .item:hover .desc,
.NewsList .item:hover .more2{color:#fff;}

.NewsInfo{padding-top: 0.32rem;}
.NewsInfo .Place{float: none;}
.NewsInfo .Content{background: #fff;padding: 0.67rem 11%;margin-top: 0.4rem;}
.NewsInfo .SinglePage{font-size: 0.18rem;line-height: 0.36rem;color: #7f7f7f;}
.NewsInfo .SinglePage img{display: block;margin: 0px auto;}

.TitleInfo{text-align: center;padding-bottom: 0.35rem;border-bottom: 1px solid #dedede;margin-bottom: 0.7rem;}
.TitleInfo .title{font-size: 0.36rem;line-height: 1.2;margin-bottom: 0.27rem;}
.TitleInfo p span{display: inline-block;margin: 0 0.24rem;color:#7f7f7f;}
.TitleInfo p i{vertical-align: middle;margin: -2px 5px 0 0;}

.PrevNextInfo{padding: 0.38rem 2.2rem 0 0;margin-top: 1rem;border-top: 1px solid #dedede;position: relative;}
.PrevNextInfo dl{position: relative;padding-left: 68px;min-height: 36px;line-height: 36px;}
.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;color:#999999;}
.PrevNextInfo dl a{color:#999999;}
.PrevNextInfo dl a:hover{color:#e70722;}
.PrevNextInfo .moreBtn{position: absolute;right: 0;top: 0.48rem;}

@media(max-width:1024px){
	.ActivityList .info,.NewsList .info{padding: 0.3rem 0.3rem 0;}
	.ActivityList .imgbox{padding-top: 2.5rem;}
	.ActivityList .desc,.NewsList .desc{margin-bottom: 0.22rem;}
	.ActivityList .date,.NewsList .date{width: 1.6rem;}
	.NewsList .item{padding-left: 0;}
	.NewsInfo .Content{padding: 0.35rem;}
	.NewsInfo .SinglePage img{max-width: 100%;}
}
@media(max-width:768px){
	.RecFocus.c2 .desc{
		margin-bottom: 0.5rem;
	}
}
@media(max-width:640px){
	.ActivityList .item{position: relative;}
	.ActivityList .cell{display: block;}
	.ActivityList .img{width: auto;}
	.ActivityList .imgbox{padding-top: 64%;}
	.ActivityList .info{padding: 0.3rem;}
	.ActivityList .date{position: absolute;right: 0;top: 0;z-index: 2;padding: 0;}
	.ActivityList .date time{padding: 8px 0;width: auto;}
	.ActivityList .tit{font-size: 15px;}
	.ActivityList .desc{margin: 0.1rem 0 0.15rem;}
	.ActivityList .date:before{display: none;}

	.RecFocus{margin-bottom: 0.4rem !important;}
	.RecFocus .imgbox{width: auto;float: none;padding-top: 64%;}
	.RecFocus .info{width: auto;float: none;padding: 0;}
	.RecFocus .desc{margin: 0.1rem 0 0.15rem;}
	.RecFocus .date{width: 75px;height: 65px;padding: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: -65px;position: relative;z-index: 2;}
	.RecFocus .tit{font-size: 15px;}

	.RecFocus.c2 .info{padding: 0.25rem;}
	.RecFocus.c2 .desc{-webkit-line-clamp: 2;height: 48px;margin-bottom: 0.15rem;}
	.RecFocus.c2 .slick-dots{bottom: 0.3rem;}

	.NewsList .item{position: relative;padding: 0;}
	.NewsList .cell{display: block;}
	.NewsList .img{width: 100%;}
    .NewsList .item a{flex-wrap: wrap;}
	.NewsList .imgbox{padding-top: 64%;}
	.NewsList .info{padding: 0.3rem;flex:none;width:100%;}
	.NewsList .date{position: absolute;right: 0;top: 0;z-index: 2;padding: 0;}
	.NewsList .date time{padding: 8px 0;width: auto;}
	.NewsList .tit{font-size: 15px;}
	.NewsList .desc{margin: 0.10rem 0 0.15rem;}
	.NewsList .date:before{display: none;}

	.TitleInfo{padding-bottom: 0.35rem;margin-bottom: 0.35rem;}
	.TitleInfo p span{margin: 0 0.2rem;}
	.TitleInfo .title{font-size: 18px;}
	.PrevNextInfo{padding-right: 0;margin-top: 50px;padding-top: 10px;}
	.PrevNextInfo dl{min-height: 30px;line-height: 30px;}
	.PrevNextInfo .moreBtn{top: -35px;}
	.NewsInfo .SinglePage{font-size: 14px;}
}

/* 创新之路 */
.HornorList{position: relative;margin-top: -0.4rem;padding-bottom: 0.71rem;}
.HornorList:after{width: 19.2rem;left: 50%;transform: translateX(-50%);background: url(https://www.hongtaok.com/cn/res/images/bookshadow.png) center top repeat-y;background-size: contain;content: "";position: absolute;height: 100%;top: 0;}
.HornorList ul{clear: both;padding: 0 0.33rem;position: relative;z-index: 2;}
.HornorList .item{float: left;width: 33.333%;padding: 0.6rem 0.14rem 0.71rem;}
.HornorList .imgbox{padding-top: 64.41%;}
.HornorList .imgbox:after{content: "";position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: url(https://www.hongtaok.com/cn/res/images/rybg.png) center no-repeat;background-size: contain;left: 0;top: 0;}
.HornorList .imgbox span{width: calc(100% - 0.32rem);top: 0.16rem;left: 0.16rem;height: calc(100% - 0.32rem);}

.HornorList2{position: relative;}
.HornorList2 ul:before{width: 19.2rem;left: 50%;transform: translateX(-50%);background: url(https://www.hongtaok.com/cn/res/images/bookshadow2.png) center bottom no-repeat;background-size: contain;content: "";position: absolute;height: 1.86rem;bottom: 0;z-index: -1;}
.HornorList2 ul{clear: both;padding: 0 0.33rem;position: relative;z-index: 2;display: flex;flex-wrap: wrap;}
.HornorList2 .item{width: 33.333%;padding: 0 0.05rem 0;height: 5.26rem;text-align: center;}
.HornorList2 .imgbox{padding-top: 3.4rem;width: 4rem;margin: 0px auto 0.67rem;}
.HornorList2 .imgbox span{background-size:contain;background-position:center bottom}
.HornorList2 .imgbox .hide{display:none}
.HornorList2 p{color: #666666;}
.HornorList2 .item:hover .imgbox{box-shadow: 0 6px 25px rgba(231,12,34,0.12);}

.SubTxt{text-align: center;max-width: 1062px;margin: 0px auto 0.55rem;}

.NewsList2 {padding-bottom: 0.4rem;}
.NewsList2 ul{margin-left: -0.4rem;}
.NewsList2 .item{width: 50%;float: left;padding: 0 0 0.4rem 0.4rem;}
.NewsList2 .item a{display: block;background: #fff;padding: 0.45rem;}
.NewsList2 .item .tit{font-weight: normal;font-size: 0.24rem;margin-bottom: 0.1rem;}
.NewsList2 .item .desc{color: #808080;line-height: 24px;height: 48px;margin-bottom: 0.4rem;}
.NewsList2 .item .other{border-top: 1px solid #e6e6e6;padding-top: 0.31rem;display: flex;justify-content: space-between;}

.FaqList{padding-bottom: 0.2rem;}
.FaqList .item{transition: all 0.3s;background: #fff;padding: 0.4rem;margin-bottom: 0.4rem;}
.FaqList .item .ti{margin: 0 0 0 0.8rem;padding-right:0.6rem;border-bottom: 1px solid #e6e6e6;line-height: 0.67rem;font-weight: normal;position: relative;cursor: pointer;font-size: 0.24rem;}
.FaqList .item .ti .f{position: absolute;left: -0.8rem;top: 0.19rem;width: 0.54rem;line-height: 0.48rem;text-align: center;background: #e70c22;font-size: 0.36rem;color:#fff;}
.FaqList .item .ti .iconxjt{position: absolute;right: 0;color: #777;transition: all 0.3s;}
.FaqList .item .desc{position: relative;padding-left: 0.82rem;color: #808080;margin-top: 0.3rem;}
.FaqList .item .desc .q{position: absolute;left: 0;top: 0.04rem;width: 0.54rem;line-height: 0.48rem;text-align: center;background: #7e7168;font-size: 0.36rem;color:#fff;}
.FaqList .item:hover .ti .iconxjt{transform: scale(1.3);color: #e70c22;}
.FaqList .item .ti.on .iconxjt{transform: rotate(-180deg);}

.MessageBox .item{width: 48.61%;padding-bottom: 0.33rem;}
.MessageBox .item.auto{width: 100%;}
.MessageBox .item dt{padding-bottom: 0.1rem;}
.MessageBox .item dd{position: relative;}
.MessageBox .select{height: 0.5rem;width: 100%;}
.MessageBox .input{height: 0.5rem;background: #f7f7f7;padding: 0 12px;border: 1px solid #edeef2;line-height: 0.48rem;width: 100%;}
.MessageBox .textarea{background: #f7f7f7;padding: 0 12px;border: 1px solid #edeef2;padding: 0.2rem;height: 2.2rem;}
.MessageBox .textarea textarea{height: 1.8rem;width: 100%;}
.MessageBox .yzm{position: absolute;right: 0.2rem;top:50%;transform: translateY(-50%);}
.MessageBox .yzm img{height: 41px;}

.MessageBox button{width: 2rem;height: 0.54rem;font-size: 0.2rem;color: #666666;}
.MessageBox .sendbtn{color: #fff;background: #e70c22;}
.MessageBox .resetbtn{background: #f0f1f2;margin-left: 0.14rem;}
.MessageBox .btn{padding-top: 0.4rem;text-align: right;}

@media(max-width:1024px){
	.HornorList:after,.HornorList2 ul:before{display: none;}
	.HornorList .item{padding-bottom: 0;}

	.HornorList2 ul{padding: 0;}
	.HornorList2 ul:before{width: 100%;}
	.HornorList2 .imgbox{margin-bottom: 12px;border: 1px solid #ddd;}
	.HornorList2 .item{height: auto;padding-bottom: 0.35rem;}

	.MessageBox button{width: 1.2rem;}
}
@media(max-width:640px){
	.HornorList .item{width: auto;float: none;}
	.HornorList2 .item{width: 50%;}

	.NewsList2 .item{width: auto;float: none;}
	.NewsList2 .item .tit{font-size: 15px;}

	.FaqList .item{padding: 0.25rem;}
	.FaqList .item .ti{font-size: 15px;}

	.MessageBox .item{width: 100%;}
	.MessageBox .item .item:last-child{padding-bottom: 0;}
	.MessageBox .select,.MessageBox .input{height: 40px;line-height: 38px;}
	.MessageBox .btn{padding-top: 0;}
	.MessageBox button{width: 100px;height: 40px;font-size: 15px;}
}

/* 真伪查询 */
.SearchForm{background: #f7f7f7;margin-bottom: 0.65rem;}
.SearchForm:last-child{margin-bottom: 0;}
.SearchForm .info{width: 50%;padding: 0.5rem;}
.SearchForm .desc{position: relative;margin-bottom: 0.34rem;padding-left: 17px;}
.SearchForm .desc:before{content: "";position: absolute;left: 0;width: 8px;height: 8px;background: #e60012;top: 0.11rem;}
.SearchForm .title{font-size: 0.24rem;line-height: 1.6;font-weight: normal;margin-bottom: 0.15rem;}
.SearchForm .tip{padding: 0.1rem 0.2rem;display: inline-block;border: 1px solid #d1d1d1;border-radius: 3px;min-width: 5.4rem;}
.SearchForm .tip i{font-size: 20px;vertical-align: middle;margin-right: 5px;}
.SearchForm .search{min-width: 5.4rem;border: 1px solid #d71617;border-radius: 24px;background: #fff;padding: 0 1.4rem 0 46px;position: relative;display: inline-block;}
.SearchForm .search input{width: 100%;border-radius: 24px;height: 49px;line-height: 48px;}
.SearchForm .search input::-webkit-input-placeholder{color: #c0c0c0;}
.SearchForm .search button{position: absolute;right: 0;height: 100%;color: #fff;background: #d71617;border-radius: 24px;font-size: 0.2rem;width: 1.4rem;}
.SearchForm .search button:hover{background: #cc0000;}
.SearchForm .search i{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: #d7d7d7;}

.SearchPop{background: rgba(0,0,0,0.4);left: 0;top: 0;position: absolute;width: 100%;height: 100%;position: fixed;z-index: 1000;display: none;}
.SearchPop .content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: linear-gradient(192deg, #FFFFFF 0%, #fcf2f3 58%, #fcf2f3 100%);text-align: center;font-size: 0.2rem;padding: 0.65rem 0.5rem;max-width: 640px;width: 90%;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 3.53rem;}
.SearchPop .close{position: absolute;right: 15px;top: 15px;color: #d5d4d4;cursor: pointer;}
.SearchPop .close:hover{color: #d71617;}
.SearchPop .logo {margin-bottom: 10px;}
.SearchPop .logo img{height: 145px;}
.SearchPop .icon {margin-bottom: 15px;}
.SearchPop .icon img{height: 64px;}
.SearchPop a.mail{color: #e70c22;text-decoration:underline;}
.SearchPop a.mail:hover{color: #e70c22;text-decoration: none;}
.SearchPop.job .content:after{content:"";position: absolute;right: 0;bottom: 0;opacity: 0.06;background: url(https://www.hongtaok.com/cn/res/images/logo.png) no-repeat;background-size:contain;width: 0.8rem;height: 1.45rem;}

@media(max-width:768px){
	.SearchForm .cell{display: block;width: auto !important;}
	.SearchForm .title{font-size: 18px;}
}
@media(max-width:640px){
	.SearchForm .search input{height: 40px;line-height: 40px;}
	.SearchForm .search {padding-left: 23px;display: block;}
	.SearchForm .search i {left: 5px;}
	.SearchForm .search button{font-size: 14px;}
	.SearchPop .content{font-size: 14px;}
}

/* 加入我们 */
.HrInfo{padding-bottom: 0.25rem;}
.HrInfo .title{font-size: 0.4rem;font-weight: normal;line-height: 1.6;}
.HrInfo .title2{font-size: 0.24rem;font-weight: normal;line-height: 1.6;margin: 0.1rem 0 0.06rem;}
.JobTit{font-size: 0.3rem;font-weight: normal;line-height: 1.6;margin: 0.2rem 0 0.2rem;}

.hrw1{ width:21%;text-align: left !important;padding-left: 0.32rem;}
.hrw2{ width:15%;}
.hrw3{ width:14%;}
.hrw4{ width:11%;}
.hrw5{ width:11%;}
.hrw6{ width:11%;}
.hrw7{ width:11%;}
.Hrhead{ height:70px; text-align:center; background:#faf0f1; font-size:0.2rem;}
.HrList{ margin-bottom:0.25rem;}
.HrList .item{ border-bottom:1px solid #e6e6e6;}
.HrList .item td{ height:75px; text-align:center;transition: all 0.3s;}
.HrList .item td a{color:#494949;}.HrList li td a:hover{color:#b1702b;}
.HrList .btn{width:24px; height:24px;line-height:23px;display: inline-block;border: 1px solid #c2c2c2;border-radius: 50%;color:#b6b6b6;transition: all 0.3s;}
.HrList .btn i{font-size: 18px;}
.HrList .stit{ margin-bottom:5px; font-size:0.2rem;}
.HrList .item .txtCont{display:none; padding:30px 0.37rem 38px 0.32rem;border-top: 1px solid #eeeeee;line-height: 0.4rem;background: #fafafa;}
.HrList .item .txtCont .items{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList .item .txtCont .items dd span{ color:#4c4c4c;}
.HrList .item .xzdy{position: absolute;right: 0;width: 260px;bottom: 0;}
.HrList .item .txtinfo{ position:relative;padding-right: 300px;}

.HrList .item .apply{border-top: 1px solid #eeeeee;padding-top: 0.27rem;margin-top: 0.38rem;}
.HrList .item .applybtn{display: inline-block;color: #fff;text-align: center;width: 120px;line-height: 40px;border-radius: 3px;background: #e70c22;cursor: pointer;}
.HrList .item .applybtn:hover{background: #cc0000;}

.HrList .item.current a,.HrList .item:hover a{color:#e70c22;}
.HrList .item.current td,.HrList .item:hover td{ background:#fafafa; color:#e70c22;font-size: 18px;cursor: pointer;}
.HrList .item.current .btn,.HrList .item:hover .btn{background: #d71617;color: #fff;border: 1px solid #d71617;}
.HrList .item.current .btn{transform: rotate(90deg);}

@media(max-width:1024px){
	.HrList .item .txtinfo{padding-right: 0;}
	.HrList .item .xzdy{position: static;width: auto;font-weight: bold;}
}
@media(max-width:768px){
.Hrhead{ height:36px;font-size:15px;}
.HrList{ margin-bottom:28px;}
.HrList .item td{ height:45px;font-size:14px;}
.hrw1{ width:75%;}
.hrw2,.hrw3,.hrw4,.hrw5,.hrw6,.hrw7{ display:none;}
.HrList .item .txtCont .items{ display:block;}
.HrList .item .txtCont{ padding-top:10px; padding-bottom:18px; font-size:14px; line-height:24px;}
.HrList .txtinfo{ width:auto; float:none !important;}
.HrList .item.current td,.HrList .item:hover td{font-size: 15px;}
.HrList .stit{font-size: 16px;}
}

/* 招商 */
.ContactUs .info{vertical-align: top;width: 45.83%;padding-right: 6%;}
.ContactUs .info .name{font-size: 0.24rem;font-weight: normal;margin-bottom: 0.1rem;}
.ContactUs .tel{margin: 0.45rem 0 0.42rem -0.5rem;text-align: center;}
.ContactUs .tel li{padding: 7px 0 0 0;}
.ContactUs .tel li .icon{border-radius: 50%;border: 2px solid #d9d9d9;width: 0.68rem;height: 0.68rem;display: block;margin: 0px auto 0.15rem;transition: all 0.3s;}
.ContactUs .tel li:not(:last-child){border-right: 1px solid #eaeaea;}
.ContactUs .tel .num{margin-top: -5px;}
.ContactUs .tel li:hover .icon{border: 2px solid #e80c22;transform: scale(1.2);}
.ContactUs .byway{border-top: 1px solid #eaeaea;padding: 25px 0 0 35px;position: relative;}
.ContactUs .byway:before{position: absolute;left: 0;top: 30px;content: "";width: 18px;height: 18px;background: url(https://www.hongtaok.com/cn/res/images/train.png);}
.ContactUs .byway aside{margin-bottom: 6px;}

.ContactList{background: #f5f5f5;padding: 0.8rem 0 0.6rem;margin-top: 0.8rem;}
.ContactList ul{margin-left: -20px;}
.ContactList .item{width: 18%;float: left;margin: 0 0 2% 2%;position: relative;overflow: hidden;}
.ContactList .imgbox{position: absolute;left: -10%;top: -10%;width: 120%;height: 120%;transition: all 0.5s;}
.ContactList .inner{background: #fff;min-height: 3.28rem;padding: 0.3rem;position: relative;transition: all 0.3s;z-index: 2;}
.ContactList .title{margin-bottom: 0.34rem;line-height: 0.63rem;font-size: 0.24rem;font-weight: normal;}
.ContactList .title:after{display: block;margin-top: 2px;width: 30px;height: 3px;content: "";background: #e80c22;}
.ContactList p i{vertical-align: middle;font-size: 23px;margin-right: 5px;}
.ContactList .inner:after{content:"";position: absolute;right: 0;bottom: 0;opacity: 0.06;background: url(https://www.hongtaok.com/cn/res/images/logo.png) no-repeat;background-size:contain;width: 0.8rem;height: 1.45rem;transition: all 0.3s;}
.ContactList .item:hover .inner{color:#fff;background: rgba(230,9,31,0.9);}
.ContactList .item:hover .inner .title:after{background: #fff;}
.ContactList .item:hover .inner:after{opacity: 0;width: 0;height: 0;}
.ContactList .item:hover .imgbox{left: 0;top: 0;width: 100%;height: 100%;}


/* 主要产品 */
.ProNav{text-align: center;margin-bottom: 0.43rem;}
.ProNav .item{width: 2.58rem;}
.ProNav .item:not(:last-child){border-right: 1px solid #dcdcdc;}
.ProNav .item .ico{width: 0.82rem;height: 0.64rem;margin-bottom: 0.16rem;}
.ProNav .item p{font-size: 0.24rem;line-height: 1.6;display: inline-block;padding: 0 1px;position: relative}
.ProNav .item p:After{position: absolute;left: 50%;bottom: -3px;background: #e50010;width: 0;height: 3px;content: "";transition: all 0.3s;}
.ProNav .item:hover a,.ProNav .item.on a{color: #e70722;}
.ProNav .item:hover p:after,.ProNav .item.on p:after{width: 100%;left: 0;}
.ProNavsub{margin-bottom: 0.56rem;text-align: center;}
.ProNavsub li{display: inline-block;min-width: 1.4rem;line-height: 0.48rem;background: #f7f5f5;border: 1px solid #f2edee;border-radius: 2px;margin: 0 0.1rem 0.2rem;text-align: center;position: relative;overflow: hidden;}
.ProNavsub li:after{bottom: 0;width: 100%;height: 0;background: #e80c22;content: "";position: absolute;transition: all 0.3s;left: 0;border-radius: 2px;}
.ProNavsub li a{display: block;padding: 0 0.1rem;position: relative;z-index: 2;}
.ProNavsub li:hover a,.ProNavsub li.on a{color: #fff;}
.ProNavsub li:hover:after,.ProNavsub li.on:after{height: 100%;}

.ProList{padding-left: 0;position: relative;}
.ProList .item a{display: block;padding: 0.44rem;text-align: center;border: 1px solid #eaeaea;}
.ProList .item:not(:first-child) a{border-left: 0;}
.ProList .item .imgbox{padding-top: 85.23%;}
.ProList .item .info{margin-top: 0.12rem;min-height: 1.37rem;}
.ProList .item .title{font-size: 0.2rem;font-weight: normal;margin-bottom: 0.15rem;}
.ProList .item .desc{color: #999999;}
.ProList .moreBtn{border: 1px solid #e0e0e0;}
.ProList .slick-dots{position: static;margin-top: 0.4rem;}
.ProList .slick-dots li{width: 19px;height: 19px;margin: 0 10px;}
.ProList .slick-dots li button{width: 19px;height: 19px;background: #eaeaea;}
.ProList .slick-dots li.slick-active button{background: #e80c22;}
.ProList .slick-prev{left: -0.68rem;background-image: url(https://www.hongtaok.com/cn/res/images/ico/arrleft2.svg);}
.ProList .slick-next{right: -0.68rem;background-image: url(https://www.hongtaok.com/cn/res/images/ico/arrright2.svg);}

@media(max-width:1024px){
	.ProList .slick-prev{left: 0;}
	.ProList .slick-next{right: 0;}
}
@media(max-width:640px){
	.ProList .item .title{font-size: 15px;}
	.ProList .item .info{min-height: 100px;}
	.ProList .slick-dots{margin-top: 0.2rem;}
	.ProList .slick-dots li{margin: 0 5px;}
	.ProList .slick-dots li,.ProList .slick-dots li button{width: 9px;height: 9px;}
	.ProNavsub{margin-bottom: 0.1rem;}
	.ProNavsub li{font-size: 14px;margin: 0 0.06rem 0.15rem;}
	.ProNav .item p{font-size: 15px;}
}


/* 社会责任 */
.SocialList{padding-bottom: 0.35rem;}
.SocialList .item{margin-bottom: 0.35rem;}
.SocialList .item a{background: #fff;padding: 0.48rem 0;position: relative;}
.SocialList .item a:After{position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.3s;bottom: 0;background: #e70c22;content: "";height: 1px;}
.SocialList .item .date{width: 2.38rem;text-align: center;border-right: 1px solid #e5e5e5;color: #010000;font-size: 0.48rem;}
.SocialList .item .info{padding: 0.12rem 1.2rem 0.12rem 0.57rem;}
.SocialList .item .desc{color: #333333;}
.SocialList .item .mores{width: 1.25rem;}
.SocialList .item .mores em{display: block;border-radius: 2px;width: 0.53rem;height: 0.53rem;line-height: 0.51rem;text-align: center;border: 1px solid #a1a1a1;transition: all 0.3s;}
.SocialList .item:hover a:after{width: 100%;}
.SocialList .item:hover .mores em{color:#fff;background: #e70c22;border: 1px solid #e70c22;}
.SocialList .item:hover .date{color:#e70c22;}

.djBg{background: #fff url(https://www.hongtaok.com/cn/res/images/djbg.jpg) center top no-repeat;}

.CultureItem{margin: 0 0 0.65rem -0.3rem;}
.CultureItem .item{flex: 1;margin: 0 0 0 0.3rem;border: 1px solid #cccccc;position: relative;overflow: hidden;}
.CultureItem .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: #e70c22;transition: all 0.5s;}
.CultureItem .imgbox{padding-top: 75%;z-index: 2;}
.CultureItem .info{height: 3.43rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position: relative;z-index: 1;padding: 0.3rem;}
.CultureItem .info .ico{width: 0.8rem;height: 0.8rem;margin-bottom: 0.25rem;transition: all 0.3s;}
.CultureItem .info h3{font-size: 0.32rem;font-weight: normal;line-height: 1.6;}
.CultureItem .info .p{font-size: 0.2rem;line-height: 1.6;margin-top: 0.15rem;transform: translateY(-100%);opacity: 0;transition: all 0.5s;height: 0;}
.CultureItem .item:hover{border: 1px solid #e70c22;color: #fff;}
.CultureItem .item:hover:after{height: 100%;}
.CultureItem .item:hover .ico{height:0;width: 0;}
.CultureItem .item:hover .p{height:2.5rem;transform: translateY(0);opacity: 1;overflow-y: auto;}

.CultureItem2 .item{margin-bottom: 0.36rem;background: #f6f6f6;transition: all 0.3s;}
.CultureItem2 .item:last-child{margin-bottom: 0;}
.CultureItem2 .info{width: 50%;padding: 0 0.6rem;}
.CultureItem2 .info p{position: relative;padding-left: 26px;}
.CultureItem2 .info p:not(:last-child){margin-bottom: 0.15rem;}
.CultureItem2 .info p:after{position: absolute;left: 0;top: 0.11rem;content: "";width: 8px;height: 8px;background: #e60012;}
.CultureItem2 .item:hover{color:#fff;background: #e70c22;}
.CultureItem2 .item:hover .info p:after{background: #fff;}
.CultureItem2 .imgbox{padding-top: 3.8rem;}

.SubTit3 {padding-bottom: 0.45rem;}
.SubTit3 h2{font-size: 0.32rem;font-weight: normal;line-height: 1.6;text-align: center;}

.Leaderbg{background: #c4060e url(https://www.hongtaok.com/cn/res/images/leaderbg.jpg) center top no-repeat;background-size: cover;}
.Leaderbg .HornorList2 aside{color: #fff;}
.Leaderbg .HornorList2 p{color: rgba(255,255,255,0.9);}

@media(max-width:1024px){
	.CultureItem{display: block;}
	.CultureItem .imgbox{padding-top: 64%;}
	.CultureItem .item{margin-bottom: 0.35rem;overflow: hidden;}
	.CultureItem .item:hover .info{margin-top: -0.8rem;z-index: 10;position: relative;background: #e60012;}

	.CultureItem2 .cell{width: auto !important;display: block;}
	.CultureItem2 .info{padding: 0.3rem;}
}
@media(max-width:640px){
	.SocialList .item{margin-bottom: 0.2rem;}
	.SocialList .item a{padding: 0.2rem 0;}
	.SocialList .item .date{width: 74px;font-size: 18px;}
	.SocialList .item .info{padding: 0.1rem 0.2rem;}
	.SocialList .item .mores{width: 55px;}
	.SocialList .item .mores em{width: 30px;height: 30px;line-height: 28px;}

	.CultureItem .info h3{font-size: 18px;}
	.CultureItem .info p{font-size: 14px;}
}

/* 董事长简介 */
.LeaderInfo{margin-bottom: 1.4rem;}
.LeaderInfo .info{width: 39.93%;vertical-align: top;color: #fff;padding: 0 0.3rem 0 0.5rem;font-size: 0.2rem;position: relative;}
.LeaderInfo .info:before{width: 1.29rem;height: 1.1rem;content: "";display: block;background: url(https://www.hongtaok.com/cn/res/images/kh1.png) center center no-repeat;background-size: contain;margin: 0.11rem 0 0.1rem 0.05rem;}
.LeaderInfo .info:after{width: 1.45rem;height: 1.24rem;content: "";display: block;background: url(https://www.hongtaok.com/cn/res/images/kh2.png) center center no-repeat;background-size: contain;margin: 0.25rem 0.05rem 0 0;float: right;}
.LeaderInfo .info p{position: relative;padding-left: 22px;margin-bottom: 0.1rem;}
.LeaderInfo .info p:last-child{margin-bottom: 0;}
.LeaderInfo .info p:before{position: absolute;left: 0;top:0.1rem;content: "";border-radius: 50%;width: 8px;height: 8px;background: #fff;}
.LeaderInfo .name{padding-bottom: 0.25rem;}
.LeaderInfo .name h3{font-size: 0.6rem;line-height: 1.6;font-weight: normal;}
.LeaderInfo .name span{display:block;font-size: 0.24rem;line-height: 1.2;}
.LeaderInfo .name span i{margin-right: 0.18rem;}

.LeaderTit{text-align: center;padding-bottom: 0.5rem;}
.LeaderTit h2{color: #fff;font-size: 0.36rem;line-height: 1.6;font-weight: normal;}
.LeaderTit h2 img{display: inline-block;vertical-align: middle;margin-right: 12px;height: 0.43rem;}

.LeaderRy{padding-bottom: 0.5rem;}
.LeaderRy .img{position: relative;width: 32.01%;}
.LeaderRy .img span{display: block;border: 1px solid rgba(255,255,255,0.36);padding: 9px;background:rgba(255,255,255,0.2);}
.LeaderRy .img img{width: 100%;}
.LeaderRy .img:before{position: absolute;right: -0.2rem;top: -0.2rem;width: 0.52rem;height: 0.84rem;content: "";background: url(https://www.hongtaok.com/cn/res/images/shadow1.png);background-size: contain;}
.LeaderRy .img:after{position: absolute;left: -0.2rem;bottom: -0.2rem;width: 0.52rem;height: 0.84rem;content: "";background: url(https://www.hongtaok.com/cn/res/images/shadow2.png);background-size: contain;}
.LeaderRy .info{padding-left: 0.8rem;color: #fff;}
.LeaderRy .info li{display: flex;align-items: center;justify-content: center;font-size: 0.22rem;padding: 0 0.5rem;width: 4.2rem;height: 0.82rem;position: relative;text-align: center;margin: 0.1rem 0;}
.LeaderRy .info li:before,.LeaderRy .info li:after{position: absolute;width: 0.37rem;height: 0.82rem;background-position: center center;background-size: contain;content: "";top: 50%;transform: translateY(-50%);}
.LeaderRy .info li:before{left:0;background-image: url(https://www.hongtaok.com/cn/res/images/ms1.png);}
.LeaderRy .info li:after{right:0;background-image: url(https://www.hongtaok.com/cn/res/images/ms2.png);}

.LeaderPhoto{padding-top: 0.6rem;}
.LeaderPhoto .LeaderTit h2 img{margin-top: -9px;}
.LeaderPhoto .slider{margin: 0 -0.15rem;}
.LeaderPhoto .item{padding: 0 0.15rem;}
.LeaderPhoto .imgbox{padding-top: 64%;}
.LeaderPhoto .imgbox:After,.LeaderPhoto .imgbox:before,.LeaderPhoto .imgbox span:After,.LeaderPhoto .imgbox span:before{width: 15px;height: 15px;content: "";position: absolute;border: 3px solid rgba(255,255,255,0.8);transition: all 0.3s;z-index: 2;}
.LeaderPhoto .imgbox:After{left: 0;top: 0;border-right: 0;border-bottom: 0;}
.LeaderPhoto .imgbox:before{left: 0;bottom: 0;border-right: 0;border-top: 0;}
.LeaderPhoto .imgbox span:After{right: 0;top: 0;border-left: 0;border-bottom: 0;}
.LeaderPhoto .imgbox span:before{right: 0;bottom: 0;border-left: 0;border-top: 0;}
.LeaderPhoto .imgbox em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;border: 5px solid rgba(255,255,255,0.15);}
.LeaderPhoto .item:hover .imgbox:After,
.LeaderPhoto .item:hover .imgbox:before,
.LeaderPhoto .item:hover .imgbox span:After,
.LeaderPhoto .item:hover .imgbox span:before{width: 100%;height: 100%;}

@media(max-width:1366px){
	.LeaderPhoto .slick-prev{left: -0.5rem;}
	.LeaderPhoto .slick-next{right: -0.5rem;}
}
@media(max-width:1024px){
	.LeaderPhoto .slick-prev{left: 0;}
	.LeaderPhoto .slick-next{right: 0;}
	.LeaderInfo .info:before,.LeaderInfo .info:after{zoom: 0.6;}
}
@media(max-width:768px){
	.LeaderInfo .info{width: auto;display: block;padding: 0 0 0.35rem 0;}
	.LeaderInfo .imgbox{display: block;clear: both;}
	.LeaderRy .img{display: block;width: auto;}
	.LeaderRy .info{display: block;padding: 0.3rem 0 0 0;}
}
@media(max-width:640px){
	.LeaderInfo{margin-bottom: 0.5rem;}
	.LeaderInfo .info{font-size: 14px;}
	.LeaderInfo .info p:before{top: 8px;}
	.LeaderInfo .name h3{font-size: 22px;}
	.LeaderInfo .name span{font-size: 16px;}
	.LeaderRy{padding-bottom: 0;}
	.LeaderRy .info li{width: 100%;font-size: 14px;}
}

/* 领导关怀 */
.CareList{position: relative;}
.CareList:after{content: "";left: 50%;top: 0;width: 1px;height: 100%;position: absolute;background: #cccccc;z-index: -1;}
.CareList .select{position: absolute;left: 0;top: 0.39rem;width: 2.21rem;height: 0.61rem;border-radius: 3px;border: 1px solid #a1a1a1;color: #333333;}
.CareList .item{padding: 0.3rem 0 0.85rem 0.6rem;position: relative;}
.CareList .item .dot{position: absolute;left: -0.1rem;top: 0.34rem;width: 22px;height: 22px;border-radius: 50%;border: 1px solid #e50516;z-index: 2;background: #fff;transition: all 0.3s;}
.CareList .item .dot:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);content: "";background: #e60012;width: 0.1rem;height: 0.1rem;border-radius: 50%;}
.CareList .item .dot:before{position: absolute;top: 50%;width: 21px;height: 1px;content: "";background: #cccccc;left: 22px;}
.CareList .item .desc{font-size: 0.2rem;margin-bottom: 0.45rem;}
.CareList .item:last-child{padding-bottom: 0;}
.CareList .item:hover .dot{transform: scale(1.3);}
@media(min-width:641px){
.CareList ul{display: flex;flex-wrap: wrap;}
.CareList .item{width: 50%;}
.CareList .item:nth-child(odd){padding-right: 0.6rem;padding-left: 0;}
.CareList .item:nth-child(odd) .dot{left: auto;right: -0.1rem;}
.CareList .item:nth-child(odd) .dot:before{left: auto;right: 22px;}
.CareList .item:nth-child(even){margin-top: -2.44rem;}
.CareList .item:nth-child(1){margin-top: 2.44rem;}
.CareList .item:nth-child(2){margin-top: 0;}
}
@media(max-width:640px){
	.CareList .select{position: relative;left: auto;top: auto;width: 100%;}
	.CareList:after{left: 10px;}
	.CareList .item{padding-bottom: 0.35rem;}
	.CareList .item .dot {left: 0;}
	.CareList .item .desc{font-size: 14px;}
}

/* 企业荣誉 */
.HornorRec{position: relative;padding-bottom: 0.45rem;}
.HornorRec:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;background: #f5f5f5;content: "";}
.HornorRec .slider{margin: 0 -0.3rem;}
.HornorRec .item{padding: 0 0.49rem;text-align: center;}
.HornorRec .imgbox{padding-top: 68.73%;background: url(https://www.hongtaok.com/cn/res/images/rybg2.gif) center center no-repeat;background-size: cover;margin-bottom: 0.25rem;box-shadow: 0 15px 35px rgba(0,0,0,0.1);}
.HornorRec .imgbox span{left: 0.3rem;top: 0.3rem;width: calc(100% - 0.6rem);height: calc(100% - 0.6rem);}
.HornorRec .ti{height: 70px;display: flex;align-items: center;justify-content: center;}
.HornorRec.btnarr .slick-arrow{top: 33%;}
.HornorRec.btnarr .slick-dots{margin-top: 0.25rem;}
.HornorRec.btnarr .slick-dots li button{background: url(https://www.hongtaok.com/cn/res/images/xue3.png);}
.HornorRec.btnarr .slick-dots li.slick-active button{background: url(https://www.hongtaok.com/cn/res/images/xue3.png);}

.btnarr .slick-arrow{border-radius: 50%;background-color: #fff;width: 0.52rem;height: 0.52rem;background-size: auto;top: 40%;box-shadow: 0 0 32px rgba(25,25,25,0.12);}
.btnarr .slick-arrow:hover{background-color: #e70c22;}
.btnarr .slick-prev{left: -0.9rem;background-image: url(https://www.hongtaok.com/cn/res/images/ico/arrleft4.png);}
.btnarr .slick-prev:hover{background-image: url(https://www.hongtaok.com/cn/res/images/ico/arrleft04.png);}
.btnarr .slick-next{right: -0.9rem;background-image: url(https://www.hongtaok.com/cn/res/images/ico/arrright4.png);}
.btnarr .slick-next:hover{background-image: url(https://www.hongtaok.com/cn/res/images/ico/arrright04.png);}
.btnarr .slick-dots{text-align: center;margin-top:0.5rem;position: static;}
.btnarr .slick-dots li{width: 15px !important;height: 25px !important;margin: 0 9px !important;}
.btnarr .slick-dots li button{width: 15px;height: 25px;background: url(https://www.hongtaok.com/cn/res/images/xue1.png);}
.btnarr .slick-dots li:before{background: url(https://www.hongtaok.com/cn/res/images/xue2.png);}
.btnarr .slick-dots li.slick-active button{background: url(https://www.hongtaok.com/cn/res/images/xue1.png);}
.btnarr .slick-dots li.slick-active:before{width: 100%;}

.HornorNav{text-align: center;padding-top: 0.27rem;margin-bottom: 0.63rem;border-bottom: 1px solid #f0f0f0;line-height: 0.82rem;}
.HornorNav li{display: inline-block;position: relative;margin: 0 0.36rem;vertical-align: top;}
.HornorNav li:after{left: 50%;bottom: -2px;width: 0;height:4px;background: #e60012;transition: all 0.3s;content: "";position: absolute;}
.HornorNav li:hover:after,.HornorNav li.on:after{left: 0;width: 100%;}
.HornorNav li:hover a,.HornorNav li.on a{color: #e60012;}

.HornorList3{padding-bottom: 0.3rem;}
.HornorList3 ul{margin-left: -0.34rem;}
.HornorList3 .item{width: 25%;float: left;padding: 0 0 0.39rem 0.34rem;}
.HornorList3 .imgbox{padding-top: 78.5%;background: #f0f0f0;}
.HornorList3 .imgbox img{width: auto;height: auto;max-height: 100%;}
.HornorList3 .imgbox em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(231,12,34,0.9);display: flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;transform: scale(2);opacity: 0;transition: all 0.5s;}
.HornorList3 .ti{height: 73px;display: flex;align-items: center;border-bottom: 1px solid #cccccc;position: relative;}
.HornorList3 .ti:after{left: 0;bottom: -1px;width: 0;height:1px;background: #e60012;transition: all 0.3s;content: "";position: absolute;}
.HornorList3 .item:hover .ti:after{width: 100%;}
.HornorList3 .item:hover .imgbox em{transform: scale(1);opacity: 1;}

@media(max-width:1366px){
	.HornorRec .slick-prev{left: -0.2rem;}
	.HornorRec .slick-next{right: -0.2rem;}
}
@media(max-width:1024px){
	.HornorRec .item{padding: 0 0.15rem;}
	.HornorRec.btnarr .slick-arrow{top: 25%;}
	.HornorRec .slick-prev{left: 0;}
	.HornorRec .slick-next{right: 0;}
	.HornorNav li{margin: 0 0.15rem;}
}
@media(max-width:640px){
	.HornorList3 .item{width: 50%;}
	.HornorList3 .ti{align-items: baseline;padding-top: 0.15rem;}
}


/* 红桃K大事记 */
.HistoryNav{position: relative;height: 81px;text-align: center;margin-bottom: 1rem;}
.HistoryNav:After{position: absolute;left: 0;top: 50%;height: 1px;content: "";width: 100%;background: #dddddd;}
.HistoryNav .item {cursor: pointer;}
.HistoryNav .item span{display: block;margin-top: 35px;padding-top: 23px;position: relative;line-height: 23px;transition: all 0.3s;color: #7f7f7f;}
.HistoryNav .item span:after{position: absolute;left: 50%;top:0;border-radius:50%;transform: translateX(-50%);width: 11px;height: 11px;content: "";background: #cccccc;transition: all 0.3s;}
.HistoryNav .item.slick-current span{color:#e70c22;font-size: 0.72rem;padding-top: 0;margin-top: 0;line-height: 81px;padding-left: 25px;}
.HistoryNav .item.slick-current span:after{width: 20px;height: 20px;background: #fff;border:3px solid #e70c22;box-shadow: 0 2px 10px rgba(230,0,18,0.58);left: 0;top:50%;transform: translate(0,-50%);}
.HistoryNav.btnarr .slick-arrow{top: 51%;}

.HistoryInfo .item{padding-bottom: 35px;padding-left: 1px;}
.HistoryInfo .imgList{width: 50.13%;float: left;}
.HistoryInfo .imgList .big .imgbox{padding-top: 5rem;}
.HistoryInfo .imgList .small{margin: 0.2rem -0.1rem 0;}
.HistoryInfo .imgList .small .item2{margin: 0 0.1rem;cursor: pointer;opacity: 0.6;position: relative;}
.HistoryInfo .imgList .small .item2.slick-current{opacity: 1;}
.HistoryInfo .imgList .small .item2.slick-current:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";border:1px solid #e70c22;}
.HistoryInfo .imgList .small .imgbox{padding-top: 1rem;}
.HistoryInfo .imgList .slick-arrow{width: 30px;height: 45px;background-color: rgba(0,0,0,0.5);}
.HistoryInfo .imgList .slick-prev{left: 0.1rem;}
.HistoryInfo .imgList .slick-next{right: 0.08rem;}

.HistoryInfo .info{width: 47%;float: right;}
.HistoryInfo .year{font-size: 0.36rem;line-height: 1.6;margin-bottom: 0.5rem;}
.HistoryInfo .box{box-shadow: 0 0 32px rgba(54,54,54,0.21);margin: 0 30px 0 11px;position: relative;}
.HistoryInfo .box:before,.HistoryInfo .box:after{content: "";position: absolute;width: 31px;height: 34px;}
.HistoryInfo .box:before{left: -11px;top: -11px;border-left: 1px solid #e60012;border-top: 1px solid #e60012;}
.HistoryInfo .box:after{right: -11px;bottom: -11px;border-right: 1px solid #e60012;border-bottom: 1px solid #e60012;}
.HistoryInfo .inner{height: 5.11rem;overflow-y: auto;color: #7f7f7f;line-height: 24px;padding: 23px;}
.HistoryInfo .inner p{padding-left: 23px;position: relative;margin-bottom: 20px;}
.HistoryInfo .inner p:after{position: absolute;left: 0;top: 8px;border-radius: 50%;width: 7px;height: 7px;background: #e70c22;content: "";}
.HistoryInfo .inner p:last-child{margin-bottom: 0;}

@media(max-width:1366px){
	.HistoryNav.btnarr .slick-prev{left: -0.7rem;}
	.HistoryNav.btnarr .slick-next{right: -0.7rem;}
}
@media(max-width:1024px){
	.HistoryNav .slider{padding: 0 45px 0 55px;}
	.HistoryNav.btnarr .slick-prev{left: 0;}
	.HistoryNav.btnarr .slick-next{right: -25px;}
}
@media(max-width:768px){
	.HistoryInfo .imgList{width: auto;float: none;}
	.HistoryInfo .info{width: auto;float: none;padding-top: 15px;}
	.HistoryNav .item.slick-current span:after{width: 10px;height: 10px;}
	.HistoryNav .slider{padding: 0 35px;}
	.HistoryNav.btnarr .slick-next{right: 0;}
	.HistoryNav .item.slick-current span{font-size: 0.4rem;}
	.HistoryInfo .box{margin-right: 11px;}
	.HistoryInfo .box:after {right: -10px;}
	.HistoryInfo .inner{padding: 10px;}
}


/* 企业发展历程 */
.DevelopmentBg{background: #fff url(https://www.hongtaok.com/cn/res/images/lcbg.jpg) center top no-repeat;background-size: cover;}
.DevelopmentNav{position: relative;}
.DevelopmentNav:after{position: absolute;left: 0;width: 100%;content: "";top: 4px;background: #dddddd;height: 2px;}
.DevelopmentNav .item{padding-top: 25px;position: relative;text-align: center;cursor: pointer;color: #fff;}
.DevelopmentNav .item:before{position: absolute;left: 0;top: 4px;height: 2px;content: "";background: #ffa200;transition: all 0.5s;width: 0;}
.DevelopmentNav .item:After{position: absolute;left: 0;top: 1px;width: 8px;height: 8px;border-radius: 50%;background: #ffa200;content: "";}
.DevelopmentNav .item.slick-current:before{width: 100%;}
.DevelopmentNav .item.slick-current{color: #ffa200;font-weight: bold;}
.DevelopmentNav span{font-size: 0.3rem;}

.DevelopmentInfo{margin-bottom: 1rem;min-height: 4.42rem;}
.DevelopmentInfo .item{display: inline-block;vertical-align: top;}
.DevelopmentInfo .item .yearall{line-height: 90px;font-size: 0.8rem;color: #fff;transform: rotate(90deg);display: inline-block;vertical-align: top;top: 1.5rem;position: relative;left: 0.5rem;width: 3rem;}
.DevelopmentInfo .item .inner{display: inline-block;vertical-align: top;position: relative;color: #fff;}
.DevelopmentInfo .item:nth-child(2) .inner{display: inline-block;vertical-align: top;position: relative;width: 1350px;overflow-x: auto;white-space: nowrap;}
.DevelopmentInfo .item .inner::-webkit-scrollbar-thumb{background: #ffa200 url(https://www.hongtaok.com/cn/res/images/scrollbg.png) center center no-repeat;}
.DevelopmentInfo .item .inner:After{position: absolute;left: 0;top: 16px;height: calc(100% - 16px);width: 1px;content: "";background: rgba(255,255,255,0.2);}
.DevelopmentInfo .item .inner:before{position: absolute;left: -4px;top: 8px;height: 8px;width: 8px;content: "";background: #e60012;border-radius: 50%;z-index: 2;}
.DevelopmentInfo .item .inner dd{display: inline-block;vertical-align: top;position: relative;width: 3.63rem;padding: 0.4rem 0.38rem 0;line-height: 24px;min-height: 4.42rem;white-space: break-spaces;}
.DevelopmentInfo .item .inner dd:After{position: absolute;right: 0;top: 16px;height: calc(100% - 16px);width: 1px;content: "";background: #dddddd;}
.DevelopmentInfo .item .inner dd .year{height: 0.85rem;}
.DevelopmentInfo .item .inner dd .year time{font-size: 0.36rem;line-height: 0.38rem;}
.DevelopmentInfo .item .inner .text{margin-top: -0.5rem;}

@media(max-width:1560px){
	.DevelopmentInfo .item:nth-child(2) .inner{width: 1100px;}
}
@media(max-width:1366px){
	.DevelopmentInfo .item:nth-child(2) .inner{width: 900px;}
}
@media(max-width:1024px){
	.DevelopmentInfo .item:nth-child(2) .inner{width: 800px;}
	.DevelopmentInfo .item .yearall{left: 0;width: 2rem;top: 0.5rem;}
	::-webkit-scrollbar{width: 25px; height:25px;}
	.DevelopmentInfo{margin-bottom: 0;}
}

@media(max-width:640px){
	.DevelopmentInfo .item:nth-child(2) .inner{width: 500px;}
	.DevelopmentInfo .item .yearall{font-size: 0.6rem;width: 1.5rem;}
	.DevelopmentInfo .item .inner dd{width: 230px;line-height: 20px;}
}
@media(max-width:580px){
	.DevelopmentInfo .item .inner{width: 280px !important;overflow-x: auto;white-space: nowrap;}
	.DevelopmentInfo .item .inner dd{white-space: break-spaces;width: 280px;}
	.DevelopmentInfo .item .inner dd .year time{font-size: 18px;}
}

/* 企业简介 */
.AboutInfo .info{text-align: center;padding: 0 0.4rem 0.5rem;}
.AboutInfo .AboutImg{width: 34.72%;float: left;}
.AboutInfo .AboutImg .imgbox{padding-top: 6.64rem;}
.AboutInfo .Photo{width: 62.5%;float: right;}
.AboutInfo .big .imgbox{padding-top: 5.04rem;margin-bottom: 0.14rem;}
.AboutInfo .small {overflow: hidden;position: relative;}
.AboutInfo .small:after{position: absolute;right: 0;top: 0;width:1rem;height: 100%;z-index: 2;background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255,255,255,0.51) 83%, rgba(255,255,255,0) 100%);content: "";}
.AboutInfo .small .slider{margin: 0 -0.1rem 0 -0.1rem;}
.AboutInfo .small .item{padding-top:6px;margin: 0 0.1rem;cursor: pointer;position: relative;}
.AboutInfo .small .imgbox{padding-top: 1.4rem;}
.AboutInfo .small .slick-current:after{position: absolute;left: 0;top: 6px;height: calc(100% - 6px);width: 100%;border: 2px solid #e70c22;z-index: 2;content: "";}
.AboutInfo .small .slick-current:before{position: absolute;left: 50%;top: 2px;content: "";width: 10px;height: 10px;background: #e70c22;transform: rotate(-45deg);}
.AboutInfo .small .slick-current .imgbox:After{z-index: 2;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: "";position: absolute;}
.AboutInfo .small .slick-arrow{top: 50%;}
.AboutInfo .small .slick-arrow{top: 50%;}
.AboutInfo .small .slick-prev{left: 15px;}
.AboutInfo .small .slick-next{right: 15px;}

.DivisionInfo{background: #f4f4f4;padding: 0.8rem 0 1rem;}
.DivisionInfo .Nav{width: 20%;float: left;background: #e60012;min-height: 5.4rem;padding: 0.11rem 0 0 0.09rem;}
.DivisionInfo .Nav .item{cursor: pointer;position: relative;line-height: 0.56rem;color: #fff;}
.DivisionInfo .Nav .item:after{left: 0;top: 0;width: 0;height: 100%;content: "";position: absolute;background: #fff;transition: all 0.3s;}
.DivisionInfo .Nav .item:before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 16px;height: 12px;background: url(https://www.hongtaok.com/cn/res/images/ico/arr.png);opacity: 0;transition: all 0.3s;z-index: 3;}
.DivisionInfo .Nav .item span{position: relative;z-index: 2;padding-left: 0.27rem;display: block;}
.DivisionInfo .Nav .item.slick-current{color: #e60012;}
.DivisionInfo .Nav .item.slick-current:after{width: 101%;}
.DivisionInfo .Nav .item.slick-current:before{opacity: 1;right: 20px;}
.DivisionInfo .Con{width: 80%;float: left;background: #fff;position: relative;}
.DivisionInfo .imgbox{width: 53.55%;float: left;padding-top: 5.4rem;}
.DivisionInfo .info{width: 46.45%;float: left;padding: 0.7rem 0.65rem 0;}
.DivisionInfo h3{font-size: 0.36rem;color: #000000;line-height: 2;margin-bottom: 0.15rem;font-weight: normal;}
.DivisionInfo .txt{color: #666666;}
.DivisionInfo .slick-arrow{top: auto;bottom: 0.2rem;}
.DivisionInfo .slick-prev{left:auto;right: 1.27rem;}
.DivisionInfo .slick-next{right: 0.58rem;}
.DivisionInfo .controls{position: absolute;left: 68%;bottom: 0.53rem;z-index: 10;}
.DivisionInfo .controls .dots{font-size: 0.36rem;color: #e60012;margin-top: -0.05rem;}
.DivisionInfo .controls dd{display: inline-block;vertical-align: top;color: #bbbbbb;}
.DivisionInfo .slick-dots {position: static;}
.DivisionInfo .slick-dots li{display: none !important;width: 40px;height: 40px;line-height: 40px;border-radius: 0;margin: 0;}
.DivisionInfo .slick-dots li button{width: 30px;height: 30px;border-radius: 0;padding: 0;}
.DivisionInfo .slick-dots li.slick-active{display: block !important;}
.DivisionInfo .slick-dots li.slick-active button{font-size: 0.36rem;color: #e60012;width: 40px;height: 35px;background: transparent;}

.SubNav{padding-bottom: 15px;}
.SubNav li{display: inline-block;margin-right: 15px;}
.SubNav li a{display: block;padding: 5px 30px;background: #fff;font-size: 18px;}
.SubNav li:hover a,.SubNav li.onli a{color:#fff;background:#e60012;}


@media(max-width:768px){
	.AboutInfo .info{padding: 0 0 0.3rem;}
	.AboutInfo .AboutImg{width: auto;float: none;margin-bottom: 0.25rem;}
	.AboutInfo .AboutImg .imgbox{padding-top: 140%;}
	.AboutInfo .Photo{width: auto;float: none;}

	.DivisionInfo .Nav{width: auto;float: none;min-height: auto;padding: 0.1rem;}
	.DivisionInfo .Nav .slick-arrow{bottom: -15px;}
	.DivisionInfo .Nav .slick-prev {right: 25px;}
	.DivisionInfo .Nav .slick-next {right: 0;}


	.DivisionInfo .Con{width: auto;float: none;}
	.DivisionInfo .imgbox{width: auto;float: none;}
	.DivisionInfo .info{width: auto;float: none;padding: 0.4rem 0.4rem 1rem;}
	.DivisionInfo .slick-arrow{bottom: -0.1rem;}
	.DivisionInfo .controls{bottom: -0.08rem;right: 100px;left: auto;}
	.DivisionInfo h3{margin-bottom: 0;}

	.SubNav li a{display: block;padding: 5px 20px;background: #fff;font-size: 16px;}
}