@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) {
	/* ---- title ---- */
	.Tit {padding: 10px 0;}
	.Tit .tit-box {text-align: center;}
	.Tit .tit-box strong {display: block;width: 100%;}
	.Tit .tit-box strong span {display: block;width: 5em;padding: 10px 0 9px;margin: 0 auto;border-bottom: 1px solid #9b9b9b;font-size: 28px;line-height: 30px;}
	.Tit .tit-box strong span s {color: #0994dc;}
	.Tit .tit-box strong span b {color: #0f132d;}
	.Tit .tit-box p {margin: 0;font-size: 16px;line-height: 30px;color: #0f132d;}
	.read-more {margin: 20px auto;}
	.read-more:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.read-more a {display: block;margin: 0 auto;width: 120px;height: 30px;line-height: 28px;text-align: center;background: #0994dc;color: #fff;border: 1px solid #fff;border-radius: 20px;}

	/* ---- service ---- */
	.service {padding: 20px 0;}
	.service .service-head {padding: 30px 0;}
	.service .service-head strong {display: block;width: 100%;font-size: 32px;text-align: center;line-height: 40px;}
	.service .service-body {}
	.service .service-body ul {margin: 0;}
	.service .service-body ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.service .service-body li {float: left;width: calc(25% - 10px);height: 200px;margin: 60px 5px 20px;padding: 50px 0 0;border: 1px solid #dedede;position: relative;}
	.service .service-body li .img-box {width: 100px;height: 100px;border: 1px solid #dedede;border-radius: 50%;box-shadow: 0 0 6px -2px #dedede;position: absolute;left: calc(50% - 50px);top: -50px;}
	.service .service-body li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.service .service-body li .txt-box {width: 100%;height: 100%;padding: 9px;/*display: flex;flex-wrap: wrap;justify-content: center;align-items: center;*/}
	.service .service-body li .txt-box strong {display: block;width: 100%;font-size: 22px;line-height: 30px;text-align: center;color: #e71041;}
	.service .service-body li .txt-box p {margin: 0;font-size: 20px;text-align: center;}


	/* ---- project ---- */
	.project {padding: 20px 0;background: #f0f0f0;}
	.project-body {padding: 20px 0;}
	.project-body .list-box {}
	.project-body .list-box .product-box {margin: 10px;box-shadow: 3px 3px 6px -3px #999999;}
	.project-body .list-box .product-box .img-box {width: 100%;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.project-body .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;transition: all 0.5s;}
	.project-body .list-box .product-box:hover .img-box img {transform: scale(1.1);}
	.project-body .list-box .product-box .txt-box {padding: 10px;background: #fff;}
	.project-body .list-box .product-box .txt-box strong {display: block;font-size: 18px;line-height: 30px;}
	.project-body .list-box .product-box .txt-box .red {color: #ea150d;}
	.project-body .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;color: #666666;}
	.project-body .owl-carousel .owl-nav {display: block !important;}
	.project-body .owl-carousel .owl-nav span {display: block;width: 40px;height: 80px;line-height: 80px;font-size: 80px;color: #ea211a;font-weight: normal;}
	.project-body .owl-carousel .owl-nav .owl-prev {position: absolute;left: -40px;top: calc(50% - 40px);outline: none;}
	.project-body .owl-carousel .owl-nav .owl-next {position: absolute;right: -40px;top: calc(50% - 40px);outline: none;}


	/* ---- about ---- */
	.about {padding: 20px 0;}
	.about-body {}
	.about-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.about-body .about-Lt {float: left;width: calc(60% - 20px);height: 337px;overflow: hidden;margin: 10px;padding: 10px 0;}
	.about-body .about-Lt .about-txt {text-indent: 2em;font-size: 16px;line-height: 30px;}
	.about-body .about-Lt .read-more a {margin: 0;background: none;color: #0994dc;border-color: #dddddd;box-shadow: 0 0 5px -3px #dddddd;}
	.about-body .about-Rt {float: right;width: calc(40% - 20px);margin: 10px;}
	.about-body .about-Rt .img-box {width: 100%;height: 300px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.about-body .about-Rt .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;}


	/* ---- advantage ---- */
	.advantage {}
	.advantage-head {padding: 20px 0;text-align: center;}
	.advantage-head strong {display: block;font-size: 36px;line-height: 40px;color: #0994dc;}
	.advantage-head p {margin: 0;font-size: 20px;line-height: 30px;color: #0f132d;}
	.advantage-head span {display: block;width: 50%;height: 2px;background: #e8e8e8;margin: 5px auto;position: relative;}
	.advantage-head span i {display: block;width: 160px;height: 4px;background: #ea150d;position: absolute;left: calc(50% - 80px);top: -1px;}
	.advantage-body {}
	.advantage-body .mb {display: none;}


	/* ---- device ---- */
	.device {padding: 20px 0;}
	.device-body {padding: 20px 0;}
	.device-body .list-box {}
	.device-body .list-box .product-box {margin: 10px 20px;}
	.device-body .list-box .product-box .img-box {width: 100%;height: 240px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.device-body .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;transition: all 0.5s;}
	.device-body .list-box .product-box .txt-box {padding: 9px 10px;border: 1px solid #dddddd;}
	.device-body .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;text-align: center;}
	.device-body .list-box .product-box:hover {box-shadow: 2px 2px 6px -3px #999999;}
	.device-body .list-box .product-box:hover .img-box img {transform: scale(1.1);}
	.device-body .list-box .product-box:hover .txt-box {background: #0994dc;}
	.device-body .list-box .product-box:hover .txt-box p {color: #fff;}
	.device-body .owl-nav {display: none;}


	/* ---- case ---- */
	.case {padding: 20px 0;}
	.case-body {padding: 20px 0;}
	.case-body .list-box {}
	.case-body .list-box .product-box {margin: 10px;position: relative;}
	.case-body .list-box .product-box .img-box {width: 100%;height: 250px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.case-body .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;transition: all 0.5s;}
	.case-body .list-box .product-box .txt-box {width: 100%;padding: 5px 0;position: absolute;bottom: -60px;left: 0;}
	.case-body .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 20px;text-align: center;color: #fff;}
	.case-body .list-box .product-box .txt-box span {display: block;margin: 0 auto;width: 30px;height: 30px;line-height: 30px;font-size: 24px;color: #fff;}
	.case-body .list-box .product-box:hover {box-shadow: 2px 2px 6px -3px #999999;}
	.case-body .list-box .product-box:hover .img-box img {transform: scale(1.1);}
	.case-body .list-box .product-box:hover .txt-box {background: rgba(9, 148, 220, 0.5);bottom: 0;}
	.case-body .owl-nav {display: none;}


	/* ---- process ---- */
	.process {padding: 20px 0;background: #f5f5f5;}
	.process-head {padding: 20px 0;}
	.process-head strong {font-size: 24px;line-height: 40px;}
	.process-body {}
	.process-body ul {margin: 0;}
	.process-body ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.process-body li {float: left;margin: 20px;padding: 9px;height: 100px;background: #fafafa;box-shadow: 0 0 6px 2px #ffffff;border: 1px solid #dddddd;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;}
	.process-body li span {display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 36px;margin: 0 auto;}
	.process-body li p {margin: 0;width: 100%;color: #666666;}
	.process-body li i {display: block;width: 30px;height: 30px;font-weight: bold;color: #999999;text-shadow: -1px 0px 0px #999999,0px -1px 0px #999999,1px 0px 0px #999999,0px 1px 0px #999999;position: absolute;}
	.process-body li:nth-of-type(1) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(1) span {color: #48a8ed;}
	.process-body li:nth-of-type(1)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(2) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(2) span {color: #59d6cc;}
	.process-body li:nth-of-type(2)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(3) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(3) span {color: #d8474c;}
	.process-body li:nth-of-type(3)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(4) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(4) span {color: #7eb254;}
	.process-body li:nth-of-type(4)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(5) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(5) span {color: #1799de;}
	.process-body li:nth-of-type(5)	i {left:  calc(50% - 18px);bottom: -38px;}
	.process-body li:nth-of-type(6) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(6) span {color: #7d7dee;}
	.process-body li:nth-of-type(6)	i {left: -38px;top: calc(50% - 18px);transform: rotateZ(90deg);}
	.process-body li:nth-of-type(7) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(7) span {color: #d3cd47;}
	.process-body li:nth-of-type(7)	i {left: -38px;top: calc(50% - 18px);transform: rotateZ(90deg);}
	.process-body li:nth-of-type(8) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(8) span {color: #fc8725;}
	.process-body li:nth-of-type(8)	i {left: -38px;top: calc(50% - 18px);transform: rotateZ(90deg);}
	.process-body li:nth-of-type(9) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(9) span {color: #ef659b;}
	.process-body li:nth-of-type(9)	i {display: none;}


	/* ---- news ---- */
	.news {}
	.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;}
}
@media screen and (max-width: 1200px) {
	/* ---- title ---- */
	.Tit {padding: 10px 0;}
	.Tit .tit-box {text-align: center;}
	.Tit .tit-box strong {display: block;width: 100%;}
	.Tit .tit-box strong span {display: block;width: 5em;padding: 10px 0 9px;margin: 0 auto;border-bottom: 1px solid #9b9b9b;font-size: 28px;line-height: 30px;}
	.Tit .tit-box strong span s {color: #0994dc;}
	.Tit .tit-box strong span b {color: #0f132d;}
	.Tit .tit-box p {margin: 0;font-size: 16px;line-height: 30px;color: #0f132d;}
	.read-more {margin: 20px auto;}
	.read-more:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.read-more a {display: block;margin: 0 auto;width: 120px;height: 30px;line-height: 28px;text-align: center;background: #0994dc;color: #fff;border: 1px solid #fff;border-radius: 20px;}

	/* ---- service ---- */
	.service {padding: 20px 0;}
	.service .service-head {padding: 30px 0;}
	.service .service-head strong {display: block;width: 100%;font-size: 32px;text-align: center;line-height: 40px;}
	.service .service-body {}
	.service .service-body ul {margin: 0;}
	.service .service-body ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.service .service-body li {float: left;width: calc(25% - 10px);height: 200px;margin: 60px 5px 20px;padding: 50px 0 0;border: 1px solid #dedede;position: relative;}
	.service .service-body li .img-box {width: 100px;height: 100px;border: 1px solid #dedede;border-radius: 50%;box-shadow: 0 0 6px -2px #dedede;position: absolute;left: calc(50% - 50px);top: -50px;}
	.service .service-body li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.service .service-body li .txt-box {width: 100%;height: 100%;padding: 9px;/*display: flex;flex-wrap: wrap;justify-content: center;align-items: center;*/}
	.service .service-body li .txt-box strong {display: block;width: 100%;font-size: 22px;line-height: 30px;text-align: center;color: #e71041;}
	.service .service-body li .txt-box p {margin: 0;font-size: 20px;text-align: center;}


	/* ---- project ---- */
	.project {padding: 20px 0;background: #f0f0f0;}
	.project-body {padding: 20px 0;}
	.project-body .list-box {overflow: hidden;}
	.project-body .list-box .product-box {margin: 10px;box-shadow: 3px 3px 6px -3px #999999;}
	.project-body .list-box .product-box .img-box {width: 100%;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.project-body .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;transition: all 0.5s;}
	.project-body .list-box .product-box:hover .img-box img {transform: scale(1.1);}
	.project-body .list-box .product-box .txt-box {padding: 10px;background: #fff;}
	.project-body .list-box .product-box .txt-box strong {display: block;font-size: 18px;line-height: 30px;}
	.project-body .list-box .product-box .txt-box .red {color: #ea150d;}
	.project-body .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;color: #666666;}
	.project-body .owl-carousel .owl-nav {display: block !important;}
	.project-body .owl-carousel .owl-nav span {display: block;width: 40px;height: 80px;line-height: 80px;font-size: 80px;color: #ea211a;font-weight: normal;}
	.project-body .owl-carousel .owl-nav .owl-prev {position: absolute;left: -40px;top: calc(50% - 40px);outline: none;}
	.project-body .owl-carousel .owl-nav .owl-next {position: absolute;right: -40px;top: calc(50% - 40px);outline: none;}


	/* ---- about ---- */
	.about {padding: 20px 0;}
	.about-body {}
	.about-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.about-body .about-Lt {float: left;width: calc(60% - 20px);height: 300px;overflow: hidden;margin: 10px;padding: 10px 0;}
	.about-body .about-Lt .about-txt {text-indent: 2em;font-size: 16px;line-height: 30px;}
	.about-body .about-Lt .read-more a {margin: 0;background: none;color: #0994dc;border-color: #dddddd;box-shadow: 0 0 5px -3px #dddddd;}
	.about-body .about-Rt {float: right;width: calc(40% - 20px);margin: 10px;}
	.about-body .about-Rt .img-box {width: 100%;height: 300px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.about-body .about-Rt .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;}


	/* ---- advantage ---- */
	.advantage {}
	.advantage-head {padding: 20px 0;text-align: center;}
	.advantage-head strong {display: block;font-size: 36px;line-height: 40px;color: #0994dc;}
	.advantage-head p {margin: 0;font-size: 20px;line-height: 30px;color: #0f132d;}
	.advantage-head span {display: block;width: 50%;height: 2px;background: #e8e8e8;margin: 5px auto;position: relative;}
	.advantage-head span i {display: block;width: 160px;height: 4px;background: #ea150d;position: absolute;left: calc(50% - 80px);top: -1px;}
	.advantage-body {}
	.advantage-body .mb {display: none;}


	/* ---- device ---- */
	.device {padding: 20px 0;}
	.device-body {padding: 20px 0;}
	.device-body .list-box {}
	.device-body .list-box .product-box {margin: 10px 20px;}
	.device-body .list-box .product-box .img-box {width: 100%;height: 240px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.device-body .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;transition: all 0.5s;}
	.device-body .list-box .product-box .txt-box {padding: 9px 10px;border: 1px solid #dddddd;}
	.device-body .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;text-align: center;}
	.device-body .list-box .product-box:hover {box-shadow: 2px 2px 6px -3px #999999;}
	.device-body .list-box .product-box:hover .img-box img {transform: scale(1.1);}
	.device-body .list-box .product-box:hover .txt-box {background: #0994dc;}
	.device-body .list-box .product-box:hover .txt-box p {color: #fff;}
	.device-body .owl-nav {display: none;}


	/* ---- case ---- */
	.case {padding: 20px 0;}
	.case-body {padding: 20px 0;}
	.case-body .list-box {}
	.case-body .list-box .product-box {margin: 10px;position: relative;}
	.case-body .list-box .product-box .img-box {width: 100%;height: 250px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.case-body .list-box .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;transition: all 0.5s;}
	.case-body .list-box .product-box .txt-box {width: 100%;padding: 5px 0;position: absolute;bottom: -60px;left: 0;}
	.case-body .list-box .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 20px;text-align: center;color: #fff;}
	.case-body .list-box .product-box .txt-box span {display: block;margin: 0 auto;width: 30px;height: 30px;line-height: 30px;font-size: 24px;color: #fff;}
	.case-body .list-box .product-box:hover {box-shadow: 2px 2px 6px -3px #999999;}
	.case-body .list-box .product-box:hover .img-box img {transform: scale(1.1);}
	.case-body .list-box .product-box:hover .txt-box {background: rgba(9, 148, 220, 0.5);bottom: 0;}
	.case-body .owl-nav {display: none;}


	/* ---- process ---- */
	.process {padding: 20px 0;background: #f5f5f5;}
	.process-head {padding: 20px 0;}
	.process-head strong {font-size: 24px;line-height: 40px;}
	.process-body {}
	.process-body ul {margin: 0;}
	.process-body ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.process-body li {float: left;margin: 20px;padding: 9px;height: 100px;background: #fafafa;box-shadow: 0 0 6px 2px #ffffff;border: 1px solid #dddddd;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;}
	.process-body li span {display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 36px;margin: 0 auto;}
	.process-body li p {margin: 0;width: 100%;color: #666666;}
	.process-body li i {display: block;width: 30px;height: 30px;font-weight: bold;color: #999999;text-shadow: -1px 0px 0px #999999,0px -1px 0px #999999,1px 0px 0px #999999,0px 1px 0px #999999;position: absolute;}
	.process-body li:nth-of-type(1) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(1) span {color: #48a8ed;}
	.process-body li:nth-of-type(1)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(2) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(2) span {color: #59d6cc;}
	.process-body li:nth-of-type(2)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(3) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(3) span {color: #d8474c;}
	.process-body li:nth-of-type(3)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(4) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(4) span {color: #7eb254;}
	.process-body li:nth-of-type(4)	i {right: -38px;top: calc(50% - 18px);transform: rotateZ(-90deg);}
	.process-body li:nth-of-type(5) {width: calc(20% - 40px);}
	.process-body li:nth-of-type(5) span {color: #1799de;}
	.process-body li:nth-of-type(5)	i {left:  calc(50% - 18px);bottom: -38px;}
	.process-body li:nth-of-type(6) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(6) span {color: #7d7dee;}
	.process-body li:nth-of-type(6)	i {left: -38px;top: calc(50% - 18px);transform: rotateZ(90deg);}
	.process-body li:nth-of-type(7) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(7) span {color: #d3cd47;}
	.process-body li:nth-of-type(7)	i {left: -38px;top: calc(50% - 18px);transform: rotateZ(90deg);}
	.process-body li:nth-of-type(8) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(8) span {color: #fc8725;}
	.process-body li:nth-of-type(8)	i {left: -38px;top: calc(50% - 18px);transform: rotateZ(90deg);}
	.process-body li:nth-of-type(9) {width: calc(25% - 40px);float: right;}
	.process-body li:nth-of-type(9) span {color: #ef659b;}
	.process-body li:nth-of-type(9)	i {display: none;}


	/* ---- news ---- */
	.news {padding: 20px 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: 1024px) {}
/* ---- 992px ---- */
@media screen and (max-width: 992px) {}
/* ---- 768px ---- */
@media screen and (max-width: 768px) {
}
/* ---- 640px ---- */
@media screen and (max-width: 640px) {
	/* ---- title ---- */
	.Tit .tit-box strong span{font-size: 24px;line-height: 30px;padding: 5px 0 4px;}
	.Tit .tit-box p {font-size: 14px;line-height: 20px;}

	.service {padding: 0;}
	.service .service-head {padding: 10px 0;}
	.service .service-head strong {font-size: 24px;line-height: 40px;}
	.service .service-body li {width: calc(50% - 10px);margin: 50px 5px 10px;height: 140px;}
	/*.service .service-body li:nth-of-type(5) {width: calc(100% - 10px);}*/
	.service .service-body li .txt-box strong {display: block;width: 100%;font-size: 16px;line-height: 30px;text-align: center;color: #e71041;}
	.service .service-body li .txt-box p {margin: 0;font-size: 16px;text-align: center;}
	.service .service-body li .txt-box p:nth-of-type(2) {color: #e71041;}

	.project {padding: 0;}
	.project-body {padding: 10px 0;}

	.about-body .about-Lt {float: none;width: 100%;margin: 0;padding: 0 10px;height: auto;}
	.about-body .about-Rt {float: none;width: 100%;margin: 0;padding: 0 10px;}
	.about-body .about-Rt .img-box {height: auto;}
	.about-body .about-Lt .read-more a {float: right;}
	

	.advantage {}
	.advantage-head {padding: 10px 0;}
	.advantage-head strong {font-size: 24px;line-height: 40px;}
	.advantage-head p {font-size: 16px;line-height: 30px;}
	.advantage-body {}
	.advantage-body .pc {display: none;}
	.advantage-body .mb {display: block;}
	.advantage-body .list-box {margin-bottom: 20px;}
	.advantage-body .list-box .tit-box {padding: 5px 10px;}
	.advantage-body .list-box .tit-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.advantage-body .list-box .tit-box span {display: block;float: left;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 24px;color: #0994dc;}
	.advantage-body .list-box .tit-box strong {display: block;float: left;font-size: 20px;line-height: 30px;color: #0994dc;}
	.advantage-body .list-box .img-box {width: 100%;}
	.advantage-body .list-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.advantage-body .list-box .txt-box {padding: 5px 10px;font-size: 16px;line-height: 30px;text-indent: 2em;}

	.device {padding: 10px 0;}
	.device-body {padding: 10px 0;}
	.device-body .list-box .product-box {margin: 10px;}
	.device-body .list-box .product-box .img-box {height: 200px;}
	.device-body .list-box .product-box .txt-box {padding: 0;}
	.device-body .list-box .owl-nav {display: none;}
	.device-body .list-box .owl-dots {display: none;}

	/* ---- case ---- */
	.case {padding: 10px 0;}
	.case-body {padding: 10px 0;}
	.case-body .list-box .product-box .img-box {height: 200px;}
	.case-body .list-box .product-box .txt-box {padding: 5px;bottom: -30px;}
	.case-body .list-box .product-box .txt-box p {font-size: 14px;line-height: 20px;}
	.case-body .list-box .product-box .txt-box span {display: none;}
	.case-body .list-box .owl-nav {display: none;}
	.case-body .list-box .owl-dots {display: none;}

	.process {padding: 10px 0;}
	.process-head {padding: 10px 0;}

	/* ---- news ---- */
	.news-body .news-left {/*display: none;*/width: calc(100% - 10px);margin: 5px;padding: 5px;}
	.news-body .news-left .left-box .img-box {height: auto;}
	.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: 160px;height: 120px;}
	.news-body .news-right .news-box .time-box {display: none;}
	.news-body .news-right .news-box .text-box {width: calc(100% - 160px);margin: 0;padding: 0;padding-left: 10px;}
	.news-body .news-right .news-box .text-box strong {display: block;overflow: hidden;white-space: nowrap;}
	.news-body .news-right .news-box .text-box span {display: none;}
}
/* ---- 414px ---- */
@media screen and (max-width: 414px) {
	.Tit {padding: 5px 0;}
	.Tit .tit-box strong span {font-size: 20px;line-height: 30px;}

	.service .service-head strong {font-size: 20px;line-height: 30px;}
	.service .service-body li {margin: 40px 5px 5px;padding: 40px 0 0;}
	.service .service-body li .img-box {width: 80px;height: 80px;left: calc(50% - 40px);top: -40px;}
	.service .service-body li .txt-box {padding: 4px;}
	.service .service-body li .txt-box strong {display: block;width: 100%;font-size: 16px;line-height: 30px;text-align: center;color: #e71041;}
	.service .service-body li .txt-box p {margin: 0;font-size: 16px;text-align: center;}
	.service .service-body li .txt-box p:nth-of-type(2) {color: #e71041;}

	.project-body {padding: 5px 0;}
	.project-body .list-box .product-box .img-box {height: 135px;}
	.project-body .list-box .product-box .txt-box {padding: 5px;height: auto;}
	.project-body .list-box .product-box .txt-box strong {display: block;font-size: 14px;line-height: 20px;text-align: center;}
	.project-body .list-box .product-box .txt-box span {display: block;}
	.project-body .list-box .product-box .txt-box p {display: none; margin: 10px 0;font-size: 14px;line-height: 20px;}
    
	.about {padding: 10px 0;}
	.about-body .about-Lt .about-txt {font-size: 14px;line-height: 24px;}
	.read-more {margin: 10px auto;}

	.advantage-head strong {font-size: 20px;line-height: 30px;}
	.advantage-head span {width: 80%;}
	.advantage-head span i {width: 80px;left: calc(50% - 40px);}
	.advantage-body .list-box {margin-bottom: 10px;}
	.advantage-body .list-box .img-box {padding: 5px;}
	.advantage-body .list-box .txt-box {font-size: 14px;line-height: 24px;}

	.device {padding: 5px 0;}
	.device-body .list-box .product-box .img-box {height: 125px;}

	.case-body {padding: 5px 0;}
	.case-body .list-box .product-box .img-box {height: 125px;}

	.process-body li {float: left !important;width: calc(50% - 10px) !important;margin: 5px;}
	.process-body li:nth-last-child(1) {width: calc(100% - 10px) !important;}
	.process-body li i {display: none;}

	.news {padding: 10px 0;}
	.news-body .news-right .news-box .img-box {width: 120px;height: 90px;}
	.news-body .news-right .news-box .text-box {width: calc(100% - 120px);}
	.news-body .news-right .news-box .text-box p {height: 60px;overflow: hidden;}
}
/* ---- 375px ---- */
@media screen and (max-width: 375px) {
	.project-body .list-box .product-box .img-box {height: 120px;}
	.device-body .list-box .product-box .img-box {height: 110px;}
	.case-body .list-box .product-box .img-box {height: 110px;}
}
/* ---- 360px ---- */
@media screen and (max-width: 360px) {
	.project-body .list-box .product-box .img-box {height: 115px;}
	.device-body .list-box .product-box .img-box {height: 105px;}
	.case-body .list-box .product-box .img-box {height: 105px;}
}
/* ---- 320px ---- */
@media screen and (max-width: 320px) {
	.service .service-body li .txt-box strong {font-size: 14px;}
	.project-body .list-box .product-box .img-box {height: 100px;}
	.device-body .list-box .product-box .img-box {height: 95px;}
	.case-body .list-box .product-box .img-box {height: 95px;}
}