@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #900; }

*{margin: 0;padding: 0;list-style: none;transition: all .5s ease;-webkit-transition: all .5s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;font-weight: 400;background-size: contain}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}
.pc-head .container-fluid{width: 100%;}
h1,h2,h3,h4,h5,h6{font-weight: 300;margin: 0;}

header .pc-head{position: fixed;top: 0;width: 100%;z-index: 1050;}
header .pc-head .container-fluid{border-bottom:1px solid rgba(255,255,255,.2);padding: 18px 2%;}
header .pc-head .logo{position: relative;display: flex;}
header .pc-head .logo img{max-height: 60px;}
header .pc-head .logo img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}
header .pc-head .companycode{padding: 6px 12px;background: rgba(255,255,255,.2);border-radius: 6px;}
header .pc-head .companycode span{display: block;color: #fff;line-height: 1;font-size: 10px;}
header .pc-head .companycode span:last-of-type{font-size: 16px;}
header .pc-head:hover{background: #fff;}
header .pc-head:hover .logo img:last-child{opacity: 1;}
header .pc-head:hover .companycode{background: rgba(0,0,0,.2);}
header nav *{transition: unset;}
header nav .nav-item a{color: #fff;padding: 12px 24px;font-size: 16px;font-weight: 600;transition: 1s all ease;text-transform: capitalize;}
header .pc-head:hover .nav-item a{color: #333;border-radius: 6px;}
header nav .nav-item a:hover{background: #f0f0f0;}
header nav .nav-item:hover a{background: #f0f0f0;border-radius: 6px;}
header nav .dropdown-menu{background: #f0f0f0;margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;}
header nav .dropdown-menu .dropdown-item {padding: 0;}
header nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu .dropdown-item a:hover{color: #333;}
header .pc-head .topmenu{position: relative;}
header .pc-head .topmenu,header .pc-head .topmenu .iconfont{color: #fff;font-size: 18px;}
header .pc-head .topmenu .iconfont{font-size: 24px;}
header .pc-head:hover .topmenu, header .pc-head:hover .topmenu .iconfont{color: #333;}
header .pc-head .gobal .sitelang{height: 0;overflow: hidden;padding: 0 12px;border-radius: 6px;margin: 0;position: absolute;top: 40px;right: 0;z-index: 10;background: rgba(229,229,229,.8);}
header .pc-head .gobal:hover .sitelang{height: 80px;padding: 12px;}
header .pc-head .sitelang a{padding: 0 12px;font-size: 16px;}
header .pc-head .sitelang a:hover, header .pc-head .sitelang a.active{background: #f00;color: #fff;}
header .m-head, header .m-nav{display: none;}
header .pc-head.smaller .container-fluid{padding: 12px 2%;}
header .pc-head.smaller{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);}
header .pc-head.smaller .logo img{max-height: 42px;}
header .pc-head.smaller .logo img:last-child{opacity: 100;}
header .pc-head.smaller .companycode{background: rgba(0,0,0,.2);}
header .pc-head.smaller .nav-item a{color:#333;padding: 6px 18px;transition: 1s all ease;}
header .pc-head.smaller .topmenu,header .pc-head.smaller .topmenu .iconfont{color: #333;}

[class*="home-"]{margin-bottom: 60px;}
.home-slide{overflow: hidden;background-color: #0b0d19;}
.home-slide .swiper-slide{height: 100vh;overflow: hidden;position: relative;}
.home-slide .swiper-slide>img{width: 100%;height: 100%;object-fit: cover; opacity: .4;}
.home-slide .words{position: absolute;left: 15%;top: 40%;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;}
.home-slide .words img{margin-bottom: 6px;}
.home-slide .words h2{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 12px;}
.home-slide .words a.more{padding: 12px 24px;display: flex;color: #fff;border: 1px solid #fff;border-radius: 50px;align-items: center;}
.home-slide .words a.more img{margin-left: 12px;}
.home-slide .words a.more:hover{box-shadow: 0 0 12px 3px rgba(255,255,255,.6);}

[class*="home-"] .blocktitle{position: relative;margin-bottom: 42px;}
[class*="home-"] .blocktitle h6{font-size: 12px;text-transform: capitalize;color: #999;margin-bottom: 12px;}
[class*="home-"] .blocktitle h5 {font-size: 24px;}
[class*="home-"] .blocktitle h4{font-size: 30px;font-weight: 500;}
[class*="home-"] .blocktitle a.more{position: absolute;display: inline-flex;padding: 6px 12px;background: #f00;color: #fff;font-size: 14px;right: 0;bottom: 0;}
[class*="home-"] .blocktitle a.more:hover{box-shadow: 0 0 18px rgba(255,0,0,.6);}
.home-news .newswiper{overflow: hidden;}
.home-news .swiper-slide{display: flex;flex-direction: column;padding: 0;border: 1px solid #fff;transition: all 1s;}
.home-news .swiper-slide .thumb{height: 156px;margin-bottom: 24px;overflow: hidden;}
.home-news .swiper-slide .thumb img{height: 100%;width: 100%;object-fit: cover;}
.home-news .swiper-slide:hover .thumb img{transform: scale(1.1);transition: .2s;}
.home-news .swiper-slide .date{font-size: 12px;color: #f00;margin-bottom: 6px;}
.home-news .swiper-slide h3{font-size: 16px; font-weight: bold;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 12px;overflow: hidden;}
.home-news .swiper-slide p{font-size: 12px;color: #ccc;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.home-product .productswiper{overflow: hidden;}
.home-product .productswiper .swiper-slide{height: 468px;transition: .5s;transform: translateX( calc((100vw - 48px) / 18 - 24vw) );position: relative;overflow: hidden;}
.home-product .productswiper .swiper-slide img.bg{position: absolute;z-index: -1;width: 100%;height: 100%;object-fit: cover;filter: brightness(60%);}
.home-product .productswiper .swiper-slide .intro{position: absolute;z-index: 0;left: 15%;top: 15%;}
.home-product .productswiper .swiper-slide .intro span{color: #fff;font-size: 24px;font-weight: 500;width: 100%;overflow: hidden;}
.home-product .productswiper .swiper-slide .details{display: none;position: absolute;z-index: 0;left: 10%;top: 20%;width:80%;height:0;transition: .5s all;-webkit-transition: .5s all;}
.home-product .productswiper .swiper-slide.myactive{transition: .5s all; -webkit-transition: .5s all; ;width: 48vw!important;}
.home-product .productswiper .swiper-slide.myactive img.bg{filter: brightness(100%);}

.home-product .productswiper .swiper-slide.myactive .intro{left: 10%;top: 15%;}
.home-product .productswiper .swiper-slide.myactive .details{display: block;transition: .5s all;-webkit-transition: .5s all;height: auto;height: auto;}
.home-product .productswiper .swiper-slide.myactive .details p{color: #fff;text-align: justify;margin-bottom: 30px;line-height: 2;}
.home-product .productswiper .swiper-slide.myactive .details ul{margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.home-product .productswiper .swiper-slide.myactive .details ul li{width: 33%;}
.home-product .productswiper .swiper-slide.myactive .details ul li a{display: flex;color: #fff;padding: 6px;}
.home-product .productswiper .swiper-slide.myactive .details ul li a:hover{background: #fff;color: #000;border-radius: 6px;}

.home-about{background: linear-gradient(to right,rgba(180,76,0,1),rgba(180,76,0,0));height: 580px;position: relative;overflow: hidden;}
.home-about>img{width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: -1;}
.home-about .text{padding: 84px;position: absolute;z-index: 1;color: #fff;width: 60%;}
.home-about .text .about-title{font-size: 30px;margin-bottom: 24px;}
.home-about .text p{text-align: justify;margin-bottom: 24px;}
.home-about .more{padding: 12px 24px;border: 1px solid #fff;color: #fff;font-size: 12px;display: inline-flex;border-radius: 50px;margin-bottom: 54px;}
.home-about .more>img{margin-left: 12px;}
.home-about .intro{padding: 24px;background: rgba(255,255,255,.4);display: flex;flex-direction: row;justify-content: space-between;border-radius: 12px;}
.home-about .intro .intro-item{width: 30%;display: flex;align-items: center;flex-direction: column;line-height: 1;}
.home-about .intro .intro-item .number{font-size: 36px;margin-bottom: 12px;}
.home-about .intro .intro-item .number sup{font-size: 24px;}
.home-about .intro .intro-item .number small{font-size: 10px;}
.home-about .intro .intro-item .name{font-size: 12px;margin: 0;}

footer{background: #45454c url(../img/footbg.jpg) 0 50% no-repeat;}
footer .contactinfo p{font-size: 12px;color: rgba(255,255,255,.8);margin-bottom: 6px;}
footer .sitemap dl{color: rgba(255,255,255,.8);padding: 0 18px;text-transform: capitalize;}
footer .sitemap dl dt{margin-bottom: 8px;font-size: 16px;}
footer .sitemap dl dd{margin: 0;}
footer .sitemap dl dd a{color: rgba(255,255,255,.8);padding: 3px 0;display: flex;}
footer .sitemap dl dd a:hover{color: #fff;text-shadow: 0 0 6px #fff;}
footer .copy{border-top: 1px solid rgba(255,255,255,.2);padding: 12px 0;color: rgba(255,255,255,.6);font-size: 12px;text-transform: uppercase;}
footer .copy a{color: rgba(255,255,255,.6);padding: 0 6px;}
footer .copy a:hover, footer .copy p:hover{color: #fff;}
footer .copy p{margin: 0;}

.m-footer, .m-copy{display: none;}
/* 内页 */
header .page{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);}
header .page .logo img:last-child{opacity: 100;}
header .page .companycode{background: rgba(0,0,0,.2);}
header .page .nav-item a{color:#333;padding: 6px 18px;transition: 1s all ease;}
header .page .topmenu, header .page .topmenu .iconfont{color: #333;}

[class*='page-']{margin-bottom: 60px;}
[class*='page-'] .title{font-size: 30px;color: #505050;font-weight: 600;display: flex;flex-direction: column;text-transform: capitalize;}
[class*='page-'] .title span{font-size: 16px;color: #505050;font-weight: 300;text-transform: capitalize;}
.page-slide{background: #232530;margin: 96.98px 0 6px 0;overflow: hidden;background-size: cover;}
.page-slide .text{display: flex;flex-direction: column;line-height: 1;justify-content: center;margin: 120px auto;align-items: center;}
.page-slide .text .cn{font-size: 30px;color: #fff;}
.page-slide .text .en{font-size: 42px;color: rgba(255,255,255,.8);text-transform: uppercase;}
.page-subnavi a{padding: 12px 24px;border: 1px solid #ccc;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;}
.page-subnavi a.active{border-color: #d81a1a;color: #fff;background: #d81a1a;}

.page-about{margin-bottom: 0;}
.page-about .content{margin-left: 40%;text-align: justify;line-height: 2;}
.page-about.aboutbg{background: url('https://zjyunjie.oss-cn-hangzhou.aliyuncs.com/inneo/assets/img/aboutbg.jpg') 0 100% no-repeat;}
.page-advantage{background: #d81a1a;}
.page-advantage .item{margin: 48px auto;color: #fff;display: flex;flex-direction: column;align-items: center;}
.page-advantage .item span{font-size: 36px;}
.page-advantage .item small{font-size: 14px;}
.page-contents .content{margin-left: 18%;text-align: justify;line-height: 2;}
.page-contents .content img{max-width: 100%;}

.page-history{background: url('https://zjyunjie.oss-cn-hangzhou.aliyuncs.com/inneo/assets/img/historybg.jpg') no-repeat;height: 400px;background-size: cover;}
.page-history .historyswiper{overflow: hidden;margin-top: 60px;border-bottom: 1px solid #0b0d19;padding: 0 12px;}
.page-history .historyswiper .swiper-slide{display: flex;flex-direction: column;position: relative;height: 180px;}
.page-history .historyswiper .swiper-slide .year{font-size: 24px;margin: 0 0 6px 12px;}
.page-history .historyswiper .swiper-slide .text{margin: 0 0 6px 12px;}
.page-history .historyswiper .swiper-slide:before{content: ''; width:1px;height: 240px;background: #0b0d19;position: absolute;top: 18px;left: 3px;}
.page-history .historyswiper .swiper-slide:after{content:'';width: 7px;height: 7px;border-radius: 5px;background-color: #0b0d19;position: absolute;top: 17px;}

.page-honor .honorshow{margin: 12px 0;display: flex;flex-direction: column;line-height: 1.2;}
.page-honor .honorshow span{font-size: 30px;}
.page-honor .honorshow small{font-size: 14px;}

.page-culture{background: url('https://zjyunjie.oss-cn-hangzhou.aliyuncs.com/inneo/assets/img/culturebg.jpg');background-size: cover;margin-bottom: 0;overflow: hidden;}
.page-culture .item{display: flex;flex-direction: column;align-items: center;color: #fff;padding: 150px 60px 60px;height: 400px;}
.page-culture .item span.ctitle{font-size: 24px;transform: translateY(12px);text-transform: capitalize;}
.page-culture .item small{text-transform: uppercase;transform: translateY(12px);}
.page-culture .item span.cintro{text-align: center;padding: 12px 0;opacity: 0;}
.page-culture .item:hover{background: rgba(0,0,0,.2);}
.page-culture .item:hover span.ctitle, .page-culture .item:hover small{transform: translateY(0);}
.page-culture .item:hover span.cintro{display: block;height: auto;opacity: 1;transform: translateY(6px);}

.page-news .item{display: block;padding: 12px;box-shadow: 0 0 18px rgba(0,0,0,.2);border: 1px solid #fff;}
.page-news .item:hover{border-color: #d81a1a;}
.page-news .item .thumb{width: 156px;height: 96px;float: left;margin-right: 12px;overflow: hidden;}
.page-news .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.page-news .item:hover .thumb img{transform: scale(1.1);}
.page-news .item h3{font-size: 16px;margin-bottom: 12px;white-space: nowrap;overflow: hidden;color: #000;font-weight: 600;}
.page-news .item p{font-size: 14px;height: 42px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 6px;}
.page-news .item span{font-size: 12px;color: #ccc;}
.page-detail-news .content{margin-left: 25%;text-align: justify;line-height: 2;overflow: hidden;}
.page-detail-news .content img{max-width: 100%!important;height: auto!important;}

.main-product{min-height: 300px;overflow: hidden;}
.main-product .item{display: flex;flex-direction: column;margin-bottom: 18px;padding: 5px;border: 1px solid transparent;border-radius: 12px;overflow: hidden;}
.main-product .item:hover{border-color: rgba(216,26,26,.4);}
.main-product .item .thumb{height: 300px;margin-bottom: 12px;overflow: hidden;border-radius: 12px;}
.main-product .item .thumb img{width: 100%;height: 100%;object-fit: contain;}
.main-product .item:hover .thumb img{transform: scale(1.2);}
.main-product .item h3{margin: 0 12px 6px;font-size: 14px;text-align: center;}
.main-product .item h4{margin: 0 12px 6px;font-size: 12px;text-align: center;font-weight: bold;}
.main-product .productcategory{margin: 18px 0 0 0;padding: 0;}
.main-product .productcategory li{border-bottom: 1px solid #eee;}
.main-product .productcategory li a{padding: 6px;display: flex;}
.main-product .productcategory li a.active{background: #d81a1a;color: #fff;}
.main-product .productshowbox{}
.main-product .productshowbox .item .thumb{height: 288px;}

.main-product .emptytext{width: 100%;text-align: center;color: #999;font-size: 30px;}

.show-product{margin: 24px auto 60px;}
.show-product .breadcrumb .breadcrumb-item {font-size: 32rpx;}
.show-product .thumbside{top:100px;display: flex;flex-direction: column;height: 600px;margin-bottom: 18px;}
.show-product .thumbside .swiper{height: 100%;width: 100%;}
.show-product .thumbside .myswiper2{height: 80%;border: 1px solid #ccc;padding: 12px;}
.show-product .thumbside .myswiper{height: 20%;margin-top: 6px;}
.show-product .thumbside .myswiper .swiper-slide{border: 1px solid #ccc;padding: 6px;}
.show-product .thumbside .swiper-slide img{width: 100%;height: 100%;object-fit: contain;}
.show-product .thumb{height: 300px;overflow: hidden;margin-bottom: 12px;}
.show-product .thumb img{width: 100%;height: 100%;object-fit: contain;}
.show-product .customservice{width: 100px;height: 100px;overflow: hidden;border: 1px solid #ccc;align-self: flex-end;}
.show-product .customservice img{width: 100%;height: 100%;object-fit: contain;}

.show-product .show-details{min-height: 600px;}
.show-product .show-details h2{font-size: 24px;font-weight: bold;color: #000;margin-bottom: 6px;}
.show-product .show-details h4{font-size: 20px;color: #333;margin-bottom: 12px;}
.show-product .show-details h5{border-bottom: 2px solid #333;padding-bottom: 12px;}
.show-product .show-details .service{padding: 6px;border-radius: 6px;background: rgba(0,0,0,.25);color: #fff;margin-bottom: 12px;}
.show-product .show-details .service span{padding: 6px 18px;border: 1px solid #fff;color: #fff;display: inline-flex;margin: 6px;font-weight: 500;}
.show-product .show-details h5{font-size: 16px;font-weight: bold;margin-bottom: 12px;}
.show-product .show-details img{width: 100%;}
.show-product .show-details table td{font-size: 12px!important;padding: 6px 0!important;color: #666!important;}
.show-product .show-details table>tbody>tr>td:first-of-type{font-weight: bold;color: #333!important;}
.show-product .show-details .table>:not(caption)>*>*{border: none;}

.show-product .show-details h2{font-size: 20px;font-weight: bold;color: #000;margin-bottom: 12px;}
.show-product .show-details .service{padding: 6px;border-radius: 6px;background: rgba(0,0,0,.25);color: #fff;margin-bottom: 12px;}
.show-product .show-details .service span{padding: 6px 18px;border: 1px solid #fff;color: #fff;display: inline-flex;margin: 6px;font-weight: 500;}
.show-product .show-details h5{font-size: 16px;font-weight: bold;margin-bottom: 12px;}
.show-product .show-details img{width: 100%;}

.pagination{margin: 30px 0;align-items: center;justify-content: flex-end;}
.pagination li{margin: 0 .5px;}
.pagination li span, .pagination li a{padding: 6px 12px;border: 1px solid #999;border-radius: 6px;color: #999;}
.pagination li.active span{background: #d81a1a;color: #fff;border-color: #d81a1a;}
.pagination .jumpto input{border: 0;background: #999;color: #fff;border-radius: 6px;padding: 1px 6px;font-size: 12px;}
.pagination .jumpto .page_number{width: 60px;}
.pagenavi{display: flex;margin: 30px auto;justify-content: space-between; align-items: center;}
.pagenavi .prev, .pagenavi .next{max-width: 40%;}
.pagenavi .prev p, .pagenavi .next p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;margin: 0;}
.pagenavi .back{padding: 6px 18px;border: 1px solid #999;border-radius: 6px;}
@media (max-width:1024px) {
  .pc-head{display: none;}
  header .m-head{display: block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo{float: left;display: flex;width: 75%;padding:5px;}
  header .m-head .m-head-logo img{height: 40px}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open i{font-size: 40px;line-height: 1.2;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i{font-size: 30px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;text-transform: capitalize;}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
  
  [class*="home-"]{margin-bottom: 40px;}
  .home-slide a.more{bottom: 24%;}
  .home-product .productswiper .swiper-slide.myactive{width: 60vw!important;;}
  .home-product .productswiper .swiper-slide{transform: translateX(calc(( 100vw - 36px ) / 14 - 30vw));}
  .home-product .productswiper .swiper-slide .intro span{font-size: 20px;}
  .home-product .productswiper .swiper-slide.myactive .intro{left: 5%;}
  .home-product .productswiper .swiper-slide.myactive .details{right: 5%;width: 66%;}

  body{padding-bottom: 80px;}
  .home-about video{width: 138%;}
  footer{display: none;}
  .m-footer{display: flex;flex-direction: row;width:100%;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.2);justify-content: space-around;position: fixed;bottom: 0;z-index: 10;}
  .m-footer .item{width: 15%;display: flex;justify-content: center;flex-direction: column;align-items: center;line-height: 1.4;}
  .m-footer .item .iconfont{font-size: 30px;color: #505050;}
  .m-footer .item span{font-size: 12px;text-transform: capitalize;}
  .m-copy{display: block;padding-bottom: 80px;font-size: 12px;color: #ccc;text-transform: uppercase;text-align: center;}
  
  .page-slide{margin-top: 60px;}
  .page-slide .text{margin: 60px auto;}
  .page-about .content{margin-left: 20%;}
  .page-contents .content{margin-left: 0;}
  .page-detail-news .content{margin-left: 0;}
  
  .page-culture{margin-bottom: 60px;}
  .page-culture .item{padding: 150px 36px 30px;}
  .page-culture .item span.ctitle, .page-culture .item small{transform: translateY(0);}
  .page-culture .item span.cintro{display: block;height: auto;opacity: 1;transform: translateY(6px);}
  
  .pager{display: flex;padding: 0;flex-direction: column;}
  .pager li{background: #eee;padding: 12px;text-align: center;border-radius: 6px;margin: .5px 0;font-size: 12px;}
  .page-subnavi a{padding: 12px 18px;font-size: 13px;}
  
  .main-product .item .thumb{height: 210px;}
  .main-product .productshowbox .item .thumb{height: 174px;}
}
@media (max-width:768px) {
  .home-product .productswiper .swiper-slide.myactive{width: 70vw!important;;}
  .home-product .productswiper .swiper-slide{transform: translateX(calc(( 100vw - 36px ) / 14 - 35vw));}
  .home-product .productswiper .swiper-slide.myactive .details ul li{width: 50%;}
  .home-about{height: 360px;}
  .home-about video{width: 120%;}
  .home-about .text{width: 70%;padding: 36px;}
  .home-about .intro{display: none;}
  .main-product .item .thumb{height: 210px;}
  .main-product .productshowbox .item .thumb{height: 186px;}
  
  .page-about .content{margin: 0;}
  .page-honor .honorshow{float: left;margin: 12px 30px;}
  .page-culture .item{padding: 150px 12px 12px;}
  .pagenavi{flex-direction: column;align-items: normal;}
  .pagenavi .next, .pagenavi .prev, .pagenavi .back{max-width: 100%;margin-bottom: 12px;}
  .pagenavi .back{order: -1!important;text-align: center;margin-bottom: 12px;}
  
  .page-subnavi a{padding: 12px;font-size: 12px;}
}
@media (max-width:640px) {
  .home-about video{width: 160%;}
  .home-about .text{width: 100%;padding: 18px;}
}
@media (max-width:425px) {
  .home-slide .swiper-slide{height: 60vh;}
  .home-slide .swiper-slide .words{width: 80%;}
  .home-product .productswiper .swiper-slide.myactive .details{left: 0;top: 24%;width: 100%;padding: 0 12px;}
  .home-product .productswiper .myactive{width: 70vw!important;}
  .home-about{height: 300px;}
  .home-about .text .about-title{font-size: 18px;font-weight: bold;margin-bottom: 12px;}
  .home-about .text p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
  footer{display: none;}
  
  .page-slide{background-size: auto 100% !important;}
  .page-slide .text{margin: 36px auto;}
  .page-slide .text .en{font-size: 30px;}
  
  .page-culture .item{padding: 96px 6px 12px;height: 300px;}
  .main-product .item .thumb{height: 180px;}
  .main-product .item h3{font-size: 14px;}
  .main-product .productshowbox .item .thumb{height: 150px;}
  .page-subnavi a{padding: 6px;font-size: 12px;}
}