.title{text-align: center;}
.title p{text-transform: uppercase; color: #dfba6b; font-family: 'chakaregular';}
.title h1{font-size: 30px; font-size: 3rem; font-weight: bold;}

.phoneBanner{display:none;}
.banner.ban img{width:100%}
.section1{margin-bottom: 115px;}
.section1 .pack{position: relative;}
#type02 img{width:100%;display:block;}
.section1 .title{margin: 35px 0;}
.section1 .cell{ float: left;width: 25%;position: relative; cursor: pointer;}
.section1 .cell img{ display: block;width: 100%;}
.section1 .pack .cover{ position: absolute; left: 0; width: 100%;/* right: 0;*/bottom: 0;top: 0; background: rgba(0,0,0,.4);transition: all 0.1s linear;z-index: -1;}
.section1 .pack .cover.on{z-index: 1;}
.section1 .big_img{position: absolute; left: 0;right:0; top:50%;bottom:50%;overflow: hidden;transition: all 0.3s linear;z-index: 10; background-color: rgba(255,255,255,.001); opacity: 0;}
.section1 .big_img .wrap{display: block;}
.section1 .big_img img{width: 100%; display: block;}
.section1 .big_img.over{top: -88px;bottom: -88px; opacity: 1;}
.section1 .big_img.over .wrap{width: 1000px;}
#type02 .swiper-button-next{background-image: url(/img/join/rg3.png);}
#type02 .swiper-button-prev{background-image: url(/img/join/lf3.png);}
.big_pic video{width:100%}
.section2 .title{margin-bottom: 30px;}
.section2 .left{ width: 580px;}
.section2 .right{ width: 580px;}
.section2 .left img{ display: block; width: 100%;}
.section2 .left .pic_pack{margin-top: 20px;}
.section2 .left .pic_pack>img{width: 18%; margin-right:2.5%; float: left;}
.section2 .left .pic_pack>img:nth-last-child(1){margin-right:0;}
.section2 .text_container .text{display: none;}
.section2 .right .topic{font-size: 24px;font-size: 2.4rem; font-weight: bold; position: relative;padding-bottom: 16px;}
.section2 .right .topic:after{position: absolute;content: "";bottom: 0;left: 0; width: 50px;height: 2px;background-color: #333;}
.section2 .right .txt{line-height: 30px;/*font-size: 16px;font-size: 1.6rem;*/}
.section2 .right .txt>p{margin-top: 10px; text-indent: 2em;}
.section2 .tab_box{text-align: right; margin-top: 50px; font-size: 0;}
.section2 .tab_box .tab{display: inline-block; padding: 8px 15px; cursor: pointer;border-radius: 6px 6px 6px 6px; font-size: 14px;font-size:1.4rem;}
.section2 .tab_box .tab.active{color: #fff; background-color: #E4B14D;}
.section2 .tab_box .tab.active a{color:#FFF;}
.tab_box .tab:hover{background-color: #E4B14D; color: #FFF;}
.tab_box .tab:hover a{color: #FFF;}

.section3 .title{ margin: 50px 0 30px;}
.section3 a{color: #fff; display: block; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
.section3 .pack{background: url("/img/index/bg.png") no-repeat center;background-size: cover;padding: 100px 0; position: relative;}
.section3 .left ,.section3 .right{width: 420px; box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.51);padding: 30px 60px;}
.section3 .left-pic img{width:72%;margin-left:2%;}
.section3 .topic h4{font-size: 24px;font-size: 2.4rem; text-align: center; color: #fff; margin: 5px 0 25px; }
.section3 .topic span{display: inline-block; position: relative;}
.section3 .topic span:before , .section3 .topic span:after{ content: ""; position: absolute;top: 14px; width: 8px;height: 8px; border-radius: 50%; background-color: #fff;opacity: .5;}
.guanggaoImg{width:100%;
    display: block;}
	.guanggaoImgMobile{
		display:none;
	}
.guanggao{width:100%;position:fixed;left:0;bottom:0;z-index:999}
.name{
	width: 146px;
	height: 43px;
	padding:0 15px 0 14px;
	background-color: #ffffff;
	border-radius: 8px;
	margin-right:10px
}
.guanggao>div{width:576px;bottom:21px;position:absolute;left:50.26%;
    align-items: flex-end;
    display: flex;
    flex-direction: column;}
.guanggao>div>div form{display:flex;align-items:center;}
.ljsq input{width:100%;height:100%;background:none;color:#fff;font-size: 16px;
	cursor: pointer;}
.name input{
		border:none;
		outline:none;
		width:100%;
		height:100%;
		font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 52px;
	letter-spacing: 0px;
	color:#333
	}
	.guanggaoClose{margin-bottom:37px;width: 29px;
	cursor: pointer;
	height: 29px;}
	.name input::-webkit-input-placeholder{
	color: #666666;}
.mobile{width: 224px;
padding:0 15px 0 14px;
	height: 43px;
	overflow:hidden;
	margin-right:9px;
	background-color: #ffffff;
	border-radius: 8px;}
	.mobile input{
		border:none;
		outline:none;
		width:100%;
		height:100%;
		font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 52px;
	letter-spacing: 0px;
	color:#333
	}
	.ljsq{
	width: 129px;
	height: 43px; 
	cursor: pointer;
	background-color: #f3151a;
	border-radius: 8px;
	border: solid 2px #ffffff;
	text-align:center;
	line-height:43px;
	font-size: 16px;
	color: #ffffff;
	}
	.mobile input::-webkit-input-placeholder{
	color: #666666;}
.section3 .topic span:before{left: -21px;}
.section3 .topic span:after{right: -21px}
.section3 .topic{text-align: center;}
.section3 .middle .topic img{width:72px;}
.topic img:hover{animation:rubberBand 1s both;}
.section3  .item-1st{margin-bottom: 5px;}
.section3  .item-1st .txt{margin-left: 150px; line-height: 22px; margin-top: 5px; height: 66px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3; display: none;  -webkit-box-orient: vertical;}
.section3  .item-1st .txt a:hover{color: #E4B14D;}
.section3  .item{ font-size: 14px; position: relative; margin: 10px 0;padding-left: 20px;}
.section3  .item>a:hover{color: #E4B14D;}
.section3  .item:before{content: ""; position: absolute; left: 0;top: 7px; width: 8px; height: 8px; background-color: #fff; opacity: .5; border-radius: 50%;}
.section3 .more .btn{ width: 70px; height: 30px; line-height: 30px;text-align: center;border: 1px solid #E4B14D; border-radius: 6px; margin: 32px auto 0; transition: all .5s linear;}
.section3 .more .btn:hover{background-color: #E4B14D;}
.section3 .form{border: 1px solid rgba(255,255,255,.5);padding: 25px 30px;border-radius: 5px; margin-bottom: 66px;  margin-top: 56px;}
.section3 .form>a{line-height: 47px; border-top: 1px solid #fff;text-align: center; letter-spacing: 2px;}
.section3 .form>a:hover{color: #E4B14D;}
.section3 .form>a:first-child{border-top-color:transparent; }
.section3 .middle{ width: 400px; background-color: #E4B14D;position: absolute;top: 80px;left: 50%;margin-left: -200px;bottom:80px; box-sizing: content-box;text-align: center; padding-top: 30px;}
.section3 .join{line-height: 2; font-size: 16px;font-size: 1.6rem; margin-top: 30px;}

.section3 .middle .topic h4{color: #40220F;}
.section3 .middle .more .btn{background-color: rgba(255, 255, 255, 0.5); color: #000; width: 86px;height: 34px;line-height: 34px; transition: all .5s linear; margin-top:40px;}
.section3 .middle .more .btn:hover{background-color: rgba(255, 174, 174, 0.5); color: #FFF; }

.section4 .title{margin: 50px 0 35px;}
.section4 .cols{float: left;width: 33.1%;}
.section4 .cols img{display: block;width: 100%;}
.section4 .small .item{float: left;width: 49.5%; position: relative; margin-top: 1%;}
.section4 .small .item:first-child{margin-right: 1%;}
.section4 .cols .big{position: relative;}
.section4 .cols .cover{position: absolute;left: 0;right:0;bottom:0; color: #fff; background-color: rgba(0,0,0,.5); top: 0; opacity: 0; transition: all .5s linear;}
.section4 .cols .cover>a:first-child{color: #fff; display: block; text-align: center;position: absolute;left: 10%;right: 10%;bottom: 30px;}
.section4 .cols_mid{margin: 0 .35%;}
.section4 .cols_mid .small .item{margin-bottom:  1%; margin-top: 0;}
.section4 .cover .name{font-size: 18px; font-size: 1.8rem;line-height: 18px;   height: 18px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom: 10px;}
.section4 .cover .txt{font-size: 14px; font-size: 1.4rem;line-height: 26px;   height: 52px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.section4 .cols .cover>a.look{ color: #E4B14D;position: absolute;right: 10%;bottom: 10px;}
.section4 .cols .big:hover .cover{ opacity: 1;}
.section4 .cols .item:hover .cover{ opacity: 1;}

.section5{margin-top: 60px;}
.section5 .title2{  font-size: 30px; font-size: 3rem; border-bottom: 1px solid #E4B14D;margin: 60px 0;} 
.section5 .title2 span{ display: inline-block; padding: 10px 25px;background-color: #E4B14D; color: #000; font-size: 3rem; font-weight: bold;}

.section5{margin-bottom: 80px;}
.section5 .left{ width: 575px;position: relative; padding-bottom: 32px;}
.section5 .topic{ font-size: 24px;font-size: 2.4rem;}
.section5 .topic img{width:20px; margin-right:8px; margin-top:0; position:relative;top:2px;}
.section5 .Q-item .name{ font-size: 16px;font-size: 1.6rem; display: block; margin: 25px 0 10px; font-weight:bold;width:100%}
.section5 .Q-item .txt{line-height: 26px;line-height: 26px;   height: 78px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom: 25px;}
.section5 .Q-item .txt:hover{color: #E4B14D;}
.section5 .Q-item .name:hover{color: #E4B14D;}
.section5 .left .pic>img{display: block;width: 100%;}
.section5 .swiper-button-prev,.section5 .swiper-button-next{width: 23px; height: 22px; bottom: 0; background-size: cover; top: auto;}
.section5 .swiper-button-prev{background-image: url("/img/index/btn1.png");left: auto; right: 35px;}
.section5 .swiper-button-next{background-image: url("/img/index/btn2.png"); right: 0;}
.section5 .tab-box{ font-size: 0; margin-bottom: 5px;}
.section5 .tab-box .tab{display: inline-block; padding: 8px 15px 8px 0; cursor: pointer;font-size: 24px;font-size:2.2rem;opacity: .7;}
.section5 .tab-box .tab.active{opacity: 1; color:  #E4B14D;}
.section5 .new-box>div{display: none;}
.section5 .new-box .item{height: 40px;line-height: 40px;border-bottom: 1px dashed #ccc; position: relative;}
.section5 .new-box .item>a{display: block; width: calc(100% - 80px);overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.section5 .new-box .item>a:hover{color: #E4B14D;}
.section5 .right{ width: 540px;}
.section5 .new-box .time{position: absolute;right: 0;top: 0;}
.section5 .mores{text-align: right; margin-top: 20px; position: relative;}
.mores>a{ position: absolute; right: 0;  padding-bottom: 3px; overflow: hidden;}
.mores>a::after{content: ""; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: 0px; left: 0; transform: translate3d(-50%, 0%, 0);}
.section5 .mores>a:hover{color: #E4B14D;}
.section5 .mores>a:hover:after{ animation: goto infinite 1s;}
.swiper-pagination-bullet{background:rgba(222, 222, 222, 0) !important; border: 1px solid #E4B14D; width: 12px !important; height: 12px !important;}
.swiper-pagination-bullet-active {background: #E4B14D !important; width: 13px !important; height: 13px !important;}

/*¶¯»­*/
#s1{overflow: hidden;}
#s1 ul{transition: all 1s ease-in; width: 200%;}
#s1 ul li{width: 100%; float: left; max-width: 50%;}

.s2{height:160.27px;overflow: hidden;}
.s2 ul{transition: all 1s ease-in;}

.s3{height:160.27px;overflow: hidden;}
.s3 ul{transition: all 1s ease-in;}

#s4{overflow: hidden;}
#s4 ul{transition: all 1s ease-in; width: 200%;}
#s4 ul li{width: 100%; float: left; max-width: 50%;}

#s5{overflow: hidden;}
#s5 ul{transition: all 1s ease-in; width: 200%;}
#s5 ul li{width: 100%; float: left; max-width: 50%;}

.s6{height:160.27px;overflow: hidden;}
.s6 ul{transition: all 1s ease-in;}


@keyframes goto {
    from{
         transform:translate3d(-50%, 0%, 0);
     }
    to {
        transform: translate3d(100%, 0%, 0);
    }

}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, .95, 1);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}
@media screen and (max-width:1219px){
    .section2 .left{width: 47%;}
    .section2 .right{width: 50%;}
    .section2 .right .txt{font-size: 14px;font-size: 1.4rem; line-height: 26px;}
    .section2 .right .txt>p{margin-top: 15px;}
    .section2 .tab_box{margin-top: 20px;}
    .section3 .left, .section3 .right{width: 33%;padding: 3%;}
    .section3 .middle{width: 35%;margin-left: -17.5%;}
    .section5 .left{width: 48%;}
    .section5 .right{width: 48%;}
	.banner img{display:block;width:100%;}
	.ban{height:auto !important;
}
@media screen and (max-width:1023px){
    .title h1{font-size: 24px;font-size: 2.4rem;}
    .title .qx{ width: 100px;}
    .section2 .right .topic{font-size: 20px; font-size: 2rem;}
    .section1{margin-bottom: 80px;}
    .section2 .left,.section2 .right{float: none; width: 100%; margin-bottom: 20px;}
    .section2 .big_pic img{width: 80%; margin: 0 auto;}
    .section3  .item-1st img.lt{ width: 100px;}
    .section3  .item-1st .txt{margin-left: 110px;}
    .section3 .topic h4{font-size: 24px;font-size: 2.4rem;}
    .section3 .topic span:before, .section3 .topic span:after{ width: 12px;height: 12px;top:8px;}
    .section3 .pack{padding: 80px 0;}
    .section3 .middle .more .btn{margin-top: 30px;}
    .section5 .tab-box .tab{font-size: 18px; font-size: 1.8rem;}
    .section5 .tab-box{margin-bottom: 0;}
    .section5 .title2{ font-size: 24px;font-size: 2.4rem;}
    .section5 .topic{font-size: 20px;font-size: 2rem;}
    .section5 .new-box .item{height: 36px;line-height: 3.6rem;}
    .section4  .small .cover .txt{ display: none;}
    .section4 .cover .name{font-size: 16px;font-size: 1.6rem;}
}
@media screen and (max-width:767px){
	.phoneBanner{display:block;}
	.pcBanner{display:none}
    .title h1,.section5 .title2{font-size: 20px;font-size: 2rem;}
    .title p{font-size:12px;font-size: 1.2rem;}
    .section3 .left, .section3 .right{float: none;width: 90%;margin: 20px auto;padding: 5%;}
    .section3 .middle{position: static;padding: 8% 0; width: 90%; margin: 0 auto;}
    .section4 .cols{float: none;width: 100%; margin-bottom: 1%;}
    .section2 .big_pic img{width: 100%;}
    .section5 .left,.section5 .right{ float:none;width: 100%;margin-bottom: 20px;}
    .section1 .cell{width: 50%;}
    .section1{margin-bottom: 40px;}
    .section3 .pack{background-position: 0 0;}
    .banner img{position:static; width:100% !important;}
	.guanggaoImg{
		display:none;
	}
	.guanggaoImgMobile{
		display:block;
		width:100%;
	}
	.name{
	width: 25%;
    height: 30px;
    padding: 0 10px 0 10px;
	}
	.mobile{
		width:45%;
	height:30px;
	}
	.guanggao>div{
		width:90%;
		bottom:7px;
		left:5%;
	}
	.guanggao>div>div{
		width:100%;
	}
	.guanggao>div>div form{
		justify-content: space-between;
	}
	.ljsq{
		width:25%;
			height:30px;
			line-height: 30px;
			bottom:6px
	}
	
	.name input{
		font-size:10px;
	}
	.mobile input{
		font-size:10px;
	}
	.guanggaoClose {
    margin-bottom: 28px;
    width: 20px;
    cursor: pointer;
    height: 20px;
}
.udesk-client-btn{
	bottom:100px !important;
}
}
@media screen and (max-width:500px){
	
	.left-pic img{display: block; width: 75% !important; margin: 0 auto; float: none;}
	.section3  .item{text-align:center;}
    .section3  .item::before{left:20px;}
    .swiper-pagination-bullet{width: 7px !important; height: 7px !important;}
    .swiper-pagination-bullet-active{width: 8px !important; height: 8px !important;}

}
.friendship{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.friendship-title{
    color: rgb(223, 222, 222);
    font-size: 14px;
    margin-right: 10px;
}
.friendship a{
    color: rgb(223, 222, 222);
    font-size: 14px;
    margin-right: 10px;
}
/* .friendship a:not(:first-child){
    margin-left: 10px;
} */
.friendship a::after{
    margin-left: 10px;
    content: '|';
    font-size: 13px;
}
.friendship a:last-child::after{
    display: none;
}
<!--ºÄʱ1764538895.2683Ãë-->