/* .banner{background-image: url('https://cdn.7oks.com/astgo/img/information/banner.jpg');} */
.page .tab{overflow: hidden;padding-bottom: 38px;box-sizing: border-box;border-bottom: 2px solid #ececec;margin-bottom: 98px;}
.page .tab li{width: 33.333%;text-align: center;height: 64px;line-height: 64px;box-sizing: border-box;font-size: 24px;position: relative;cursor: pointer;}
.page .tab .active{color: #f20404;font-size: 32px;font-weight: 600;}
.page .tab .active:before{position: absolute;content: '';left: 120px;right: 120px;bottom: 0;height: 2px;background-color: #F20404;}

.page .list{overflow: hidden;min-height: 552px;}
.page .list .item{overflow: hidden;margin-bottom: 56px;}
.page .list .item  img{width: 100%;height: 100%;transition: all 1.5s; }

.page .list .item .img{width: 102px;height: 102px;position: relative;margin-right: 38px;margin-top: 59px;}
.page .list .item .img .con{position: absolute;top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 0;right: 0;text-align: center;line-height: 1;}
.page .list .item .img .con div{font-size: 26px;color: #333;}
.page .list .item .img .con p{font-size: 14px;color: #f20404;margin-top: 16px;}
.page .list .item .img_{width: 332px;height: 220px;position: relative;
transition: all 1.5s;
-ms-transition: all 1.5s;
-moz-transition: all 1.5s;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
overflow: hidden;}
.page .list .item .img_ img:hover  {transform: scale(1.5);}
.page .list .item:hover .right h5{color: #F20404;}
.page .list .item .right{overflow: hidden;width: 610px;}
.page .list .item .right h5{font-size: 23px;height: 70px;line-height: 70px;color: #333;}
.page .list .item  .right p{color: #666666;font-size: 14px;line-height: 24px;width: 100%;margin-bottom: 30px;}
.page .list .item .right .a{font-size: 14px;color: #f20404;}

.page .article{overflow: hidden;border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;}
.page .article .tit{padding: 45px 0;line-height: 1;text-align: center;border-bottom: 1px solid #D8D8D8; width:auto; position:relative;left: 0;  margin-left: 0; top: 0;
}
.page .article .tit h4{font-size: 20px;margin-bottom: 20px;}
.page .article .tit .p{overflow: hidden;vertical-align: middle;font-size: 14px;color: rgb(158,154,153);}
.page .article .tit .p img{display: inline-block;width: 20px;height: 20px;}
.page .tip{display: block;font-size: 14px;text-align: right;color: #808695;width: 1120px; margin: 0 auto;overflow: hidden;text-align: right;margin-top: 30px;}

.page .hot{margin-top: 74px;margin-bottom: 60px;}
.page .hot h1,.hot_ h1{font-size: 26px;}
.page .hot ul,.hot_ ul{width: 100%;overflow: hidden;}
.page .hot ul li{float: left;margin-top: 60px;margin-right: 20px;}

/* .hot ul li:hover{box-shadow: inset 0 1px 3px 2px rgba(231, 231, 231, 1);} */
.page .hot ul li a:hover{top: -10px;position: relative;}
.page .hot ul li:hover .img img{animation: rotate360 .5s linear;}
.page .hot ul li:nth-child(3n){margin-right: 0;}
.page .hot ul li a{display: block;width: 265px;height: 100%;overflow: hidden;}
.page .hot ul li a .img{background-color: #f9f9f9;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 48px;}
.page .hot ul li a .img img{width: 86px;
    height: 86px;
    margin: 0 auto;
    margin-top: 22px;}
.page .hot ul li a  .bot{overflow: hidden;
    padding: 46px 20px;
    text-align: left;
    padding-bottom: 20px;}
.page .hot ul li a  .bot h2{font-size: 22px;margin-bottom: 20px;color: #333;width: 100%;}
.page .hot ul li a  .bot p{font-size: 14px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.page .hot_ {display: block;overflow: hidden;margin-bottom: 40px;}
.page .hot_ li{display: block;overflow: hidden;margin-right: 20px;margin-bottom: 20px;padding-top: 10px;float: left;}
.page .hot_ li:nth-child(4n){margin: 0;}
.page .hot_ li a{display: block;overflow: hidden;background-color: #FFFFFF;width: 265px;height: 265px;text-align: center;}
.page .hot_ li a .img{background-color: #f9f9f9;width: 130px;height: 130px;margin: 0 auto; margin-bottom: 20px;overflow: hidden;margin-top: 48px;}
.page .hot_ li a .img img{width: 86px;height: 86px;margin: 0 auto;margin-top: 22px;}
.page .hot_ li a h5{color: #333;font-size: 22px;line-height: 1;text-align: center;}

.page .hot_ li a:hover{box-shadow:0 2px 10px rgba(0,0,0,0.15);position: relative;top: -10px;}
.page .hot_ li a:hover h5{color: #F20404;}
.page .hot_ li a:hover img{animation: rotate360 .5s linear ;}

.page .hot_ ul .bot p{display: none;}
.page .hot_ ul .bot h2{color: #333!important;}

@media screen and (max-width: 1120px){
.page .tab  li{width: 33.3333%;font-size: 0.25rem;height: 0.72rem;text-align: center;}
	.page .tab  .active{font-size: 0.32rem;}
	.page .tab {width: 100%;margin-bottom: 0.3rem;}
	
	.page .list .item .img{display: none;}
	.page .list .item .img_{width: 100%;height: auto;}
	.page .list .item .right{width: 100%;}
	
	.page .hot ul li{ margin-bottom: 0!important; margin-top: 0!important;margin-right: 0!important;float: none;padding: 20px;width: calc( 100% - 40px );overflow: hidden;}
	.page .hot ul li a{display: flex!important;justify-content: space-between;align-items: center;}
	.page .hot ul li:nth-child(1),.hot ul li:nth-child(2),.hot ul li:nth-child(3),.hot ul li:nth-child(4){display: block;}
	.page .hot ul li:first-child{padding-top: 0;}
	
	.page .hot ul li:nth-child(3n){margin-right: 0!important;}
	.page .hot ul li:nth-child(2n){float: right;}
	.page .hot ul li a{width: 100%!important;background-color: #FFFFFF!important;}
.page 	.list .item .right p{margin-bottom: 0.3rem;}
	.page .list .item .right .a{text-align: right;}
	.page .hot ul li a .bot h2{margin-bottom: 8px;text-align: left!important;}
	.page .hot ul li a .img{float: left; width: 2rem!important;height: auto!important;margin: 0!important;}
	.page .hot ul li a .img img{ width: 100%!important;height: auto!important;margin-top: 0!important;}
	.page .hot ul li a .bot{float: right; width: 4rem!important; padding: 0!important;}
	.page .hot ul li a .bot p{font-size: 12px; -webkit-line-clamp: 2;height: auto;}
	.page .hot{margin-top: 0;}
	
	/* .hot ul li a .img img{width: ;} */
	.page .article .p_main{padding: 0.3rem 0;}
	
		.page .hot_{margin-bottom: 0.4rem;background-color: #f9f9f9;}
		.page .hot_ li a{width: 100%;height: 3.5rem;}
		.page .hot_ li{margin-right: 0;width: 3.5rem;float: left;margin-bottom: 0.2rem!important;padding-top: 0;}
		.page .hot_ li:nth-child(2n){float: right;}
		.page .hot_ li a .img{width: 2rem;height: 2rem;margin-top: 0.48rem;margin-bottom: 0.34rem;}
		.page .hot_ li a .img img{width: 1rem;height: 1rem;margin-top: 0.5rem;}
		.page .hot_ li a h5{font-size: 0.3rem;}
	.page .hot_ li:nth-child(4n){margin: inherit;}
		.page .hot h1{margin-top: 0.6rem;margin-bottom: 0.6rem;}
	.page .tip{background-color: #F9F9F9;margin-top: 0;display: none;}
	.page .article{border: 0;}
	.page .hot_ h1{margin-top: 0.6rem;margin-bottom: 0.6rem;}
	.page .article_{border-bottom: 1px solid #D8D8D8 ;}
}