@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; }
html{font-size: 10px;   max-width: 100vw; }
img{ border:0; margin-bottom:0}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1440{ width:75vw; margin: 0 auto; }

.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

@font-face {
    font-family: 'maoken';
    src: url('../font/TT0365M_(1).TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/* 导航栏 */
.header_nav{height:100px; width:100%; position: fixed; top:0; left:0; z-index: 99;  background: #fff; }
.h_logo{width:160px; height:100%; position: absolute; top:0; left:50%; margin-left:-80px; z-index: 9 }
.h_logo img{width:100%; height: auto; align-items: center; margin:26px auto 0; position: relative; z-index: 9}
.h_logo:after{content: ""; width: 333px; height: 49px; position: absolute; top:96px; left:50%; margin-left:-166.5px; 
	background: url(../images/logo_xx.png) no-repeat center}
.header_dianhua{width:auto; position: absolute; top:25px; right:5%; text-align: center; height:100px;}
.header_dianhua p{color:#f7b61e; font-size: 14px;}
.header_dianhua span{color:#f7b61e; font-size:20px; font-weight: bold;}
.nav .header-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  width:1320px;  margin: 0px auto; }
.nav .header-menu .item-nav { margin: 0 38px; }
.nav .header-menu .item-nav:nth-of-type(4) { margin-right:290px; }
.nav .header-menu .item-nav:nth-of-type(5) { margin-left: 0; }
.nav .header-menu .item-nav > a { font-size: 16px; padding:39px 0;  color: #131313; display: block; position: relative; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
.nav .header-menu .item-nav > a::after { position: absolute; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; height: 0px; left: 0; right: 0; height: 3px; margin: auto; content: ''; width: 0; bottom:22px; }
.nav .subNav-menu::before { -webkit-transition: all .5s ease; transition: all .5s ease; content: ''; display: block; position: absolute; top: 0; left: -100vw; width: 200vw; height: 0; background-color: #333; -webkit-transition-delay: .5s; transition-delay: .5s; }
.nav .subnav-wrap { position: absolute; top: -webkit-calc(100% - 1px); top: calc(100% - 1px); text-align: left; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; left: 22%; }
.nav .subnav-wrap::after { content: ''; }
.nav .subnav-wrap ul { -webkit-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; position: relative; font-size:16px; font-weight: 700; margin-top: 44px; margin-bottom:44px;
	z-index: 100; } 
.nav .subnav-wrap ul li { display: inline-block; vertical-align: middle; margin-right: 40px; }
.nav .subnav-wrap ul li a { -webkit-transition: color .4s ease-out; transition: color .4s ease-out; display: inline-block; padding-right: 28px; color: #fff; position: relative; letter-spacing: 1px; line-height:30px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
.nav .subnav-wrap ul li a:hover { color: #C6B17C; }
.nav .header-menu .item-nav:hover .subnav-wrap .subNav-menu::before { height: 100%; -webkit-transition-delay: .3s; transition-delay: .3s;}
.nav .header-menu .item-nav:hover .subnav-wrap { visibility: visible;}
.nav .header-menu .item-nav:hover .subnav-wrap ul {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.nav .header-menu .item-nav:hover > a::after {  background: #000; width: 100%;}
.header_nav #bump { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width:200px; height:20px; z-index: 200; pointer-events: none; top:99px; z-index: 2; opacity:1 }
.header_nav .m-menu { display: none; }
.sj_yuyan{width:100%; height:auto; display:none; position:absolute; bottom:20%; left:8%}
.sj_yuyan a{color:#ffffff; font-size: 2.8rem; font-family: "maoken"; }
.mtop{position:fixed; bottom:10%; right:8px; z-index:9; width:62px; animation:mymove 5s infinite;}
.mtop img{width:100%;}
@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}





/* 首页:banner */
.index_banner{position: relative;  overflow: hidden;  width: 100%; height: calc(var(--vh,1vh) * 100);}
.index_banner_top{position: absolute;  top: 0px; left: 0px;  width: 100vw; height: 90vh; overflow: hidden;  pointer-events: none; will-change: transform; z-index: 1;}
.index_banner_top img{height: 100%;}
.ban_zi{display: block;  position: absolute; top: 20%; left: 0px; transform: translateX(-30%); z-index: 10;}
.ban_info{position: relative; height: 100%;  display: flex; -webkit-box-align: center; align-items: center;  margin: 0px auto; width: 67%; z-index: 2;}
.ban_info p{position: relative;  font-size: 2rem;  font-weight: 500;  line-height: 1.2;  letter-spacing: 0.4rem;  text-transform: uppercase;  color: rgb(255, 255, 255);  padding-left: 3rem;  background: url(../images/h_jts.png) no-repeat left center; margin-bottom:10px}
.ban_neirong{position: relative; width: 100%; max-width: 98rem; color: rgb(255, 255, 255); overflow-wrap: normal; z-index: 10; font-size:9rem;
    letter-spacing: -0.2rem;}
.ban_neirong span{ font-family: "maoken"; display: block;
    transform-origin: left bottom;
    will-change: transform;}
.ban_hr{position: absolute; bottom: -30%;  left: 0px; width: 5.7rem; height: 1px;  background-color: rgb(255, 255, 255); transform-origin: left center;}
.in_ban_pic{ position: absolute; bottom: 5vh; right: 0px; width: 56.5%;  height: 90vh;  pointer-events: none;  transform-origin: right center;overflow: hidden;
	z-index: 5;}
.hTpqlp{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  will-change:transform; overflow: hidden; transition: all 0.6s ease-in-out; transform:translate3d(101%, 0, 0)}
.hTpqlp img{width:auto; height: 100%; display: block}
.aUyPj{ position: absolute;  top: 5vh; right: -1.8rem; transform: translateX(calc(100% + 1.8rem)) rotate(90deg);  transform-origin: left top; z-index: 2;}
.aUyPj p{font-family: Maison, sans-serif; font-weight: 400; font-size: 1.4rem; letter-spacing: 0.4rem; line-height: 3;  text-transform: uppercase;
	color: rgb(255, 255, 255); }
.case_nr_zi span{font-size: 12rem;}
.ban_info_top{display: flex; flex-direction: column;}
.case_baninfo{-webkit-box-align: end;  align-items: end; height:86vh; text-align:right}





/*弹出导航*/
.index_MenuOuter{ position: fixed; top: 0px; left: 0px;  width: 100vw; height: calc(var(--vh,1vh) * 100); display: flex; pointer-events: none; z-index: 99;}
.index_MenuOuter.active{pointer-events: all;}
.index_MenuOuter_left{display: flex; flex-wrap: wrap; flex-shrink: 0; width: 50%;}
.MenuOuter_left_top{width:100%; height: 60%; position: relative; transform:translate3d(-101%, 0, 0); transition: all 0.6s ease-in-out;}
.MenuOuter_left_top:after{content: ""; width:100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.3)}
.in_menu_ul{position: absolute; top:15%; left:20%; z-index: 9;}
.in_menu_zi{position: absolute; bottom:7vh; right:10%; text-align: right; z-index: 9}
.in_menu_zi h4{color:#ffffff; font-size: 2.8rem; font-family: "maoken"; margin-bottom:10px }
.in_menu_zi h4 a{color:#ffffff; font-size: 2.8rem; font-family: "maoken"; }
.in_menu_zi p{color:#ffffff; font-size: 14px; font-family: "maoken"; text-transform: uppercase; letter-spacing:3px}
.in_menu_img{width:100%; height: 100%; display: block;     object-fit: cover;
    object-position: center center;}
.MenuOuter_left_one{width:60%; height: 40%; position: relative; transform:translate3d(-101%, 0, 0);  transition: all 0.6s ease-in-out;}
.MenuOuter_left_one img{width:100%; display: block; height: 100%;  object-fit: cover;
    object-position: center center;}
.MenuOuter_left_two{width:40%; height: 40%; position: relative; background: #f78e26; display: flex; -webkit-box-pack: center;
    justify-content: center;  -webkit-box-align: center; align-items: center; transform: translate3d(0px, 101%, 0px);  transition: all 0.6s ease-in-out;}
.MenuOuter_left_two img{}
.index_MenuOuter_nav{position: relative; width: 50%; overflow: hidden; z-index: 2;     background-color: rgb(36, 36, 36); transform: translate3d(0px, 101%, 0px);  transition: all 0.6s ease-in-out;}
.MenuOuter_nav_ul{position: absolute; display: flex; -webkit-box-align: center;  align-items: center; padding-left: 8%; top: 0px;
    left: 0px; width: 100%; height: 100%; background-color: rgb(36, 36, 36); transform: translate3d(0px, -101%, 0px);  transition: all 0.6s ease-in-out;}
.index_MenuOuter_nav ul{width:100%; height: auto;}
.index_MenuOuter_nav ul li{width:100%; height: auto; overflow: hidden; line-height:1.8}
.index_MenuOuter_nav ul li a{color:#ffffff; font-size: 5rem; font-family: "maoken"; transition: color 0.8s ease 0s;}
.index_MenuOuter_nav ul li a:hover,.index_MenuOuter_nav ul li.active a{color:#f78e26}
.yTaNE{position: fixed; top: 50vh; right: 8px; width: 6.8rem; height: 6.8rem; background-color: rgb(213, 101, 27); transform: translateY(-50px); user-select: none;
    border: none; cursor: pointer; z-index: 100;}
.iiEtJb{position: absolute; top: 50%; left: 0px; right: 0px; margin: 0px auto; transform: translateY(-1px);  display: inline-block;
    cursor: pointer;  user-select: none; transition: all 300ms ease 0s; width: 2.7rem; height: 2px; background-color: rgb(255, 255, 255);}
.iiEtJb::before{top: 0.8rem;}
.iiEtJb::before, .iiEtJb::after {
    content: "";
    display: inline-block;
    width: 2.7rem;
    height: 2px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 0px;
    transform-origin: 50% 50%;
    transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.iiEtJb::after{ top: -0.8rem;}
.iiEtJb::before, .iiEtJb::after {
    content: "";
    display: inline-block;
    width: 2.7rem;
    height: 2px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 0px;
    transform-origin: 50% 50%;
    transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.yTaNE:hover, .yTaNE:focus{outline: 0px;}
.yTaNE.active .Lines-sc-1aifq1p-19{ background: transparent;}
.yTaNE.active .Lines-sc-1aifq1p-19::before{transform: rotate3d(0, 0, 1, 45deg) scale(1.1);}
.yTaNE.active .Lines-sc-1aifq1p-19::before, .yTaNE.active .Lines-sc-1aifq1p-19::after {
    transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    top: 0px;width: 2.7rem;
}
.yTaNE.active .Lines-sc-1aifq1p-19::after{transform: rotate3d(0, 0, 1, -45deg) scale(1.1);}
.yTaNE.active .Lines-sc-1aifq1p-19::before, .yTaNE.active .Lines-sc-1aifq1p-19::after {
    transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    top: 0px;
    width: 2.7rem;
}

.index_never{position: relative;  display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin: 0px auto; padding: 17rem 16.5% 27rem;}
.index_never h5{color:#fff; font-size: 18px; background: url(../images/g_dian.png) no-repeat left center; padding-left: 25px; text-transform: uppercase}
.index_never h4{color:#fff; font-family: 'maoken'; width:85%; font-size:5rem; line-height: 1.25; margin-bottom: 4.5rem; margin-top:5rem}
.index_never_xx{display: flex; -webkit-box-align: baseline;  align-items: baseline;}
.n_xian{background: rgb(112, 112, 112);
    height: 1px;
    width:6rem;
    margin-right:170px;}
.index_never_xx p{    width: 100%;
    max-width: 80rem;
    color:#fff;
    font-weight: 200;
    font-size: 1.8rem;
    line-height: 2;
    white-space: pre-wrap;}
.index_printed{position: relative; padding: 0px 0px 0px 16.5%;}
.index_printed_all{position: relative; width: 100%; display: flex; flex-wrap: wrap;}
.index_printed_left{position: relative;width: 40%; overflow: hidden;}
.index_printed_left img{width:100%; height: auto; display: block}
.index_printed_right{display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 50%;}
.index_printed_right h4{font-family: 'maoken';
    width:120%;
    font-size:7rem;
    line-height:1.2;
    color:#f78e26;
    transform: rotate(-270deg) translate(-12%, -5%);}

.index_printed_right a{    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 2rem 2.5rem 1.7rem;
    color: #f78e26;
    border: 2px solid #f78e26;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    font-size: 1.8rem; margin-left:18%}	

.index_printed_right h6{font-family: 'maoken'; width:70%; font-size:2.4rem; line-height:1.2; color:#f78e26;
   transform: rotate(-270deg) translate(-31%, -4%);}

.index_sono{width:100%; height: auto; overflow: hidden; margin-bottom: 268px}
.index_sono_right{    position: relative;
    width: 60%;
    overflow: hidden;}
.index_sono_right img{width:100%; height: auto; display: block}
.index_sono_left{    width: 40%;
    padding: 0rem 2rem 0.5rem 2rem;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;}
.index_sono_left h5{color:#242424; font-size: 1.8rem; padding-bottom:30px; writing-mode:tb-rl;
writing-mode:vertical-rl; text-transform: uppercase; float: left}

.index_printed h5{display: flex;
    position: absolute;
    left: 5%;
    top:70%;
    color:#242424;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.4rem;
    text-transform: uppercase;
    font-size: 1.8rem;
    transform: rotate(-90deg);}
	
.index_printed h5::before {
    content: "";
    display: inline-block;
    background: url(../images/g_dian.png) no-repeat bottom center; 
    width: 1rem;
    height: 1rem;
    margin-right: 2rem;
}


/* .index_sono_top{max-width:80%;float: left; margin-left: 15%; margin-top: 50px;} */
.index_sono_top h4{color:#242424; font-size: 2rem; line-height:2.5; text-transform: uppercase; margin-bottom:3rem}
.index_sono_top  a{ position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 2rem 2.5rem 1.7rem;
    color: #f78e26;
	border:2px solid #f78e26;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer; font-size:1.8rem

}


.index_weaves{position: relative; display: flex; margin: 15vw 0px;}
.index_weaves .w1440{position: relative}
.index_weaves_left{position: relative;
    width: 70%;
    overflow: hidden;}
.index_weaves_img{width:59%; margin:0px auto;}
.index_weaves_left img{width:100%; height: auto; display: block}
.index_weaves_right{    position: absolute;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    top: 0px;
    right: 0px;
    width: calc(40% + 30px);
    padding-left: 7.5rem;
    height: 100%;
    margin: 0px auto;
  
    transition: background 0.8s linear 0s;
    z-index: 5;}
.index_weaves_right h4{color:#f78e26; font-family: 'maoken'; position: absolute;
    top: 20%;
    left: -20%;
    font-size:6.5rem;
    transform-origin: left top;
    white-space: nowrap;
    pointer-events: none;
    letter-spacing: -0.2rem;
    z-index: 5;}
.weaves_right_xx{font-weight: 400;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.4rem;
    color: rgb(36, 36, 36);
    line-height: 2;
    margin: 8vw 0px 4vw;}
.weaves_right_xx span{color:#242424; font-size: 2rem; line-height: 40px; text-transform: uppercase}
.weaves_right_xx a{color:#fff; font-size: 1.8rem; text-transform: uppercase; width:20rem; height: 7rem; line-height: 7rem; display: block; background: #f78e26;
	text-align: center; margin-top: 28px;}
/*产品*/
.ny_product{width:100%; height: auto; overflow: hidden; background: #404040; padding:178px 0;  }
.ny_product .w1440{position: relative}
.ny_product h3{color:#fff;  font-family: 'maoken';  position: absolute; top:20px; left:-11%; font-size: 9rem; z-index: 9}
.ny_product_ul{width:100%; position: relative}
.ny_product_ul li{width:32%; height: auto; float: left; margin-right: 2%; margin-bottom: 20px; position: relative; overflow:hidden}
.ny_product_ul li img{width:100%; height: auto; display: block}
.ny_product_ul li:nth-child(3n){margin-right: 0}
.ny_product_ul li::before{content: ""; position: absolute;  bottom: 0px; left: 0px;
    width: 100%;  height: 50%; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);  opacity: 0.55; pointer-events: none; z-index: 2;}
.ny_product_ul li h4{position: absolute; bottom: 1rem; left: 1.4rem;
    color: rgb(255, 255, 255); font-weight: 400; font-size:20px; text-transform: uppercase; letter-spacing: 0.4rem;  line-height: 1.4; margin: 0px; z-index: 5;}
.ny_product_list{width:100%; height: auto; overflow: hidden;  padding:178px 0; position: relative; background: #404040;}
.product_list_title{position: absolute; top:180px; left:5%; z-index: 9}
.product_list_title h4{color:#fff; font-family: 'maoken'; font-size: 9rem; }
.product_list_title p{color:#fff;  font-size: 20px; text-transform: uppercase; letter-spacing:5px }
.ny_back{color:#ffffff; font-size: 16px; background: url(../images/back_js.png) no-repeat left center; padding-left: 20px; writing-mode:tb-rl; 
	writing-mode:vertical-rl; text-transform: uppercase; position: absolute; top:50%; left:44px; transform: translate(0,-50%); z-index: 999; cursor:pointer}
.ny_back a{color:#fff}	
.product_list_all{width:87%; height: auto; float: right}
.product_list_all .swiper-slide{width:38%}
.product_list_all .swiper-slide a{width:100%; height: auto; display: block}
.product_list_pic{width:93%; height: auto; float: right; position: relative; overflow:hidden}
.product_list_pic:after{content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.5)}
.product_list_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; margin-bottom:0}
.product_list_xx{width:100%; height: auto; position: absolute; bottom:58px; left:0; z-index: 9}
.product_list_xx span{color:#ffffff; font-size: 2rem; opacity: 0.5; margin-bottom:4.2rem; display: block}
.product_list_xx h4{color:#ffffff; font-size: 4.6rem; font-family: 'maoken'; margin-bottom: 8px; }
.product_list_xx p{color:#ffffff; font-size: 3.6rem;  font-weight: bold; }
.product_list_nav{width:100%; height: auto; overflow: hidden; margin-top: 5vh}
.product_list_nav a{color:#ffffff; font-size: 2rem; opacity: 0.3; float: left; margin-right:3%; text-transform: uppercase; line-height:1.4 }
.product_list_nav a:hover{color:#f78e26; border-bottom: 1px solid #f78e26; opacity: 1}
.product_list_nav a.active{color:#f78e26; border-bottom: 1px solid #f78e26; opacity: 1}
.product_list_all .swiper-slide a:hover .product_list_pic:after{opacity:0}
.product_list_all .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*产品详情*/
.ny_product_xx1{width:100%; height: auto; overflow: hidden; margin-top: 56px;}
.ny_product_xx1 h4{color:#fff; font-family: 'maoken'; width:76%;   font-size: 5.4rem; line-height: 1.25; margin-bottom: 4.5rem;  letter-spacing: -0.1rem;}
.ny_product_one{width:100%; height: auto; margin-top: 50px;  overflow: hidden; display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
}
.product_hcBLgN{height: 1px; background: #242424;  background: rgb(112, 112, 112); width: 5.5rem; margin-right: 230px;}
.ny_product_xxinfo{width:67%; height: auto;  color:#fff; }
.ny_product_xxinfo p{color:#fff;  max-width: 70rem; font-weight: 200; font-size: 1.8rem; line-height: 2;  margin-bottom: 3rem;}
.nyproduct_show_pic{width:100%; height: auto;     display: flex;  flex-wrap: wrap;  -webkit-box-pack: justify;
    justify-content: space-between; align-items: flex-start; margin-top: 190px; padding: 0 4%}
.nyproduct_show_pic .case_show_img{width:50%}
.nyproduct_show_img{position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 5; }
.nyproduct_show_tupian{position: relative; width: 100%;}
.nyproduct_show_tupian::before{content: ""; display: block;  padding-bottom: 40%;}
.nyproduct_tupian_xx{    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    will-change: transform;
    overflow: hidden;}
.nyproduct_show_img img{max-width:100%; height: auto; display: block; object-position: 50% top !important;}
.fWjFGl {
    position: relative;
    width: 100%;
    max-width: 900px;
    font-size: 9.5rem;
    font-family: 'maoken'; color:#f78e26;
    line-height: 1.2;
    transform: rotate(-90deg);
    z-index:999;
}	
	
	
.product_show_list{width:100%; height: auto; overflow: hidden; margin-top: 242px;  position: relative; z-index: 9; padding-top:65px;}
.product_show_list h4{color:#f78e26; font-size: 10rem; font-family: "maoken"; position: absolute; top:0; left:13%; z-index: 9}
.product_show_lunbo{width:100%; height: auto; overflow: hidden; position: relative}
.product_show_lunbo .swiper-slide{width:67%;}
.product_show_pic{width:100%; height: auto; position: relative}
.product_show_pic img{width:100%; height: auto; display: block}
.product_show_pic:after{content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(255,255,255,0.5); }
.product_show_lunbo .swiper-slide:hover .product_show_pic:after{opacity: 0}
.product_show_lunbo .swiper-slide-active .product_show_pic:after{opacity: 0}
.product_show_lunbo .swiper-button-next,.product_show_lunbo .swiper-button-prev{width:92px; height: 40px;}
.product_show_lunbo .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:11%}
.product_show_lunbo .swiper-button-prev{background: url(../images/p_left.png) no-repeat center}
.product_show_all{ position: relative;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0px auto;
    padding: 17rem 16.5% 0px;
    z-index: 1;}






/*案例*/
.ny_case{width:100%; height: auto; overflow: hidden; margin-top: 22rem; margin-bottom: 10rem;}
.ny_case_title{width:1200px; height: auto; margin: 0px auto; background: url(../images/g_dian.png) no-repeat left center; padding-left:30px; font-size: 18px; 
	text-transform: uppercase; color:#fff}
.ny_case_titles{width:1200px; height: auto; margin: 0px auto; background: url(../images/g_dian.png) no-repeat left center; padding-left:30px; font-size: 18px; 
	text-transform: uppercase; color:#242424}	
.ny_case_ul{width:100%; height: auto; overflow: hidden; margin-top: 92px; padding-bottom: 40px}
.ny_case_ul ul{display: flex; flex-wrap: wrap;  -webkit-box-pack: justify; justify-content: space-between;}
.ny_case_ul li{width:49%; height: auto; float: left; }
.ny_case_ul li a{width:100%; height:auto; display:block; position:relative}
.ny_case_ul li:nth-child(2n){float: right; margin-top:10%}
.ny_case_pic{width:100%; height: auto; overflow:hidden; position:relative}
.ny_case_pic::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}
.ny_case_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; transform: translate3d(0px, 100%, 0px);}
.ny_case_ul li p{margin-top: 2rem; width: 100%; height: 9rem; line-height:2;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;  font-size: 1.8rem; color:#fff; position:absolute; bottom:0; left:0; z-index:9; padding:0 2rem}
.ny_case_ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_case_more{width:220px; height: 70px; border: 2px solid #f78e26; font-size: 18px; text-align: center; display: block; margin:130px auto 0; color:#f78e26; text-transform: uppercase; line-height: 70px;}
.ny_case_more:hover{background: #f78e26; color:#fff}
.ny_case_xx1{width:100%; height: auto; overflow: hidden; margin-top: 56px;}
.ny_case_xx1 h4{color:#fff; font-size:5.4rem; font-family: 'maoken';}
.ny_case_xx1 p{color:#fff; font-size:2rem; font-family: 'maoken'; background: url(../images/h_jts.png) no-repeat left center; padding-left:20px; line-height: 1.6; margin-bottom: 10px;}
.boSvgy{width:84px; height: 1px; background: #242424; margin: 4rem 0}
.ny_case_xx2{width: 74%; margin-left: auto; margin-top: 8rem;}
.ny_case_xx2 p{ max-width: 90rem;
    color:#fff;
    font-size: 1.8rem;
    line-height: 2;
    margin-bottom: 5rem;
    white-space: pre-wrap;}
.ny_case_xx3{width:100%; height: auto; display: flex; flex-wrap: wrap;  -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; 
	margin-top: 23rem;}
.ny_case_xx4{width:100%; height: auto; overflow: hidden;  margin-top: 185px}
.ny_case_xx4 p{color:#242424; font-size: 1.8rem; background: url(../images/h_dian.jpg) no-repeat left center; padding-left: 20px;     line-height: 2; 
	margin-bottom: 10px;}
.ny_case_xx4 h4{color:#f78e26; font-size: 10rem;  font-family: 'maoken'; margin-bottom: 20px}
.case_xx_pic:nth-child(2n) {margin-top: 9%;}
.case_xx_pic{width:48.5%; position: relative}
.case_show_pic{width:100%; height: auto;     display: flex;  flex-wrap: wrap;  -webkit-box-pack: justify;
    justify-content: space-between; align-items: flex-start; margin-top: 19rem;}
.case_show_img{width:47.5%; position: relative}
.case_show_img img,.case_xx_pic img{width:100%; height: auto; display: block}
.case_show_img:nth-child(2n) {margin-top: 26%;}
.go_black{width:1200px; height: auto; margin:15rem auto; background: url(../images/back_js.png) no-repeat left center; padding-left: 40px; font-size: 18px; color: #f78e26; text-transform: uppercase;  display: flex;
    flex-wrap: wrap;  -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start;}



/*联系我们*/
.ny_contact{width:100%; height: auto; overflow: hidden; background: #404040; padding:23.6rem 0; margin-top: -10rem; }
.ny_contact_bottom{width:100%; height: auto; overflow: hidden}
.ny_contact_bottom h4,.ny_contact_top h4{color:#fff; font-size: 4.4rem; font-family: 'maoken'; margin-bottom: 4rem;}
.ny_contact_bottom p{width:48%; height: 50px; border-bottom: 1px solid rgba(255,255,255,0.5); position: relative}
.ny_contact_bottom p input[type="text"]{width:100%; height: 100%; border: 0; background: none; font-size: 1.8rem; color: #fff;}
.ny_contact_bottom textarea{width:100%; height:80px; border: 0; border-bottom: 1px solid rgba(255,255,255,0.5);font-size: 1.8rem; color: #fff; resize: none; background: none; margin-top: 4rem;}
.con_submit{width:20rem; height: 7rem; border: 2px solid #f78e26; font-size: 1.8rem;  text-transform: uppercase; background: none; margin-top:8rem; color:#f78e26}
.con_submit:hover{background: #f78e26; color:#fff; cursor: pointer}

::-webkit-input-placeholder { 
    color:#fff;  text-transform: uppercase
}  
:-moz-placeholder { 
     color:#fff;  text-transform: uppercase;
   opacity:  1;  
}  
::-moz-placeholder {
    color:#fff;   
   opacity:  1; 
	text-transform: uppercase
}  
:-ms-input-placeholder {
     color:#fff;   text-transform: uppercase
}  
.ny_contact_img{width:100%; height: auto; overflow: hidden; text-align: center; margin-top:210px;}
.ny_contact_top{width:100%; height: auto; overflow: hidden; margin-bottom: 9rem;}
.contact_top_left{width:48%; height: auto; float: left}
.contact_top_left p{color:#fff;  font-size: 2.4rem;}
.contact_top_right{width:48%; height: auto; float: right}
.contact_top_right p{color:#fff; line-height: 36px; font-size: 2.2rem; }

.ny_news_show{width:100%; color:#fff; }
.ny_news_show p{color:#fff}
.ny_news_time{width: 100%; line-height: 30px; color: #fff; height: 30px; margin-bottom: 20px; font-size:1.8rem;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; clear: both}



/*关于我们*/
.ny_about_one{position: relative;  margin: 0px auto; padding: 17rem 16.5%;}
.about_one_center{width: 100%; display: flex;  flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;}
.about_one_left{width:48.8%;}
.about_one_left .about_one_zi{position: relative; margin-top: 68px;}
.about_one_zi h4{color:#fff; font-size:5.4rem; font-family: "maoken"; width: 100%; line-height: 1.6;
    margin-bottom: 10rem;}
.about_one_pic{width:100%; height: auto; overflow: hidden; margin-top: 142px}
.about_one_pic img{width:100%; height: auto;}
.about_one_right{width:46%; margin-top: 16rem}
.about_one_hr{width:80px; height: 1px; background: #242424; margin-bottom: 90px;}
.about_one_rxx{width:100%; height: 29rem; overflow-y: auto}
.about_one_rxx p{color:#fff!important; font-size:1.8rem}
.about_one_rxx h5{color:#fff; font-size:1.6rem;  line-height:2.2; }
.ab_rmore{    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 2rem 2.5rem 1.7rem;
    color:#f78e26;
    border: 2px solid #f78e26;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;     margin-top: 6rem;}
.ab_rmore span{ color: #f78e26; position: relative; z-index: 9; 
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.4rem;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
    transition: color 0.3s ease 0s;
    z-index: 5;}
.ab_rmore:after{content: ""; width: 100%; height: 100%; position: absolute; bottom:-100%; left:0; background: #f78e26; transition: all 0.4s ease-in-out;}
.ab_rmore:hover span{color:#fff}
.ab_rmore:hover:after{bottom:0; transition: all 0.4s ease-in-out;}
.ny_about_two{    position: relative;
    margin: 0px auto;
    padding: 0 0px 0px 16.5%;
    z-index: 5; }
.ny_about_two h5{color:#242424; font-size: 18px;  padding-bottom: 30px; float: left; 
	text-transform: uppercase; position: absolute;  top: 50%;  display: inline-block;  letter-spacing: 0.4rem;  line-height: 2; margin-bottom: 4.5rem;
    transform: rotate(0.75turn) translate3d(-10%, -305%, 0px);}
.ny_about_two h5:before {
    content: "";
    display: inline-block;
   background: url(../images/g_dian.png) no-repeat bottom center;
    width:17px;
    height:18px;
    margin-right: 1.5rem;
}
.jpAVNY{position:relative}
.jpAVNY::before {
    content: "";
    display: block;
    padding-bottom: 90%;
}
.about_two_all{ display: flex;  flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-left:6%}
.about_two_center{width:50%; margin-top:13rem; margin-bottom: 15rem}
.ab_two_hr{width:80px; height: 1px; background: #242424; margin-bottom: 70px;}
.ab_two_hxx{width:100%; height: auto; overflow: hidden; color:#f78e26; font-size: 4.6rem; font-family: "maoken"; line-height:1.6; letter-spacing: -0.1rem; margin-bottom:6rem}
.ab_two_hinfo{width:100%; height: auto; overflow: hidden; color:#242424; font-size:2rem; line-height: 2.2;}
.about_two_right{position: relative;
    width: 45%;
    pointer-events: none;}
.about_two_rpic{position:relative}
.about_two_rpic::before {
    content: "";
    display: block;
    padding-bottom: 90%;
}
.about_two_rpic img{width:100%; display: block}
.about_two_rzi{position: absolute; top: 42%;  right: 0px; width: 100%; height: 100%; max-width: 73ch;     }
.about_two_rzi h4{width:150%; color:#f78e26; font-family: "maoken"; 
	    font-size: 9em;
    line-height: 1.25;
        transform: rotate(90deg) translate3d(10%, 51%, 0px);
    text-align: end;}
	
.ny_about_portfolio{ height: auto; margin-top:2rem;     position: relative;  display: flex; align-items: flex-start;  width: 83.5%; z-index: 1;}
.about_portfolio_nav{width:25rem; height: 7rem; border: 2px solid #f78e26; position: absolute; top: 73%; right: 35.5%; color:#f78e26; font-size: 1.8rem; line-height: 7rem; text-align: center; overflow: hidden}
.about_portfolio_nav a{ color:#f78e26; font-size: 1.8rem; text-transform: uppercase; position: relative; z-index: 9}
.about_portfolio_nav:after{content: ""; width: 100%; height: 100%; position: absolute; bottom:-100%; left:0; background: #f78e26; transition: all 0.4s ease-in-out;}
.about_portfolio_nav:hover:after{bottom:0; transition: all 0.4s ease-in-out;}
.about_portfolio_nav:hover a{color:#fff}
.about_portfolio_left{position: relative; width: 67.5%; overflow: hidden; pointer-events: none; z-index: 1;}
.ny_about_proimg{width:100%; height: auto; overflow: hidden}
.ny_about_proimg img{width:100%; height: auto; display: block}
.about_portfolio_right{position: relative; height: 80%; width: 32.5%; margin-top: 28%; overflow: hidden; pointer-events: none; transform-origin: right center; 
	z-index: 5;}
.ny_arrows{position: absolute; display: flex; -webkit-box-align: center; align-items: center; top: 36%; right: 30%; transform: translateX(100%); z-index: 20;}
.ny_arrows .button-next,.ny_arrows .button-prev{width:64px; height:54px; display: flex; -webkit-box-align: center;
    align-items: center; -webkit-box-pack: center;  justify-content: center; cursor: pointer;}
.ny_arrows .button-next{background: url(../images/ab_right.png) no-repeat center}
.ny_arrows .button-prev{background: url(../images/ab_left.png) no-repeat center}
.ny_about_team{width:100%; height: auto; overflow: hidden; padding: 0 12%; margin-bottom: 24rem; margin-top: 11rem;}
.ny_about_team .slideTxtBox{width:89%; display: flex;flex-wrap: wrap; align-items: flex-start; margin: 4rem 0px 7.5rem; float:right}




.about_team_zi{color:#f78e26; font-size: 10rem; font-family: "maoken";  float: left; position:relative; z-index:9}
.about_team_zi h2{
   color:#f78e26; font-size: 10rem;
    line-height: 0.95;
   transform: rotate(90deg) translate(41%, 150%);
}
.about_team_li{width: calc(60% - 3.5rem);  }
	
.about_team_li ul{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-gap: 3.5rem;}
.about_team_li ul li{width: 100%;
    position: relative;
    margin-bottom: 3.5rem;
    overflow: hidden;
    cursor: pointer;}
.about_team_li ul li:after{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(213, 101, 27, 0); 
	transition: background-color 1s ease 0s; z-index: 2;}

.about_team_li ul li:nth-child(2n+1){top:-50px;}
.about_team_info{width:100%; height: auto; position: absolute; bottom:25px; left:0; padding: 0 6%}
.about_team_info h4{color:#fff; font-size: 2.8rem; font-family: "maoken"; margin-bottom:8px;}
.about_team_info p{color:#fff; font-size: 1.6rem; font-family: "maoken"; }
.about_team_li ul li img{transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; width:100%; object-fit: cover; margin:0}
.about_team_li ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.about_team_li ul li:hover:after{background-color: rgba(213, 101, 27, 0.3);}
.ny_about_team .slideTxtBox .bd{position: relative;
    width: 40%;
    margin-left: 3.5rem;}
.about_team_xx{width:100%; height: auto; }
.about_team_xx h4{color:#f78e26; font-size: 4.6rem; font-family:"maoken"; margin-bottom: 18px; }
.about_team_xx h5{color:#242424; font-size: 1.8rem; background: url(../images/g_dian.png) no-repeat left center; padding-left: 3rem; margin-bottom: 4rem;}
.about_team_xx p{width:100%; height: auto; overflow: hidden; color:#242424; font-size:2rem; line-height: 1.8; margin-bottom: 2rem;}
.ny_about_news{width:100%; height: auto; padding: 0 12%; margin-bottom: 200px}
.about_news_title{width:100%; height: auto; overflow: hidden}
.about_news_title h4{color:#f78e26; font-size:6rem; font-family: "maoken"}
.about_news_title hr{width:6.7rem; height: 1px; background: #242424; margin:38px 0}
.about_news_list{width:100%; height: auto; overflow: hidden; }
.about_news_list .swiper-container{padding-bottom: 100px;}
.about_news_list .swiper-slide{display: flex; flex-wrap: wrap; opacity: 0; transition: opacity 0.25s ease 0s; -webkit-box-pack: justify; justify-content: space-between;}
.about_news_list .swiper-slide-active {opacity: 1; transition: opacity 0s ease 0.25s;}
.about_news_list .swiper-slide a{width:46%; height: auto; overflow: hidden; margin-bottom:68px;}
.about_news_list .swiper-slide a h4{width:100%; height:14rem; line-height: 1.5; color: #242424;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-size:4.4rem; font-family: "maoken"}
.about_news_list .swiper-slide a p{width:100%;  line-height: 1.2; color: #242424; font-size: 2rem;
	background: url(../images/h_jts.png) no-repeat left center; padding-left: 25px; margin-top: 20px; letter-spacing: 0.4rem;}
.about_news_list .swiper-pagination-bullet{width:7.7rem; height: 7.7rem; border-radius: 0; text-align: center; line-height: 7.7rem; font-size:18px; color: #242424; 
	opacity: 1; background:none}
.about_news_list .swiper-pagination-bullet-active{background: #f78e26; color:#fff}






/*底部*/
.footer{width:100%; height:auto; overflow: hidden;background: #333333;   position: relative; padding: 10rem 16.5%;}
.footer .w1440{padding-right: 6%}
.footer_top{width:100%; height: auto; overflow: hidden; text-align: center; margin-bottom: 58px }
.footer_center{display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer_center_left{width: 50%; max-width: 350rem;}
.footer_center_left p{ font-family: "maoken";
    color: rgb(255, 255, 255);
    font-size:7rem;
    line-height: 1.1;}
.footer_nav{width: 50%;text-align: right;}
.footer_nav a{ 
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: color 0.8s ease 0s; display:block; margin-bottom:1rem}
.footer_nav a:hover{font-weight:bold;}
.footer_bottom{width:100%; height: auto; overflow: hidden; margin-top:82px }
.footer_bottom_copy{width:70%; height: auto; float: left; text-transform: uppercase}
.footer_bottom_copy p{color:#fff; font-size: 1.6rem; opacity: 0.6; line-height:1.8rem}
.footer_zhichi{width:100%; height: auto; line-height: 30px; color:#fff; font-size: 16px; opacity: 0.6; margin-top: 10px; }
.footer_zhichi a{ color:#fff; font-size: 16px; opacity: 0.6;}
.f_top{width:8rem; height: 8rem; border: 3px solid rgba(255,255,255,0.5); float: right; text-align: center; padding-top:1rem;}
.f_top span{color:#ffffff; font-size: 1.8rem;  opacity: 0.8; display: block; margin-top:1rem}
.f_top img{margin-bottom:0; width:2rem}


@media (min-width:1700px){html{font-size:10px}
}
@media (max-width:1000px){html{font-size:8px}
}
@media (max-width:650px){html{font-size:7px}
}



@media screen and (max-width:1680px){
.index_printed_right h4{font-size: 6.2rem;}
.index_printed_right a{margin-left:12%}
.index_printed h5{left:0}
	
}


@media screen and (max-width:1500px){
	.index_printed_right h4{font-size:5rem}

	
}

@media screen and (max-width:1400px){
	
	.about_two_rzi h4,.ny_product h3,.product_show_list h4{font-size:7rem}
	.about_two_rzi{top:16%}
	
	.ban_neirong{font-size:7.2rem}
	.index_never h4{font-size:4rem}
	.weaves_right_xx{margin: 14vw 0px 4vw;}
	.index_weaves_right h4{font-size:6rem}
	.footer_bottom_copy{width:80%}
	.index_printed_right a{margin-left: 7%;}
	.index_printed_right h6{transform: rotate(-270deg) translate(-53%, -4%);}
}


@media screen and (max-width:1360px){
	
	.index_printed_right h4{transform: rotate(-270deg) translate(-12%, -32%);    width: 125%;}
}






@media screen and (max-width:1280px){
	.index_never h4{width:87%}
	.about_one_zi h4,.ny_product_xx1 h4{font-size:4.5rem; line-height:1.2}
	.ab_two_hxx{line-height:1.2; font-size:4rem}
	.about_team_zi h2{font-size:8rem}
	.about_team_xx p{font-size:1.5rem}
	.about_news_list .swiper-slide a h4{font-size:3rem; height:9rem}
	.ny_product h3{left:0}
	.product_list_xx{bottom:0}
	.case_nr_zi span{font-size:10rem}
	.footer{padding: 10rem 7.5%;}
	.w1440{width:100%;     padding: 0px 7%;}
	.ban_info{width:85%}
	.ban_zi{    transform: translateX(0);}
	.index_never{padding: 17rem 12.5%;}
	.container{max-width:100%; padding:0}
	.index_printed{padding: 0px 12.5%;}
	.index_sono_left{    padding: 0rem 0px 0.5rem 0;}
	.index_sono_top h4{font-size:1.5rem; line-height:2}
	.index_printed h5{display:none}
	.index_weaves_img{width:65%}
	.index_weaves_right h4{top:7%}
	.weaves_right_xx{margin: 13vw 0px 4vw;}
	.ny_about_team{ padding: 0 7%;}
	.about_team_zi{display:none}
	.ny_about_team .slideTxtBox{width:100%}
	.product_show_all{padding: 17rem 12.5% 0px;}
	.ny_contact_bottom h4, .ny_contact_top h4{font-size:3.6rem}
	.MenuOuter_left_two{padding:3rem}
	.ny_contact{padding:23.6rem 7%}
}


@media screen and (max-width:1100px){
	.product_list_xx h4{font-size:3.6rem}
	.product_list_xx p{font-size:2.6rem}
	.index_printed_right h4{    transform: rotate(-270deg) translate(-12%, -69%);}
	.index_never h4{width:100%}
}


@media (max-width: 850px){
.yTaNE{top: 0px; transform: translateY(0px); right: 0px;  width: 68px;   height: 68px;}
.footer_center_left p{font-size:6rem}
.index_never h4{width:100%}
.n_xian{margin:0 0 4rem}
.index_never_xx a{width:100%; display:block; margin-bottom:4rem}
.index_never_xx p{max-width:100%}
.index_never_xx{flex-direction: column;}
.in_ban_pic{display:none;}
.index_weaves_right{width:100%; position:relative; padding:0}
.index_weaves_left,.index_weaves_img{width:100%}
.index_weaves{display:block; padding:0 7%}
.ny_about_one{padding: 17rem 12.5%}
.index_weaves_right h4{left:0}
.index_sono_right{width:100%}
.index_sono_left{width:100%}
.index_printed_left{width:70%}
.index_sono_left{margin:8rem 0}
.ny_about_news{padding:0 7%}

	
}


@media (max-width: 765px){
	.ny_about_one{padding:0px 30px 65px}
	.about_one_left,.ny_case_title,.about_one_left .about_one_zi,.about_one_pic,.about_one_right{width:100%}
	.about_one_pic{margin-top:4rem}
	.about_one_left .about_one_zi{margin-top:3rem}
	.about_one_right{margin-top:4rem}
	.about_one_hr{background:rgba(255,255,255,0.4); margin-bottom:3rem}
	.ny_about_two{padding:0}
	.ny_about_two h5{display:none}
	.about_two_all,.ny_product_one{width:100%; flex-direction: column-reverse;}
	.about_two_center,.ny_product_xx1 h4{width:100%}
	.about_two_right{width:100%}
	.ny_about_portfolio{margin-top:2rem; width:100%}
	.ny_about_team{margin-bottom:4rem}
	.ny_product_ul li{width:100%; float:none; margin-right:0}
	.product_list_all .swiper-slide{width:84%}
	.product_hcBLgN{margin-right:0; margin: 30px 0px 50px;}
	.ny_product_xxinfo{width:100%}
	.ny_case_xx3{margin-top:5rem}
	.product_show_list{margin-top:6rem}
	.product_show_lunbo .swiper-slide{width:80%}
	.ny_case_xx2{width:100%}
	.ny_contact{padding:100px 12.5%}
	.contact_top_left,.contact_top_right{width:100%; float:none; margin-bottom:3rem}
	.ny_contact_bottom p{width:100%; float:none; margin-bottom:3rem}
}


@media (max-width:650px){
	.case_nr_zi span,.ban_neirong{font-size:7.8rem}
	.index_MenuOuter_nav{width:100%}
	.index_MenuOuter_left{display:none}
	.index_MenuOuter_nav ul{margin-left:0}
	.sj_yuyan{display:block}
	.ny_contact{padding: 65px 20px;}
	.index_never,.index_sono_left{padding: 65px 30px;}

	.index_printed{padding:0; margin-top:5rem}
	.footer_center_left{width:100%; max-width:100%}
	.footer_nav{width:100%; text-align:left; margin-top:4rem}
	.footer_center_left p{display: inline-block;  transform-origin: left bottom;  will-change: transform; font-size:5rem}
	.footer_nav a{width:50%; float:left;}
	.footer_bottom_copy{width:100%; float:none;}
	.f_top{float:none; height:9rem; width:9rem; margin-top:2rem}
	.about_news_list .swiper-slide a{width:100%}
	.about_team_li{width:100%}
	.ny_about_team{    padding: 0 5%;}
	.ny_about_team .slideTxtBox .bd{margin-left:0; width:100%; }
	.about_two_rzi{max-width:30ch;}
	.about_two_rzi h4{font-size:5.6rem}
	.ny_about_news{margin-bottom:5rem}
	.ny_case{margin-top:4rem}
	.ny_case_ul li{width:100%;}
	.ny_case_ul li:nth-child(2n){float:none}
	.product_show_all{padding: 65px 20px;}
	.ny_case_xx1 h4{font-size:4rem}
	.ny_back{display:none}
	.index_banner{height: calc(7.8px * 100);}
	.index_banner_top{height:100%}
	.ny_case_xx4 h4{font-size:7rem}
	.case_show_img{width:70%}
	.case_show_img:nth-child(2n){margin: 10px 0px 0px auto;}
	.go_black{width:100%; margin:5rem 0}
	.product_list_title h4,.fWjFGl{font-size:7rem}
	.nyproduct_show_pic .case_show_img{width:70%}
	.footer_bottom_copy p{line-height:2}
	.ny_product_ul{margin-left:0}
	.case_nr_zi span, .ban_neirong{font-size: 5.2rem;}
	.index_printed_right h4{font-size:4.5rem}
	.index_weaves_right h4{    top: -7%;}
	.ban_zi img{width:80%}
	.index_never h5{font-size: 14px;}
	.index_printed_right h4{ transform: rotate(-270deg) translate(-12%, 12%);}
.ny_about_one{padding: 14rem 3rem 6.5rem;}
.about_one_zi h4{font-size:4rem}
.ny_arrows{top:22%}
.footer_top img{width:56%}
.ny_contact{margin-top:0}
.index_weaves_right h4{font-size:5rem}
.mtop{display:none}
}



@media (max-width:400px){
.case_nr_zi span, .ban_neirong { font-size: 4.5rem;}
.index_banner {height: calc(7px * 100);}
.index_never h4{font-size: 3.5rem;}
.index_printed_right h4{width: 142%; transform: rotate(-270deg) translate(-12%, 25%);}
.about_two_rzi h4,.about_news_title h4{font-size:4.5rem}
.about_two_rzi{max-width: 35ch;}
.ny_about_team{    padding: 0 2%;}
.about_team_li ul{column-gap: 2.5rem;}
.footer_center_left p{font-size:4rem}
.index_MenuOuter_nav ul li a{font-size:4.5rem}
.ny_product_ul li h4,.product_list_title p{font-size:1.8rem}
.product_list_title h4, .fWjFGl,.about_two_rzi h4, .ny_product h3, .product_show_list h4{font-size:6rem}

}