@charset "utf-8";
/*CSS Document*/




/***********header***********/
html{padding-top:106px;}

header{position:relative;z-index:999;background-color:#fff;position:fixed;top:0;left:0;right:0;}
header.header-fixed{box-shadow:0 1px 5px rgba(0 0 0 / 12%);}
.header{display:flex;align-items:center;padding:20px 0;}  


/*header-phone*/
.header-phone-more,
.header-phone-close{display:none;}


/*language*/
.language{line-height:14px;}
.language dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer;}
.language dt{height:14px;line-height:14px;color:#131313;font-size:14px;font-weight:700;cursor:pointer;padding-left:20px;text-align:center;}
.language dt a { display: inline-block; vertical-align: top; line-height: 14px; }
.language dd{position:absolute;top:100%;left:0;z-index:990;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:10px;display:none;padding:4px 0;text-align:center;border-radius:6px}
.language dd a{display:block;padding:6px 8px;font-size:12px;line-height:1em;white-space:nowrap;}
.language dd a:hover{color:#AA283C;}
/*.language dt:after{content:"\e642";font-family:"iconfont" !important;position:absolute;top:0;left:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;}*/
.language dt:after{
	content:"\e642";font-family:"iconfont" !important;position:absolute;top:0;left:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:block;text-align:center;font-size:16px;font-weight:normal;}
/*.language dt.cur:after{content:"\e731";}*/
.language dl:hover dt,
.language dl:hover dt:after{color:#AA283C;}


/*logo*/
.header-logo a{display:block;height:66px;}
.header-logo a img{display:block;height:100%;}


/**/
.header-right{margin-left:auto;display:flex;align-items:center;}


/*header-nav*/
.header-nav{float:left;margin-right:36px;position:relative;border-right:1px solid #D8D8D8;}
.header-nav > ul{line-height:1em;padding:9px 0;}
.header-nav > ul > li{float:left;margin-right:36px;position:relative;}
.header-nav > ul > li > a{text-transform:uppercase;display:inline-block;vertical-align:top;font-weight:500;font-size:18px;line-height:18px;position:relative;}
.header-nav > ul > li > a:hover{color:#AA283C;}
.header-nav > ul > li > i{display:none;vertical-align:top;font-size:10px;line-height:18px;}
.header-nav > ul > li > i + a:after{content:"\e732";font-family:"iconfont" !important;display:inline-block;vertical-align:top;margin-left:6px;font-size:10px;font-weight:normal;}

.header-subnav{
	position:absolute;top:100%;left:0;z-index:99;padding:8px 0;box-shadow:0 1px 6px rgba(0 0 0 / 12%);background-color:#fff;visibility:hidden;opacity:0;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);  
}
.header-subnav li a{padding:10px 20px;line-height:1em;display:block;line-height:1.2em;white-space:nowrap;font-size:14px;}  
.header-subnav li a:hover{color:#AA283C;background-color:#f7f7f7;}

.header-nav > ul > li:hover .header-subnav{visibility:visible;opacity:1;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transform:translateY(10px);  
}


/**/
/*.html-header .header-logo a{height:50px;}
.html-header .header{padding:12px 0;}
.html-header .header-nav > ul > li > a{font-size:16px;}*/






/***********footer***********/
footer{background-color:#F4F4F3;padding-top:80px;}  

.footer-l{width:250px;}
.footer-l p{font-weight:700;font-size:15px;color:#AA283C;line-height:1.2em;margin:30px 0;}
.footer-logo a{display:inline-block;vertical-align: top; width:100%; position: relative;}
.footer-logo a img { display: block; }
.footer-share { display: flex; grid-gap:10px 10px; }
.footer-share a{width:36px;height:36px;line-height:36px;text-align:center;border-radius:100px;background-color:#AA283C;display:block;float:left; position: relative;}
.footer-share a i{color:#fff;}
.footer-share a:hover{background-color:#131313;}
.footer-share a i.if-facebook1:before { content: "\e69c"; }

.footer-c{margin:0 50px 0 100px;width:580px;}
.footer-c h2{font-size:24px;line-height:1em;margin-bottom:30px;}
.footer-c .grid-2{grid-gap:20px 20px;}
.footer-c input{border-radius:0;}
.footer-c textarea{border-radius:0;}
.footer-c form > .form-input{margin-top:20px;}
.footer-c form > div:nth-of-type(5) { text-align: right; font-size: 14px; margin-top: 6px; }
.footer-c .form-btn{margin-top:30px;}
.footer-c .btn-base{width:280px;background-color:#AA283C;}

.footer-r{width:460px;margin-left:auto;}
.footer-r ul{margin-top:54px;}
.footer-r ul li{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #D6D6D6;}
.footer-r ul li:last-child{padding-bottom:0;margin-bottom:0;border:0;}
.footer-r ul li span i{color:#AA283C;margin-right:10px;font-weight:normal;}
.footer-r ul li span{font-size:14px;display:block;}
.footer-r ul li span:first-child{margin-right:10px;font-weight:700;white-space:nowrap;}
.footer-r ul li span:last-child{margin-right:0;font-weight:normal;}
.footer-r ul li > div{margin-bottom:20px;} 
.footer-r ul li > div:last-child{margin-bottom:0;}

footer .copyright{margin-top:80px;color:#666;border-top:1px solid #D6D6D6;padding:24px 0;font-weight:lighter;line-height:1em;font-size:14px;}





/* 二维码 */
.side-buttons ul li.side-buttons2 a { position: relative; }
.side-buttons ul li.side-buttons2 a:hover { opacity: 1; }
.side-buttons ul li.side-buttons2 a:before,
.footer-share li:nth-child(1) a:before,
.footer-share li:nth-child(3) a:before { content: ""; width: 180px; height: 180px; padding: 10px; box-sizing: border-box; border-radius: 10px; background:url(../images/qrcode.png) no-repeat; background-color: #fff; background-size: 100% 100% !important; position: absolute; top: 100%; left: 50%; z-index: 9; margin: 10px 0 0 -90px; opacity: 0; visibility: hidden; box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.side-buttons ul li.side-buttons2 a:hover:before,
.footer-share li:nth-child(1) a:hover:before,
.footer-share li:nth-child(3) a:hover:before { opacity: 1; visibility: visible; }

.footer-share li:nth-child(1) a:before { background:url(../images/qrcode-2.jpg) no-repeat; }

.side-buttons ul li.side-buttons2 a:before { top: 50%; left: auto; right: 100%; margin: -90px 10px 0 0; background:url(../images/qrcode-2.jpg) no-repeat; }






/***********banner***********/
/**/
.home-banner{
	position:relative;
	height:-webkit-calc(100vh - 106px);
	height:-moz-calc(100vh - 106px);
	height:calc(100vh - 106px);  
}
.home-banner .swiper-wrapper{margin-top:-40px;box-sizing:border-box;
	
    
}

/*.home-banner .swiper-slide a{position:relative;display:block;}*/
.home-banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;}

.home-banner-text{position:absolute;bottom:0;right:0;z-index:2;max-width:56%;min-width:40%;background-color:rgba(255 255 255 / 90%);box-sizing:border-box;padding:80px 80px 120px 80px;}
.home-banner-text h2{font-size:50px;position:relative;padding-left:39px;line-height:1.4em;}
.home-banner-text h2 span{font-size:50px;color:#AA283C;line-height:1.4em;}
.home-banner-text h2:before{content:"";display:block;width:3px;height:56%;background-color:#131313;position:absolute;top:18px;left:0;}
.home-banner-text a.btn-empty {line-height:30px;font-size:18px;margin:30px 0 0 39px;}
.home-banner-text a.btn-empty:after{content:"\e631";font-family:"iconfont" !important;width:30px;height:30px;line-height:30px;text-align:center;background-color:#AA283C;color:#fff;font-weight:normal;display:inline-block;vertical-align:top;margin-left:16px;font-size:12px;}

.home-banner .swiper-controls{position:absolute;bottom:0;right:0;z-index:9;background-color:#AA283C;display:flex;align-items:center;height:80px;padding:0 80px 0 50px;}
.home-banner .swiper-pagination{position:static;margin-right:100px;display:flex;}
.home-banner .swiper-pagination span{width:10px;height:10px;border-radius:0;background-color:#fff;opacity:.6;margin:0 7px !important;}
.home-banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;}

.home-banner .swiper-controls-direction{display:none;align-items:center;}
.home-banner .swiper-controls-direction > div{position:static;cursor:pointer; margin: 0; background-color: transparent;}
.home-banner .swiper-controls-direction > div:before{color:#fff;font-size:18px;}
.home-banner .swiper-controls-direction > div:hover{opacity:.6;}
.home-banner .swiper-button-prev{margin-right:16px;} 

.home-banner .swiper-pagination.swiper-pagination-lock,
.home-banner .swiper-pagination.swiper-pagination-lock span{display:block !important;}
.home-banner .swiper-button-prev.swiper-button-lock,
.home-banner .swiper-button-next.swiper-button-lock{display:block !important;opacity:.5;}



/*page-banner*/
.page-banner-box{position:relative;}
.page-banner-box h1{
	font-size:46px;font-weight:700;line-height:1em;position:absolute;top:50%;left:50%;z-index:9; text-transform:uppercase;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.page-banner-box img{width:100%;height:300px;display:block;object-fit:cover;object-position:center center;}
.page-banner-box .crumbs2{
	position:absolute;left:50%;bottom:20px;z-index:9;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%); 
}
.page-banner-box:after{
	content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;
	background:-webkit-linear-gradient(left,#fff,#FFFFFF00);
    background:-moz-linear-gradient(left,#fff,#FFFFFF00);
    background:-o-linear-gradient(left,#fff,#FFFFFF00);
    background:linear-gradient(to right,#fff,#FFFFFF00);
}











/***********首頁***********/
.home-main-box{padding:120px 0 160px;}
/*.home-main-box > div{margin-bottom:140px;}*/
/*.home-main-box > div:last-child{margin-bottom:0;}*/

.home-title h2{font-size:50px;font-weight:700;line-height:1em;text-transform:uppercase;text-align:center;}

.dashed-red{width:82px;height:1px;display:block;/*margin-left:auto;margin-right:auto;*/ background:url(../images/dashed-red.png) no-repeat;background-size:100% 100%;}
.home-main-box .dashed-red{margin-left:auto;margin-right:auto;}

.tag-list{display:flex;align-items:center;}
.tag-list span{font-size:12px;display:block;font-weight:700;text-transform:uppercase;padding-right:9px;margin-right:8px;position:relative;color:#fff;}
.tag-list span:after{content:"";width:1px;height:10px;display:block;background-color:rgba(255 255 255 / 30%);position:absolute;top:50%;right:0;margin-top:-5px;}
.tag-list span:last-child{padding-right:0;margin-right:0;}
.tag-list span:last-child:after{display:none;}



/*1*/
.home-one{overflow:hidden;}
.home-one > div{position:relative;}
/*.home-one-slide{overflow:visible;margin:0 auto;}*/

/*.home-one-slide .swiper-slide.swiper-slide-prev{opacity:0;visibility:hidden;}*/
/*.home-one-slide .swiper-slide{width:1440px !important;}*/
.home-one-title{ position:absolute;top:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column-reverse; gap: 16px;}
.home-one-title h2{font-size:90px;font-weight:700;line-height:1em;text-transform:uppercase;}
.home-one-title p{font-size:46px;line-height:1em;color:#666;text-transform:uppercase;text-align:right;}

.home-one-slide{width:2528px;margin-left:216px;}  
.home-one-slide .swiper-slide a{position:relative;display:block;}
.home-one-slide .swiper-slide a img{display:block;width:100%;height:auto;}

.home-one-slide .swiper-button-prev{display:none;}
.home-one-slide .swiper-button-next{left:47.5%;border-radius:0;}

html[lang="en-US"] .home-one-title { writing-mode:vertical-lr;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

html[lang="zh-CN"] .home-one-title { writing-mode: tb; padding: 60px 0; }
html[lang="zh-CN"] .home-one-title h2 { display: flex;letter-spacing: 1px; justify-content: flex-end; }
html[lang="zh-CN"] .home-one-title p { display: flex; }



/*2*/
.home-two-top{margin-bottom:140px;}
.home-two-top p{font-size:20px;font-weight:lighter;line-height:1.6em;text-align:center;}

.home-two-box{position:relative;text-align:center;display:none;}  
.home-two-box:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0 0 0 / 40%);}
.home-two-box img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.home-two-box > div{padding:140px 0 120px;position:relative;z-index:2;}
.home-two-box > div h1{font-size:64px;line-height:1.2em;color:#fff;margin-bottom:120px;text-transform:uppercase;font-weight:lighter;}
.home-two-box > div .btn-line{border-color:#fff;color:#fff;background-color:rgba(0 0 0 / 13%);display:block;line-height:64px;height:66px;}
.home-two-box > div .btn-line i{color:#fff;font-weight:normal;}
.home-two-box > div .btn-line:hover{background-color:rgba(0 0 0 / 30%);}



/*3*/
.home-three .home-title{padding-top:5%;position:relative;margin-bottom:80px;}
.home-three .home-title img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;z-index:-1;}
.home-three .home-title p{font-size:16px;font-weight:lighter;line-height:1.37em;text-align:center;}
.home-three .home-title p span{color:#AA283C;}  

.home-three-list-img a{display:block;position:relative;overflow:hidden;}
.home-three-list-img a img{display:block;width:100%;height:auto;}
.home-three-list ul li:hover .home-three-list-img a img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.home-three-tag{display:block;position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;background-color:rgba(0 0 0 / 30%);width:100%;height:100%;opacity:0;}
.home-three-tag span{display:block;line-height:1em;font-size:14px;font-weight:700;text-align:center;color:#fff;}
.home-three-tag span:after{content:"";display:block;width:50px;height:1px;background-color:rgba(255 255 255 / 30%);margin:10px auto;}
.home-three-tag span:last-child:after{display:none;} 
.home-three-list ul li:hover .home-three-tag{opacity:1;}

.home-three-list-title{text-align:center;margin-top:20px;}
.home-three-list-title a{font-size:30px;font-weight:700;color:#bbb;line-height:50px;position:relative;display:inline-block;vertical-align:top;}
.home-three-list-title a i{width:50px;height:50px;line-height:50px;text-align:center;border-radius:100px;background-color:#E7E7E7;display:inline-block;vertical-align:top;margin-right:14px;font-size:24px;font-weight:normal;}
/*.home-three-list-title a:hover{color:#AA283C;}*/



/*4*/
.home-four{padding:200px 0 50px;overflow:hidden;position: relative;}
.home-four img{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;}
.home-four-list{padding:68px 0;margin-top:40px;background-color:#fff;position:relative;}
.home-four-list:before{content:"";width:100%;height:20px;display:block;background-color:#fff;position:absolute;top:-40px;}

.home-four-list ul{display:flex;justify-content:center;justify-content: space-between;}
.home-four-list ul li{position:relative;}
.home-four-list ul li i{content:"";display:block;width:1px;height:50px;background-color:#DBDBDB;position:absolute;top:50%;right:0;margin-top:-25px;}

.home-four-list ul li:last-child{padding-right:0;margin-right:0;}
.home-four-list ul li:last-child:after{display:none;}

.home-four-list ul li .increase{font-size:50px;display:inline-block; vertical-align: top; line-height:1em;position:relative;padding-right:20px;font-family:"Arial"; }
.home-four-list ul li .increase:before{content:"+";display:block;position:absolute;top:-5px;right:-2px;font-size:30px;line-height:1em;}
.home-four-list ul li h3{font-size:14px;line-height:14px;padding-left:32px;margin-top:16px;position:relative;margin-left:4px;}
.home-four-list ul li h3:before{content:"";width:22px;height:14px;display:block;position:absolute;top:0;left:0;border-radius:2px; background-color: #AA283C;}
/* .home-four-list ul li:nth-child(1) h3:before{background-color:#6C63F0;}
.home-four-list ul li:nth-child(3) h3:before{background-color:#3AACFF;}
.home-four-list ul li:nth-child(5) h3:before{background-color:#FF3B59;}
.home-four-list ul li:nth-child(7) h3:before{background-color:#FF921D;} */

/* 修改 */
.home-four-list ul li .increase { display: none; }
.home-four-list ul li h3 { margin: 0; font-size: 28px; line-height: 18px; }
.home-four-list ul li h3:before { width: 24px; height: 18px; }





/*5*/
.home-five-top{display:flex; margin-bottom:30px;}
.home-five-top > div{width:50%;box-sizing:border-box;}

.home-five-top-l{padding-right:15px;background-color:#E9E9E9;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;}
.home-five-top-l ul{flex-wrap:wrap;justify-content:center;grid-gap:5px;}
.home-five-top-l ul li a{border:1px solid #BEBEBE;font-size:14px;padding:8px 16px;border-radius:3px;display:block;}
.home-five-top-l p { font-size: 14px; line-height: 1.2em; text-align: center; }

.home-five-top-r{padding-left:15px;}
.home-five-top-r img{width:100%;display:block;}

.home-five-list-img a{display:block;position:relative;width:100%;overflow:hidden;}
.home-five-list-img a img{width:100%;display:block;}
.home-five-list-img a:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.home-five-list-img a .tag-list{position:absolute;bottom:20px;left:0;z-index:9;justify-content:center;width:100%;padding: 0 10px; box-sizing: border-box;}
.home-five-list-img a:after{
	content:"";width:100%;height:50%;display:block;position:absolute;bottom:0;left:0;
	background:-webkit-linear-gradient(bottom,#1B0004,#08000100);
    background:-moz-linear-gradient(bottom,#1B0004,#08000100);
    background:-o-linear-gradient(bottom,#1B0004,#08000100);
    background:linear-gradient(to top,#1B0004,#08000100); 
}
.home-five-list-text h3 a{font-size:30px;display:block;line-height:1em;text-transform:uppercase;margin:36px 0 12px;}
.home-five-list-text h3 a:hover{color:#AA283C;}
.home-five-list-text p{
	font-size:14px;font-weight:lighter;line-height:1.55em;overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}



/*6*/
.home-six .home-title{margin-bottom:50px;text-align:center;}
.home-six .home-title .btn-empty{color:#AA283C;margin-top:12px;}
.home-six .home-title .btn-empty i{color:#AA283C;}

.news-insights-list-img a{display:block;overflow:hidden;}
.news-insights-list-img a img{display:block;width:100%;}
.news-insights-list-img a:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}











/*about*/
/*.about-box > div{margin-bottom:140px;}
.about-box > div:last-child{margin-bottom:0;}*/
.about-title h2{font-size:50px;line-height:1em;text-transform:uppercase;}


/*1*/
.about-one{background-color:#F4F4F4;padding-top:140px;}
.about-one > div{position:relative;}
.about-one img{width:82.6%;display:block;margin-left:auto;}
.about-one-text{background-color:#fff;padding:80px 50px;width:720px;box-sizing:border-box;position:absolute;left:0;bottom:0;z-index:2;}
.about-one-text p{font-size:14px;line-height:2em;text-align:justify;}
.about-one-text p a { font-size: 14px; color: #AA283C; text-decoration: underline; }
.about-one-text p a:hover { font-weight: bold; }


/*2*/
.about-two{display:flex;align-items:center;}
.about-two > div{width:50%;box-sizing:border-box;} 

.about-two-r-box{padding-left:50px;width:69.8%;}
.about-two-list > li{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #E6E6E6;}
.about-two-list > li:last-child{margin-bottom:0;}

.about-two-l img{display:block;}

.about-two-r .show-btn3{cursor:pointer;}
.about-two-r .show-btn3 h3{padding:0 64px 0 20px;position:relative;font-size:18px;font-weight:700;line-height:1.33em;}
.about-two-r .show-btn3 h3 span{font-size:18px;font-weight:700;color:#AA283C;}
.about-two-r .show-btn3 h3:before{content:"";width:8px;height:8px;border-radius:100px;border:1px solid #AA283C;display:block;position:absolute;top:6px;left:0;}
.about-two-r .show-btn3 h3:after{content:"\ee51";font-family:"iconfont" !important;font-size:12px;position:absolute;top:1px;right:0;}
.about-two-r .show-btn3.active h3:after{content:"\ee52";opacity:.5;}

.about-two-r .show-con3{padding:0 44px 0 20px;display:none;margin-top:20px;}
.about-two-r .show-con3 p{font-size:14px;font-weight:lighter;line-height:1.42em;margin-bottom:16px;}
.about-two-r .show-con3 p span{font-size:14px;color:#AA283C;}
.about-two-r .show-con3 p:last-child{margin-bottom:0;}


/*3*/
.about-three{background-color:#F4F4F4;position:relative;}
.about-three:before{content:"";display:block;width:50%;height:100%;position:absolute;top:0;right:0;z-index:1;background-color:#AA283C;}
.about-three .w1440{align-items:center;position:relative;z-index:2;}
.about-three .w1440 > div{width:50%;padding-top:140px;padding-bottom:140px; box-sizing: border-box;}
.about-three-l{padding-right:50px;}
.about-three-l ul{flex-wrap:wrap;justify-content:flex-end;grid-gap:10px 10px;}
.about-three-l ul li a{border:1px solid #BEBEBE;font-size:15px;padding:8px 16px;border-radius:4px;display:block;text-transform:capitalize;}

.about-three-r{padding-left:50px;}
.about-three-r h2{font-size:50px;line-height:1.32em;color:#fff;}


/*4*/
.about-four .about-title{text-align:center;}
.about-four .about-title .dashed-red{margin-left:auto;margin-right:auto;}

.about-four img{display:block;width:100%;}

.about-four-annotation{padding-top:20px;display:flex;}
.about-four-annotation span{display:block;font-size:14px;font-weight:700;line-height:20px;margin-right:36px;}
.about-four-annotation span:before{content:"";width:20px;height:20px;display:inline-block;vertical-align:top;margin-right:6px;background-color:#AA283C;}
.about-four-annotation span:last-child { margin-right: 0; }
.about-four-annotation span:last-child:before{background-color:#34A6E9;}


/*5*/
.about-five .about-title{text-align:center;}
.about-five .about-title .dashed-red{margin-left:auto;margin-right:auto;}

.about-five ul{display:flex;justify-content:center;grid-gap:30px 30px;}
.about-five ul a{display:block;}
.about-five ul a img{display:block;}














/*smart-tags*/
#smart-tags-rfid,
#smart-tags-nfc,
#smart-tags-secode{position:absolute;top:-230px;left:0;z-index:-9;width:10px;height:1px;}

.smart-tags-item{ border-bottom: 3px solid #f1f1f1; }
/*.smart-tags-item:nth-child(even){background-color:#F4F4F4;}*/

.smart-tags-text{position:relative;padding:0 100px 0 100px;}
.smart-tags-text .btn-line{width:300px;height:90px;line-height:90px;box-sizing:border-box;position:absolute;top:10px;right:0;color:#131313; box-shadow: 0 0 3px rgba(0,0,0,.08); display: none;} 
.smart-tags-text .btn-line i{ color: #131313; font-size:14px;margin-left:16px;}
.smart-tags-text .btn-line:hover { background-color: #131313; opacity: 1; color: #fff; }
.smart-tags-text .btn-line:hover i { color: #fff; }
.smart-tags-text > p{position:relative;padding-left:66px;font-size:14px;line-height:2em;margin:50px 0 100px; max-width: 100%; box-sizing: border-box;}
.smart-tags-text > p:before{content:"";width:50px;height:1px;display:block;background-color:#131313;position:absolute;top:12px;left:0;}

.smart-tags-title h2{font-size:80px;line-height:80px;font-weight:700;color:#AA283C;margin-bottom:20px;text-transform:uppercase;}
.smart-tags-title .smart-tags-icon{display:block;width:50px;height:50px;text-align:center;line-height:50px;border-radius:100px;background-color:#AA283C;position:absolute;top:12px;left:0;}
.smart-tags-title .smart-tags-icon i{color:#fff;font-size:20px;}

.smart-tags-target{display:flex;}
.smart-tags-target span{display:block;text-transform:uppercase;font-size:14px;line-height:1em;margin-right:16px;}
.smart-tags-target a{display:block;font-size:14px;line-height:1em;}
.smart-tags-target a:after{content:"";width:1px;height:10px;background-color:#B8B8B8;margin:0 8px;display:inline-block;vertical-align:top;margin-top:2px;}
.smart-tags-target a:last-child:after{display:none;}
.smart-tags-target a:hover,
.smart-tags-target a.active{color:#AA283C;}
.smart-tags-target a.active:before{content:"\e631";font-family:"iconfont" !important;display:inline-block;vertical-align:top;font-size:12px;line-height:14px;margin-right:3px;color:#AA283C}

.smart-tags-list ul{grid-gap:20px 20px;}
.smart-tags-list ul li{display:flex;flex-direction:column;grid-gap:20px 20px;}
.smart-tags-list ul li > div{display:flex;grid-gap:20px 20px;}
.smart-tags-list ul li > div.flex-t{flex-direction:column-reverse;}
.smart-tags-list ul li > div.flex-b{flex-direction:column;}
.smart-tags-list ul li > div.flex-l{flex-direction:row-reverse;}
.smart-tags-list ul li > div.flex-r{flex-direction:row;}
.smart-tags-list-img{width:100%;overflow: hidden; cursor: pointer;}
.smart-tags-list-img img{display:block;width:100%;height:300px;object-fit:cover;object-position:center center;}
.smart-tags-list-img:hover img:nth-child(1) {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); 
} 
.smart-tags-list-img img:nth-child(2) { 
	display: none; width: auto !important; height: auto !important; max-width: 95%; max-height: 95%; position: fixed; top: 50%; left: 50%; z-index: 1001;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.smart-tags-list-img.active:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0 0 0 / 65%); }
.smart-tags-list-img.active img:nth-child(2) { display: block; }

.smart-tags-list-text{min-width:33%;height:300px;display: flex; align-items: center; justify-content: center;position: relative;} 
/*.smart-tags-list ul li > div.flex-l .smart-tags-list-text,
.smart-tags-list ul li > div.flex-r .smart-tags-list-text{min-width:300px;}*/

.smart-tags-list-text h3{font-size:30px;text-transform:uppercase;color:#fff;padding:0 20px;line-height:1.3em;text-align: center;}
/*.smart-tags-list-text h3 span { font-size:20px; display: block;color:#fff; line-height:1em;}
.smart-tags-list-text h3 span:after { content: ""; display: block; width: 50px; height: 1px; background-color: rgba(255 255 255 / 30%); margin: 10px auto; }
.smart-tags-list-text h3 span:last-child:after { display: none; }*/
.smart-tags-list-text .home-three-tag { opacity: 0; background-color: rgba(0 0 0 / 0); }
.smart-tags-list-text:hover .home-three-tag { opacity: 1; }
.smart-tags-list-text:hover .home-three-tag + h3 { opacity: 0; }


.smart-tags-list-text:before{content:"";display:block;position:absolute;}
.smart-tags-list ul li > div.flex-t .smart-tags-list-text:before{bottom:-1px;left:calc(50% - 15px);
	border-bottom:solid 12px #fff;
	border-left:solid 15px transparent;
	border-right:solid 15px transparent; 
}
.smart-tags-list ul li > div.flex-b .smart-tags-list-text:before{top:-1px;left:calc(50% - 15px);
	border-top:solid 12px #fff;
	border-left:solid 15px transparent;
	border-right:solid 15px transparent; 
}
.smart-tags-list ul li > div.flex-l .smart-tags-list-text:before{right:-1px;
	border:15px solid transparent;
	border-right:12px solid #fff;
}
.smart-tags-list ul li > div.flex-r .smart-tags-list-text:before{left:-1px;
	border:15px solid transparent;
	border-left:12px solid #fff; 
}
/*.smart-tags-item:nth-child(even) .smart-tags-list ul li > div.flex-t .smart-tags-list-text:before{border-bottom-color:#F4F4F4;}
.smart-tags-item:nth-child(even) .smart-tags-list ul li > div.flex-b .smart-tags-list-text:before{border-top-color:#F4F4F4;}
.smart-tags-item:nth-child(even) .smart-tags-list ul li > div.flex-l .smart-tags-list-text:before{border-right-color:#F4F4F4;}
.smart-tags-item:nth-child(even) .smart-tags-list ul li > div.flex-r .smart-tags-list-text:before{border-left-color:#F4F4F4;}*/


/*  */
.smart-tags-applicaiton-title h2 { font-size: 50px; text-transform:uppercase; }
.smart-tags-applicaiton ul { grid-gap:66px 80px; }
.smart-tags-applicaiton ul li { display: flex; align-items: center; } 

.smart-tags-applicaiton-l { flex-shrink:0; width: 280px; height: 250px; background-color: #f5f5f5; border-radius: 20px; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; box-sizing: border-box; padding: 0 16px; text-align: center;  }
.smart-tags-applicaiton-l img { width: 88px; margin-bottom: 16px; }
.smart-tags-applicaiton-l h3 { font-size: 14px; line-height: 1.4em; text-transform: uppercase; width: 100%; }

.smart-tags-applicaiton-r p { font-size: 18px; line-height: 1.6em; padding-left: 36px; font-weight: lighter; }


/*  */
.smart-tags-list .wow.animated { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }


/*  */
.quotation-form .form-row { margin-bottom: 0; }
.quotation-form .form-row hr { border-color: #eee; }
.quotation-form .form-row input[type="text"] { font-size: 14px; /*padding: 0; border: 0; border-bottom: 1px solid #131313;*/ }
.quotation-form .form-choice input[type="text"] { pointer-events:none; opacity: .4; background-color: #eee; width: 500px; border: 1px solid #131313; }
.quotation-form .form-choice input[type="radio"]:checked ~ input[type="text"] { pointer-events:auto; opacity: 1; background-color: #fff; }














/* solutions */
#solutions-factory,
#solutions-warehouse,
#solutions-retail{position:absolute;top:-220px;left:0;z-index:-9;width:10px;height:1px;}

.solutions-segmentation { display: flex; align-items: center; flex-direction: column; position: absolute; top: 0; left: 50%; margin-left: -4px; pointer-events:none; }
.solutions-segmentation img:first-child { margin-bottom: 80px; }


.solutions-item { background-color: #F4F4F4; }
.solutions-item-box { position: relative; min-height: 850px; padding-bottom: 150px; }
.solutions-item-box > .w1440 > div { width: 50%; box-sizing: border-box; }

.solutions-text .tag-list span { color: #131313; }

.solutions-img img { display: block; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; object-fit:cover; object-position:center left;
	width:-webkit-calc(50% - 104px);
	width:-moz-calc(50% - 104px);
	width:calc(50% - 104px); }

.solutions-text { padding-right: 104px; }
.solutions-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 66px; }
.solutions-title h2 { font-size: 46px; line-height: 1em; text-transform:uppercase; }
.solutions-title .btn-empty { font-size: 14px; color: #AA283C; margin-bottom: 4px; white-space:nowrap; }
.solutions-title .btn-empty i { font-size: 12px; color: #AA283C; }

.solutions-text-text { margin-bottom: 100px; }
.solutions-text-text .tag-list { margin-bottom: 16px; }
.solutions-text-text .tag-list span { line-height: 1em; font-size: 16px; padding-right: 14px; margin-right: 14px; text-align: center; }
.solutions-text-text .tag-list span:after { background-color: #B8B8B8; height: 12px; margin-top: -6px; }
.solutions-text-text .tag-list span:last-child { padding-right: 0; margin-right: 0; }
.solutions-text-text p { font-size: 14px; line-height: 2em; font-weight: lighter; }  

.solutions-text-list ul li { margin-bottom: 36px; }
.solutions-text-list ul li:after { content: ""; display: block; width: 100%; height: 2px; background: url(../images/solutions-list-line.jpg) repeat-x;  }
.solutions-text-list ul li div { align-items: center; padding-bottom: 36px; }  
.solutions-text-list ul li h3 { font-size: 24px; line-height: 1.4em; padding-left: 50px; text-transform:uppercase; }

.solutions-text-list ul li:last-child { padding-bottom: 0; margin-bottom: 0; }
.solutions-text-list ul li:last-child:after { display: none; }
.solutions-text-list ul li:last-child div { padding-bottom: 0; }



.solutions-item:nth-child(odd) { background-color: #fff; }
.solutions-item:nth-child(odd) .solutions-item-box > .w1440 { flex-direction: row-reverse; }
.solutions-item:nth-child(odd) .solutions-img img { object-position:center right; right: auto; left: 0; }
.solutions-item:nth-child(odd) .solutions-text { padding-left: 104px; padding-right: 0; }


/*  */
/* .solutions-details { padding: 120px 0 160px; }
.solutions-details-list ul { grid-gap:15px 15px; margin-bottom: 15px; }
.solutions-details-list ul li { box-sizing: border-box; display: flex; align-items: center; background-color: #F6F6F6; }
.solutions-details-list ul li:first-child { grid-column:1 / span 2; } */
/*.solutions-details-list .grid-2 { grid-template-columns: 66.4% 32.6%; }*/

/* .solutions-details-list ul li a img { display: block; width: 100%; }
.solutions-details-text { box-sizing: border-box; height: 100%; padding: 50px; display: flex; flex-wrap: wrap; align-content: center; }  
.solutions-details-text h2 { font-size: 36px; color: #AA283C; line-height: 1.2em; margin-bottom: 30px; }
.solutions-details-text p { font-size: 18px; line-height: 1.8em; } */

/*  */
.solutions-top ul { display: flex; justify-content: space-between; }
.solutions-top ul li a { display: block; padding: 20px 30px; }
.solutions-top ul li a img { display: block; width: 100px; margin: 0 auto; }
.solutions-top ul li a span { display: block; font-size: 14px; text-align: center; line-height: 1.2em; margin-top: 6px; }
/* .solutions-top ul li a:hover span { color: #AA283C; } */













/* news-insights */
.news-insights { padding: 80px 0 120px; }
.news-insights-title { display: flex; justify-content: space-between; align-items: flex-end; }
.news-insights-title h2{font-size:50px;line-height:1em;text-transform:uppercase;}
.news-insights-title a.btn-empty { margin-bottom: 14px; }

.news-insights > div { border-bottom: 1px solid #D8D8D8; }
.news-insights > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }


.news-insights-search { position:relative;border:1px solid #000;background-color:#FAFAFA;border-radius:100px;width:500px;height:48px;}
.news-insights-search form { display: block; height: 100%; }
.news-insights-search input { font-family:"Bayon";border:0;background-color:transparent;height:100%;padding:0 54px 0 20px;border-radius:100px;}
.news-insights-search input::-webkit-input-placeholder { color:#131313;}
.news-insights-search input:-moz-placeholder { color:#131313;opacity:1;} 
.news-insights-search input::-moz-placeholder { color:#131313;opacity:1;} 
.news-insights-search input:-ms-input-placeholder { color:#131313;}
.news-insights-search button { width:48px;height:48px;line-height:48px;text-align:center;background-color:transparent;position:absolute;top:0;right:0;z-index:9;cursor:pointer;}
.news-insights-search button:hover { opacity:.6;}


.news-insights-list-text{margin-top:36px;}
.news-insights-list-text .news-insights-s{color:#555;line-height:1em;display:inline-block;vertical-align: top;font-size:14px;font-weight:lighter;text-transform:uppercase;}
.news-insights-list-text .news-insights-s:before { content: "#"; display: inline-block; margin-right: 3px; }
.news-insights-list-text .news-insights-time{color:#A3A3A3;line-height:1em;display:inline-block;vertical-align: top; font-size:14px;font-weight:lighter;}
.news-insights-list-text h3 a{line-height:1.4em;display:block;font-size:20px;margin:10px 0 14px;}
.news-insights-list-text h3 a:hover{color:#AA283C;}


.news-insights-news { display: flex; }


.news-insights-news-l { width: 52.3%; }
.news-insights-news-l .news-insights-title { margin-bottom: 36px; }
.news-insights-news-l .news-insights-list-text { margin-top: 0; }
.news-insights-news-l .news-insights-list-text a { margin: 20px 0 16px; }
.news-insights-news-l .news-insights-list-text .news-insights-s { color: #AA283C; margin-right: 20px; }
.news-insights-news-l .news-insights-list-text .news-insights-s:before { color: #555; }
.news-insights-news-l .news-insights-list-text .news-insights-time { color: #555; }
.news-insights-news-l .news-insights-list-img a img { object-fit:cover;object-position:center center; }

.news-insights-search { margin-bottom: 50px; width: 100%; border-radius: 0; height: 50px; border: 0; background-color: #F4F4F3; }
.news-insights-search input { border-radius: 0; }

.news-insights-news-r { width: 47.7%; box-sizing: border-box; padding-left: 66px; }

/*  */
.news-insights-application .news-insights-title { margin-bottom: 30px; }
.news-insights-application .news-insights-list { overflow: hidden; position: relative; }
.news-insights-application .swiper-button-next,
.news-insights-application .swiper-button-prev { display: none; }

/*  */
.news-insights-category > ul > li { display: flex; align-items: center; margin-bottom: 50px; }
.news-insights-category > ul > li > div { width: 50%; }
.news-insights-category > ul > li:last-child { margin-bottom: 0; }
.news-insights-category > ul > li:nth-child(even) { flex-direction: row-reverse; }
.news-insights-category > ul > li:nth-child(even) .news-insights-category-text { padding: 0 80px 0 0; }
.news-insights-category-img img { display: block; }
.news-insights-category-text { box-sizing: border-box; padding-left: 80px; }
.news-insights-category-text h3 { font-size: 36px; line-height: 1em; }
.news-insights-category-text ul { margin: 50px 0; }
.news-insights-category-text ul li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #CBCBCB; }
.news-insights-category-text ul li:last-child { margin-bottom: 0; }
.news-insights-category-text ul li a { display: block; font-size: 20px; line-height: 30px; padding-left: 50px; position: relative; }
.news-insights-category-text ul li a:before { content: "\e631"; font-family:"iconfont"!important; font-size: 10px; width: 28px; line-height: 28px; border-radius: 100px; border: 1px solid #AA283C; text-align: center; display: block; position: absolute; top: 0; left: 0; color: #AA283C; }



/*  */
.news-list { padding: 140px 0 160px; }

.news-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 66px; }
.news-top .c-dropdown { position: relative; }
.news-top .c-dropdown dt { cursor: pointer; text-transform:uppercase; font-size: 50px; line-height: 1em; display: inline-block; vertical-align: top; position: relative; padding-right: 44px; max-width: 320px; }
.news-top .c-dropdown dt:after { content: "\e732"; font-family:"iconfont"!important; font-size: 10px; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 100px; border: 1px solid #AA283C; position: absolute; top: 50%; right: 0; margin-top: -12px; color: #AA283C; font-weight: 700; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; }
.news-top .c-dropdown dt:hover:after { background-color: #AA283C; color: #fff; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; }

.news-top .c-dropdown dd { position: absolute; top: 100%; left: 0; z-index: 9; padding: 20px 14px; background-color: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.15); margin-top: 10px; display: none; }
.news-top .c-dropdown dd ul li a { text-transform:uppercase; white-space:nowrap; font-weight: 700; display: block; line-height: 1.2em; padding: 5px 0; }
.news-top .c-dropdown dd ul li a.active { color: #AA283C; }



.news-top-menu li { margin-right: 30px; }
.news-top-menu li:last-child { margin-right: 0; }
.news-top-menu li a { display: block; text-transform:uppercase; white-space:nowrap; font-weight: 700; position: relative; padding-bottom: 7px; line-height: 1em; }
.news-top-menu li a:hover,
.news-top-menu li a.active { color: #AA283C; }
.news-top-menu li a.active:before { content: ""; width: 16px; height: 1px; display: block; position: absolute; bottom: 0; left: 0; background-color: #AA283C; }







/*  */
.news-details-main h1 { font-size: 60px; font-weight: bold; margin-bottom: 12px; }
.news-details-main h2 { font-size: 50px; font-weight: bold; margin-bottom: 12px; }
.news-details-main h3 { font-size: 36px; font-weight: bold; margin-bottom: 12px; }
.news-details-main h4 { font-size: 22px; font-weight: bold; margin-bottom: 12px;}
.news-details-main h5 { font-size: 20px; font-weight: bold; margin-bottom: 12px;}
.news-details-main h6 { font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.news-details-main ul,
.news-details-main ol,
.news-details-main li { list-style-type: disc; }

.news-details { padding: 120px 0 160px; }
.news-details-l { float: left; width: 70%; }
.news-details-title { margin-bottom: 50px; border-bottom: 1px solid #CBCBCB; }
.news-details-title h2 { font-size: 40px; line-height: 1.2em; font-weight: 700; color: #AA283C; }
.news-details-title-b { margin: 36px 0 16px; height: 14px; }
.news-details-title-b a { display: inline-block; vertical-align: top; font-size: 14px; margin-right: 24px; font-weight: 700; line-height: 1em; display: none; }
.news-details-title-b a i { font-size: 14px; font-weight: normal; margin-right: 6px; }
.news-details-main img { display: block;  margin-bottom: 36px; }
.news-details-main h3 { font-size: 18px; font-weight: 700; line-height: 1.2em; margin-bottom: 6px; }
.news-details-main p { font-size: 14px; line-height: 1.8em; margin-bottom: 30px; font-weight: lighter; }
.news-details-main ul { margin-bottom: 30px; padding-left: 16px; }
.news-details-main ul li { font-size: 15px; line-height: 1.8em; font-weight: 400; margin-left: 20px;}
.news-details-btn { border-top: 1px solid #CBCBCB; padding-top: 36px; margin-top: 80px; display: flex; justify-content: space-between; }




.news-details-r { float: right; width: 30%; }
.news-details-r h2 { color: #131313; margin-bottom: 30px; }
.news-details-r-box { margin-left: 80px; }
.news-details-r-box > div { margin-bottom: 66px; }
.news-details-r-box > div:last-child { margin-bottom: 0; }

.news-details-r-one ul li { border-bottom: 1px dashed #CBCBCB; position: relative; padding-bottom: 14px; margin-bottom: 14px; padding-left: 18px; }
.news-details-r-one ul li:last-child { margin-bottom: 0; }
.news-details-r-one ul li:before { content: ""; width: 6px; height: 6px; border-radius: 100px; border: 1px solid #AA283C; display: block; position: absolute; top: 7px; left: 0; }
.news-details-r-one ul li:first-child a { padding-top: 0; }
.news-details-r-one ul li a { display: block; margin-bottom: 6px; font-size: 14px; line-height: 1.5em; font-weight: 700; }
.news-details-r-one ul li a:hover { color: #AA283C; }
.news-details-r-one ul li span { display: block; font-size: 12px; line-height: 1em; color: #666; }

.news-details-r-two ul { grid-gap:10px 10px; flex-wrap: wrap; }
.news-details-r-two ul li a { border: 1px solid #BEBEBE; font-size: 14px; padding: 6px 12px; border-radius: 4px; display: block; }
.news-details-r-two ul li a:hover { background-color: #AA283C; color: #fff; border-color: #AA283C; }

.news-details-r-three ul li { border-bottom: 1px dashed #CBCBCB; position: relative; padding-bottom: 14px; margin-bottom: 14px; padding-left: 18px; }
.news-details-r-three ul li:last-child { margin-bottom: 0; }
.news-details-r-three ul li a { font-size: 14px; font-weight: 700; line-height: 1.2em; }
.news-details-r-three ul li a:before { content: "\e631"; font-family:"iconfont"!important; font-size: 12px; font-weight: normal; display: block; position: absolute; top: 4px; left: 0; }
.news-details-r-three ul li a:hover { color: #AA283C; }

























/* solutions-details */

/* solutions-details-top */
.solutions-details-top { display: flex; justify-content: space-between; }
.solutions-details-top-l { padding: 0 50px 0 80px; position: relative; box-sizing: border-box; width: 63%; }
.solutions-details-top-l span { display: block; line-height: 1em;     letter-spacing: 3px;font-weight: 300; position: absolute; top: 4px; left: 0; writing-mode: sideways-lr; }
.solutions-details-top-l h4 { font-size: 34px; text-transform:uppercase; color: #AA283C; margin-bottom: 20px; line-height: 1em; }
.solutions-details-top-l h2 { font-size: 45px; letter-spacing: 2px; text-transform:uppercase; line-height: 1em; margin-bottom: 50px; }
.solutions-details-top-l > p { font-size: 16px; line-height: 2em; margin-bottom: 50px; }
.solutions-details-top-l .df { gap: 33px; }
.solutions-details-top-l .df li { position: relative; text-align: center; }
.solutions-details-top-l .df li:before { content: ""; display: block; width: 1px; position: absolute; top: 36px; bottom: 36px; right: -17px; background-color: #ddd; }
.solutions-details-top-l .df li:last-child:before { display: none; }
.solutions-details-top-l .df li h3 { font-size: 14px; font-weight: 600;line-height:20px; margin: 10px 0; min-width: 88px; }
.solutions-details-top-l .df li p { font-size: 13px; color: #666; line-height: 1.5em; min-width: 160px; }
.solutions-details-top-l .df li img { margin: 0 auto; } 

.solutions-details-top-r { width: 37%; display: flex; justify-content: flex-end; gap: 20px; }  
.solutions-details-top-r .df { flex-direction: column; gap: 20px; }
.solutions-details-top-r .df:first-child { align-items: flex-end; gap: 20px; }
.solutions-details-top-r .df:last-child { align-items: flex-start; gap: 20px; }
.solutions-details-top-r .df:first-child img:first-child { margin-top: 44%; }

/* retail */
.solutions-retail .solutions-details-top-l h2 { font-size: 40px; }
.solutions-retail .solutions-details-top-l .df li p { width: 166px; }



/* solutions-details-bottom */
.solutions-details-bottom ul li { padding: 36px 44px; border: 1px solid #ddd; }
.solutions-details-bottom ul li img { height: 80px; display: block; margin: 0 auto 10px; }
.solutions-details-bottom ul li p { font-size: 20px; font-weight: lighter; text-align: center; }
.solutions-details-bottom .solutions-details-box-title h2 { font-size: 36px; }
.solutions-details-bottom .solutions-details-box-title h2:after { display: none; }


/* solutions-details-menu */
.solutions-details-menu ul { gap: 10px; margin: 0 10px 10px; }
.solutions-details-menu ul li a { display: flex; flex-direction: column; justify-content: space-between; padding: 66px 80px; box-sizing: border-box; height: 100%; position: relative; background: url(../images/solutions/solutions-details-menu-bg2.png) no-repeat; background-position: bottom 0 right 0 !important; background-size: auto 100% !important; background-color: #E4E4E4 !important; overflow: hidden; }
.solutions-details-menu ul li a span { font-size: 36px; display: block; margin-bottom: 30px; }
.solutions-details-menu ul li a i { font-size: 18px; width: 50px; line-height: 50px; height: 50px; text-align: center; background-color: #fff; }
.solutions-details-menu ul li a:hover i { background-color: #AA283C; color: #fff; }

.solutions-details-menu ul li a.active { background-color: #AA283C !important; background: url(../images/solutions/solutions-details-menu-bg1.png) no-repeat; } 
.solutions-details-menu ul li a.active span { color: #fff; } 
.solutions-details-menu ul li a.active:hover i { background-color: #fff; color: #131313; }

.solutions-details-menu ul.grid-5 li a { padding: 66px 36px; background-size: 100% auto !important; background-position: bottom 0 right -80px !important; }
.solutions-details-menu ul.grid-5 li a span { font-size: 24px; }


/* 公用 */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px 20px;}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:30px 30px;}

.solutions-details-title h2 { font-size: 36px; font-weight: 700; text-align: center; }

.solutions-details-box-title h2 { font-size: 30px; font-weight: 700; color:#131313 ; line-height: 1em; text-transform:uppercase; display: inline-block; vertical-align: top; }
.solutions-details-box-title h2:after { content: ""; display: block; background-color: #AA283C; width: 50px; height: 2px; margin-top: 10px; }
.solutions-details-box-title.tac h2:after { margin: 10px auto 0; }


.solutions-details-lr-list { display: flex; gap: 20px; flex-direction: column; }
.solutions-details-lr-list hr { margin-top: 20px; border-color: #ccc; }
.solutions-details-lr-list .df { display: flex; align-items: center; gap: 20px; }
.solutions-details-lr-list .sd-lr-list-number img { display: block; min-width: 50px; }
.solutions-details-lr-list .sd-lr-list-check img { display: block; min-width: 24px; }
.solutions-details-lr-list .sd-lr-list-text h3 { font-size: 18px; font-weight: 500; }
.solutions-details-lr-list .sd-lr-list-text p { font-size: 14px; margin-top: 6px; }

.solutions-details-box-hide { position: absolute; top: 50%; left: 50%; z-index: 9; box-sizing: border-box; border-radius: 25px; padding: 20px; background-color: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.1); width: 280px; min-height: 200px; font-size: 14px; line-height: 1.5em; opacity: 0; visibility: hidden; display: flex; align-items: center;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}

.solutions-details-red-icon { gap: 80px; }
.solutions-details-red-icon li { background-color: #fff; box-shadow: 0 4px 10px rgba(0 0 0 / 10%); padding: 80px 66px 130px; }
.solutions-details-red-icon li h3 { font-size: 24px; font-weight: 700; margin: 50px 0 20px; }
.solutions-details-red-icon li p { font-size: 20px; font-weight: lighter; line-height: 1.5em; }


/* 1 */
.solutions-details-box1 { display: flex; align-items: center; gap: 80px; }
.solutions-details-box1 > div { width: 50%; box-sizing: border-box; }
.solutions-details-box1-img img { display: block; width: 100%; }

/* 2 */
.solutions-details-box2 p { width: 1000px; max-width: 100%; font-size: 14px; text-align: center; margin: 0 auto; }

/* 3 */
.solutions-details-box3 ul { margin-top: 20px; gap: 66px; }
.solutions-details-box3 ul li > div:hover .solutions-details-box-hide { opacity: 1; visibility: visible; }
.solutions-details-box3 ul li > div { position: relative; cursor: pointer; border-radius: 500px; border: 1px solid #AA283C; height: 0; padding: 50% 0; }
.solutions-details-box3 ul li > div img { position: absolute; top: -20px; left: 50%; z-index: 10;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.solutions-details-box3 ul li > div h3 { position: absolute; top: 50%; left: 30px; right: 30px; font-size: 20px; line-height: 1.5em; text-align: center; max-width: 94%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.solutions-details-box3 .solutions-details-box-hide { min-height: inherit; width: 100%; height: 100%; border-radius: 100%; text-align: center; padding: 6px; box-sizing: border-box; overflow-y: auto; }

/* 4 */
.solutions-details-box4 { display: flex; gap: 300px; }  
.solutions-details-box4 > div { position: relative; background-color: #eee; padding-top: 110px; padding-bottom: 110px; display: flex; flex-direction: column; justify-content: center; width: 50%; box-sizing: border-box; }
.solutions-details-box4 > div h2 { font-size: 30px; color: #AA283C; font-weight: 700; margin-bottom: 20px; }
.solutions-details-box4 > div ul { margin-bottom: 36px; }
.solutions-details-box4 > div ul:last-of-type { margin-bottom: 0; }
.solutions-details-box4 > div ul .sd-lr-list-text h3 { font-weight: lighter; font-size: 16px; line-height: 1.5em; }

.solutions-details-box4-l { padding-left: 80px; margin-bottom: 80px; text-align: right; }
.solutions-details-box4-l:before { content:'';position:absolute;top:0;left:100%; width: 240px; height: 100%; background: url(/uploads/solutions/triangle1.png) no-repeat; background-size: 100% 100%; }
.solutions-details-box4-l { align-items: flex-end; }

.solutions-details-box4-r { padding-right: 80px; margin-top: 80px; }
.solutions-details-box4-r:before { content:'';position:absolute;top:0;right:100%; width: 240px; height: 100%; background: url(/uploads/solutions/triangle2.png) no-repeat; background-size: 100% 100%; }

/* 5 */
.solutions-details-box5 { display: flex; align-items: center; background-color: #F6F6F6; }
.solutions-details-box5-l { width: 39%; box-sizing: border-box; padding: 50px 80px; }  
.solutions-details-box5-l p { text-align: justify; line-height: 1.8em; color: #666; }

.solutions-details-box5 ul { width: 61%; }
.solutions-details-box5 ul li { width: 25%; padding: 190px 10px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; }
.solutions-details-box5 ul li h3 { font-size: 24px; font-weight: 700; text-align: center; }
.solutions-details-box5 ul li img { height: 220px; margin-bottom: 50px; display: block; }
.solutions-details-box5 ul li:nth-child(odd) { background-color: #fff; }

/* 6 */
.solutions-details-box6-list { display: flex; background: url(/uploads/solutions/warehouse/2/solutions-details-img6.webp) no-repeat; background-size:cover; background-position:center; height: 520px; }

.solutions-details-box6-list li { width: 13.5%; display: flex; align-items: flex-end; border-right: 1px solid rgba(255 255 255 / 50%); cursor: pointer; }
.solutions-details-box6-list li:last-child { border-right: 0; }
.solutions-details-box6-list li.active { width: 32.5%; }
.solutions-details-box6-list li.active .solutions-details-box6-title { display: none; }
.solutions-details-box6-list li.active .solutions-details-box6-con { display: flex; } 

.solutions-details-box6-con { display: none; background-color: #fff; box-shadow: 0 2px 25px rgba(0 0 0 / 25%); box-sizing: border-box; flex-direction: column; justify-content: center; height: 100%; padding: 0 50px; }  
.solutions-details-box6-con:before { content: ""; display: block; width: 32px; height: 30px; background: url(/uploads/solutions/text-icon.svg) no-repeat; background-size: 100% 100%; margin-bottom: 50px; }
.solutions-details-box6-con h3 { font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.solutions-details-box6-con p { font-size: 16px; line-height: 1.5em; color: #666; }
 
.solutions-details-box6-title { background-color: rgba(0,0,0,.35); width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 80px; }
.solutions-details-box6-title h3 { text-align: center; color: #fff; text-align: center; padding: 20px 10px; font-size: 12px; line-height: 1.6em; }

.solutions-details-box6-list li:hover .solutions-details-box6-title { background-color: rgba(0,0,0,.8); }

/* 7 */
.solutions-details-box7 ul li { background-color: #fff; box-shadow: 0 4px 15px rgba(0 0 0 / 10%); border-top: 3px solid #AA283C; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
.solutions-details-box7 ul li p { font-size: 16px; line-height: 1.5em; margin-top: 20px; text-align: center; }

/* 7-1 */
.solutions-details-box7-1 ul li { background-color: #fff; box-shadow: 0 4px 15px rgba(0 0 0 / 10%);border-radius: 10px; border-top: 8px solid #AA283C; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
.solutions-details-box7-1 ul li p { font-size: 16px; line-height: 1.5em; margin-top: 20px; text-align: center; }
.solutions-details-box7-1 h3 { font-size: 18px;font-weight: bold; padding-top: 20px;text-align: center; }

/* 8 */
.solutions-details-box8 { background-color: #F6F6F6; padding: 100px 0; }
.solutions-details-box8 > .grid-2 { gap: 50px; } 
.solutions-details-box8-l p { font-size: 14px; color: #666; line-height: 1.6em; margin-bottom: 36px; }
.solutions-details-box8-r .sd-lr-list-img img { min-width: 120px; max-width: 120px; }
.solutions-details-box8-r .solutions-details-lr-list { gap: 26px; }
.solutions-details-box8-r .solutions-details-lr-list .sd-lr-list-text h3 { font-size: 24px; }
.solutions-details-box8-r .solutions-details-lr-list .sd-lr-list-text p { font-size: 16px; }

/* 9 */
.solutions-details-box9 ul { gap: 50px; }
.solutions-details-box9 ul li { background-color: #F6F6F6; box-shadow: 0 4px 15px rgba(0 0 0 / 20%); padding: 50px 50px 80px; text-align: center; }
.solutions-details-box9 ul li h3 { font-size: 24px; font-weight: 700; }
.solutions-details-box9 ul li p { font-size: 16px; line-height: 1.6em; color: #666;  margin-top: 20px; }
.solutions-details-box9 ul li h3:before { content: ""; display: block; width: 21px; height: 20px; background: url(/uploads/solutions/text-icon.svg) no-repeat; background-size: 100% 100%; margin-bottom: 24px; }

/* 10 */
.solutions-details-box10 { background-color: #F6F6F6; overflow: hidden; }
.solutions-details-box10 > p { line-height: 1.6em; }

.solutions-details-box10 .solutions-details-red-icon { gap: 36px; padding: 0 36px; }
.solutions-details-box10 .solutions-details-red-icon li { padding: 66px 36px 120px; }
.solutions-details-box10 .solutions-details-red-icon li h3 { font-size: 20px; }
.solutions-details-box10 .solutions-details-red-icon li p { font-size: 18px; }

/* 11 */
.solutions-details-box11 { background-color: #F6F6F6; padding: 100px 0; }

.solutions-details-box11 .w1440 > .df { align-items: center; gap: 80px; }
.solutions-details-box11-l { display: flex; gap: 20px; }
.solutions-details-box11-l .df { display: flex; flex-direction: column; gap: 20px; }
.solutions-details-box11-l .df:first-child { align-items: flex-end; }
.solutions-details-box11-l .df:first-child img:first-child { margin-top: 50px; }

/* 12 */
.solutions-details-box12 { background: url(../images/solutions/retail/4/solutions-details-img2.webp) no-repeat; background-size:cover; background-position:center; padding: 100px 0; }
.solutions-details-box12 ul.df { align-items: center; margin: 0 10px; gap: 10px; }
.solutions-details-box12 ul.df li { box-sizing: border-box; width: 13.8%; position: relative; }
.solutions-details-box12 ul.df li:hover .solutions-details-box-hide { opacity: 1; visibility: visible; border-radius: 0; width: 92%; }

.solutions-details-box12 ul.df li h3 { font-size: 20px; text-align: center; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0 15px; height: 290px; background-color: #E8E8E8; box-shadow: 0 4px 6px rgba(0,0,0,.05); }
.solutions-details-box12 ul.df li h3:after { content: "\e72f"; font-family:"iconfont"!important; display: block; width: 30px; height: 30px; text-align: center; line-height: 28px; border-radius: 100px; border: 1px solid #AA283C; font-size: 12px; color: #AA283C; margin: 20px auto 0; }

/* 13 */
.solutions-details-box13 { display: flex; }

.solutions-details-box13-l { width: 39%; box-sizing: border-box; padding-right: 20px; }
.solutions-details-box13-l p { line-height: 1.6em; margin-bottom: 36px; }
.solutions-details-box13-l img { display: block; width: 100%; }
.solutions-details-box13-r { box-sizing: border-box; width: 60%; padding: 66px 50px; background-color: #AA283C; display: flex; flex-direction: column; justify-content: center; }
.solutions-details-box13-r .solutions-details-box-title h2 { color: #fff; font-size: 24px; }
.solutions-details-box13-r .solutions-details-box-title h2:after { display: none; }
.solutions-details-box13-r .solutions-details-lr-list .sd-lr-list-text h3 { color: #fff; }
.solutions-details-box13-r .solutions-details-lr-list .sd-lr-list-text p { color: #fff; }

/* 14 */
.solutions-details-box14 { display: flex; align-items: center; gap: 80px; }  
.solutions-details-box14 .solutions-details-box1-img { display: flex; justify-content: flex-end; width: 40%; }  
.solutions-details-box14 .solutions-details-box1-img img { width: auto; max-width: inherit; }

.solutions-details-box14 .solutions-details-box1-text { width: 60%; }  

/* 15 */
.solutions-details-box15 { background-color: #F6F6F6; padding: 100px 0; }
.solutions-details-box15 .w1440 > .df ul li:hover .solutions-details-box-hide { opacity: 1; visibility: visible; border-radius: 0; box-shadow: none; width: 100%; }
.solutions-details-box15 .w1440 > .df { gap: 10px; }  
.solutions-details-box15 .w1440 > .df ul { box-sizing: border-box; }
.solutions-details-box15 .w1440 > .df ul.df { gap: 10px; flex-direction: column; } 
.solutions-details-box15 .w1440 > .df ul.grid-2 { gap: 10px; } 
.solutions-details-box15 .w1440 > .df ul.grid-2 li:nth-child(3) { grid-column:1 / span 2; } 
.solutions-details-box15 .w1440 > .df ul li { position: relative; background-color: #fff; box-shadow: 0 4px 10px rgba(0 0 0 / 10%); display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 250px; }
.solutions-details-box15 .w1440 > .df ul:first-child li { height: 510px; }

.solutions-details-box15 .w1440 > .df ul li h3 { font-size: 18px; font-weight: 700; text-align: center; line-height: 1.6em; }
.solutions-details-box15 .w1440 > .df ul li h3 img { display: block; margin: 20px auto 0; }


/*  */
.solutions-details-wb * { color:revert;}
.solutions-details-wb .bg-primary { background-color: #AA283C; line-height: 1em; }
.solutions-details-wb .text-primary { color: #AA283C; }




@media screen and ( min-width:768px ) and ( max-width:7680px ) {
	.solutions-details-box12 ul.df li:nth-child(1) img { display: none; }
	.solutions-details-box12 ul.df li:nth-child(4) { width: 17%; }
	.solutions-details-box12 ul.df li:nth-child(4) img { width: 100%; }
	.solutions-details-box12 ul.df li:nth-child(4) h3 { position: absolute; top: 50%; left: 19px; right: 19px; z-index: 5; background-color: #AA283C; color: #fff; font-size: 30px; line-height: 1.2em; height: 320px;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.solutions-details-box12 ul.df li:nth-child(4) h3:after { border-color: #fff; color: #fff; }
	
}


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

	/*  */
	.solutions-details-top-l { padding: 0 30px 0 50px; }
	.solutions-details-top-l span { font-size: 14px; }
	.solutions-details-top-l h2 { font-size: 34px !important; margin-bottom: 36px; line-height: 1.1em; }
	.solutions-details-top-l h4 { font-size: 24px; margin-bottom: 16px; line-height: 1.1em; }
	.solutions-details-top-l > p { font-size: 14px; line-height: 1.8em; }
	.solutions-details-top-l .df { gap: 21px; }
	.solutions-details-top-l .df li:before { right: -11px; }
	.solutions-details-top-l .df li p { min-width: inherit; }
	.solutions-retail .solutions-details-top-l .df li p { width: 130px; }

	.solutions-details-top-r { width: 32%; }

	/* 3 */
	.solutions-details-box3 ul { gap: 36px; }
	.solutions-details-box3 ul li > div h3 { font-size: 16px; }

	/* 4 */
	.solutions-details-box4 > div h2 { font-size: 20px; }
	.solutions-details-box4 > div ul .sd-lr-list-text h3 { font-size: 14px; line-height: 1.4em; }
	.solutions-details-box4 { gap: 230px; }
	.solutions-details-box4-l:before,
	.solutions-details-box4-r:before { width: 180px; }
	.solutions-details-box4 > div { padding-top: 66px; padding-bottom: 66px; }

	/* 5 */
	.solutions-details-box5 ul li h3 { font-size: 16px; }
	.solutions-details-box5 ul li img { height: 120px; margin-bottom: 36px; }
	.solutions-details-box5 ul li { padding: 150px 10px; }
	.solutions-details-box5-l { padding: 50px 50px; }

	/* 10 */
	.solutions-details-box10 .solutions-details-red-icon { gap: 10px; }
	.solutions-details-box10 .solutions-details-red-icon img { height: 66px; }
	.solutions-details-box10 .solutions-details-red-icon li { padding: 50px 30px 80px; }
	.solutions-details-box10 .solutions-details-red-icon li h3 { font-size: 16px; margin: 30px 0 16px; }
	.solutions-details-box10 .solutions-details-red-icon li p { font-size: 14px; }
}


@media screen and ( max-width:1367px ){ 
	.mb-66 { margin-bottom: 50px; }
	.mb-120 { margin-bottom: 80px; }
	.mb-150 { margin-bottom: 120px; }

	.pt-120 { padding-top: 80px; }
	.pt-150 { padding-top: 120px; }

	.solutions-details-lr-list { gap: 16px; }
	.solutions-details-lr-list hr { margin-top: 16px; }
	.solutions-details-title h2,
	.solutions-details-bottom .solutions-details-box-title h2 { font-size: 30px; }
	.solutions-details-box-title h2 { font-size: 20px; }
	.solutions-details-box-title h2:after { width: 36px; }

	.solutions-details-bottom ul li { padding: 36px 24px; }
	.solutions-details-bottom ul li p { font-size: 16px; }
	.solutions-details-bottom ul li img { height: 66px; }  

	.solutions-details-menu ul li a { padding: 50px 36px; }
	.solutions-details-menu ul li a span { font-size: 24px; }
	.solutions-details-menu ul.grid-5 li a { padding: 36px 20px; }
	.solutions-details-menu ul.grid-5 li a span { font-size: 18px; } 

	.solutions-details-red-icon { gap: 50px; } 

	/* 1 */
	.solutions-details-box1 { gap: 50px; }
	.solutions-details-lr-list .df { gap: 12px; }
	.solutions-details-lr-list .sd-lr-list-text h3 { font-size: 14px; }
	.solutions-details-lr-list .sd-lr-list-text p { font-size: 14px; margin-top: 3px; }

	/* 4 */
	.solutions-details-box4 { gap: 150px; }
	.solutions-details-box4-l { margin-bottom: 36px; padding-left: 36px; }
	.solutions-details-box4-r { margin-top: 36px; padding-right: 36px; }
	.solutions-details-box4-l:before, .solutions-details-box4-r:before { width: 122px; }
	.solutions-details-box4 > div { padding-top: 50px; padding-bottom: 50px; }

	/* 6 */
	.solutions-details-box6-list { height: 480px; }
	.solutions-details-box6-con { padding: 0 30px; }
	.solutions-details-box6-con h3 { font-size: 18px; }
	.solutions-details-box6-con p { font-size: 14px; }
	.solutions-details-box6-con:before { width: 18px; height: 17px; margin-bottom: 30px; }
	.solutions-details-box6-title h3 { line-height: 1.2em; padding: 12px 6px; }

	/* 14 */
	.solutions-details-box14 { gap: 50px; } 

	/* 11 */
	.solutions-details-box11 .w1440 > .df { gap: 50px; }
	.solutions-details-lr-list .sd-lr-list-number img { max-width: 50px !important; }

	/* 15 */
	.solutions-details-box15 .w1440 > .df ul li h3 { font-size: 13px; }
	.solutions-details-box15 .w1440 > .df ul li { height: 200px; } 
	.solutions-details-box15 .w1440 > .df ul:first-child li { height: 410px; }
	.solutions-details-box15 .w1440 > .df ul li h3 img { height: 30px; margin-top: 10px; }

	/* 12 */
	.solutions-details-box12 ul.df { gap: 4px; } 
	.solutions-details-box12 ul.df li h3 { font-size: 14px; height: 200px; padding: 0 10px; }
	.solutions-details-box12 ul.df li:nth-child(4) h3 { font-size: 16px; left: 12px; right: 12px; height: 220px; }
	.solutions-details-box12 ul.df li h3:after { margin-top: 10px; width: 24px; height: 24px; line-height: 24px; font-size: 10px; }
}



@media screen and ( max-width:1200px ){ 
	h2.text-3xl { font-size: 24px; color: #111111; text-transform: uppercase !important; line-height: 1.2em !important; height: auto !important; }
.text-3xl  h2:after { content: ""; display: block; background-color: #AA283C; width: 50px; height: 2px; margin-top: 10px; }
.text-3xl  h2:after { margin: 10px auto 0; }

	.solutions-details-title h2,
	.solutions-details-bottom .solutions-details-box-title h2 { font-size: 24px; }
	.solutions-details-box-title h2 { font-size: 18px; }
}


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

	.mb-36 { margin-bottom: 30px; }
	.mb-66,.mb-50 { margin-bottom: 36px; }
	.mb-120 { margin-bottom: 66px; }
	.mb-150 { margin-bottom: 80px; }

	.pt-120 { padding-top: 66px; }
	.pt-150 { padding-top: 80px; }

	.solutions-details-top-l { width: 75%; }
	.solutions-details-top-r { width: 25%; gap: 10px; }
	.solutions-details-top-r .df { gap: 10px !important; }

	.solutions-details-top-l { padding: 0 30px 0 44px; }
	.solutions-details-top-l span { font-size: 12px; }
	.solutions-details-top-l h2 { font-size: 22px !important; margin-bottom: 20px; line-height: 1.2em; } 
	.solutions-details-top-l h4 { font-size: 18px; margin-bottom: 10px; }
	.solutions-details-top-l .df li img { width: 36px; }
	.solutions-details-top-l .df li h3 { font-size: 12px; }
	.solutions-details-top-l > p { font-size: 12px; margin-bottom: 36px; }
	.solutions-retail .solutions-details-top-l .df li p { line-height: 1.2em; }

	.solutions-details-bottom ul { gap: 14px; }
	.solutions-details-bottom ul li { padding: 30px 12px; }
	.solutions-details-bottom ul li p { font-size: 14px; }
	.solutions-details-bottom ul li img { height: 50px; }
	.solutions-details-bottom ul li p br { display: none; }

	.solutions-details-menu ul.grid-5 { flex-direction:row;overflow-x:auto;overflow-y:hidden; }
	.solutions-details-menu ul.grid-5 li { width: 250px; }

	.solutions-details-red-icon { gap: 20px; }
	.solutions-details-red-icon li { padding: 36px 30px 50px; }  
	.solutions-details-red-icon li img { width: 66px; }  
	.solutions-details-red-icon li h3 { font-size: 18px; margin: 30px 0 14px; }
	.solutions-details-red-icon li p { font-size: 14px; }

	/* 1 */
	.solutions-details-box1 { gap: 36px; }

	/* 3 */
	.solutions-details-box3 ul { margin-top: 14px; padding: 20px 0 0; grid-template-columns:repeat(2,1fr); }
	.solutions-details-box3 ul li { width: 150px; }
	.solutions-details-box3 ul li > div img { height: 36px; top: -14px; }
	.solutions-details-box3 ul li > div h3 { font-size: 14px; }
	.solutions-details-box3 ul { gap: 20px; }
	.solutions-details-box3 ul li:first-child .solutions-details-box-hide { left: 0;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(0,-50%); }
	.solutions-details-box3 ul li:last-child .solutions-details-box-hide { left: auto; right: 0;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(0,-50%); }

	/* 4 */
	.solutions-details-box4 { flex-direction: column; gap: 10px; } 
	.solutions-details-box4 > div { margin: 0; padding: 36px !important; width: auto; }  
	.solutions-details-box4-l:before, .solutions-details-box4-r:before { width: 66px; }
	.solutions-details-box4-l { margin-right: 100px !important; }
	.solutions-details-box4-r { margin-left: 100px !important; }

	/* 5 */
	.solutions-details-box5-l p { font-size: 14px; line-height: 1.6em; } 
	.solutions-details-box5 ul li { padding: 120px 10px; }
	.solutions-details-box5 ul li img { height: 100px; margin-bottom: 30px; }
	.solutions-details-box5 ul li h3 { font-size: 14px; }
	.solutions-details-box5-l { padding: 50px 30px; }

	/* 6 */
	.solutions-details-box6-list { flex-direction:row;overflow-x:auto;overflow-y:hidden; }
	.solutions-details-box6-list li { width: 150px; flex-shrink:0; }
	.solutions-details-box6-list li.active { width: 300px; } 

	/* 7 */
	.solutions-details-box7 ul { grid-template-columns:repeat(2,1fr); }

	/* 7-1 */
	.solutions-details-box7-1 ul { grid-template-columns:repeat(2,1fr); }
	
	/* 15 */
	.solutions-details-box15 .w1440 > .df ul li h3 br { display: none; }

	/* 12 */
	.solutions-details-box12 ul.df { overflow-x: auto; flex-direction:row; overflow-y:hidden; }
	.solutions-details-box12 ul.df li { width: 160px; flex-shrink:0; }
	.solutions-details-box12 ul.df li:nth-child(4) { width: 180px; }   

	/* 13 */
	.solutions-details-box13 { flex-direction: column; }
	.solutions-details-box13-l { width: 100%; padding: 0 0 10px; } 
	.solutions-details-box13-r { width: 100%; padding: 0 0 10px; } 

	/* 10 */
	.solutions-details-box10 .solutions-details-red-icon { grid-template-columns: repeat(2, 1fr); }
}  


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

	.mb-16 { margin-bottom: 10px !important; } 
	.solutions-details-wb.mb-120 { margin-bottom: 30px; margin-top: -50px; }

	.mb-36 { margin-bottom: 24px; }
	/* .mb-66,.mb-50 { margin-bottom: 30px; } */
	/* .mb-120 { margin-bottom: 50px; }
	.mb-150 { margin-bottom: 50px; }

	.pt-120 { padding-top: 50px; }
	.pt-150 { padding-top: 50px; } */

	.mb-150 { margin-bottom: 66px; }
	.pt-150 { padding-top: 66px; }

	.solutions-details-top { display: block; }
	.solutions-details-top-l { width: 100%; padding: 0 0 0 44px; }
	.solutions-details-top-r { width: 280px; margin: 20px auto 0; }
	.solutions-details-top-l .df { display:grid;grid-template-columns:repeat(2,1fr); gap: 15px; margin-bottom: 30px; }
	.solutions-details-top-l .df li h3 br { display: none; }
	.solutions-details-top-l .df li p { width: auto !important; }
    .solutions-details-top-l > p { font-size: 14px; line-height: 1.8em; }

	.solutions-details-bottom ul { gap: 10px; grid-template-columns:repeat(2,1fr); } 

	.solutions-details-menu ul li a { padding: 36px 20px; }
	.solutions-details-menu ul li a span { font-size: 16px; }
	.solutions-details-menu ul li a i { font-size: 14px; width: 36px; line-height: 36px; height: 36px; }

	/* 1 */
	.solutions-details-title h2 { font-size: 20px; }
	.solutions-details-box1 { flex-direction: column; }
	.solutions-details-box1 > div { width: 100%; }
	.solutions-details-box1-img img { width: 100%; margin: 0 auto; }
	.solutions-details-box1-img { width: 100% !important; }

	/* 5 */
	.solutions-details-box5 { flex-direction: column; }
	.solutions-details-box5-l { width: 100%; }  
	.solutions-details-box5 ul { width: 100%; }
	.solutions-details-box5-l { padding: 36px 20px; }
	.solutions-details-box5 ul li img { height: 66px; margin-bottom: 20px; } 
	.solutions-details-box5 ul li h3 { font-size: 12px; }
	.solutions-details-box5 ul li { padding: 66px 6px; }

	/* 7 */
	.solutions-details-box7 ul { gap: 10px; }
	.solutions-details-box7 ul li { padding: 36px 10px; }
	/* 7-1 */	
	.solutions-details-box7-1 ul { gap: 10px; }
	.solutions-details-box7-1 ul li { padding: 36px 10px; }
	.solutions-details-box7-1 h3 {  font-size: 16px;font-weight:600;text-align: center; }

	/* 11 */
	.solutions-details-box11 { padding: 50px 0; }
	.solutions-details-box11 .w1440 > .df { flex-direction: column; } 
	.solutions-details-box11 .w1440 > .df > div { width: 100% !important; }
	.solutions-details-box11-l img { width: 100%; }

	/* 14 */
	.solutions-details-box14 { flex-direction: column; }
	.solutions-details-box14 .solutions-details-box1-text { width: 100%; }
	.solutions-details-box14 .solutions-details-box1-img { width: 100%; }
	.solutions-details-box14 .solutions-details-box1-img img { width: 100%; }

	/* 9 */
	.solutions-details-box9 ul { gap: 10px; }
	.solutions-details-box9 ul li { padding: 36px 10px 50px; }
	.solutions-details-box9 ul li p { font-size: 13px; }
	.solutions-details-box9 ul li h3 { font-size: 16px; }
	.solutions-details-box9 ul li h3:before { width: 18px; height: 17px; margin: 0 0 20px 10px; }

	/* 15 */
	.solutions-details-box15 { padding: 50px 0; }
	.solutions-details-box15 .w1440 > .df { flex-direction: column; }
	.solutions-details-box15 .w1440 > .df ul { width: 100% !important; } 
	.solutions-details-box15 .w1440 > .df ul li { height: 180px; }
	.solutions-details-box15 .w1440 > .df ul:first-child li { height: 180px; }
	.solutions-details-box15 .w1440 > .df ul.df { display:grid; grid-template-columns:repeat(2,1fr); }
	.solutions-details-box15 .w1440 .solutions-details-box-hide { min-height: 180px; }

	/* 12 */
	.solutions-details-box12 { padding: 50px 0; }
	.solutions-details-box12 ul.df li:nth-child(1) { width: 180px; } 
	.solutions-details-box12 ul.df li:nth-child(4) { width: 160px; } 
	.solutions-details-box12 ul.df li:nth-child(4) img { display: none; }
	.solutions-details-box12 ul.df li:nth-child(4) h3 { height: 200px; }
	.solutions-details-box12 ul.df li:nth-child(1) h3 { position: absolute; top: 50%; left: 12px; right: 12px; z-index: 5; background-color: #AA283C; color: #fff; line-height: 1.2em; height: 220px;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.solutions-details-box12 ul.df li:nth-child(1) h3:after { border-color: #fff; color: #fff; }
}


@media screen and ( max-width:580px ){ 
	.solutions-details-box4-l { margin-right: 0px !important; }
	.solutions-details-box4-r { margin-left: 0px !important; }

	.solutions-details-red-icon { grid-template-columns:repeat(1,1fr); }

	.solutions-details-box10 .solutions-details-red-icon { padding: 0 10px; } 
	.solutions-details-box10 .solutions-details-red-icon li { padding: 36px 15px 50px; }
	.solutions-details-box10 .solutions-details-red-icon li h3 { font-size: 14px;  margin: 20px 0 10px; }
	.solutions-details-box10 .solutions-details-red-icon img { height: 50px; }

	.solutions-details-top-l { padding: 0 0 0 30px; }
}


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


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