@charset "utf-8";
/*@font-face {*/
    /*font-family: 'MS PGothic';*/
    /*src: url('../font/MS-PGothic.eot');*/
    /*src: url('../font/MS-PGothic.eot?#iefix') format('embedded-opentype'),*/
    /*url('../font/MS-PGothic.woff2') format('woff2'),*/
    /*url('../font/MS-PGothic.woff') format('woff'),*/
    /*url('../font/MS-PGothic.svg#MS-PGothic') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-display: swap;*/
/*}*/
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #f1f1f1;color: #000;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}

.container{margin-left: 250px;padding-bottom: 94px;}

::-webkit-scrollbar{width: 8px;height: 10px;background: #eee;}
::-webkit-scrollbar-track{ border-radius: 10px;background: #ccc;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #333;}
/*header s*/

.header{position: fixed;top: 0;left: 0;width: 250px;height: 100%;background: #fff;z-index: 999;}
.logo{position: absolute;left: 50%;transform: translateX(-50%);top:100px;}
.logo img{display: block;height: 42px;}
.header-con{position: absolute;width: 100%;left: 0;top:210px;bottom:0;}
.nav-box{position: absolute;top:0;left: 0;width: 100%;bottom:210px;overflow: auto;}
.nav-yi{display: block;padding-left: 65px;line-height: 48px;font-size: 16px;transition: all .4s;}
.nav li{display: block;transition: all .4s;margin-bottom: 1px;}
.nav li.active{background: #e5e5e5;}
.language{position: absolute;width: 100%;left: 0;bottom:0;height: 94px;background: #e60012;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.language-val span{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;margin: 0 6px;}
.language-val img{display: inline-block;vertical-align: middle;}
.language-val img:nth-child(1){width: 20px;}
.language-val img:nth-child(3){width: 7px;transition: all .4s;}
.language-list{position: absolute;width: 100%;bottom:100%;display: none;}
.language-list a{display: block;text-align: center;background: #f00;border-bottom:1px solid #f00;line-height: 94px;color: #fff;transition: all .4s;font-size: 18px;}
.language-list a:hover{background: #e60012;}
.language.active .language-val img:nth-child(3){transform: rotate(180deg);}
.header-area{position: absolute;left: 22px;right: 22px;bottom:120px;}
.header-new{display: block;border-bottom: 1px solid #d2d2d2;font-size: 16px;padding-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.jimtof{font-size: 20px;display: block;margin-bottom: 5px;font-weight: bold;}
.jim p{color: #424242;}
.jim span{display: block;font-size: 12px; color: #9b9b9b;}
.mg-bt10{margin-bottom: 10px;}

.fx{position: absolute;z-index: 998;right:0;top:55px;font-size: 0;pointer-events: none;left: 250px;}
.fx-item{display: inline-block;vertical-align: middle;font-size: 14px;width: 38px;height: 38px;border-radius: 100%;position: relative;background: #e4e4e4;transition: all .4s;margin-right: 10px;pointer-events: auto;}
.fx-item:last-child{margin-right: 0;}
.fx-item:hover{background: #e60012;}
.fx-item .i{transition: all .4s;border-radius: 100%;}
.fx-item-search .i{background: url("../images/fx1.png") no-repeat center;background-size: cover;}
.fx-item-search:hover .i{background: url("../images/fx1-1.png") no-repeat center;background-size: cover;}
.fx-item-tel .i{background: url("../images/fx2.png") no-repeat center;background-size: cover;}
.fx-item-tel:hover .i{background: url("../images/fx2-1.png") no-repeat center;background-size: cover;}
.fx-item-email .i{background: url("../images/fx3.png") no-repeat center;background-size: cover;}
.fx-item-email:hover .i{background: url("../images/fx3-1.png") no-repeat center;background-size: cover;}
.fx-item-kf .i{background: url("../images/fx4.png") no-repeat center;background-size: cover;}
.fx-item-kf:hover .i{background: url("../images/fx4-1.png") no-repeat center;background-size: cover;}
.fx-tip{min-width: 20px;padding: 5px;border-radius: 6px;border: 1px solid rgb(255, 0, 0);box-shadow: none;color: rgb(255, 255, 255);background-color: rgb(255, 0, 0);opacity: 0.8;z-index: 32767;text-align: center;visibility: visible;position: absolute;top: 50px;left: 50%;display: block;transform-origin: top center;transform: translateX(-50%) scale(0);white-space: nowrap;transition: all .3s;}
.fx-tip:before{content: '';position: absolute;height: 0;width: 0;border-width: 0 6px 10px;border-style: solid;border-color: transparent transparent rgb(255, 0, 0);border-image: initial;top: -10px;left: 50%;margin-left: -5px;}
.fx-item .i:hover .fx-tip{transform: translateX(-50%) scale(1);}
.search-box{position: absolute;right: 0;height: 38px;background: #e60012;border-radius: 38px;overflow: hidden;transition: all .4s;width: 76px;opacity: 0;z-index: -1;top:0;}
.sb{position: absolute;width: 38px;height: 100%;border-radius: 100%;background: url("../images/fx1-1.png") no-repeat center;background-size: cover;right: 0;top:0;}
.sb:before{content: '';position: absolute;height: 14px;right: 100%;top:50%;margin-top: -7px;border-left: 2px solid #fff;}
.search-box .text{display: block;border-radius: 38px;height: 38px;line-height: 38px;background: none;text-indent: 1.5em;color: #fff;width: 300px;}
.search-box .text::-webkit-input-placeholder{color:#fff;}
.search-box .text:-moz-placeholder{color:#fff;}
.search-box .text::-moz-placeholder{color:#fff;}
.search-box .text:-ms-input-placeholder{color:#fff;}
.fx-item-search.active .search-box{width: 300px;opacity: 1;z-index: 5;}


.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #212223; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }


.nav-hide{position: fixed;left: 250px;top:0;bottom:94px;right: calc(50% - 125px - 700px);background: #1e1e1e;box-sizing: border-box;padding: 40px 0;overflow: auto;transition: all .4s;display: none;}

.nav-title{border-bottom: 1px solid #565656;padding-bottom: 5px;position: relative;}
.wan{width: 55px;margin-bottom: 5px;}
.navclose{position: absolute;width: 32px;height: 32px;background: url("../images/gb64-fff.png") no-repeat center;background-size: cover;right: 0;bottom:10px;border:1px solid #fff;border-radius: 100%;z-index: 5;cursor: pointer;}

.sp-list{display: flex;flex-wrap: wrap;}
.sp-list li{width: 23.5%;margin-right: 2%;;background: #fff;transition: all .4s;margin-bottom: 2%;cursor: pointer;overflow: hidden;}
.sp-list li:nth-child(4n){margin-right: 0;}
.sp-top{padding: 15px; text-align:center;font-size: 0;transition: all .4s;white-space: nowrap;}
.sp-top .img{display: inline-block;vertical-align: middle; width: 60px;margin-right: 20px;transition: all .4s;position: relative;}
.sp-top .img img{width: 100%;transition: all .4s;}
.sp-top .img2{position: absolute;top:0;left: 0;opacity: 0;}
.sp-top h3{font-size: 18px;display: inline-block;vertical-align: middle;transition: all .4s;margin-bottom: 2px;line-height: 1.5em;font-weight: bold;}
.sp-bot{padding: 10px 18px;}
.sp-bot a{display: inline-block;position: relative;padding-left: 15px;color: #686868;line-height: 1.8em;}
.sp-bot a:before{content: '';position: absolute;width: 4px;height: 4px;background: #858585;border-radius: 100%;left: 0;top:10px;}
.sp-list li:hover{background: #efefef;transform: translateZ(0);}
.sp-list li:hover .sp-top{background: #e60012;}
.sp-list li:hover .sp-top h3{color: #fff;}
.sp-list li:hover .sp-top .img1{opacity: 0;}
.sp-list li:hover .sp-top .img2{opacity: 1;}
.mg-bt35{margin-bottom: 35px;}
.sp-list li.active{background: #efefef;transform: translateZ(0);}
.sp-list li.active .sp-top{background: #e60012;}
.sp-list li.active .sp-top h3{color: #fff;}
.sp-list li.active .sp-top .img1{opacity: 0;}
.sp-list li.active .sp-top .img2{opacity: 1;}

.nav-c-title a{font-size: 18px;color: #fff;}
.nav-c-title{display: inline-block;border-bottom: 1px dashed rgba(255,255,255,.5);box-sizing: border-box;min-width: 110px; padding-bottom: 20px;padding-right: 20px;}
.nav-c-item{display: inline-block;font-size: 14px;margin-right: 50px;margin-bottom: 20px;}
.nav-c-item:last-child{margin-right: 0;}
.nav-c-item a{color: #adadad;transition: all .4s;}
.nav-c-con{font-size: 0;}
.nav-c a{transition: all .4s;}
.nav-c a:hover{color: #e60012;}
.nav-c{display: none;}
.nav-c.active{display: block;}

.des-title24 h3{font-size: 24px;}
.title-fff h2{color: #fff;}
.title-fff h3{color: #fff;}
.des-fff p{color: #fff;}
.news-type{display: flex;flex-wrap: wrap;}
.news-type a{display: flex;background: #fff;justify-content: center;height: 80px;align-items: center;transition: all .4s;}
.news-type a:hover{background: #e60012;color: #fff;}
.news-type a.active{background: #e60012;color: #fff;}
.news-type a p:nth-child(2){margin-left: 20px;}

.column-4{display: flex;flex-wrap: wrap;}
.column-4 a{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.column-4 a:nth-child(4n){margin-right: 0;}
.line30x2{display: inline-block;vertical-align: middle;background: #e60012;width: 30px;height: 2px;}
.line50x2{display: inline-block;vertical-align: middle;background: #e60012;width: 50px;height: 2px;}
.gsjj-type .img100{padding-bottom: 68%;}
/*header e*/
/*footer s*/
.footer{left: 250px;right: 0;bottom:0;background: #fff;z-index: 998;height: 94px;padding: 23px 0;position: fixed;}
.footer-name{font-size: 18px;}
.footer-add a,.footer-add span{display: inline-block;color: #9c9c9c;}
.footer-add span:first-child{margin-right: 30px;}
.mg-bt15{margin-bottom: 15px;}
.footer-left{width: 30%;}
.footer-right{width: 68%;text-align: right;}
.beian a,.beian span{display: inline-block;color: #656565;}
.footer-tel{margin-bottom: 5px;}
.footer-tel span{display: inline-block;vertical-align: middle;font-size: 30px;color: #e60012;}
.footer-tel img{display: inline-block;vertical-align: middle;width: 22px;margin-right: 15px;}
.fixed-footer .footer{position: fixed;}
/*footer e*/


/*index s*/
.banner{position: fixed;left: 250px;top:0;right: 0;bottom:94px;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container a{position: absolute;}
.bannerDot{position: absolute;width: 100%;bottom:50px;z-index: 9;text-align: center;}
.bannerDot .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px; border:1px solid #fff;opacity: 1;background: none;}
.bannerDot .swiper-pagination-bullet-active{background: #e60012;border-color: #e60012;}
.banner-des h2{font-size: 40px;color: #fff;line-height: 1.8em;}
.banner-des h2:nth-child(2){text-indent: 2em;}
.banner-des{margin-bottom: 5%;}
/*index e*/

/* 事例紹介列表 s */
.ban{overflow: hidden;}
/* .ban .swiper-container{width: 100%;height: 100%;} */
/* .ban .swiper-container a{position: absolute;} */
.banDot{position: absolute;width: 100%;bottom:40px;z-index: 9;text-align: center;}
.banDot .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px; border:1px solid #fff;opacity: 1;background: none;}
.banDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.banDot .swiper-pagination-bullet-active{background: #e60012;border-color: #e60012;}
.title40 h2{font-size: 40px;}
.titlefff h2{color: #fff;}
.padding-tb60{padding: 60px 0;}
.des24 p{font-size: 24px;text-align: justify;}
.title24 h2{font-size: 24px;}
.bold h2{font-weight: bold;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt30{margin-bottom: 30px;}
.anli-type{font-size: 0;}
.anli-type a{font-size: 18px;transition: all .4s;background: #fff;margin-right: 1.52%;margin-bottom: 1.52%; width: 15.4%;display: inline-block;vertical-align: top;line-height: 48px;padding-left: 20px;position: relative;white-space: nowrap;overflow: hidden;}
.anli-type a:nth-child(6n){margin-right: 0;}
.anli-type a:after{content: '';position: absolute;width: 30px;height: 30px;right: 10px;top:50%;transform:translateY(-50%);background: url("../images/1282.png") no-repeat center;background-size: cover;transition: all .4s;}
.anli-type a:hover{background: #e60012;color: #fff;}
.anli-type a:hover:after{background: url("../images/1284.png") no-repeat center;background-size: cover;}
.anli-type a.active{background: #e60012;color: #fff;}
.anli-type a.active:after{background: url("../images/1284.png") no-repeat center;background-size: cover;}
.mg-bt60{margin-bottom: 60px;}
.anli-bot{padding: 25px 20px;}
.des18 p{text-align: justify;font-size: 18px;}
.anli li{width: 31.6%;margin-right: 2.6%;transition: all .4s;margin-bottom: 40px;}
.anli li:hover{background-color: rgb(255, 255, 255);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.22);}
.anli li:nth-child(3n){margin-right: 0;}
.line18 p{line-height: 1.8em;}
.anli-bot .des18 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 3.6em;overflow: hidden;}
.item-tip{font-size: 0;min-height: 72px;}
.item-tip span{color: #646464; font-size: 14px;display: inline-block;vertical-align: middle;border:1px solid #cacaca;border-radius: 5px;padding: 0 13px;line-height: 29px;margin-right: 10px;margin-bottom: 5px;}
.more{display: inline-block;color: #e60012;}
.more span{display: inline-block;margin-right: 2px;}
.more i{display: inline-block;width: 26px;height: 5px;background: url("../images/jt26x5.png") no-repeat center;background-size: cover;}
.anli-contact a{display: flex;height: 130px;align-items: center;justify-content: center;transition: all .4s;}
.anli-contact a:hover{opacity: 0.6;}
.anli-contact img{width: 40px;margin-right: 20px;}
.anli-ct a{background: #e60012;}
.anli-contact{display: flex;flex-wrap: wrap;}
.anli-tel{width: 51%;}
.anli-tel a{background: #000;}
.anli-ct{width: 49%;display: flex;}
.anli-ct li{width: 46%;margin-left: 4%;}
.anli-ct li span{font-size: 30px;color: #fff;}
.anli-tel span{font-size: 48px;color: #fff;display: block;}
.anli-tel p{color: #fff;position: absolute;left: 0;top:100%;white-space: nowrap;}
.anli-tel a{justify-content: flex-start;padding-left: 60px;}
/* 事例紹介列表 e */
/*事例紹介详情 s*/
.title30 h2{font-size: 30px;line-height: 1.4em;}
.title30 h1{font-size: 30px;line-height: 1.4em;}
.item-tip2{min-height: 0;}
.alxq-list-a li{width: 32%;margin-right: 2%;background: #fff;padding: 25px 40px;margin-bottom: 2%;transition: all .4s;}
.alxq-list-a li:hover{box-shadow: 0 0 15px 0 #ddd;}
.alxq-list-a li:nth-child(3n){margin-right: 0;}
.des16 p{font-size: 16px;text-align: justify;}
.title30 .i{width: 48px;height: 4px;background: #e60012;}
.mg-bt40{margin-bottom: 40px;}
.des464646 p{color:#464646;}
.line20 p{line-height: 2em;}
.desque p{padding-left: 20px;position: relative;}
.desque p:before{content: '';position: absolute;width: 10px;height: 10px;background: #e60012;left: 0;top:11px;}
.alxq-list-a p{margin-bottom: 20px;}
.alxq-list-a{display: flex;flex-wrap: wrap;}
.des20 p{font-size: 20px;text-align: justify;}
.bold p{font-weight: bold;}
.des-bottom20 p{margin-bottom: 20px;}
.des-bottom20 p:last-child{margin-bottom: 0;}
.alxq-list-b .img100{width: 30.3%;}
.alxq-content{width: 66%;padding-top: 10px;}
.alxq-list-b li{margin-bottom: 60px;}
/*事例紹介详情 e*/
/*产品详情 s*/
.des p{color: #4e4e4e;text-align: justify;}
.title36 h2{font-size: 36px;line-height: 1.2;}
.cpxq-con{width: 40%;padding-top: 35px}
.cpxq-img{width: 57%;}
.btn190-box{font-size: 0;}
.btn190{display: inline-block;font-size: 18px;color: #fff;background: #e60012;width: 190px;box-sizing: border-box;padding: 0 20px;transition: all .4s;}
.btn190 img{display: inline-block;vertical-align: middle;width: 37px;margin-right: 15px;}
.btn190 span{display: inline-block;vertical-align: middle;line-height: 50px;}
.btn190-box a{margin-right: 20px;}
.btn190-box a:last-child{margin-right: 0;}
.btn190-box a:nth-child(2){background: #000;}
.partner li{width: 23.8%;margin-right: 1.6%;margin-bottom: 1.6%;}
.partner li:nth-child(4n){margin-right: 0;}
.btn190:hover{opacity: 0.6;}
/*产品详情 e*/
/*2.1取扱商品列表 s*/
.pro-list{display: flex;flex-wrap: wrap;}
.pro-list li{width: 31.7%;margin-right: 2.45%;margin-bottom: 2.45%;background: #fff;}
.pro-list li:nth-child(3n){margin-right: 0;}
.pro-list .img100{padding-bottom: 68%;}
.padding30{padding: 30px;}
.size16{font-size: 16px;}
.pro-list-type p{display: inline-block;color: #575757;margin-bottom: 10px;transition: all .4s;margin-right: 18px;}
.pro-list-type a{display: inline-block;color: #575757;margin-bottom: 10px;transition: all .4s;}
.pro-list-type span{display: inline-block;color: #575757;margin: 0 10px;}
.pro-list-type a:hover{color: #e60012;}
.pro-list h3{transition: all .4s;}
.pro-list a:hover h3{color: #e60012;}
/*2.1取扱商品列表 e*/
/*3.1事例紹介列表 s*/
.anli .img100{padding-bottom: 61%;}
/*3.1事例紹介列表 e*/
/*4.1ニュース列表 s*/
.preview .preview-warp{margin: 0 40px;}
.preview .swiper-slide{width: 14.285%;text-align: center;height: 80px;cursor: pointer;}
.lishi-dot{width: 7px;height: 7px;border-radius: 100%;position: absolute;left: 50%;bottom:0;margin-left: -15px; transition: all .4s;background: #595959;}
/*.lishi-dot i{position: absolute;width: 7px;height: 7px;top:50%;left: 50%;border-radius: 100%;margin: -3.5px 0 0 -3.5px;transition: all .4s;}*/
.lishi-year{font-size: 24px;width: 100%;position: absolute;left: 0;text-align: center;bottom:35px;transition: all .4s;}
.preview .preview-warp:before{content: "";position: absolute;left: 0;right: 0;bottom:3px;border-top: 1px dashed #999;z-index: -1;}
.preview .preview-warp:after{content: "";position: absolute;left: -3px;bottom:-3px; z-index: -1;width: 11px;height: 12px;background: url("../images/sjx22x24.png") no-repeat center;background-size: cover;}
.preview .swiper-slide.active-nav .lishi-year{font-size: 36px;color: #e60012;}
.preview .swiper-slide.active-nav .lishi-dot{background: #e60012;}
/*.preview .swiper-slide.active-nav .lishi-dot i{background: #e60012;}*/
.preview .swiper-slide:hover .lishi-year{font-size: 36px;color: #e60012;}
.preview .swiper-slide:hover .lishi-dot{background: #e60012;}
/*.preview .swiper-slide:hover .lishi-dot i{background: #e60012;}*/
.his-arrow{width: 32px;height: 32px;cursor: pointer;position: absolute;z-index: 9;transition: all .4s;bottom:36px;filter: grayscale(1);opacity: 0.5;border:1px solid #666;border-radius: 100%;}
.his-arrow:hover{filter: grayscale(0);opacity: 1;border-color: #e60012;}
.arrow-left{background: url("../images/1281.png") no-repeat center;background-size: cover;left: -12px;}
.arrow-right{background: url("../images/1282.png") no-repeat center;background-size: cover;right: -12px;}
.news-list{width: 44.2%;}
.news-list li{display: block;border-bottom: 1px dashed #676767;}
.news-list li a{display: block;padding: 14.5px 0;}
.news-list li a:hover p{color: #e60012;}
.news-list li a p{transition: all .4s;}
.mg-bt5{margin-bottom: 5px;}
.news-con{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-img{width: 48.85%;}
.news-img .img100{position: relative;padding-bottom: 65%;height: 100%;}
.news-img .img100 img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.newsBtn div{position: absolute;z-index: 9;width: 64px;height: 64px;top:50%;margin-top: -32px;cursor: pointer;transition: all .4s;}
.newsBtn1{left: 0;background: url("../images/1283.png") no-repeat center;background-size: cover;}
.newsBtn2{right: 0;background: url("../images/1284.png") no-repeat center;background-size: cover;}
.newsBtn1:hover{background: url("../images/1281.png") no-repeat center;background-size: cover;}
.newsBtn2:hover{background: url("../images/1282.png") no-repeat center;background-size: cover;}
.news-img .swiper-container{height: 100%;}
/*4.1ニュース列表 e*/
/*4.2ニュース详情 s*/
.des-464646 p{color: #464646;}
.wzgy-ms li{display: block;position: relative;}
.wzgy-ms li p:nth-child(1){position: absolute;top:0;left: 0;}
.wzgy-ms li p:nth-child(2){margin-left: 100px;}
.bg-fff{background: #fff;}
.color-464646{color: #464646;}
.hover-color{transition: all .4s;}
.hover-color:hover{color: #e60012;}
a:hover .hover-color{color: #e60012;}
.mg-bt25{margin-bottom: 25px;}
.czw-list{display: flex;flex-wrap: wrap;}
.czw-list li{width: 31.65%;margin-right: 2.525%;margin-bottom: 40px;}
.czw-list li:nth-child(3n){margin-right: 0;}
.czw-list li a{display: flex;width: 100%;height: 100%;justify-content: space-between;flex-direction: column;}
.czw-list .img100{padding-bottom: 61%;}
.des-e60012 p{color: #e60012;}
.tyh li{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;margin-bottom: 40px;}
.tyh-img{width: 42.92%;}
.tyh-con{width: 53.35%;}
.tyh-img .img100{padding-bottom: 70%;}
/*4.2ニュース详情 e*/
/*5.1採用情報列表 s*/
.job-list li{width: 48%;margin-right: 4%;margin-bottom: 60px;}
.job-list li:nth-child(2n){margin-right: 0;}
.job-top{display: flex;justify-content: space-between;border-bottom: 1px solid #b5b5b5;padding-bottom: 5px;flex-wrap: wrap;}
.des-484848 p{color: #484848;}
.des-bold p{font-weight: bold;}
.des-818181 p{color: #818181;}
/*5.1採用情報列表 e*/
/*6.1コンタクト s*/
.lxfs-item{position: relative;margin-top: 5px;}
.lxfs-item-name{position: absolute;top:0;left: 0;display: flex;align-items: center;}
.lxfs-item-name img{width: 16px;margin-right: 3px;}
.lxfs-item-con{margin-left: 65px;}
.gongsi li{width: 32%;margin-right: 2%;}
.gongsi li:nth-child(3n){margin-right: 0;}
.country-table{width: 690px;background: #fff;text-align: center;position: absolute;left: 100%;top:50%;transform: translateY(-50%);z-index: 9999;}
.country-table:before{content: "";width: 0;height: 0;border:20px solid transparent;border-right-color: #fff;position: absolute;top:50%;margin-top: -20px;right: 100%;margin-right: -1px;}
.country-table th{background: #000;color: #fff;font-size: 18px;font-weight: normal;width: 20%;}
.country-table th:nth-child(3){width: 40%;}
.country-table th,.country-table td{border:1px solid #dadada;padding: 5px 20px;height: 45px;}
.country-table td{color: #7d7c7c;}
.country-table tbody td:nth-child(3){text-align: left;}
.judian li{position: absolute;width: 6%;height: 8%;cursor: pointer;}
.judian li.china{top: 33%;left: 29%;}
.judian li.japan{top: 37%;left: 36%;}
.judian li.thailand{top: 44%;left: 26.5%;}
.judian li.vietnam{top: 52%;left: 27.5%;}
.judian li.indonesia{top: 63%;left: 28.5%;width: 10%;}
.judian li.north_america{top: 26.5%;left: 77%;}
.country-table-box{display: none;}
.judian li:hover .country-table-box{display: block;}
.judian li.north_america .country-table{left: auto;right: 100%;}
.judian li.north_america .country-table:before{border-right-color: transparent;border-left-color: #fff;left: 100%;right: auto;margin-left: -1px;}


li.active .country-table-box{display: block;}
.gb999{position: absolute;width: 48px;height: 48px;background: url("../images/gb64.png") no-repeat center;background-size: cover;left: 50%;margin-left: -16px;display: none;top:5%;margin-top: -24px;filter: brightness(10);}

/*6.1コンタクト e*/
/*7.2会社概要 s*/
.gsjj-table td{border: 1px solid #dadada;padding: 10px 20px;height: 56px;}
.gsjj-table td:first-child{font-size: 20px;width: 23.7%;}
.gsjj-table td:nth-child(2){font-size: 16px;color: #464646;}
.toutiao{position: absolute;display: flex;align-items: center;padding-left: 40px;padding-right: 10px; right: 0;background: #e60012;height: 100%;top:0;color: #fff;font-size: 30px;}
.toutiao:after{content: "";display: inline-block;width: 50px;margin-left: 20px; height: 50px;background: url("../images/1284.png") no-repeat center;background-size: cover;}
.yange-preview .swiper-slide{width: 25%;}
.yange-list{width: 48%;}
.yange-list li{display: block;position: relative;padding-left: 110px;margin-bottom: 20px;}
.yange-time{position: absolute;top:0;left: 0;}
/*7.2会社概要 e*/
/*7.3GYTが選ばれる理由 s*/
.title-bold h2{font-weight: bold;}
.ly1 li{display: block;width: 100%;}
.ly2 li{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.ly2 li:nth-child(even){flex-direction: row-reverse;}
.ly-img{width: 53.42%;}
.ly-img .img100{padding-bottom: 57.2%;}
.ly-con{width: 42.85%;padding-top: 50px;}
/*7.3GYTが選ばれる理由 e*/
/*2.2问合表 s*/
.xwb-box{border-radius: 25px;padding: 30px;}
.choose-box a{display: flex;align-items: center;}
.yuan{width: 15px;height: 15px;border-radius: 100%;border:1px solid #aaa;margin-right: 8px;}
.choose-box li{margin-right: 50px;margin-bottom: 15px;}
.choose-box li p{line-height: 1;}
.glpaet{background: #f1f1f1;padding:15px 25px 5px;}
.des-6c6c6c p{color: #6c6c6c;}
.kuang{width: 17px;height: 17px;border:1px solid #777;border-radius: 3px;margin-right: 8px;}
li.active .yuan{background: #aaa;}
.choose-er-item li.active .kuang{background: url("../images/gou.png") no-repeat center;background-size: cover;}
.choose-er-item{display: none;}
.choose-er-item.active{display: block;}
.choose-san{padding:15px 15px 0;border-top: 1px dashed #bebebe;}
.san-san{display: none;}
.san-er{display: none;}
.san-san.active{display: block;}
.san-er.active{display: block;}
.des-898989 p{color: #898989;}
.hope{display: flex;align-items: center;flex-wrap: wrap;}
.queding{display: inline-block;background: #e60012;color: #fff;width: 224px;text-align: center;font-size: 18px;line-height: 52px;}
.input-page{margin-bottom: 2%;border:1px solid #b0b0b0;position: relative;}
.xing{position: absolute;left: 10px;top:0;line-height: 44px;font-size: 18px;color: #e60012;}
.input-page .text{height: 50px;font-size: 18px;text-indent: 25px;display: block;width: 100%;}
.input-page-4 .input-page{width: 23.5%;margin-right: 2%;float: left;}
.input-page-3 .input-page{width: 23.5%;margin-right: 2%;float: left;}
.input-page-4 .input-page:nth-child(4n){margin-right: 0;}
.input-page-3 .input-page:nth-child(1){width: 49%;}
.input-page-3 .input-page:nth-child(3n){margin-right: 0;}
.textarea{resize: none;height: 211px;padding:15px 25px;font-size: 18px;display: block;width: 100%;padding-right: 15px;}
select{border:none;}
/*2.2问合表 e*/

.ban-430 img{height: 430px;object-fit: cover;}
.ban-260 img{height: 260px;object-fit: cover;}

.border-bottom{border-bottom: 1px solid #b3b3b3;}
.tpl-c-grid{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 30px;align-items: center;}
.tpl-c-grid-a{display: flex;}
.tpl-c-grid-a a{display: inline-block;margin-right: 50px; text-align: center;}
.tpl-c-grid-a a:last-child{margin-right: 0;}
.tpl-c-grid-a img{width: 12px}
.tpl-mid{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bg-d7d7d7{background: #d7d7d7;}
.tpl-bot-title{padding: 5px 18px;}
.des-535353 p{color: #535353;}
.tpl-mid-page li{margin-bottom: 10px;min-height: 28.8px;}
.tpl-mid-page li:last-child{margin-bottom: 0;}
.tpl-mid-page ul{padding: 0 18px;}
.tpl-mid-page .wzgy-ms li p:nth-child(2){margin-left: 130px;}
.qyry .swiper-slide{width: 32%;margin-right: 2%;text-align: center;overflow: hidden;}
.qyry .swiper-slide:last-child{margin-right: 0;}
.qyry .img100{padding-bottom: 68%;position: relative;}
.qyry .swiper-slide:hover .img100{border-color: #e60012;}
.progress2{height: 1px;background: #e60012;width: 100%;position: relative !important;margin-top: 50px;}
.progress2 .swiper-pagination-progressbar{height: 3px !important;background: #d70d1d !important;margin-top: -1px;}
.bantuBtn div{width: 36px;height: 36px;margin-top: -18px;}
.bantuBtn div{cursor: pointer;z-index: 9;width: 38px;height: 38px;border:1px solid #b2b2b2;border-radius: 100%;transition: all .4s;position: absolute;top:50%;margin-top: -19px;}
.bantuBtn1{background: url("../images/btn761.png") no-repeat center;background-size: cover;left: -49px;}
.bantuBtn2{background: url("../images/btn762.png") no-repeat center;background-size: cover;right: -49px;}
.bantuBtn1:hover{background: #e60012 url("../images/btn763.png") no-repeat center;background-size: cover;border-color: #c52725;}
.bantuBtn2:hover{background: #e60012 url("../images/btn764.png") no-repeat center;background-size: cover;border-color: #c52725;}
.news-img342{width: 342px;}
.news-img .img100{height: 223px;padding-bottom: 0 !important;}
.yange-list342{width: calc(100% - 385px);}
.news-con342{align-items: flex-start;}

.fixed-style{position: fixed;z-index: 999;width: 100%;height: 100%;top:0;left: 0;display: none;}
.jsz-con{width: 960px;max-width: 92%;margin: 0 auto; padding: 0 50px 50px;
    background-color: rgb(255, 255, 255);overflow: hidden;
    box-shadow: 0 0 12.39px 8.61px rgba(88, 88, 88, 0.2);
}
.btn190-i span{display: inline-block;}
.btn190-i .i{width: 9px;height: 17.5px;background: url("../images/r18x35.png") no-repeat center;background-size: 100% 100%;display: inline-block;vertical-align: middle;margin-left: 20px;}
.title-575757 h3{color: #575757;}
.img012{margin-top: -10px;}
.img012 img{width: 389px;max-width: 100%;}
.des36 p{font-size: 36px;}
.des-ed0618 p{color: #e60012;}
.jszgb{position: absolute;width: 64px;height: 64px;background: url("../images/gb64.png") no-repeat center;background-size: cover;top:10px;right: 10px;z-index: 0;cursor: pointer;}


.imgcover{position: absolute;top:0;left: 0;width:100%;height: 100%;object-fit: cover;}
.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft,.nav li:hover .sp-list,.nav li:hover .nav-c.active{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
/*.banner .swiper-slide-active a .position-full{animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}*/
/*@-webkit-keyframes scaleUpDown {*/
    /*from { -webkit-transform: scale(1.08); transform: scale(1.08); }*/
    /*to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }*/
/*}*/
/*@keyframes scaleUpDown {*/
    /*from { -webkit-transform: scale(1.08); transform: scale(1.08); }*/
    /*to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }*/
/*}*/