*, a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "微软雅黑", 'Avenir', Helvetica, Arial, sans-serif;
}
a:link,a:visited,a:hover,a:active{text-decoration:none !important;}



.main{
    width: 100%;
    overflow: hidden;
}
.text-right{
    text-align: right;
}






@keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
        transform: scale(1); /*开始为原始大小*/
    }
    25% {
        transform: scale(1.1); /*放大1.1倍*/
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
}

.ballon {
    width: 100%;
    height: 100%;
    background-size: 150px 200px;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
    -webkit-animation-duration: 35s; /*动画所花费的时间*/
}

.swiper-slide-active {
    z-index: 2;
}


.swiper-container {
    width: 100%;
    /*height: 750px;*/
    max-height: 700px;
    --swiper-theme-color: #b91d27;;
}

.swiper-container .swiper-button-prev {
    color: #b91d27;
}

.swiper-container .swiper-button-next {
    color: #b91d27;
}

.swiper-container .banner-img {
    width: 100%;
    height: 100%;
}

.banner1-desc {
    width: 800px;
    height: 140px;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-left: -400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}



.banner2-desc {
    position: absolute;
    top: 0;
    left: 10px;
    height: 50%;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.banner3-desc {
    position: absolute;
    top: 15%;
    left: 7%;
}

.banner3-desc img {
    width: 130px;
}









/*文字竖排*/
.writing {
    writing-mode: vertical-rl;
}

.media{
    display: flex;
    justify-content: center;
    align-items: center;
}


.footer {
    background-color: #222023;
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #201e21; 
}

.footer .container { 
    padding-top: 25px;
}

.footer li {
    margin-top: 8px;
}

.footer .tr {
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
}

.footer a {
    color: #FFFFFF;
    font-size: 12px;
    color: #999999;
}
.footer a:hover {
    color: #666666;
    font-size: 12px;
    color: #999999;
}

.footer .img {
    width: 30px;
    position: relative;
    top: 90px;
}

.copyright {
    background-color: #222023;
    width: 100%;
    height: auto;
    color: #c0c0c0;
    font-size: 12px;
}
.copyright .container{
    padding: 2rem 0;
}







.artice-box:last-child{
    margin-bottom: 0;
}
.artice-box img{
    width: 100%;
    position: relative;
}
.artice-box .text-box{
    position: absolute;
    padding: 64px 88px 88px 64px;
    width: 514px;
    background: #FBFBFB;
    box-sizing: border-box;
    top: 94px;
    z-index: 5;
}
.artice-box .left-box{
    left: -24px;
}
.artice-box .right-box{
    right: -24px;
    width: 664px;
    padding: 64px 64px 88px 88px;
}

.en-us .artice-box .right-box{ top:118px; width: 668px;}

.artice-box .text-box h3{
    font-size: 30px;
    color: #2A2E2E;
    letter-spacing: 0;
    font-family: '70852';
    line-height: 45px;
    font-weight: 400;
}
.artice-box .text-box h3 img{
    width: 216px;
}
.artice-box .text-box h4{
    font-size: 20px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 16px;
    margin-bottom: 4px;
    font-weight: 400;
}
.artice-box .text-box .desc{
    font-size: 14px;
    color: #5F6464;
    letter-spacing: 0;
    line-height: 25px;
    width: 362px;
}
.artice-box .right-box .desc{
    width: 100%;
}

.type-box{
    width: 100%;
}
.type-box .row{
    width: 100%;
    margin: 0;
}
.type-box .row-1 .item-1{
    width: 66.66666666%;
    background: url(../images/core1.png) no-repeat center;
    background-size: 100% 100%;
    height: 271px;
    float: left;
    padding: 40px;
}
.type-box .row-1 .item-2{
    width: 33.33333333%;
    background: url(../images/core2.png) no-repeat center;
    background-size: 100% 100%;
    height: 271px;
    float: left;
    padding: 40px;
}
.type-box .row-2 .item-3{
    width: 33.33333333%;
    background: url(../images/core3.png) no-repeat center;
    background-size: 100% 100%;
    height: 271px;
    float: left;
    padding: 40px;
}
.type-box .row .item{
    box-sizing: border-box;
    float: left;
    padding: 40px;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.type-box .row .item .title{
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-bottom: 25px;
    position: relative;
    font-family: '70852';
	opacity: 0;
	transition:all 0.5s;
    margin-left:8px;
}
.type-box .row .item .mask-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    top: 0;
    left: 0;
    transform: translate(0, 350px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row-1 .item-1 .mask-bg{
    background: #578535;
}
.type-box .row-1 .item-2 .mask-bg{
    background: #578535;
}
.type-box .row-2 .item-1 .mask-bg{
    background: #578535;
}
.type-box .row-2 .item-2 .mask-bg{
    background: rgba(121,192,0,1)
}
.type-box .row-2 .item-3 .mask-bg{
    background: #578535;
}
.type-box .row-2 .item-4 .mask-bg{
    background: #578535;
}
.type-box .row-3 .item-5 .mask-bg{
    background: #578535;
}
.type-box .row-3 .item-6 .mask-bg{
    background: #578535;
}
.type-box .row-3 .item-7 .mask-bg{
    background: #578535
}


.type-box .row .item .label{
   white-space:normal; 
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 25px; 
    display: block;
    text-align: left;
    font-weight: normal;
    position: relative;
    opacity: 0;
    transform: translate(0, 80px);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row .item:hover .mask-bg{
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
}
.type-box .row .item:hover .label{
    opacity: 1;
    font-style: normal;
    font-size: 16px;
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
}
.type-box .row .item:hover .title{
    opacity:1;

}
.type-box .row-2 .item-4{
    width: 66.66666666%;
    background: url(../images/core4.png) no-repeat center;
    background-size: 100% 100%;
}
.type-box .row-3 .item-5{
    width: 66.66666666%;
    background: url(../images/core5.png) no-repeat center;
    background-size: cover;
}
.type-box .row-3 .item-6{
    width: 33.33333333%;
    background: url(../images/core6.png) no-repeat center;
    background-size: 100% 100%;
}

.student .link-box{
    margin-top: 0;
}

.pc-bg{
    display: block;
}
.mobile-bg{
    display: none;
}

.student .brand-item .label-box{ min-width:240px; margin-right: 20px;}
.student .brand-item .desc-box .desc{ margin-top:17px;}
.student .mod-section-ad h2{ width: 550px; margin-top: 120px;}


@media all and (max-width:1440px){
    .en-us .type-box .row .item .title{ font-size:24px;}
    .en-us .type-box .row .item .label{ line-height: 24px;}
}


@media all and (max-width:1024px){
    .student .mod-section-ad h2{ margin-top:70px;}
    .en-us .type-box .row .item .label{ display:none;}
    .en-us .type-box .row .item:hover .mask-bg{ display:none;}
}



@media all and (max-width:768px){
    .student .mod-section-ad h2{ width:450px;}
}

@media all and (max-width:425px){
    .student .mod-section-ad .desc br{ display: none;}
    .artice-box .text-box h4{ font-size:16px; line-height: 1.5;}

    .type-box .row .item{
        height: 130px;
        padding: 25px 5px 0 5px;
    }
    .type-box .row .item .title{
        display:none;
    }
    .type-box .row .item .mask-bg{
        transform: translate(0, 130px);
    }
    .type-box .row .item:hover .label{
        font-size: 10px;
        white-space:normal;
        line-height: 8px;
        font-weight: 300;
		top:0;
    }
}

@media all and (min-width:1200) {
	.type-box .row .item{
		height: 500px;
	}
}

/*  */
.center_col{
/*	margin-top: 88px;*/
	text-align: center;
	color: #8d652b;
	/*margin-bottom: 22px;*/
}
.center_col .size28{
	font-size: 28px;
	margin-top: 10px;
}
.center_col .size36{
	font-size: 36px;
	margin-top: 120px;
	margin-bottom: 40px;
}
.center_col .size35{
	font-size: 36px;
}
.center_col .size26{
	font-size: 26px;
	margin-top: 34px;
}
.btn_a a{
	padding: 30px 60px;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 46px;
	color: #8d652b;
}
.center_col .btn_a a:hover{
	color: #d92f3c;
	text-decoration: none;
}
.center_col{
	position: relative;
}
.btn_p1 a{
	position: absolute;
	top: 650px;
	right: 320px;
	width: 300px;
	height: 100px;
	/* border: 1px solid red; */
	display: block;
}

.btn_p2 a{
	position: absolute;
	top: 1220px;
	right: 320px;
	width: 300px;
	height: 100px;
/* 	border: 1px solid red; */
	display: block;

}
.center_lx{
	text-align: center;
	margin-top: 100px;
}
.center_lx h2{
	font-size: 38px;
}
.center_lx p{
	font-size: 16px;
}
.cent_ft{
	width: 1200px;
	margin: 0 auto;
	margin-top: 130px;
}
.cent_ft .l{
	width: 600px;
	float: left;
}
.cent_ft .l li{
	text-align: left;
	margin-bottom: 40px;
	color: #6c6c6c;
	font-size: 18px;
}
.cent_ft .l .bg_r{
	background-color: #b91d27; /*f4f4f4*/
	width: 260px;
	height: 80px;
	line-height: 80px;
	margin-top: 110px;
	text-align: center;
	color: #ffffff;/*8d652b*/
}
.cent_ft .l .bg_r a{ 
    color: #ffffff;/*8d652b*/
}
.cent_ft .r{
	width: 600px;
	float: left;
}



/* 产品系列开始 */
.line_cen{
    margin-top: 106px;
    text-align: center;
}
.line_cen .top110{
    margin-top:30px;
}
.line_cen .top120{
    margin-bottom:80px;
}
.line_cen .line_p{
    font-size: 20px;
    line-height:30px;
}
.line_f{
    width: 1400px;
/*  border: 1px solid red; */
    margin: 0 auto;
    height: 424px;
}
.line_f .l img{
    width: 700px;
    float: left;
    height: 424px;
}
.line_f .r img{
    width: 700px;
    float: left;
    height: 424px;
}
.line_f .r{
    width: 700px;
    float:left ;
    padding-top: 20px;
    padding-left: 120px;
}
.line_f .r .line_p1{
    text-align: left;
    font-size: 16px;
    line-height: 30px; 
}
.line_p1 span{
    font-size: 20px;
}
.dj {
    margin-top: 40px;
}
.dj .djl a{
    padding: 10px 40px;
    background: #a4863e;
    color: #fff;
    float: left;
}

.dj .djr a{
    padding: 10px 40px;
    background: #b91d27;
    color: #fff;
    float: left;/*
    margin-left: 60px;*/
}
.cent{
    padding: 80px 0px 0px 50px;
}
.cent a{
    padding: 15px 40px;
    background-color: #f0f0f0;
        border: 1px solid #ccc;
        color: #000;
        float: left;
        margin-top: 30px;
    }
.cent a:hover{
    color: #b91d27;
}
.core_show{
	display: none;
}
.div_mass{
	background:url(../images/19_04.png) center center no-repeat; margin-top: 9px;
}

/* 产品系列结束 */


/* @media screen and (max-width: 768px) {
    .center_col img {
       width: 100%;
    }
	.nav-logo .logo{
		width: 42px;
		height: 42px;
	}
} */
@media screen and (max-width: 768px) {
.center_col img {
   display: none;
}
.core-head,.core_head{
	display: none;
}
.div_mass{
	padding: none;
}
.core_show{
	display: block;
}
.core_show img{
	width: 100%;
}
.nav-logo .logo{
	width: 42px;
	height: 42px;
}
.line_f .l,.line_f .r {
	clear: both;
	padding-bottom: 50px;
	background-color: #fff;

}
.line_f .l img,.line_f .r img{
		width: 30%;
		height: 220px;
}
.cent{
    padding:30px 0px 0px 50px;
}
.line_f .r {
    width: 700px;
    float: left;
    padding-top: 20px;
    padding-left: 3.5%;
}

.core_show_pr {
	position: relative;
}
.show_b1 a{
	position: absolute;
	top: 0;
	right: 2%;
	top: 74%;
	width: 140px;
	height: 80px;
	display: block;
/* 	border: 1px solid red; */
}
.show_b2 a{
	position: absolute;
	top: 0;
	right: 2%;
	top: 12%;
	width: 140px;
	height: 80px;
	display: block;
/* 	border: 1px solid red; */
}
.copyright .container{
    padding: 4rem 0;
	clear: both; 
}
.copyright .container span{
    display: block;
}

.core_show .d_mxa{
	width: 32%;
}
.cent_ft .l li {
    text-align: left;
    margin-bottom: 40px;
    color: #6c6c6c;
    font-size: 18px;
    width: 60%;
	margin-left: 2%;
}
.cent_ft {
    margin-top: 60px;
}
.div_mass{
	display: none;
}
.core_show_pr{
	position: relative;
}
/*
.footer2{
	margin-top: 500px;
}
 

.footer2 {
    background-color: #222023;
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #201e21; 
}

.footer2 .container {
    position: relative;
    padding-top: 25px;
}

.footer2 li {
    margin-top: 8px;
}

.footer2 .tr {
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
}

.footer2 a {
    color: #FFFFFF;
    font-size: 12px;
    color: #999999;
}
.footer2 a:hover {
    color: #666666;
    font-size: 12px;
    color: #999999;
}

.footer2 .img {
    width: 30px;
    position: relative;
    top: 90px;
}*/

.core_show .box{ position:relative;}
.core_show .box a{ display:block; width:81px; height:21px; line-height:21px; border:1px solid #fff; color:#fff; font-size:10px; text-align:center; border-radius:5px;}
.core_show .box a:hover{ background:#fff; color:#389f14}
.core_show .box .a1{ position:absolute; left:6px; top:-218px;} 
.core_show .box .a2{ position:absolute;  left:241px; top:-315px;} 
.core_show .box .a3{ position:absolute; left:241px; top:-286px;} 
.core_show .box .a4{ position:absolute;  left:201px; top:-246px;} 
.core_show .box .a5{ position:absolute;  left:101px; top:-246px;} 
.core_show .box .a6{ position:absolute;  left:80px; top:-280px;} 
.core_show .box .a7{ position:absolute;  left:102px; top:-306px;} 
.core_show .box .a8{ position:absolute;  left:187px; top:-343px;} 
.core_show .box .a9{ position:absolute; left:321px; top:-343px;} 
.core_show .box .a10{ position:absolute; left:341px; top:-303px;} 
.core_show .box .a11{ position:absolute; left:351px; top:-273px;} 
.core_show .box .a12{ position:absolute;  left:395px; top:-342px;} 
.core_show .box .a13{ position:absolute;  left:358px; top:-246px;} 
.core_show .box .a14{ position:absolute;  left:348px; top:-218px;} 
.core_show .box .a15{ position:absolute;  left:325px; top:-196px;} 
}