/* media max-width(1080px) */

.white_content video { position: relative; width: 600px; z-index:900; left: 50%; margin-left: -300px; top: 210px; }
a.main_pop_clo { color:#fff; top: 140px; position: absolute; z-index: 900; width:160px; height:54px; line-height:50px; border:1px solid #fff; text-align:center; left: 50%; margin-left:-80px; }
a.main_pop_clo span img { vertical-align: middle; height: 14px; margin: -3px 0 0 18px; }

.main section > div[class*="Wrap"] > .title	{ font-size:30px;top:100px; left:50px; }
.main section.start	{ padding:0 16px; }
.main section.start .intro { font-size:18px; }

.main section.start .intro li[class*="intro02_"] p { height:330px; }

.main section.start .intro .intro03 span { height:8vh; margin-left:-4vh; margin-top:-4vh; }

.main section.start .intro li[class*="intro04_"] p { height:324px; }

.main section.start .intro .intro05 p { height:99px; }

.main section.start .scroll	{ bottom:6vh; font-size:15px; }
.main section.start .scroll ul li { top:45%; }
.main section.start .scroll ul li:first-child { top:30% }
.main section.start .scroll ul li img { width:12px; }

.main section.start .movie { bottom:6vh; right:16px; }
.main section.start .movie a { font-size:16px; width:136px; line-height:43px; }


.main section.service { padding-top: 120px; }
.main section.service .serviceWrap	{width:100%;}
.main section.service .serviceWrap .swiper-container	{padding:85px 0;}

.main section.service .serviceWrap .swiper-wrapper	{height:448px;}
.main section.service .serviceWrap .swiper-slide	{text-align:center;width:100%;}

.main section.service .serviceWrap .swiper-slide .wrap	{width:338px; margin:0 auto; }
.main section.service .serviceWrap .swiper-slide:hover .wrap	{margin:0 auto;}
.main section.service .serviceWrap .swiper-slide .wrap .img	{height:182px; background:rgba(0,0,0,0.4);}
.main section.service .serviceWrap .swiper-slide:hover .wrap .img	{height:182px;}
.main section.service .serviceWrap .swiper-slide .wrap .img p	{width:150px; height:120.8px;bottom:30px; margin-left:-75px;}
.main section.service .serviceWrap .swiper-slide .wrap .img p:last-child	{}
.main section.service .serviceWrap .swiper-slide:hover .wrap .img p	{width:150px; height:121px; margin-left:-75px; bottom:30px;}
.main section.service .serviceWrap .swiper-slide .wrap .img p:last-child img	{}
.main section.service .serviceWrap .swiper-slide:hover .wrap .img p:last-child	{height:0;}
.main section.service .serviceWrap .swiper-slide .wrap:hover .img p:last-child	{height:120.8px;}

.main section.service .serviceWrap .swiper-slide .wrap .text	{padding:38px 0 45px;  background:rgba(0,0,0,0.4);}
.main section.service .serviceWrap .swiper-slide .wrap .text:before	{display:none;}
.main section.service .serviceWrap .swiper-slide:hover .wrap .text	{padding-bottom:45px;}
.main section.service .serviceWrap .swiper-slide .wrap .text p	{font-size:28px;}
.main section.service .serviceWrap .swiper-slide .wrap .text dd	{display:block; font-size:20px; margin:15px 0 40px;}
.main section.service .serviceWrap .swiper-slide .wrap .text a	{display:inline-block; width:110px; height:39px; }

.main section.service .serviceWrap .swiper-slide .wrap .text a dd	{font-size:12px; line-height:41px;	}
.main section.service .serviceWrap .swiper-slide .wrap .text a span	{font-size:12px; line-height:41px;	}
.main section.service .serviceWrap .swiper-slide:first-child .wrap span br:last-child	{display:none;}
.main section.service .serviceWrap .swiper-slide:nth-child(2) .wrap span br:first-child	{display:none;}
.main section.service .serviceWrap .swiper-slide:nth-child(3) .wrap span br:first-child	{display:none;}
.main section.service .serviceWrap .swiper-slide:nth-child(3) .wrap span br:nth-child(2)	{display:block;}
.main section.service .serviceWrap .swiper-slide:nth-child(3) .wrap span br:last-child	{display:none;}
.main section.service .serviceWrap .swiper-slide:nth-child(4) .wrap span br:first-child	{display:none;}
.main section.service .serviceWrap .swiper-slide:last-child .wrap span br:last-child	{display:none;}

.main section.service .serviceWrap .swiper-container-horizontal>.swiper-pagination-bullets,		
.main section.service .serviceWrap  .swiper-pagination-custom, 		
.main section.service .serviceWrap .swiper-pagination-fraction	{bottom:0;}

.main section.service .serviceWrap .swiper-pagination-bullet	{width:48px; height:4px; background:#fff; border-radius:0; opacity:0.3;}
.main section.service .serviceWrap .swiper-pagination-bullet-active	{opacity:1;}



.main section.solution	{padding:0 16px;}
.main section.solution .solutionWrap	{ width:100%; }
.main section.solution .solutionWrap .title	{position:static; margin-bottom:62px;}
.main section.solution .solutionWrap .imgDeviceWrap	{}
.main section.solution .solutionWrap .imgDeviceWrap li {width:100%;}
.main section.solution .solutionWrap .imgDeviceWrap li img	{width:auto; height:auto; max-height:calc(100vh - 487px);}
.main section.solution .solutionWrap dl	{/*bottom:70px; left:34px;*/position:static;}
.main section.solution .solutionWrap dt	{font-size:20px;}
.main section.solution .solutionWrap dd	{font-size:16px; font-weight:400;}
.main section.solution .solutionWrap dd br	{display:none;}
.main section.solution .solutionWrap dd a	{width:95px; height:34px; font-size:12px; margin-top:24px;}
.main section.solution .solutionWrap dd a span	{line-height:32px;}



.main section.news	{}
.main section.news .newsWrap .title	{}
.news .swiper-container {margin:90px auto 0;}
.news .swiper {width: calc(100% - 50px);  padding-left:50px;}
.news .swiperBtn	{width:98px; top:102px; right:50px;}
.news .swiperBtn .swiper-button-next,
.news .swiperBtn .swiper-button-prev	{width:45px; height:45px;}
.news .swiperBtn .swiper-button-next	{background-size:8px;}
.news .swiperBtn .swiper-button-prev	{background-size:8px;}
.news .swiperBtn .swiper-button-next:hover	{background-size:8px;}
.news .swiperBtn .swiper-button-prev:hover	{background-size:8px;}

.news .swiper-slide .text {width:calc(100% - 22px); top:418px; height:193px; padding:25px 24px; }
.news .swiper-slide .text p	{font-size:20px; margin-top:0px; width:calc(100% - 48px); }
.news .swiper-slide .text .content	{font-size:16px; width:calc(100% - 48px);	top:60px; height:60px;}
.news .swiper-slide:hover .text .content { top:60px; height:60px; }
.news .swiper-slide .text span:last-child {bottom:50px;}