body {font-size:14px}
.container {width:100%;padding:0;margin:0;}

#header .container { padding:0 20px}
#header .logo img {height:55px;width:auto }
#header .xs-btn { width:22px;height:40px;padding:0 10px;position:relative}
#header .xs-btn:before{content:"";display:block;width:22px;height:2px;background-color:black;position:absolute;left:10px;top:12px;transform-origin:right center;-webkit-transform-origin:right center;transition:0.4s;-webkit-transition:0.4s }
#header .xs-btn:after{content:"";display:block;width:22px;height:2px;background-color:black;position:absolute;left:10px;top:27px;transform-origin:right center;-webkit-transform-origin:right center;transition:0.4s;-webkit-transition:0.4s }
#header ul { display:none;position:absolute;width:100%;left:0;top:0;background-color:#42c3ee;}
#header ul li {border-bottom:1px solid #fff;margin:0;padding-left:20px;height:auto;color:white}
#header ul li:last-child { border:none}
#header ul li:hover { }
#header ul li > a { display:none}
#header ul dl { position:initial;display:block;width:100%}
#header ul dl:before { content:none}
#header ul dl dt { display:block;font-size:20px}
#header ul dl dd { display:none;border-radius:0 !important;padding:0 !important;background-color:transparent !important;margin:0 0 15px 20px;border-bottom:1px solid #fff}
#header ul dl dd a { display:flex;align-items:center;color:white !important}
#header ul dl dd a:before { content:"";display:block;width:6px;height:6px;line-height:6px;border-radius:6px;background-color:white;margin-right:5px}
#header ul dl dd.download-pc { display:none !important}
#header ul dl dd:last-child { border-bottom:none}
#header ul dl.show dd { display:block }


#header.show .xs-btn:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg); background-color:white}
#header.show .xs-btn:after{transform:rotate(45deg);-webkit-transform:rotate(45deg); background-color:white}
#header.show ul { display:block;}
#header.show ul li { }

#banner { height: 246px; }
#banner li {height:246px;}
#banner li .container { padding:50px 0 0 40px}
#banner li:nth-child(1) h2 {font-size:24px;line-height:1 }
#banner li:nth-child(1) a { font-size:16px;padding:6px 14px;margin-top:10px}


#banner2 > div { width: 100%; box-sizing: border-box;  padding: 0 0 4px 0 }

#banner3 h2 { font-size:30px;}
#banner3 h3 { font-size:18px}
#banner3 .download { flex-direction:column;}
#banner3 .download .qr { margin:20px 0px}
#banner3 .download img:nth-child(1) { margin:0}

#media { margin:30px 0;padding:0 30px}
#media  ul{flex-direction:column}
#media ul li { margin-bottom:15px}

#footer { background-size:auto 70px;padding-bottom:70px}
#footer .info { padding:60px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#footer .container {flex-direction:column;padding:0 20px }
#footer .company { margin-bottom:40px}
#footer .nav {justify-content:space-between}
#footer dl { padding-left:0px;}

.page-services {padding:0; }
.page-services .features li{display:flex;flex-direction:column !important;margin:0;}
.page-services .features li > div:nth-child(2) { padding:0 32px !important;width:100%}
.page-services .features img { width:100%;height:auto;display:block;margin:32px 0 24px}
.page-services .features dt:nth-child(1) { font-size:24px;line-height:26px}
.page-services .features dt:nth-child(2) { font-size:12px;line-height:16px}

.page-services .features dd.line {width:150px;margin:6px 0 10px}
.page-services .features dd { line-height:22px;}
.page-services .features dd:before { top:9px;}

.page-services .step h3 { padding:72px 0 24px;}
.page-services .step ul { flex-direction:column;align-items:center}
.page-services .step ul li { margin-bottom:60px}


.page-services .products h3 { padding:12px 0 72px;text-align:left;display:flex;justify-content:space-between;align-items:flex-end}
.page-services .products h3 .more { display:block}
.page-services .products .tags { height:38px;line-height:38px;}
.page-services .products .tags > div {padding:0 20px;margin-right:-15px;}
.page-services .products .tags .more{ display:none}

.page-services .products .details {padding:0;}
.page-services .products .details li { display:flex;flex-direction:column}
.page-services .products .details li > div:nth-child(1) { width:100%;margin:0}
.page-services .products .details li > div:nth-child(2) { padding:32px}
.page-services .products .details li img { width:100%;height:auto;display:block}
.page-services .products .details li dt { font-size:28px;color:#111;font-weight:bold}
.page-services .products .details li .slogan { color:#999;padding:10px 0 58px}
.page-services .products .details li .price { color:#f47232;font-size:24px 30px}
.page-services .products .details li .price span { font-size:30px;font-weight:bold}
.page-services .products .details li .desc { font-size:24px;color:#111;padding-top:28px}
.page-services .products .details li .detail { margin-top:32px;font-size:20px;padding:5px 10px}

.page-services-house { padding:30px 0 0 0}
.page-services-house .info p { margin-bottom:48px;font-size:16px;line-height:28px;padding:0 20px}
.page-services-house .info h3 { font-size:22px;color:#111;margin-bottom:20px}
.page-services-house .features li{flex-direction:column !important;}
.page-services-house .features li > div:nth-child(1) {padding:50px 0 26px;text-align:center }
.page-services-house .features li > div:nth-child(2) {width:auto;}
.page-services-house .features dt:nth-child(1) { font-size:26px;}
.page-services-house .image-bottom {margin:34px 12px 0}

.page-app-download .step h3 { padding:72px 0 24px;}
.page-app-download .step ul { flex-direction:column;align-items:center}
.page-app-download .step ul li { text-align:center;margin-bottom:60px}
.page-app-download .page-news h3 {padding:0px 0 24px;text-align:center;font-weight:bold;font-size:28px }

.page-news .timeline {padding:32px 24px 24px;font-size:28px;}
.page-news li { flex-direction:column;height:auto;margin-bottom:24px}
.page-news li > div:nth-child(1) { width:auto;}
.page-news li > div:nth-child(1) img { width:100%;height:auto;display:block}
.page-news li > div:nth-child(2) {padding:24px;}
.page-news li h2 { font-size:20px;padding:0}
.page-news li p { margin-bottom:16px;height:auto;max-height:144px}

.page-news-detail { padding:20px 10px}
.page-news-detail h1{font-size:20px;padding-bottom:10px }
.page-news-detail .info .date { padding-left:30px}
.page-news-detail .content { padding:20px 0 0;}

/*
.page-about {padding:0;}
.page-about .news { flex-direction:column}
.page-about .news .image { display:none}
.page-about .list {padding:0 }
.page-about .list h3 { height:30px;line-height:30px;font-size:28px;margin:32px 0 24px 0;color:#42c3ee;}
.page-about .list h3 a { position:absolute;right:0px;top:310px}
.page-about .list ul { display:flex;width:500%}
.page-about .list li { padding:0;border:none;position:relative;width:25%}
.page-about .list li div:nth-child(2){position:absolute;bottom:0px;left:0px;width:100%;box-sizing:border-box;padding:14px 32px;color:white;background-color:rgba(0,0,0,0.3)}
.page-about .list li div:nth-child(3){display:none}
.page-about .list .cover {position:initial;width:100%;height:200px  }*/
.page-about .company h3 { margin:50px 0 24px;}
.page-about .company p { padding:0 10px}
.page-about .company img {width:100%;height:auto;display:block;margin-top:30px}


.page-about .contact dl { font-size:20px;padding:20px}
.page-about .contact dl dt { margin-bottom:20px}
.page-about .contact dl dd { margin-bottom:20px}

.page-about { margin:0;}
.page-about .menu { display:none}
.page-about .content { margin:0;background-color:white;padding:30px 20px;}
.page-about .content h3 { font-size:20px;padding-bottom:10px;margin-bottom:20px}

.page-about .history {background-position-x:21px}
.page-about .history ul li {margin:0 0 20px 22px !important;text-align:left !important;padding:0 0 0 15px !important}
.page-about .history ul li:before { left:-5px;right:auto;}
.page-about .history ul li:after { left:-9px;right:auto;}

.page-about .honor li { display:block;margin-bottom:32px}
.page-about .honor li > div:nth-child(2) { padding:24px 0;}
.page-about .honor li h4 { font-size:20px;}

.page-product { padding:0px;}
.page-product .list { padding:32px 0px 0;}
.page-product .list ul { height:400px}
.page-product .list li { width:50%;height:auto;z-index:0}
.page-product .list li img {width:100%;height:auto}
.page-product .list li h3 { display:none !important;font-size:26px;}
.page-product .list li h3 span { font-size:16px;padding:0;display:block;text-align:center}
.page-product .list li.item { display:block;position:absolute;}
.page-product .list li.p1 { transform:scale(0.5) translateX(-150%);-webkit-transform:scale(0.5) translateX(-150%);z-index:997}
.page-product .list li.p2 { transform:scale(0.8) translateX(-12.5%);-webkit-transform:scale(0.8) translateX(-12.5%);z-index:998}
.page-product .list li.p3 { transform:scale(1) translateX(50%);-webkit-transform:scale(1) translateX(50%);z-index:999}
.page-product .list li.p3 h3 { display:block !important;}
.page-product .list li.p4 { transform:scale(0.8) translateX(137.5%);-webkit-transform:scale(0.8) translateX(137.5%);z-index:998;}
.page-product .list li.p5 { transform:scale(0.5) translateX(350%);-webkit-transform:scale(0.5) translateX(350%);z-index:997}
.page-product .list li.p6 { display:none}
.page-product .list li.p7 { display:none}
.page-product .list .nav {display:none}



.page-product-details .details { padding:32px 0 32px;flex-direction:column}
.page-product-details .details .image { width:100%;margin:0}
.page-product-details .details .image .list { padding-top:12px}
.page-product-details .details dl { padding:20px}
.page-product-details .details dt { font-size:36px;}
.page-product-details .details .slogan {padding:10px 0 32px;font-size:16px}
.page-product-details .details .desc { font-size:20px;padding-bottom:32px}

.page-product-details .info { position:relative}
.page-product-details .info .menu {  position:initial;width:auto;display:flex;}
.page-product-details .info .menu li {width:35%;height:auto;line-height:1;font-size:20px;margin:0 0 0 10%;padding:15px 0}
.page-product-details .info .content { margin:32px 0 0;}
.page-product-details .info .content ul.usecss { padding:0;}
.page-product-details .info .content ul.usecss li{flex-direction:column !important;margin-bottom:50px}
.page-product-details .info .content ul.usecss li > div:nth-child(1) img{ width:100%;height:auto}
.page-product-details .info .content ul.usecss dl { display:block;padding:20px 0 0 !important;}
.page-product-details .info .content ul.usecss dt:nth-child(1) { font-size:24px;}

.page-product-details .info .content h3 {font-size:20px;padding-bottom:20px;margin-bottom:20px }

.page-product-details .info .page-2 {padding:32px}
.page-product-details .info .page-2 ol.usecss span { color:#999}