@charset "utf-8";
* {font-family: "微软雅黑", "宋体", "黑体"; margin: 0px; padding: 0px; border: none; color: #333; font-size: 1em; list-style: none; list-style-type: none; text-decoration: none; box-sizing: border-box; transition: all 0.5s; }

@media screen and (min-width: 1200px) {
	.owl-carousel .owl-dots {display: none;}
	/* ---- title-box ---- */
	.title-box {text-align: center;}
	.title-box strong {display: block;font-size: 32px;line-height: 50px;color: #066efc;}
	.title-box small {display: block;font-size: 16px;line-height: 30px; color: #787878;font-weight: bold;text-transform: uppercase;}
	/* ---- read-more ---- */
	.read-more {margin: 20px 0;}
	.read-more a {display: block;margin: 0 auto;padding: 0;width: 10em;height: 30px;line-height: 30px;text-align: center;font-size: 14px;text-transform: uppercase;color: #fff;background: #0096ff;border: 1px solid #93bbd7;border-radius: 25px;position: relative;}

	/* ---- product ---- */
	.product {padding: 30px 0;background: #fff;}
	.product-head {padding: 10px 0;}
	.product-body {padding: 0;}
	.product-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.product-body .list-hd {}
	.product-body .list-hd ul {margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.product-body .list-hd ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.product-body .list-hd li {float: left;margin: 10px 10px;height: 40px;line-height: 40px;text-align: center;background: #005dff;}
	.product-body .list-hd li a {display: block;padding: 0 1em;font-size: 20px;color: #fff}
	.product-body .list-hd li.active {background: #ff6500;}

	.product-body .list-bd {position: relative;width: 100%;height: 280px;overflow: hidden;}
	.product-body .list-bd .list-box {background: #fff;position: absolute;left: 100%;top: 0;opacity: 0;transition: all 0.5s;}
	.product-body .list-bd .list-box:nth-of-type(1) {left: -100%;}
	.product-body .list-bd .list-box:nth-of-type(2) {left: 100%;}
	.product-body .list-bd .list-box.active {top: 0;left: 0;opacity: 1;}
	
	.product-body .list-bd .list-box .product-box {width: 290px;margin: 10px 5px;padding: 5px;background: #ececec;}
	.product-body .list-bd .list-box .product-box .img-box {width: 280px;height: 210px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.product-body .list-bd .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.product-body .list-bd .list-box .product-box .txt-box {padding: 5px;}
	.product-body .list-bd .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;text-align: center;color: #787878;}
	.product-body .list-bd .list-box .product-box:hover {background: #066efc;box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, 0.5);}
	.product-body .list-bd .list-box .product-box:hover .txt-box p {color: #fff;}
	.product-foot {padding: 0;}

	/* ---- about ---- */
	.about {background: url(../images/bg_about.jpg) center 120px no-repeat;}
	.about-head {padding: 20px 0;}
	.about-body {margin-top: 210px;padding: 40px 20px;background: #fff;box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.5);}
	.about-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.about-body .about-lt {float: left;width: 40%;padding: 0;height: 100%;}
	.about-body .about-lt .img-box {width: 400px;height: 300px;margin: 20px auto;background: #066efc;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.about-body .about-lt .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;position: relative;left: 10px;top: -10px;box-shadow: 3px 0px 8px -2px rgba(0, 0, 0, 0.5);}
	.about-body .about-rt {float: right;width: 60%;height: 100%;padding: 0px 20px;}
	.about-body .about-rt .tit-box {}
	.about-body .about-rt .tit-box strong {display: block;font-size: 28px;line-height: 40px;color: #005dff;}
	.about-body .about-rt .tit-box small {display: block;font-size: 16px;line-height: 20px;color: #787878;}
	.about-body .about-rt .txt-box {font-size: 16px;line-height: 40px;height: 280px;color: #333333;}

	/* ---- advantage ---- */
	.advantage {padding: 20px 0 40px;}
	.advantage-head {height: 140px;background: url(../images/bg_advantage_head.png) center top no-repeat;}
	.advantage-head .head-box {text-align: center;}
	.advantage-head .head-box strong {display: block;padding: 10px 0;font-size: 36px;line-height: 60px;color: #fff;}
	.advantage-body {height: 640px;background: url(../images/bg_advantage_body.png) center center no-repeat;}
	.advantage-body .adv-content {width: 50%;height: 100%;float: right;position: relative;}
	.advantage-body .adv-box {width: 480px;position: absolute;}
	.advantage-body .adv-box:nth-of-type(1) {left: 10px;top: 30px;}
	.advantage-body .adv-box:nth-of-type(2) {left: 90px;top: 180px;}
	.advantage-body .adv-box:nth-of-type(3) {left: 100px;top: 340px;}
	.advantage-body .adv-box:nth-of-type(4) {left: 30px;top: 500px;}
	.advantage-body .adv-box span {display: none;}
	.advantage-body .adv-box strong {display: block;font-size: 22px;line-height: 30px;position: relative;}
	.advantage-body .adv-box strong:after {content: " ";display: block;width: 80px;height: 2px;background: #88d1f5;position: absolute;left: 0;top: 100%;}
	.advantage-body .adv-box p {margin: 10px 0;font-size: 16px;line-height: 30px;}

	/* ---- streamer ---- */
	.streamer {height: 220px;background: url(../images/bg_streamer01.jpg) center center / cover no-repeat;}
	.streamer-body {height: 100%;padding: 0;}
	.streamer-body .txt-box {height: 100%;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.streamer-body .txt-box strong {display: block;width: 100%;margin: 10px 0;font-size: 40px;line-height: 60px;color: #fff;}

	/* ---- case ---- */
	.case-head {padding: 40px 0 20px;}
	.case-body {padding: 20px 0;}
	.case-body .case-box {width: 290px;margin: 0 auto;border: 1px dashed #0075e6;border-bottom: 5px solid #0075e6;padding: 4px 4px 0;}
	.case-body .case-box .img-box {width: 280px;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.case-body .case-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.case-body .case-box .txt-box {width: 280px;height: 30px;line-height: 30px;text-align: center;}
	.case-body .case-box .txt-box p {margin: 0;font-size: 16px;font-family: "黑体";font-weight: bold;}
	.case-body .case-box .img-box:hover img {transform: scale(1.1);}

	/* ---- news ---- */
	.news {background: #f4f4f4;}
	.news-head {padding: 40px 0 0;}
	.news-body {padding: 0;}
	.news-body .news-left {margin: 20px 0 0;padding: 10px 10px 0;background: #f5f5f5;border-radius: 5px;overflow: hidden;}
	.news-body .news-left .left-box {width: 100%;}
	.news-body .news-left .left-box .img-box {width: 100%;height: 300px;border-radius: 5px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.news-body .news-left .left-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;border-radius: 5px;}
	.news-body .news-left .left-box .text-box {padding: 5px 10px;}
	.news-body .news-left .left-box .text-box strong {display: block;margin: 0;font-size: 16px;line-height: 30px;}
	.news-body .news-left .left-box .text-box strong:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-left .left-box .text-box p {text-indent: 2em;line-height: 30px;height: 120px;overflow: hidden;color: #9c9c9c;}
	.news-body .news-left .left-box .text-box span {display: block;font-size: 14px;line-height: 20px;}
	.news-body .news-left:hover {background: #fff;box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.5);}
	.news-body .news-left:hover .left-box .img-box img {transform: scale(1.1);}
	.news-body .news-left:hover .left-box .text-box p {color: #066efc;}
	
	.news-body .news-right {margin: 20px 0 0;padding: 0 10px;}
	.news-body .news-right ul {margin: 0;}
	.news-body .news-right .news-box {width: 100%;margin-bottom: 10px;padding: 10px;background: #f5f5f5;border-radius: 5px;}
	.news-body .news-right li:nth-last-child(1) .news-box {margin: 0;}
	.news-body .news-right .news-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-right .news-box .img-box {float: left;width: 180px;height: 140px;border-radius: 5px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.news-body .news-right .news-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;border-radius: 5px;}
	.news-body .news-right .news-box .time-box {float: left;width: 100px;height: 140px;padding: 20px 10px;}
	.news-body .news-right .news-box .time-box i {display: block;width: 100%;text-align: center;font-size: 32px;line-height: 40px;font-style: normal;color: #066efc;}
	.news-body .news-right .news-box .time-box em {display: block;width: 100%;text-align: center;font-size: 14px;line-height: 40px;font-style: normal;color: #066efc;}
	.news-body .news-right .news-box .time-box hr {width: 20px;height: 4px;margin: 8px auto;background: #066efc;border: none;}
	.news-body .news-right .news-box .text-box {float: left;width: calc(100% - 180px);margin: 0;padding: 0 10px;}
	.news-body .news-right .news-box .text-box strong {display: block;margin: 0;font-size: 16px;line-height: 30px;color: #041e68;font-weight: bold;}
	.news-body .news-right .news-box .text-box p {margin: 0;font-size: 14px;line-height: 30px;height: 90px;color: #464646;overflow: hidden;}
	.news-body .news-right .news-box .text-box span {display: block;font-size: 14px;line-height: 20px;}
	.news-body .news-right .news-box:hover {background: #fff;box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.5);}
	.news-body .news-right .news-box:hover .img-box img {transform: scale(1.1);}
	.news-body .news-right .news-box:hover .text-box h3 {color: #066efc;}
	.news-body .news-right .news-box:hover .text-box p {color: #066efc;}
}

/* ---- 1024px ---- */
@media screen and (max-width: 1199px) {
	.owl-carousel .owl-dots {display: none;}
	/* ---- title-box ---- */
	.title-box {text-align: center;}
	.title-box strong {display: block;font-size: 32px;line-height: 50px;color: #066efc;}
	.title-box small {display: block;font-size: 16px;line-height: 30px; color: #787878;font-weight: bold;text-transform: uppercase;}
	/* ---- read-more ---- */
	.read-more {margin: 20px 0;}
	.read-more a {display: block;margin: 0 auto;padding: 0;width: 10em;height: 30px;line-height: 30px;text-align: center;font-size: 14px;text-transform: uppercase;color: #fff;background: #0096ff;border: 1px solid #93bbd7;border-radius: 25px;position: relative;}

	/* ---- product ---- */
	.product {padding: 30px 0;background: #fff;}
	.product-head {padding: 10px 0;}
	.product-body {padding: 0;}
	.product-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.product-body .list-hd {}
	.product-body .list-hd ul {margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.product-body .list-hd ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.product-body .list-hd li {float: left;margin: 10px 10px;height: 40px;line-height: 40px;text-align: center;background: #005dff;}
	.product-body .list-hd li a {display: block;padding: 0 1em;font-size: 20px;color: #fff}
	.product-body .list-hd li.active {background: #ff6500;}

	.product-body .list-bd {position: relative;width: 100%;height: 550px;overflow: hidden;}
	.product-body .list-bd .list-box {background: #fff;position: absolute;left: 100%;top: 0;opacity: 0;transition: all 0.5s;}
	.product-body .list-bd .list-box:nth-of-type(1) {left: -100%;}
	.product-body .list-bd .list-box:nth-of-type(2) {left: 100%;}
	.product-body .list-bd .list-box.active {top: 0;left: 0;opacity: 1;}
	
	.product-body .list-bd .list-box .product-box {width: 290px;margin: 10px 5px;padding: 5px;background: #ececec;}
	.product-body .list-bd .list-box .product-box .img-box {width: 280px;height: 210px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.product-body .list-bd .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.product-body .list-bd .list-box .product-box .txt-box {padding: 5px;}
	.product-body .list-bd .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;text-align: center;color: #787878;}
	.product-body .list-bd .list-box .product-box:hover {background: #066efc;box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, 0.5);}
	.product-body .list-bd .list-box .product-box:hover .txt-box p {color: #fff;}
	.product-foot {padding: 0;}

	/* ---- about ---- */
	.about {background: url(../images/bg_about.jpg) center 120px no-repeat;}
	.about-head {padding: 20px 0;}
	.about-body {margin-top: 210px;padding: 40px 20px;background: #fff;box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.5);}
	.about-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.about-body .about-lt {float: left;width: 40%;padding: 0;height: 100%;}
	.about-body .about-lt .img-box {width: 400px;height: 300px;margin: 20px auto;background: #066efc;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.about-body .about-lt .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;position: relative;left: 10px;top: -10px;box-shadow: 3px 0px 8px -2px rgba(0, 0, 0, 0.5);}
	.about-body .about-rt {float: right;width: 60%;height: 100%;padding: 0px 20px;}
	.about-body .about-rt .tit-box {}
	.about-body .about-rt .tit-box strong {display: block;font-size: 28px;line-height: 40px;color: #005dff;}
	.about-body .about-rt .tit-box small {display: block;font-size: 16px;line-height: 20px;color: #787878;}
	.about-body .about-rt .txt-box {font-size: 16px;line-height: 40px;height: 280px;color: #333333;}

	/* ---- advantage ---- */
	.advantage {padding: 20px 0 40px;}
	.advantage-head {height: 140px;background: url(../images/bg_advantage_head.png) center top no-repeat;}
	.advantage-head .head-box {text-align: center;}
	.advantage-head .head-box strong {display: block;padding: 10px 0;font-size: 36px;line-height: 60px;color: #fff;}
	.advantage-body {height: 640px;background: url(../images/bg_advantage_body.png) center center no-repeat;}
	.advantage-body .adv-content {width: 50%;height: 100%;float: right;position: relative;}
	.advantage-body .adv-box {width: 480px;position: absolute;}
	.advantage-body .adv-box:nth-of-type(1) {left: 10px;top: 30px;}
	.advantage-body .adv-box:nth-of-type(2) {left: 90px;top: 180px;}
	.advantage-body .adv-box:nth-of-type(3) {left: 100px;top: 340px;}
	.advantage-body .adv-box:nth-of-type(4) {left: 30px;top: 500px;}
	.advantage-body .adv-box span {display: none;}
	.advantage-body .adv-box strong {display: block;font-size: 22px;line-height: 30px;position: relative;}
	.advantage-body .adv-box strong:after {content: " ";display: block;width: 80px;height: 2px;background: #88d1f5;position: absolute;left: 0;top: 100%;}
	.advantage-body .adv-box p {margin: 10px 0;font-size: 16px;line-height: 30px;}

	/* ---- streamer ---- */
	.streamer {height: 220px;background: url(../images/bg_streamer01.jpg) center center / cover no-repeat;}
	.streamer-body {height: 100%;padding: 0;}
	.streamer-body .txt-box {height: 100%;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.streamer-body .txt-box strong {display: block;width: 100%;margin: 10px 0;font-size: 40px;line-height: 60px;color: #fff;}

	/* ---- case ---- */
	.case-head {padding: 40px 0 20px;}
	.case-body {padding: 20px 0;}
	.case-body .case-box {width: 290px;margin: 0 auto;border: 1px dashed #0075e6;border-bottom: 5px solid #0075e6;padding: 4px 4px 0;}
	.case-body .case-box .img-box {width: 280px;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.case-body .case-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.case-body .case-box .txt-box {width: 280px;height: 30px;line-height: 30px;text-align: center;}
	.case-body .case-box .txt-box p {margin: 0;font-size: 16px;font-family: "黑体";font-weight: bold;}
	.case-body .case-box .img-box:hover img {transform: scale(1.1);}

	/* ---- news ---- */
	.news {background: #f4f4f4;}
	.news-head {padding: 40px 0 0;}
	.news-body {padding: 0;}
	.news-body .news-left {margin: 20px 0 0;padding: 10px 10px 0;background: #f5f5f5;border-radius: 5px;overflow: hidden;}
	.news-body .news-left .left-box {width: 100%;}
	.news-body .news-left .left-box .img-box {width: 100%;height: 300px;border-radius: 5px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.news-body .news-left .left-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;border-radius: 5px;}
	.news-body .news-left .left-box .text-box {padding: 5px 10px;}
	.news-body .news-left .left-box .text-box strong {display: block;margin: 0;font-size: 16px;line-height: 30px;}
	.news-body .news-left .left-box .text-box strong:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-left .left-box .text-box p {text-indent: 2em;line-height: 30px;height: 120px;overflow: hidden;color: #9c9c9c;}
	.news-body .news-left .left-box .text-box span {display: block;font-size: 14px;line-height: 20px;}
	.news-body .news-left:hover {background: #fff;box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.5);}
	.news-body .news-left:hover .left-box .img-box img {transform: scale(1.1);}
	.news-body .news-left:hover .left-box .text-box p {color: #066efc;}
	
	.news-body .news-right {margin: 20px 0 0;padding: 0 10px;}
	.news-body .news-right ul {margin: 0;}
	.news-body .news-right .news-box {width: 100%;margin-bottom: 10px;padding: 10px;background: #f5f5f5;border-radius: 5px;}
	.news-body .news-right li:nth-last-child(1) .news-box {margin: 0;}
	.news-body .news-right .news-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-right .news-box .img-box {float: left;width: 180px;height: 140px;border-radius: 5px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.news-body .news-right .news-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;border-radius: 5px;}
	.news-body .news-right .news-box .time-box {float: left;width: 100px;height: 140px;padding: 20px 10px;}
	.news-body .news-right .news-box .time-box i {display: block;width: 100%;text-align: center;font-size: 32px;line-height: 40px;font-style: normal;color: #066efc;}
	.news-body .news-right .news-box .time-box em {display: block;width: 100%;text-align: center;font-size: 14px;line-height: 40px;font-style: normal;color: #066efc;}
	.news-body .news-right .news-box .time-box hr {width: 20px;height: 4px;margin: 8px auto;background: #066efc;border: none;}
	.news-body .news-right .news-box .text-box {float: left;width: calc(100% - 180px);margin: 0;padding: 0 10px;}
	.news-body .news-right .news-box .text-box strong {display: block;margin: 0;font-size: 16px;line-height: 30px;color: #041e68;font-weight: bold;}
	.news-body .news-right .news-box .text-box p {margin: 0;font-size: 14px;line-height: 30px;height: 90px;color: #464646;overflow: hidden;}
	.news-body .news-right .news-box .text-box span {display: block;font-size: 14px;line-height: 20px;}
	.news-body .news-right .news-box:hover {background: #fff;box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.5);}
	.news-body .news-right .news-box:hover .img-box img {transform: scale(1.1);}
	.news-body .news-right .news-box:hover .text-box h3 {color: #066efc;}
	.news-body .news-right .news-box:hover .text-box p {color: #066efc;}
}
/* ---- 991px ---- */
@media screen and (max-width: 1023px) {}

/* ---- 768px ---- */
@media screen and (max-width: 991px) {}

/* ---- 640px ---- */
@media screen and (max-width: 767px) {
	/* ---- title-box ---- */
	.title-box {}
	.title-box strong {font-size: 24px;line-height: 40px;}
	.title-box small {font-size: 18px;line-height: 30px;text-transform: uppercase;}
	/* ---- read-more ---- */
	.read-more {margin: 10px auto;}
	
	/* ---- product ---- */
	.product {padding: 10px 0;}
	.product-head {padding: 0;}
	.product-body {padding: 0;}
	.product-body .list-hd li {width: auto;margin: 10px 10px;line-height: 30px;height: 30px;}
	.product-body .list-hd li a {padding: 0 10px;font-size: 16px;}
	.product-body .list-bd {height: 525px;}
	.product-body .list-bd .list-box {}
	.product-body .list-bd .list-box .product-box {margin: 5px auto;}
	.product-body .list-bd .list-box .product-box .img-box {height: 210px;}
	.product-body .list-bd .list-box .product-box .txt-box {padding: 0;}

	/* ---- about ---- */
	.about {padding: 10px 0;background: none;}
	.about-head {padding: 0;}
	.about-body {margin: 0;padding: 0;height: auto;background: none;}
	.about-body .about-lt {display: block;float: none;width: 100%;}
	.about-body .about-lt .img-box {margin: 0 auto;width: auto;height: auto;padding: 10px;background: none;}
	.about-body .about-lt .img-box img {position: static;left: auto;top: auto;}
	.about-body .about-rt {float: none;width: 100%;padding: 10px;}
	.about-body .about-rt .tit-box strong {font-size: 20px;line-height: 30px;}
	.about-body .about-rt .tit-box small {}
	.about-body .about-rt .txt-box {height: auto;line-height: 30px;font-family: "微软雅黑","宋体";color: #333333;font-weight: normal;font-size: 14px;}

	/* ---- advantage ---- */
	.advantage {height: auto;background: none;}
	.advantage-head {display: block;}
	.advantage-head .head-box {padding: 10px;text-align: center;}
	.advantage-head .head-box strong {display: block;font-size: 24px;line-height: 40px;color: #ffffff;}
	.advantage {padding: 20px 0;}
	.advantage-body {height: 340px;-webkit-background-size: 100%;background-size: 100%;overflow: hidden;}
	.advantage-body	.adv-box {width: auto;padding: 5px;}
	.advantage-body .adv-box strong {font-size: 16px;line-height: 25px;}
	.advantage-body .adv-box p {margin: 0;font-size: 14px;line-height: 20px;}
	.advantage-body	.adv-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.advantage-body .adv-box:nth-of-type(1) {left: 0;top: 0;}
	.advantage-body	.adv-box:nth-of-type(2) {left: 40px;top: 70px;}
	.advantage-body	.adv-box:nth-of-type(3) {left: 45px;top: 160px;}
	.advantage-body	.adv-box:nth-of-type(4) {left: 10px;top: 250px;}

	/* ---- streamer ---- */
	.streamer {height: 180px;}
	.streamer-body .txt-box strong {margin: 0;font-size: 24px;line-height: 40px;}
	
	/* ---- case ---- */
	.case-head {padding: 20px 0 0;}
	.case-head p {font-size: 14px;line-height: 30px;margin: 0;}
	.case-body {padding: 10px 0;}
	.case-body .case-box {margin: 0 auto;}
	.case-foot {padding: 0;}

	/* ---- news ---- */
	.news {padding: 10px 0;}
	.news-head {padding: 10px 0 0;}
	.news-body .news-left {display: none;}
	.news-body .news-right {margin: 0 auto;padding: 5px;}
	.news-body .news-right .news-box {margin-bottom: 5px; padding: 5px;}
	.news-body .news-right .news-box .img-box {width: 130px;height: 100px;}
	.news-body .news-right .news-box .text-box p {line-height: 25px;height: 50px;}
	.news-body .news-right .news-box .time-box {display: none;}
	.news-body .news-right .news-box .text-box {width: calc(100% - 130px);margin: 0;padding: 0;padding-left: 10px;}
	.news-body .news-right .news-box .text-box strong {display: block;overflow: hidden;white-space: nowrap;}
}

/* ---- 414px ---- */
@media screen and (max-width: 639px) {
	/* ---- title ---- */
	.title-box strong {font-size: 20px;line-height: 30px;}
	.title-box small {font-size: 14px;line-height: 20px;}
	/* ---- read-more ---- */
	.read-more a {height: 30px;line-height: 30px;}
	/* ---- product ---- */
	.product {padding: 10px 0;}
	.product-head {}
	.product-body {padding: 5px 7px;}
	.product-body .list-hd li {height: 30px;line-height: 30px;margin: 10px 5px;}
	.product-body .list-hd li a {font-size: 16px;padding: 0 5px;}
	.product-body .list-bd {height: 335px;}
	.product-body .list-bd .list-box .product-box {width: 190px;margin: 5px;}
	.product-body .list-bd .list-box .product-box .img-box {width: 180px;height: 135px;}
	.product-body .list-bd .list-box .product-box .txt-box {padding: 0;}
	.product-body .list-bd .list-box .product-box .txt-box p {font-size: 14px;line-height: 20px;}
	
	/* ---- about ---- */
	.about {padding: 0;}
	.about-head {padding: 0;}
	.about-body .about-lt {padding: 5px;}
	.about-body .about-lt .img-box {padding: 0;}
	.about-body .about-rt {padding: 5px;}
	.about-body .about-rt .tit-box strong {font-size: 20px;line-height: 30px;}
	.about-body .about-rt .tit-box small {font-size: 14px;}

	/* ---- advantage ---- */
	.advantage {padding: 10px 0 0;}
	.advantage-head {height: 90px;}
	.advantage-head .head-box strong {font-size: 20px;}
	.advantage-body {height: auto;background: none;}
	.advantage-body .adv-content {float: none;width: 100%;padding: 5px;}
	.advantage-body .adv-box {position: static;left: auto;top: auto;}
	.advantage-body .adv-box span {display: block;float: left;margin: 0 5px;width: 50px;height: 30px;line-height: 30px;text-align: center;font-size: 24px;border-radius: 5px;background: #0075e6;color: #fff;box-shadow: 0px 3px 8px -1px rgba(143, 143, 143, 0.5);}
	.advantage-body .adv-box strong {display: block;float: left;width: calc(100% - 60px);line-height: 30px;font-size: 18px;color: #ff6500;}
	.advantage-body .adv-box p {margin: 0;padding: 0 5px;line-height: 25px;color: #a1a1a1;}
	
	/* ---- streamer ---- */
	.streamer {height: 150px;}
	.streamer-body .txt-box strong {font-size: 20px;}

	/* ---- case ---- */
	.case-head p {padding: 0 50px;text-align: center;}
	.case-body {padding: 5px 7px;}
	.case-body .case-box {width: 190px;margin: 0 auto;overflow: hidden;}
	.case-body .case-box .img-box {width: 180px;height: 135px;}
	.case-body .case-box .txt-box {width: 180px;height: 30px;line-height: 30px;padding: 0 5px;}
	.case-body .case-box .txt-box p {font-size: 14px;overflow: hidden;white-space: nowrap;}

	/* ---- news ---- */
	.news-body .news-right {margin: 0 auto;padding: 5px;}
	.news-body .news-right .news-box {margin-bottom: 5px; padding: 5px;}
	.news-body .news-right .news-box .img-box {width: 130px;height: 100px;}
	.news-body .news-right .news-box .time-box {display: none;}
	.news-body .news-right .news-box .text-box {width: calc(100% - 130px);margin: 0;padding: 0;padding-left: 10px;}
	.news-body .news-right .news-box .text-box strong {display: block;overflow: hidden;white-space: nowrap;}
}

/* ---- 375px ---- */
@media screen and (max-width: 413px) {
	/* ---- title-box ---- */
	.title-box strong {font-size: 16px;line-height: 30px;}
	.title-box small {font-size: 14px;line-height: 20px;}

	/* ---- product ---- */
	.product-body {padding: 5px 7.5px;}
	.product-body .list-bd {height: 315px;}
	.product-body .list-bd .list-box .product-box {width: 170px;}
	.product-body .list-bd .list-box .product-box .img-box {width: 160px;height: 120px;}
	
	/* ---- about ---- */
	.about-body .about-rt .tit-box strong {font-size: 18px;}

	/* ---- case ---- */
	.case-body {padding: 5px 7.5px;}
	.case-body .case-box {width: 170px;}
	.case-body .case-box .img-box {width: 160px;height: 120px;}
	.case-body .case-box .txt-box {width: 160px;}
}

/* ---- 360px ---- */
@media screen and (max-width: 374px) {
	/* ---- product ---- */
	.product-body {padding: 5px 0;}

	/* ---- case ---- */
	.case-body {padding: 5px 0;}
}

/* ---- 320px ---- */
@media screen and (max-width: 359px) {
	/* ---- product ---- */
	.product-body .list-bd {height: 275px;}
	.product-body .list-bd .list-box .product-box {width: 150px;}
	.product-body .list-bd .list-box .product-box .img-box {width: 140px;height: 105px;}
	
	/* ---- case ---- */
	.case-body .case-box {width: 150px;}
	.case-body .case-box .img-box {width: 140px;height: 105px;}
	.case-body .case-box .txt-box {width: 140px;}
}