/**/
.wrap {max-width:1650px; height:auto;}
.dot-red {position:relative;}
.dot-red:after {
    content:''; position:absolute; width:8px; height:8px; border-radius:100%;
    background:#DF271B;
}
.ff-pp{font-family: 'Poppins', sans-serif;}
.wrap .fs-22{margin-top:30px;}
@media(max-width:768px){
	.wrap .fs-22{margin-top:2%;}
}

/**/
#se1 {

    background:url(/images/content/main/se1_bg.png) no-repeat center top;
}
#se1 .wrap {max-width:1700px; width:100%; text-align:center; height:100%; position:relative; padding-top:100px;}
#se1 .item {
    max-width:96%; margin:auto; border-radius:50px;
    background-size:cover; background-repeat: no-repeat; background-position:center center;
}
#se1 .item-1 {
    position:relative; top:0; height:840px; color:#fff;
    background-image:url('/images/content/main/se1_p01.png');
    display:flex; align-items: center;
}
#se1 .item-1 .ani_shimmer{
	height:840px; border-radius:50px;
	animation:shimmer 3s;	
	background:linear-gradient(to right, #000 8%, #fff 30%, #000 40%);
	background-size:1632px 100%;
	width:100%;
	position:absolute;
	opacity:0.1;
}
@keyframes shimmer{
	0%{background-position:-1632px 0;}
	100%{background-position:1632px 0;}
}

#se1 .item-1 div.mv_text {height:235px; margin-bottom:100px; z-index:2}
#se1 .item-1 p {text-align:left; padding:0 20px 0 130px;}
#se1 .item-1 div.sc_d{position:absolute; bottom:5%; left:50%; transform:translate(-50%, 0);}
#se1 .item-1 div.fs-15{}
#se1 .item-1 div.line{content:''; border-left:2px solid #fff; height:50px; display:inline-block;}
#se1 .item-1 div.updown{animation: motion 0.8s infinite ease-in-out alternate;}
@keyframes motion{
	0%{bottom:3%;}
	100%{bottom:6%;}
}


@media(max-width:1180px){
	#se1 .wrap {width:96%;}
	#se1 .item-1 p {padding:0 20px 0 100px;}
}
@media(max-width:768px){
	#se1 .item-1 p{padding:0; margin-left:8%;}
	#se1 .item-1 div.mv_text{width:100%;}

}
@media(max-width:425px){
	#se1{background-size:100vh 90vh;}
	#se1 .item-1{height:80vh; background-position:36%;}
	#se1 .item-1 .ani_shimmer{height:80vh;}
	#se1 .item-1 p{text-align:center; margin-left:0; text-shadow:3px 3px 8px rgba(0,0,0,0.3);}
}


/**/
#se2 {
    padding:130px 0;
    background:url(/images/content/main/se2_bg.png) no-repeat center right;
}
#se2 .wrap {display:flex;}
#se2 .wrap > div:nth-child(1) {width:35%;}
#se2 .wrap > div:nth-child(2) {display:flex; width:65%; justify-content: space-between;}
#se2 .wrap > div:nth-child(2) .item {position:relative;}
#se2 .wrap > div:nth-child(2) .item .img {}
#se2 .wrap > div:nth-child(2) .item .img img {display:block; border-radius:30px;}
#se2 .wrap > div:nth-child(2) .item .img img.m{display:none;}
#se2 .wrap > div:nth-child(2) .item .txt {position:absolute; right:30px; bottom:30px; }
#se2 .wrap > div:nth-child(2) .item .txt a{color:#fff;}
@media(max-width:1180px){
	#se2 .wrap {width:96%; word-break:keep-all;}
}
@media(max-width:1180px){
	#se2 .wrap > div:nth-child(2) .item {width:31%;}
	#se2 .wrap > div:nth-child(2) .item .txt {right:13%; bottom:28%; text-align:right;}
}
@media(max-width:820px){
	#se2{padding:100px 0;}
	#se2 .wrap {flex-wrap:wrap;}
	#se2 .wrap > div:nth-child(1) {width:100%; text-align:center;}
	#se2 .wrap > div:nth-child(2) {width:100%; margin-top:5%;}
	#se2 .wrap > div:nth-child(2) .item .img img.m{display:block;}
	#se2 .wrap > div:nth-child(2) .item .img img.p{display:none;}
	#se2 .wrap > div:nth-child(2) .item .txt { text-align:center; right:50%; bottom:50%; transform:translate(50%, 50%); font-size:3.5vw;}
}
@media(max-width:550px){
	#se2 .wrap > div:nth-child(2) .item .img img {border-radius:50%;}	
	#se2 .wrap > div:nth-child(2) {margin-top:8%;}
}


/**/
#se3 {overflow:hidden;}
#se3 .wrap {
    height:958px; border-radius:50px; overflow-x:hidden;
    background:url(/images/content/main/se3_bg.png) no-repeat center center;
}
#se3 .head {
    text-align:center; color:#fff; padding:80px 0 100px 0;
}
#se3 .body {position:relative; padding-bottom:80px;}
#se3 .body .nav-arrow {
    position:absolute; margin:auto; top:0; bottom:0; width:72px; height:72px;
    cursor:pointer; z-index:100;
}
#se3 .body .nav-arrow.nav-prev {left:20px;}
#se3 .body .nav-arrow.nav-next {right:20px;}
#product-owl {width:500px; margin:auto;}
#product-owl.owl-carousel .owl-stage-outer {overflow:initial;}
#product-owl .owl-item {position:relative;}
#product-owl .owl-item.active .item {width:500px; position:relative;}
#product-owl .owl-item,
#product-owl .owl-item.active .item {height:500px;}
#product-owl .owl-item .item {
    background-repeat:no-repeat; background-position:center center;
    border-radius:30px; position:absolute; width:350px; height:350px;
    margin:auto; top:0; right:0; bottom:0; left:0; transition:zoom 200ms;
}
#product-owl .owl-item .item-1 {background-image:url(/images/content/main/se3_p01.png);}
#product-owl .owl-item .item-2 {background-image:url(/images/content/main/se3_p02.png);}
#product-owl .owl-item .item-3 {background-image:url(/images/content/main/se3_p03.png);}
#product-owl .owl-item .item-4 {background-image:url(/images/content/main/se3_p04.png);}
#product-owl .owl-item .item-5 {background-image:url(/images/content/main/se3_p05.png);}
#product-owl .owl-item .item p {transition:all 200ms;}
#product-owl .owl-item .item p:nth-child(1) {padding:40px 40px 20px 40px;}
#product-owl .owl-item .item p:nth-child(2) {padding:0 40px;}
#product-owl .owl-item .item .view-more{display:none;}
#product-owl .owl-item.active .item .view-more {display:block;
    position:absolute; right:40px; bottom:40px; color:#fff; padding:0 56px 0 0;
    background:url(/images/content/main/view_more.png) no-repeat center right; transition:all 0.4s; 
}
#product-owl .owl-item.active .item .view-more:hover{right:20px; transition:all 0.4s; }
#product-owl .owl-item .item .fs-35 {font-size:25px; color:#283C62;}
#product-owl .owl-item .item .fs-17 {font-size:15px;}
#product-owl .owl-item.active .item .fs-35 {font-size:35px; color:#283C62;}
#product-owl .owl-item.active .item .fs-17 {font-size:17px;}
.m_br{display:none;}

@media(max-width:1180px){
	#se3 .wrap {width:96%; height:auto; word-break:keep-all;}
	#product-owl {width:400px; height:400px; line-height:1.3;}
	#product-owl .owl-item,
	#product-owl .owl-item.active .item {height:400px;}
	#product-owl .owl-item .item {width:300px; height:300px; }
	#product-owl .owl-item .item.active p:nth-child(1){padding:10% 10% 2% 10%; display:inline-block;}
	#product-owl .owl-item .item p:nth-child(1){text-align:left; display:inline-block; margin-top:10%; margin-left:6%; padding:0; height:100%;}
	#product-owl .owl-item .item p:nth-child(2){margin-top:-320px; padding-left:6%;}
	#product-owl .owl-item.active .item {width:100%; height:100%; position:relative;}
	#product-owl .owl-item.active .item .view-more {right:8%; bottom:9%;}
	#product-owl .owl-item.active .item .fs-35 {font-size:27px;}
	#product-owl .owl-item .item .fs-17{display:none;}
	#product-owl .owl-item.active .fs-17{display:block;}
}
@media(max-width:820px){
	#se3 .body .nav-arrow{width:50px; height:50px}
	#se3 .body .nav-arrow img{width:50px; height:50px;}
}

@media(max-width:500px){
	#se3 .head {padding:100px 0 50px 0;}
	#se3 .body .nav-arrow.nav-prev {left:10px;}
	#se3 .body .nav-arrow.nav-next {right:10px;}
	#se3 .body {padding-bottom:50px;}
	#product-owl {width:85%;}
	#product-owl .owl-item .item {opacity:0; transition:opacity 200ms;}
	#product-owl .owl-item.active .item {opacity:1; height:350px; }
	#product-owl .owl-item .item p:nth-child(2){margin-top:-240px; }
	.m_br{display:block;}

}



/**/
#se4 {
    background:url(/images/content/main/se4_bg.png) no-repeat center center;
    padding:130px 0;
}
#se4 .wrap {display:flex; justify-content: space-between;}
#se4 .wrap > div:nth-child(1) {width:35%;}
#se4 .wrap > div:nth-child(2) {width:65%;}
#se4 .view-more {
    background:url(/images/content/main/view_more.png) no-repeat center right;
    color:#283C62; padding:0 56px 0 0;
}
#se4 .body {display:flex; justify-content: space-between;}
#se4 .body .post {
    width:320px;
}
#se4 .body .post .post-img {}
#se4 .body .post .post-img img {display:block;}
#se4 .body .post .post-body {border:1px solid #EBEBEB; border-top:0; padding:30px 20px; background:#fff;}
#se4 .body .post .post-body .bbs {color:#283C62;}
#se4 .body .post .post-body .subject {color:#121212;}
#se4 .body .post .post-body .date {color:#BDBDBD;}
#se4 .body .post .post-body a {display:block;}
@media(max-width:1180px){
	#se4 .wrap {width:96%; word-break:keep-all;}	
	#se4 .body .post{width:49%;}
	#se4 .body .post:nth-child(3){display:none;}


}
@media(max-width:820px){
	#se4{padding:100px 0;}
	#se4 .wrap {flex-wrap:wrap;}
	#se4 .wrap > div:nth-child(1) {width:100%;}
	#se4 .wrap > div:nth-child(2) {width:100%; margin-top:5%;}
	#se4 .view-more {margin-top:2%; display:inline-block;}
	#se4 .body .post{width:32%;}
	#se4 .body .post:nth-child(3){display:block;}

}
@media(max-width:550px){
	#se4 .body .post{width:49%;}
	#se4 .wrap > div:nth-child(2) {margin-top:8%;}
	#se4 .body .post:nth-child(3){display:none;}
	

}


/**/
#se5 {
    min-height:610px; padding:140px 0;
    background:url(/images/content/main/se5_p02.png) no-repeat left bottom -300px,
        url(/images/content/main/se5_p01.png) no-repeat right top -200px,
        #F6F6F6;
}
#se5 .wrap {display:flex;}
#se5 .wrap > div:nth-child(1) {width:35%;}
#se5 .wrap > div:nth-child(2) {width:65%;}
#se5 .banner-list {display:flex; flex-wrap:wrap; width:100%;}
#se5 .banner-list .bnr {width:25%;}
@media(max-width:1180px){
	#se5 {min-height:auto; }
	#se5 .wrap {width:96%; word-break:keep-all;}	



}
@media(max-width:820px){
	#se5{padding:100px 0; background-position-x:150%;}
	#se5 .wrap {flex-wrap:wrap;}
	#se5 .wrap > div:nth-child(1) {width:100%; text-align:center;}
	#se5 .wrap > div:nth-child(2) {width:100%; margin-top:5%;}
}
@media(max-width:550px){
	#se5 .banner-list .bnr {width:30%;}
	#se5 .wrap > div:nth-child(2) {margin-top:8%; justify-content:space-evenly;}
}

/**/
#se6 {
    background:url(/images/content/main/se6_bg.png) no-repeat center center;
    background-size:cover; min-height:777px; color:#fff;
}
#se6 a {color:#fff;}
#se6 .head {text-align:center; padding:100px 0;}
#se6 .body {display:flex; justify-content: center;}
#se6 .body > div {
    border:1px solid #fff; width:300px; height:300px; margin:0 2%;
    border-radius:30px; padding:30px; position:relative;
    background-color:rgba(0,0,0,0.3);
}
#se6 .body > div a.plus {position:absolute; right:30px; bottom:30px;}
#se6 .body > div a.plus img {display:block;}
@media(max-width:1180px){
	#se6 .wrap {width:96%; word-break:keep-all;}

}
@media(max-width:820px){
	#se6{padding:100px 0; min-height:auto;}
	#se6 .head {padding:0 0 8% 0;}
	#se6 .body > div {width:30%; height:100%; min-height:217px; }

}
@media(max-width:550px){
	#se6 .body{flex-wrap:wrap;}
	#se6 .body > div {width:96%; min-height:100%; padding:15px 30px; margin-bottom:2%;}
	#se6 .body > div a.plus {width:30px; bottom:15px;}
}


/**/
.fix_ban {
cursor: pointer;
position: fixed; 
right: 40px;
bottom: 40px;
z-index:100;
}
.fix_ban button{
    cursor: pointer;
    /* width: 90px; height: 90px; */
    border-radius: 50px;
    padding: 10px 10px;
    background-color: #DF271B;
    border: none;
	width:90px;
	height:90px;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.30);
	transition:all 0.4s; 
}

.fix_img{
    
    width: 35px; height: 35px;
}
.fix_ban button a p{
	display: none;
    font-weight: 00;
    color: #fff;
    font-size: 16px;
	opacity:0;
	transition:all 0.3s; 
}
.fix_ban:hover .fix_img{margin: 0 auto 10px; transition:all 0.3s; }
.fix_ban:hover button a p{display:block; opacity:1; transition:all 0.3s; }
.fix_btn:hover{transition:all 0.4s; background-color: #283C62; width: 120px; height: 120px; padding: 10px; border-radius: 50%; text-align: center;}
@media(max-width:550px){
	.fix_ban{right: 20px; bottom: 20px;}
	.fix_ban button{width:60px; height:60px; padding:22%;}
	.fix_ban .fix_img{width:31px; height:auto;}
	.fix_ban button a p{display:none;}
	
}