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

.white_content video { position: relative; width: 95vw; z-index:900; left: 2.5vw; margin-left:0; top: 210px; }

a.main_pop_clo { color:#fff; top: 140px; position: absolute; z-index: 900; width:140px; font: 12px; height:48px; line-height:50px; border:1px solid #fff; text-align:center; left: 50%; margin-left:-70px; }
a.main_pop_clo span { line-height: 48px; }
a.main_pop_clo span img { vertical-align: middle; height: 14px; margin: -3px 0 0 18px; }

.main section > div[class*="Wrap"] > .title	{font-size:20px;top:100px; left:24px;}

.main section.start	{ padding:0 16px; }

.main section.start .intro .intro05 p img{width: 100%; height:auto;}

.main section.start .scroll	{ bottom:6vh; font-size:11px; }

.main section.start .movie	{ bottom:10vh; right:16px; }
.main section.start .movie a { font-size:11px; width:96px; line-height:30px; }
.main section.start .movie a span { margin-top:-2px; margin-left:4px; width:22px; height:16px; background-size:5px; }
.main section.start .movie a:hover span	{ background-size:5px; }


.main section.service { padding-top: 200px; }
.main section.service .serviceWrap .swiper-wrapper	{height:315px;}
.main section.service .serviceWrap .swiper-container	{padding:0;}
.main section.service .serviceWrap .swiper-slide .wrap	{width:224px;}
.main section.service .serviceWrap .swiper-slide .wrap .img	{height:131px;}
.main section.service .serviceWrap .swiper-slide:hover .wrap .img	{height:131px;}
.main section.service .serviceWrap .swiper-slide .wrap .img p	{width:102px; height:82.14px ;bottom:24px; margin-left:-51px;}
.main section.service .serviceWrap .swiper-slide .wrap .img p:last-child	{}
.main section.service .serviceWrap .swiper-slide:hover .wrap .img p	{width:102px; height:83px;  margin-left:-51px; bottom:24px;}
.main section.service .serviceWrap .swiper-slide .wrap:hover .img p:last-child	{height:82.14px;}
.main section.service .serviceWrap .swiper-slide .wrap .text	{padding:25px 0 34px;}
.main section.service .serviceWrap .swiper-slide:hover .wrap .text	{padding-bottom:34px;}
.main section.service .serviceWrap .swiper-slide .wrap .text p	{font-size:18px;}
.main section.service .serviceWrap .swiper-slide .wrap .text dd	{font-size:13px; margin:12px 0 23px;}
.main section.service .serviceWrap .swiper-slide .wrap .text a	{width:94px; height:33px; /*line-height:31px;*/}
.main section.service .serviceWrap .swiper-slide .wrap .text a span	{line-height:34px;}
.main section.service .serviceWrap .swiper-pagination-bullet	{width:33px;}


.main section.solution	{padding:0;margin-bottom:30px;}
.main section.solution .solutionWrap {padding:0;}
.main section.solution .solutionWrap .title	{margin-top:90px;margin-bottom:49px; padding-left:24px;}
.main section.solution .solutionWrap .imgDeviceWrap	{}
.main section.solution .solutionWrap .imgDeviceWrap li {}
.main section.solution .solutionWrap .imgDeviceWrap li img	{max-height: calc(100vh - 346px);}
.main section.solution .solutionWrap dl	{padding:0 24px 55px;}
.main section.solution .solutionWrap dt	{font-size:16px;}
.main section.solution .solutionWrap dd	{font-size:14px; padding-right:50px;}
.main section.solution .solutionWrap dd br	{display:block;}


.main section.news	{}
.main section.news .newsWrap {
    display: block;
    width: 100%;
    padding: 50px 0;
}
.main section.news .newsWrap .title	{}
.news .swiper-container {margin:90px auto 0;}
.news .swiper {width: calc(100% - 24px);  padding-left:24px;}

.news .swiperBtn	{top:95px; right:none; width:74px; left: 200px;}
.news .swiperBtn .swiper-button-next,	.news .swiperBtn .swiper-button-prev	{width:34px; height:34px;}
.news .swiperBtn .swiper-button-next	{background-size:6px;}
.news .swiperBtn .swiper-button-prev	{background-size:6px;}
.news .swiperBtn .swiper-button-next:hover	{background-size:6px;}
.news .swiperBtn .swiper-button-prev:hover	{background-size:6px;}

.news .swiper-slide-next	{opacity:0.3;}
.news .swiper-slide { height:50vh; padding-bottom:50px;}
.news .swiper-slide .text	{ width:calc(100% - 22px); bottom: 0; top: unset; height: 165px;  padding:25px 24px; opacity: 1; }
.news .swiper-slide .text p	{font-size:14px; margin-top:0; width:calc(100% - 48px); }
.news .swiper-slide .text .content	{font-size:12px; width:calc(100% - 48px);	top:60px;}

.news .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/shadow.png) no-repeat center 100%/ contain;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.news .swiper-slide .text:before { width:100%; }
.news .swiper-slide .text p { color:#000; }
.news .swiper-slide:hover .text p { font-size: 14px; }
.news .swiper-slide .text .content { opacity:1; visibility: visible; height:auto; white-space: normal; height: 63px; word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news .swiper-slide .text span:last-child { left: 24px; bottom: 18px; }

.quick_bottom_top{margin-top: 50px; margin-top: 30px; right: 0px; position: absolute; width: 23px;}