@charset "utf-8";


@media screen and (max-width: 1680px){
	/* sumi - start */
	
	
	
	
	
	
	@keyframes quan {
		0%{
			top: -50%;
			left: -380px;
		}
		20%{
			top:50%;
			left:-380px;
		}
		50%{
			top:50%;
			left:calc(100% - 380px);
		}
		70%{
			top:-50%;
			left:calc(100% - 380px);
		}
		100%{
			top:-50%;
			left: -380px;
		}
	}
	
	/* 2021.8.25 */
	.t_sypiczi {
		width: 738px;
	}	
	.t_sypctu {
		transform: scale(0.63) rotateY(
	-14deg
	) rotateZ(
	3deg
	) translate3d(49px,-101px,2px)!important;
	}
	.t_syshuli {
		font-size: 24px;
	}
	.t_syshul {
		top: 15.2%;
	}	
	/* 2022.02.08 - 致趣新增 - start */
	
    
    .t_content1720 .t_onb2k2nr .t_content1{
        padding-left: 40px;
        padding-right: 40px;
    }
   
    .ys_cont1540 {
        width: 1260px;
    }
    
	/* 2022.02.08 - 致趣新增 - end */
	/* 2022.03.07 - start */
	.t_content1720 .t_content1{
		max-width: 100%;
	}
	
	/* 2022.03.07 - end */
	
}
@media screen and (max-width: 1560px){
	/* sumi - start */
	
	

	.t_content1720 {
		margin: 0 50px;
		width: calc(100% - 100px);
	}
	

	
    
   
}
@media screen and (max-width: 1440px){
	
	/* sumi - start */
	

	

	.jiand5 {
		margin-bottom: 40px;
	}

	

	.jiand4 {
		margin-bottom: 26px;
	}

	
	/* sumi - end */
	.t_headlogo a {
		line-height: 80px;
	}
	.t_navone a {
		line-height: 80px;
	}
	/* .t_navmian {
		line-height: 80px;
	} */
	.t_naver {
		width: 1300px;
	}
	.t_naverlf {
		width: calc(100% - 380px);
		padding: 30px 30px 50px;
	}
	.t_naverrg {
		width: 380px;
	}
	.t_navvideo1 {
		padding: 30px 30px 36px 30px
	}
	.t_navwhy a {
		padding: 36px 34px 36px;
	}
	.t_head .t_content1{
		width: calc(100% - 100px);
	}
	.t_naverhua .t_naver {
		position: fixed;
		top: 120px;
		left: 30px;
		transform: translateX(0);
		z-index: 10;
	}
	.t_content1 {
		width: 85%;
	}
	.t_sypiczi {
		width: 756px;
	}
	
	
	.t_contentb {
		margin-top: 120px;

	}	
	.t_sybanbo .t_content1 {
		width: calc(85% + 100px);
	}
	
	
	
	.t_naverlf {
		padding: 40px 40px 62px;
	}
	.t_navvideo1 {
		padding: 40px 50px 40px 30px;
	}
	.t_navwhy a {
		padding: 44px 34px 44px;
	}

	
	
	
	
	.t_topjian {
		margin-top: 120px;
	}
	.fonth5 p {
		font-size: 20px;
	}
	
	.

	
	
	
	
	.yxedr_active img{
		margin-bottom: 18px;
		margin-top: 18px;
	}
	
	
	.t_zqce {
		right: 16px;
		bottom: 80px;
	}	
	


	.t_biao {
		margin-bottom: 24px;
		padding-top: 40px;
	}
	.t_qianw {
		line-height: 36px;
	}
	.t_qiansvg {
		line-height: 36px;
	}
	.t_bianq {
		line-height: 36px;
	}
	
	
	.t_topwen {
		line-height: 30px;
	}
	.t_topsvg {
		line-height: 30px;
	}
	.t_headlogo a {
		line-height: 70px;
	}
	.t_navone a {
		line-height: 70px;
	}
	/* .t_navmian {
		line-height: 70px;
	} */
	.t_naverhua.t_naver {
		position: fixed;
		top: 100px;
		left: 50px;
	}
	
	.t_topjian {
		margin-top: 100px;
	}
	.t_contentb {
		margin-top: 70px;
		
	}
	
	
	
	
	.t_xiatanr {
		width: 620px;
		padding: 36px 0 20px 0;
	}
	.t_sypiczi {
		width: 52%;
	}
	
	.t_freetit {
		margin-bottom: 28px;
	}
	.t_xiatanr {
		padding: 20px 0 0px 0;
	}
	
	
	.t_navmian {
		line-height: 70px;
	}
	.t_navmian .t_anniu1 {
		top: 0px;
	}
	
	
	
	
	
	

	

   
    /* 2021.8.28 */
	.t_sypctu {
		transform: scale(0.63) rotateY( 
	-14deg
	 ) rotateZ( 
	3deg
	 ) translate3d(44px,-93px,2px)!important;
	}
	
    


	 /* 导航 */
	 .t_onnaverfl1, .t_onnaverfl2 {
        padding: 28px 50px 18px;
    }
    .t_onnaverfl3 .t_navvideo1 {
        padding: 28px 40px 40px 40px;
    }
    .t_onnaverfl .t_navertit {
        margin-bottom: 28px;
    }
    .t_onnaverfl3 .t_onnavcha.t_navvideo1 {
        padding: 40px 40px 60px 40px;
    }
    .t_onnaverfl.t_onnaverfl3 .t_onnavcha .t_navertit {
        margin-bottom: 20px;
    }
    .t_nav3le,.t_nav3rg {
        padding: 30px 30px 30px;
    }
    .t_nav3tit {
        margin-bottom: 20px;
    }
    .t_nav3li {
        margin-bottom: 20px;
    }
    .t_nav4list {
        padding: 30px 22px 24px;
    }
	
	.t_frpic {
		width: calc(100% + 100px);
	}
	
	
	
	
	
	
	
	
	.t_naver1p p {
        height: 42px;
    }
    .t_naverlf {
        padding: 20px 40px 30px;
    }
    
    .t_syshuli {
		font-size: 22px;
	}
	.t_syshul {
		top: 15.1%;
	}
	
	/* 导航 */
	.t_onnaverfl .t_naverli {
        margin-bottom: 7px;
    }
	
	.t_naver1p p {
		height: auto;
	}
	.t_onc2k2xin .t_onfont {
		padding-left: 0px;
		padding-right: 0px;
	}

}
@media screen and (max-width: 1366px){
.t_naver {
    width: 1100px;
}
}
@media screen and (max-width: 1280px){
	


	
	
	.t_content3{
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}
	
	.t_buttonr {
		padding: 0 10px;
	}

	
	
	
}
@media screen and (max-width: 1200px){
	
	.t_content1 {
		/* width: calc(100% - 80px); */
	}
	.t_head .t_content1 {
		width: calc(100% - 80px);
	}
	.t_sybanbo .t_content1 {
		width: calc(100% - 80px);
	}
	.t_content1720 {
		margin: 0 40px;
		width: calc(100% - 80px);
	}
	

	
	.t_content3 {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	
	@keyframes quan {
		0%{
			top: -80%;
			left: -320px;
		}
		20%{
			top:50%;
			left:-320px;
		}
		50%{
			top:50%;
			left:calc(100% - 320px);
		}
		70%{
			top:-80%;
			left:calc(100% - 320px);
		}
		100%{
			top:-80%;
			left: -320px;
		}
	}
	.t_content1 {
		width: 100%;
		margin: auto;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.t_naverhua.t_naver {
		left: 40px;
	}
	
	.t_sypctu {
		transform: scale(0.63) rotateY( 
	-17deg
	 ) rotateZ( 
	3deg
	 ) translate3d(41px,-86px,2px)!important;
	}
	
}
@media screen and (max-width: 1199px){
	.g_content{
		width:100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.ys_navph1_header, .ys_navph1_phxia {
        display: block !important;
    }
	.sou_wrap {
        display: none !important;
    }
	
	.t_syhead{
		display: none;
	}
	.t_topnav{
		background: #2b2b2b;
	}
	
	.ys_navph1_xialaph .t_sytoprg{
		text-align: center;
	}
	.ys_navph1_xialaph .t_sytoprg .t_topnav{
		display: inline-block;
		margin:0 20px;
	}
	.t_contentb {
		margin-top: 64px;
	
	}
	.fonth1 h1 {
		font-size: 32px;
	}
	

	.t_sypiczi {
		width: 500px;
	}
	.fonth2 h2 {
		font-size: 28px;
	}
	.t_tit1.jiand4 {
		margin-bottom: 10px;
	}
	
	.fonth3 h3 {
		font-size: 26px;
	}
	
	
	.font20 h6 {
		font-size: 16px;
	}
	
	.t_fotul {
		margin-right: 20px;
	}
	.t_fotpic {
		width: 118px;
	}
	.t_fotbottle {
		width: 540px;
	}
	.t_navmian .t_anniu1 {
		top: 0px;
	}

	
	.t_topsvg {
		line-height: 36px;
	}
	.t_topwen {
		line-height: 36px;
	}
	.t_topnav {
		background: #2b2b2b;
		border-radius: 2px;
	}
	.ys_navph1_xialaph .t_sytoprg .t_topnav {
		margin: 0 15px;
	}
	.ys_navph1_xialaph .t_sytoprg {
		margin: 0 -15px;
	}

	
	.t_topjian {
		margin-top: 64px;
	}
	.fonth6 p {
		font-size: 16px;
	}
	
	.fonth5 p {
		font-size: 18px;
	}
	
	.t_anniu1.t_anbtn1 .t_buttonr {
		line-height: 40px;
		padding: 0 40px;
	}
	
	
	
	
	
	/* 2021.8.25 */
	.t_sypiczi {
		width: 540px;
	}
	.t_sypctu {
		transform: scale(0.63) rotateY( 
	-21deg
	 ) rotateZ( 
	3deg
	 ) translate3d(36px,-70px,2px)!important;
	}
	.t_syshuli {
		font-size: 20px;
	}
	
	.ys_navph1_header .t_navmian {
         line-height: 1; 
    }
}
@media screen and (max-width: 1024px){
	
	
	.t_fotnav{
		width: 100%;
		margin-bottom: 30px;
		text-align: left;
	}
	.t_fotul{
		width: calc(calc(100% - 124px) / 3);
		margin-right: 0px;
	}
	.t_fotul:last-of-type{
		width: 124px;
	}
	.t_fottu{
		float: none;
		display: inline-block;
	}
	.t_fotup{
		text-align: center;
	}
	.t_fotli1 {
		margin: 0 30px;
	}
	.t_fottu {
		margin: 0 -30px;
	}
	.t_fotbottle {
		width: 468px;
	}

	
	
	



	/* 2021.8.25 */
	.t_sypiczi {
		width: 500px;
	}
	.t_syshuli {
		font-size: 18px;
	}
	

}
/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
	/* 2022.02.08 - 致趣新增 - start */
 
	
}
@media screen and (max-width: 950px){
	/* sumi - start */
	.t_content1 {
		width: 100%;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	

	
	.t_pctu{
		display: none;
	}
	.t_phtu{
		display: block;
	}
	

}
@media screen and (max-width: 768px){
	
	.ys_navph1_header .t_navmian {
		line-height: 32px;
	}
	.ys_navph1_header .t_navmian .t_anniu1 {
		top: 3px;
	}

	
	
	.t_sybanbo {
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
	}
	
	

	.t_jian40 {
		margin-bottom: 18px;
	}
	
	
	


	
	.yxedr_active img{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	




	.t_ermapic img {
		width: 180px;
	}
	.t_ermapic {
		width: 210px;
		bottom: 0;
		padding: 15px;
	}
	.t_ermabox {
		width: 210px;
		height: 210px;
	}
	.t_tanclose2.t_tanclose {
		top: -54px;
	}


	.t_anniu1.t_anbtn1 .t_buttonr {
		line-height: 34px;
		padding: 0 10px;
		font-size: 14px;
	}
	.t_e1con.t_topjian {
		margin-top: 32px;
	}
	.t_qianw {
		font-size: 14px;
	}
	.t_bianq {
		font-size: 14px;
	}
	.t_bianq {
		line-height: 30px;
	}
	.t_f1qiab {
		padding: 0 10px;
		margin-right: 8px;
		margin-bottom: 8px;
	}
	.t_qiansvg {
		line-height: 30px;
	}
	.t_qianw {
		line-height: 30px;
	}
	.t_biao {
		margin-bottom: 18px;
		padding-top: 32px;
	}
	
	
	@keyframes yidong2 {
		0%{
			bottom:-50px;
		}
		100%{
			bottom:-2px;
		}
	}
	.t_b1tiao .mCustomScrollBox {
		overflow: visible;
	}
	.t_b1tiao .mCSB_container {
		overflow: visible;
	}
	
	.t_b1tiao{
		width: 100%;
	}
	
	.t_b1tiao #mCSB_2_scrollbar_horizontal{
		opacity: 0;
	}
	.t_b1tiao .mCSB_horizontal.mCSB_inside>.mCSB_container {
		margin-bottom: 0px;
	}
	.t_xiatanr {
		padding: 20px 10px 28px 10px;
	}
	
	
	
	
	.t_xinnewtan .t_freetit {
		margin-bottom: 6px;
	}
	

	
    .t_anjiawen {
        line-height: 34px;
    }
    .t_anjiaic {
        line-height: 34px;
    }
  
    .t_sypctu{
		transform: scale(0.63) rotateY( 
	-30deg
	 ) rotateZ( 
	3deg
	 ) translate3d(14%,-16%,39px)!important;
	}
	.ys_navph1_header .t_navmian {
        line-height:inherit;
    }
    .ys_navph1_header .ys_navph1_wj_hin_right {
        padding-top: 0;
    }
    .ys_navph1_header .t_navmian .t_anniu1 {
        top: 0;
        margin-top: 16px;
    }
    .ys_navph1_wj_hin_right ,.ys_navph1_wj_hin_r_en,.t_navmian {
        height: 100%;
    }
    .t_navmian .t_anniu1{
        position:relative;
        /*height: 100%;*/
        top: inherit;
    }
    .t_anniu1{
        /*position: absolute;*/
        top: 0;
        /*top: 50% !important;*/
        /*transform: translateY(-50%);*/
        right: 0;
        margin-top: 0;
    }
    .ys_navph1_header .t_navmian .t_anniu1{
        margin-top: 0;
    }
    .t_anniu1 a {
        display: inline-block;
    }
    .t_buttonr {
        vertical-align: middle;
    }
    .ys_navph1_header .t_navmian .t_anniu1 {
        padding-top: inherit;
        display: block;
    }
    .ys_navph1_header .ys_navph1_wj_hin_right {
        padding-top: 16px;
        position: relative;
    }

	
}

@media screen and (max-width: 375px) {
	

	.t_onc3shuzi {
		font-size: 12px;
		top: 34.0%;
	}
	
	
	
}