#sub_banner img {height: 60vw;}
/* + book02_box */
#book02_box .sub_tit_box {justify-content: center;align-items: baseline;padding-top: 30px;text-align: center;display: flex;}
#book02_box .sub_tit_box b {margin-right: 0.2em;font-size: 36px;}
#book02_box .sub_tit_box font {font-weight: bold;font-size: 55px;color: var(--primary);margin-right: 0.1em;}
#book02_box .s_txt {margin: 5px 0 80px;font-size: 24px;text-align: center;letter-spacing: 0.5px;}


/* + pos_rel */
#device_box .ban00{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: auto;}
#device_box .sub_tit_box {justify-content: center;align-items: baseline;padding-top: 30px;text-align: center;display: grid;flex-direction: column;}
#device_box .s_txt,#device_box .sub_tit_box b{color: #fff;text-align: center;margin: 5px 0 0;}
#device_box .ban01{position: absolute;left: 6%;top: 7%;display: flex;align-items: center;padding: 0 13% 0% 0px;width: 19%;}
#device_box .ban01 img,#device_box .ban02 img,#device_box .ban03 img{width: 100%;-webkit-animation: round 50s linear infinite;animation: round 50s linear infinite;}

/* animation */
@keyframes round { from { transform: rotate(0); } to { transform: rotate(1turn); } }
@-webkit-keyframes round { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(1turn); } }
@keyframes newsfix1 { from { transform: translateY(0); } to { transform: translateY(10px); } }
@-webkit-keyframes newsfix1 { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(10px); } }
@keyframes newsfix2 { from { transform: translateX(0); } to { transform: translateX(-10px); } }
@-webkit-keyframes newsfix2 { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(-10px); } }

#device_box .ban03:after {position: absolute;height: 2px;background: rgb(255 255 255 / 32%);display: block;z-index: 1;width: 50%;top: 51%;left: 27%;content: "";transform: rotate( 300deg );-webkit-transform: rotate( 300deg);-moz-transform: rotate(51deg);-ms-transform: rotate(51deg);-o-transform: rotate(51deg);transform-origin: 0 0;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;}
#device_box .ban02{position: absolute;left: 5%;top: 45%;display: flex;align-items: center;padding: 0 0px 5px 120px;width: 16%;z-index: 10;}
#device_box .ban03{position: absolute;left: 55%;bottom: -5%;display: flex;align-items: flex-start;padding: 0 120px 0 0;width: 12%;}
#device_box .ban01 a.pmore,#device_box .ban02 a.pmore,#device_box .ban03 a.pmore{color: #fff;}
#device_box .ban01 a.pmore{padding: 0 5% 5% 38%;border-bottom: 2px rgb(255 255 255 / 32%) solid;position: absolute;left: 24%;top: 27%;}
#device_box .ban02 a.pmore{padding: 0px 31% 5% 0px;border-bottom: 2px rgb(255 255 255 / 32%) solid;position: absolute;left: 0;top: 8%;}
#device_box .ban03 a.pmore{position: absolute;top: -52%;left: 26%;}
#device_box .ban02 br,#device_box .ban03 br{display: none;}
#device_box .ban01 a.pmore:hover::after { width: 100%;}
#device_box .ban01 a.pmore::after {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 0;height: 100%;background-color: #ffffff;transition: all 0.5s;}

#device_box .ban01 .ssvgimg,#device_box .ban02 .ssvgimg,#device_box .ban03 .ssvgimg{
    display: none;
}
/* + solutions_box */
#solutions_box .sub_tit_box{padding-top: 100px;}

/* + products
*----------------------------------------------------------------------------*/
.deckTop{zoom: 90%;}
.deckTop h3{font-size: 20px;font-weight: 600;margin: 0px 0;color: #242424;letter-spacing: 1px;position: relative;margin-bottom: 40px;z-index: 1;}
.deckTop p{text-align: center;font-size: 40px;text-transform: uppercase;font-weight: 700;margin: 0px 0 20px;font-family: 'Poppins', sans-serif;color: #d4e9f4;padding: 10px 0 0 25px;}
#products{width: 90%;margin: 30px auto;overflow: hidden;display: block;height: 530px;}
#products ul .slick-list {overflow: hidden;height: 500px;}
#products ul .slick-prev:before ,#products ul .slick-next:before {font-size: 23px;font: normal normal normal 14px/1 FontAwesome;content: "\f053";padding: 10px 10px;background: #b3b3b3;border-radius: 35px;display: inline-block;color: #fff;}
.slick-prev{width: auto;}
.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: -110px;padding: 0;margin-top: -10px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}

#products ul li {overflow: hidden;display: inline-block;vertical-align: top;margin: 30px auto 0;position: relative;transition: all linear .3s;-webkit-animation: anim-scale .5s ease-out;animation: anim-scale .5s ease-out;}
#products ul li .bookStyle{transition: all linear .1s;margin: 0px auto 0px;}
#products ul li .mask{z-index:1;left: 0%;text-align: center;margin: 0px auto 0px;position: relative;overflow: visible;transition: all linear .8s;}
#products ul li{-webkit-transform: scale(0.7);transform: scale(0.7);}
#products ul li .info {-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;transition: opacity 0.15s, transform 0.15s;padding-bottom: 0px;text-align: center;height: 120px;}
#products ul li .info h3 {padding: 20px 0 8px 0;font-weight: 400;color: #616161;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
#products ul li .info a.bnt_moer {display: inline-block;padding: 0  30px;text-align: center;background-color: #d2d2d2;color: #080808;font-size: 14px;line-height: 40px;letter-spacing: 0;position: relative;white-space: nowrap;width: 70px;}
#products ul li.slick-center .info a.bnt_moer{width: 60px;font-size: 14px;padding: 0  20px;background-color: #111;color: #ffffff;}
#products ul li .info h3 a {color: #2d2d2d;font-weight: 500;font-size: 22px;text-align: center;letter-spacing: 0;}
#products ul li .info p {margin-bottom: 10px;font-size: 15px;color: #999999;font-weight: 400;font-family: "Roboto", Arial, Tahoma, sans-serif;letter-spacing: 0.8px;margin: 0px 0 0px;text-align: center;}
#products ul li .info article{font-size: 16px;color: #727272;text-align: center;margin-bottom: 4px;font-weight: bold;letter-spacing: 0px;}

#products ul .slick-center li{margin: 0 auto 0px;width: 200%;}
#products ul .slick-center li{-webkit-transform: scale(1);transform: scale(1.2);}
#products ul .slick-center li .mask a.photo{-webkit-transform: scale(1);transform: scale(1);}

/* + products button */
#products ul .slick-prev, #products ul .slick-next {position: absolute;top: 105%;left: 0;width: 100%;text-align: center;z-index: 99;}
#products ul .slick-prev {left: 23vw;}
#products ul .slick-next {left: -23vw;}
#products ul .slick-prev:before {position: absolute;top: -55px;left: 14px;width: 25px;height: 25px;background: url(/images/00/left-arrow.png);background-repeat: no-repeat;background-size: contain;margin-left: -8px;content: "";}
#products ul .slick-next:before {position: absolute;top: -55px;right: 8px;width: 25px;height: 25px;background: url(/images/00/right-arrow.png);background-repeat: no-repeat;background-size: contain;margin-left: -8px;content: "";}


@media screen and (max-width: 1560px){
#device_box .ban01 a.pmore{padding: 0 5% 3% 38%;border-bottom: 2px rgb(255 255 255 / 32%) solid;position: absolute;left: 26%;top: 31%;}
#device_box .ban02 a.pmore{padding: 1px 34% 5% 0px;top: 7%;/* font-size: 12px; */}
}
@media screen and (max-width: 1280px){
	#products ul .slick-prev, #products ul .slick-next{top: 95%;}
	#products ul .slick-prev {left: 25vw;}
    #products ul .slick-next {left: -25vw;}
}
@media screen and (max-width: 1140px){
	#products{width: 100%;margin: 30px auto;}
}
@media screen and (max-width: 1024px){
	#products ul li{padding: 0px 0px 0px;margin: 0px auto 0;}
	#products ul li .mask{margin: 0px auto 0px;}
	#products ul li .bookStyle {margin: 0px auto 0px;}
	#device_box .ban01{top: 15%;padding: 0 22% 0% 0px;width: 16%;}
	#device_box .ban01 a.pmore{left: 20%;top: 22%;}
	#products ul .slick-center li{-webkit-transform: scale(1);transform: scale(0.9);}
	#products ul .slick-list{height: auto;}
}
@media screen and (max-width: 768px){
	#solutions_box .sub_tit_box{padding-top: 70px;}

	#book02_box .sub_tit_box b{font-size: 30px;}
	#book02_box .s_txt{font-size: 16px;margin: 5px 0 20px;}
	#device_box .pos_rel{height: 400px;object-fit: cover;object-position: 0% 50%;}
	#products ul .slick-prev, #products ul .slick-next{top: 94%;}
	#device_box {padding-top: 130px;}
	#device_box .ban00{top: 10%;}
	#device_box .s_txt, #device_box .sub_tit_box b{color: #000;}
	#device_box .s_txt{margin: 5px 0 -5px;}
	#device_box .ban01{left: 6%;top: 37%;padding: 0;width: 30%;}
	#device_box .ban02{left: 17%;top: 60%;width: 28%;z-index: 10;padding: 0 0% 5px 0px;}
	#device_box .ban03{left: 61%;bottom: -4%;padding: 0px 0px 0 0;width: 24%;}
	#device_box .ban01 a.pmore{left: 24%;top: 17%;padding: 0 5% 5% 26%;}
	#device_box .ban02 a.pmore{padding: 0 0% 5% 20%;left: 15%;top: -19%;}
	#device_box .ban03 a.pmore{top: -78%;left: 27%;}
	#device_box .ban03:after{width: 32%;top: 51%;left: 21%;}
	#sub_banner img {height: 90vw;object-position: 20% 50%;}

	#device_box .ban01 a.ppimg, #device_box .ban02 a.ppimg, #device_box .ban03 a.ppimg, #device_box .ban01 a.pmore, #device_box .ban02 a.pmore, #device_box .ban03 a.pmore,#device_box .ban03:after{display: none;}
	#device_box .ban01 .ssvgimg,#device_box .ban02 .ssvgimg,#device_box .ban03 .ssvgimg{display: block;}
	#device_box .ban01 .ssvgimg img,#device_box .ban02 .ssvgimg img,#device_box .ban03 .ssvgimg img{width: 100%;-webkit-animation: round 0s linear infinite;animation: round 0s linear infinite;}
	#products{height: auto;margin: 10px auto;}
}
@media screen and (max-width: 640px){
	#device_box .pos_rel{height: 340px;}
	#device_box .ban01{left: 9%;top: 41%;width: 33%;}
	#device_box .ban02{left: 19%;top: 61%;width: 31%;}
	#device_box .ban03{left: 64%;bottom: -4%;width: 22%;}
	#device_box .ban01 a.pmore{left: 16%;top: 2%;padding: 0 5% 5% 26%;}#
	device_box .ban02 a.pmore{padding: 0 0% 5% 24%;left: 13%;top: -49%;}
	#device_box .ban03 a.pmore{top: -116%;left: 26%;}
	#device_box .ban03:after{width: 32%;top: 51%;left: 17%;}
}
@media screen and (max-width: 560px){
	#products ul li {-webkit-transform: scale(0.9);transform: scale(0.9);}
	#products ul .slick-prev, #products ul .slick-next{top: 100%;}
	#products ul .slick-prev {left: 4vw;}
	#products ul .slick-next {left: -4vw;}
	#device_box .pos_rel{height: 270px;}
	#book02_box .sub_tit_box font{font-size: 36px;}
	#book02_box .sub_tit_box b{font-size: 26px;}
}
@media screen and (max-width: 425px){
	#device_box .pos_rel{height: 240px;}
	#device_box .ban01{left: 55px;top: 165px;width: 40%;}
	#device_box .ban02{left: 74px;top: 235px;width: 35%;}
	#device_box .ban03{left: 255px;bottom: -22px;}
	#device_box .ban01 a.pmore{left: 25px;top: -24px;font-size: 13px;}
	#device_box .ban02 a.pmore{left: 25px;top: -25px;font-size: 13px;}
	#device_box .ban03 a.pmore{top: -35px;left: -5px;font-size: 13px;}
	#device_box .ban03:after{width: 23%;top: 51%;left: 20%;}
}
@media screen and (max-width: 400px){
	#book02_box .sub_tit_box font{font-size: 28px;}
	#solutions_box .sub_tit_box{padding-top: 48px;}
	#products ul .slick-prev, #products ul .slick-next{top: 92%;}
	#products ul .slick-prev {left: 4vw;}
	#products ul .slick-next {left: -4vw;}
}
@media screen and (max-width: 375px){
	#device_box .pos_rel{height: 250px;object-position: 30% 50%;}
	#device_box .ban01{left: 9px;top: 160px;width: 50%;}
	#device_box .ban02{left: 27px;top: 240px;width: 48%;}
	#device_box .ban03{left: 225px;bottom: -20px;width: 29%;}
	#device_box .ban01 a.pmore{left: 24px;top: -4px;font-size: 12px;}
	#device_box .ban02 a.pmore{left: 28px;top: -21px;font-size: 12px;}
	#device_box .ban03 a.pmore{top: -120%;left: -15%;font-size: 12px;}
	#device_box .ban03:after{width: 60%;top: 51%;left: 32%;}
}