@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) {
	body {min-width: 1440px;}
	.titBox {padding: 20px 0;}
	.titBox h4 {margin: 0;font-size: 24px;line-height: 40px;font-weight: bold;color: #2f70dc;text-transform: uppercase;}
	.titBox h5 {margin: 0;font-size: 28px;line-height: 40px;font-weight: bold;color: #534e4e;}

	/* ---- 企业新闻 ---- */
	.CorporateNews {padding: 20px 0;}
	.CorporateNews .NewsBox {}
	.CorporateNews .NewsBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.CorporateNews .NewsBox .LtBox {float: left;width: calc(50% - 40px);margin: 20px;padding: 20px 20px 10px;background: #f2f2f2;}
	.CorporateNews .NewsBox .LtBox .img-box {width: 100%;height: 420px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.CorporateNews .NewsBox .LtBox .img-box img {display: block;margin: 0 auto;width: 100%;height: 100%;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.CorporateNews .NewsBox .LtBox .txt-box {}
	.CorporateNews .NewsBox .LtBox .txt-box strong {display: block;font-size: 18px;line-height: 40px;font-weight: bold;transition: all 0.5s;}
	.CorporateNews .NewsBox .LtBox .txt-box p {margin: 0;font-size: 16px;line-height: 30px;text-indent: 2em;transition: all 0.5s;}
	.CorporateNews .NewsBox .LtBox:hover .img-box img {transform: scale(1.1);}
	.CorporateNews .NewsBox .LtBox:hover .txt-box strong {color: #2f70dc;}
	.CorporateNews .NewsBox .LtBox:hover .txt-box p {color: #2f70dc}
	.CorporateNews .NewsBox .RtBox {float: left;width: calc(50% - 40px);margin: 20px;}
	.CorporateNews .NewsBox .RtBox ul {margin: 0;}
	.CorporateNews .NewsBox .RtBox li {padding: 10px;margin: 0 0 10px;background: #f2f2f2;}
	.CorporateNews .NewsBox .RtBox li:nth-last-child(1) {margin: 0;}
	.CorporateNews .NewsBox .RtBox li:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.CorporateNews .NewsBox .RtBox li .img-box {float: left;width: 160px;height: 110px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.CorporateNews .NewsBox .RtBox li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.CorporateNews .NewsBox .RtBox li .txt-box {float: left;width: calc(100% - 160px);padding-left: 10px;}
	.CorporateNews .NewsBox .RtBox li .txt-box strong {display: block;font-size: 18px;line-height: 30px;color: #333;font-weight: normal;transition: all 0.5s;}
	.CorporateNews .NewsBox .RtBox li .txt-box p {margin: 10px 0;font-size: 14px;line-height: 20px;color: #999;transition: all 0.5s;}
	.CorporateNews .NewsBox .RtBox li:hover .img-box img {transform: scale(1.1);}
	.CorporateNews .NewsBox .RtBox li:hover .txt-box strong {color: #2f70dc;}
	.CorporateNews .NewsBox .RtBox li:hover .txt-box p {color: #2f70dc;}

	.InformationNews {padding: 20px 0;}
	.InformationNews .NewsBox {}
	.InformationNews .NewsBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.InformationNews .NewsBox .LtBox {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;}
	.InformationNews .NewsBox .CtBox {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;}
	.InformationNews .NewsBox .RtBox {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;}
	.InformationNews .NewsBox dl {margin: 0;}
	.InformationNews .NewsBox dd {margin: 10px 0;padding: 9px 0;border-bottom: 2px solid #bcb8b8}
	.InformationNews .NewsBox dd:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.InformationNews .NewsBox dd .time-box {float: left;width: 90px;padding: 10px 0;text-align: center;background: #f2f2f2;}
	.InformationNews .NewsBox dd .time-box b {display: block;font-size: 40px;line-height: 60px;font-style: normal;color: #2f70dc;font-weight: bold;}
	.InformationNews .NewsBox dd .time-box s {display: block;font-size: 16px;line-height: 40px;font-style: normal;color: #2f70dc;}
	.InformationNews .NewsBox dd .txt-box {float: left;width: calc(100% - 90px);margin: 0;padding-left: 20px;padding-right: 50px;position: relative;}
	.InformationNews .NewsBox dd .txt-box strong {display: block;font-size: 16px;line-height: 40px;color: #333;}
	.InformationNews .NewsBox dd .txt-box p {margin: 4px 0;font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;}
	.InformationNews .NewsBox dd .txt-box span {display: block;width: 30px;height: 30px;font-size: 20px;font-weight: bold;line-height: 26px;text-align: center;border-radius: 20px;border: 2px solid #595959;position: absolute;right: 5px;top: calc(50% - 15px);}
	.InformationNews .NewsBox dd:hover {box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);}
	.InformationNews .NewsBox dd:hover .time-box {background: #2f70dc;}
	.InformationNews .NewsBox dd:hover .time-box b {color: #fff;}
	.InformationNews .NewsBox dd:hover .time-box s {color: #fff;}


	.AboutUs {height: 640px;background: url(../images/bg_about.jpg) center center / cover no-repeat;}
	.AboutUs .AboutBox {padding: 80px 0 20px;}
	.AboutUs .AboutBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.AboutUs .AboutBox .LtBox {float: left;width: calc(50% - 2px);padding: 20px;padding-right: 38px;}
	.AboutUs .AboutBox .LtBox .titBox {padding: 10px 0;}
	.AboutUs .AboutBox .LtBox .titBox h4 {color: #fff;}
	.AboutUs .AboutBox .LtBox .titBox h5 {color: #fff;}
	.AboutUs .AboutBox .LtBox .txt-box {font-size: 16px;line-height: 30px;color: #fff;text-indent: 2em;}
	.AboutUs .AboutBox .LtBox .txt-box p{font-size: 16px;line-height: 30px;color: #fff;text-indent: 2em;}
	.AboutUs .AboutBox .LtBox .read-more:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.AboutUs .AboutBox .LtBox .read-more a {float: right;width: 120px;height: 40px;line-height: 36px;text-align: center;color: #fff;border: 2px solid #fff;border-radius: 10px;}
	.AboutUs .AboutBox .CtBox {float: left;margin: 20px 0;width: 0;height: 320px;border: 2px solid #fff;}
	.AboutUs .AboutBox .RtBox {float: left;width: calc(50% - 2px);padding: 40px 20px;padding-left: 38px;}
	.AboutUs .AboutBox .RtBox .specialTit {height: 60px;position: relative;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-end;}
	.AboutUs .AboutBox .RtBox .specialTit s {display: block;color: #fff;font-size: 32px;line-height: 40px;transform: skewX(-15deg);padding-top: 20px;}
	.AboutUs .AboutBox .RtBox .specialTit b {display: block;color: #fff;font-size: 48px;line-height: 60px;transform: skewX(-15deg);}
	.AboutUs .AboutBox .RtBox .txt-box strong {display: block;margin: 20px 0;font-size: 30px;color: #fff;line-height: 60px;}
	.AboutUs .AboutBox .RtBox .txt-box span {display: block;width: 13em;font-size: 20px;line-height: 40px;text-align: center;color: #fff;border-radius: 20px;background: rgba(0, 0, 0, 0.5);}
	.AboutUs .AboutBox .BlBox {height: 180px;padding: 20px;background: #fff;overflow: hidden;box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.5);border-radius: 20px;position: relative;bottom: -100px;}
	.AboutUs .AboutBox .BlBox ul {margin: 0;}
	.AboutUs .AboutBox .BlBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.AboutUs .AboutBox .BlBox li {float: left;width: calc(25% - 20px);margin: 10px;}
	.AboutUs .AboutBox .BlBox li .img-box {margin: 0 auto;width: 100px;height: 80px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.AboutUs .AboutBox .BlBox li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.AboutUs .AboutBox .BlBox li p {width: 100px;margin: 0 auto;text-align: center;font-size: 24px;line-height: 40px;color: #8a8a8a;}

	.Project {padding: 20px 0;}
	.Project .ProBox {padding-top: 150px;}
	.Project .ProBox .LtBox {float: left;width: 25%;padding: 10px;}
	.Project .ProBox .LtBox .img-box {width: 100%;height: 430px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Project .ProBox .LtBox .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;width: 100%;}
	.Project .ProBox .RtBox {float: left;width: 75%;padding: 10px;}
	.Project .ProBox .RtBox .titBox {padding: 0 10px 20px;}
	.Project .ProBox .RtBox ul {margin: 0 5px;}
	.Project .ProBox .RtBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.Project .ProBox .RtBox li {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;box-shadow: 0 0 6px -2px rgba(0,0,0,0.5);}
	.Project .ProBox .RtBox li .img-box {width: 100%;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Project .ProBox .RtBox li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.Project .ProBox .RtBox li p {margin: 10px 0;font-size: 16px;line-height: 30px;text-align: center;white-space: pre-wrap;padding: 0 60px;}
	.Project .ProBox:nth-of-type(2) {padding: 10px;}
	.Project .ProBox:nth-of-type(2) ul {margin: 0;}
	.Project .ProBox:nth-of-type(2) ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.Project .ProBox:nth-of-type(2) li {float: left;width: calc(25% - 25px);margin: 10px 10px 10px 15px;padding: 10px;box-shadow: 0 0 6px -2px rgba(0,0,0,0.5);}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(1) {margin: 10px 20px 10px 5px;}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(2) {margin: 10px 5px 10px 20px;}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(3) {margin: 10px 10px 10px 15px;}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(4) {margin: 10px 15px 10px 10px;}
	.Project .ProBox:nth-of-type(2) li .img-box {width: 100%;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Project .ProBox:nth-of-type(2) li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.Project .ProBox:nth-of-type(2) li p {margin: 10px 0;font-size: 16px;line-height: 30px;text-align: center;white-space: pre-wrap;padding: 0 60px;}
	.Project .ProBox .RtBox li:hover .img-box img {transform: scale(1.1);}
	.Project .ProBox:nth-of-type(2) li:hover .img-box img {transform: scale(1.1);}

	.OurServices {}
	.OurServices .ServiceBox {}
	.OurServices .ServiceBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.OurServices .ServiceBox .LtBox {float: left;width:60%;}
	.OurServices .ServiceBox .LtBox .img-box {width: 800px;height: 540px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.OurServices .ServiceBox .LtBox .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;}
	.OurServices .ServiceBox .RtBox {float: left;width:40%;padding: 40px 0;}
	.OurServices .ServiceBox .RtBox .titBox {}
	.OurServices .ServiceBox .RtBox .titBox h4 {color: #999;}
	.OurServices .ServiceBox .RtBox .titBox h5 {color: #2f70dc;}
	.OurServices .ServiceBox .RtBox .titBox hr {margin: 33px 0;width: 100px;height: 4px;border: none;background: #2f70dc;}
	.OurServices .ServiceBox .RtBox .txt-box {}
	.OurServices .ServiceBox .RtBox .txt-box p {margin: 20px 0;font-size: 16px;line-height: 30px;color: #999;}
	.OurServices .ServiceBox .RtBox .txt-box span {display: block;margin: 20px 0;font-size: 14px;line-height: 30px;color: #ccc;}
	.OurServices .ServiceBox .BlBox {margin: 20px 0;}
	.OurServices .ServiceBox .BlBox ul {margin: 0;}
	.OurServices .ServiceBox .BlBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.OurServices .ServiceBox .BlBox li {float: left;width: calc(25% - 40px);height: 160px;margin: 10px 20px;padding: 40px 0;border: 1px solid rgba(255, 255, 255, 0.1);cursor: pointer;transition: all 0.5s;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.OurServices .ServiceBox .BlBox li strong {display: block;width: 100%;font-size: 32px;line-height: 50px;text-align: center;}
	.OurServices .ServiceBox .BlBox li p {margin: 0;width: 100%;font-size: 16px;line-height: 30px;text-align: center;}
	.OurServices .ServiceBox .BlBox li:hover {border: 1px solid #2f70dc;}
	.OurServices .ServiceBox .BlBox li:hover strong {color: #2f70dc;}
	.OurServices .ServiceBox .BlBox li:hover p {color: #2f70dc;}

	.Honor {overflow: hidden;}
	.Honor .HonorBox {}
	.Honor .HonorBox .owl-carousel {position: relative;}
	.Honor .HonorBox .owl-nav {display: block;}
	.Honor .HonorBox .owl-nav span {display: block;width: 40px;height: 80px;line-height: 80px;font-size: 80px;}
	.Honor .HonorBox .owl-nav .owl-prev {position: absolute;left: -40px;top: calc(50% - 40px);outline: none;}
	.Honor .HonorBox .owl-nav .owl-next {position: absolute;right: -40px;top: calc(50% - 40px);outline: none;}
	.Honor .HonorBox .owl-dots {display: none;}
	.Honor .HonorBox .product-box {padding: 10px 15px;position: relative;}
	.Honor .HonorBox .product-box .img-box {width: 100%;height: 250px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Honor .HonorBox .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;}
	.Honor .HonorBox .product-box .txt-box {width: calc(100% - 30px);height: 120px;padding: 30px 0;text-align: center;background: rgba(38, 90, 176, 0.5);position: absolute;top: 100%;}
	.Honor .HonorBox .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;color: #fff;}
	.Honor .HonorBox .product-box .txt-box span {display: block;margin: 0 auto;width: 30px;height: 30px;line-height: 30px;font-size: 24px;color: #fff;}
	.Honor .HonorBox .product-box:hover .txt-box {top: calc(100% - 130px);}

	.Links {padding: 20px 0;}
	.Links .LinksBox {}
	.Links .LinksBox .titBox {padding: 20px 0 0;}
	.Links .LinksBox .titBox hr {margin: 9px 0;width: 100%;height: 2px;background: #bcb8b8;border: none;overflow: visible;position: relative;}
	.Links .LinksBox .titBox hr:before {content: " ";display: block;width: 100px;height: 4px;background: #2f70dc;position: absolute;left: 0;top: -2px;}
	.Links .LinksBox ul {margin: 0 0 20px;}
	.Links .LinksBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.Links .LinksBox li {float: left;margin: 0.5em;}
	.Links .LinksBox li a {display: block;width: auto;font-size: 16px;line-height: 30px;padding: 0 0.5em;}
}
@media screen and (max-width: 1200px) {
	body {min-width: 1440px;}
	.titBox {padding: 20px 0;}
	.titBox h4 {margin: 0;font-size: 24px;line-height: 40px;font-weight: bold;color: #2f70dc;text-transform: uppercase;}
	.titBox h5 {margin: 0;font-size: 28px;line-height: 40px;font-weight: bold;color: #534e4e;}

	/* ---- 企业新闻 ---- */
	.CorporateNews {padding: 20px 0;}
	.CorporateNews .NewsBox {}
	.CorporateNews .NewsBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.CorporateNews .NewsBox .LtBox {float: left;width: calc(50% - 40px);margin: 20px;padding: 20px 20px 10px;background: #f2f2f2;}
	.CorporateNews .NewsBox .LtBox .img-box {width: 100%;height: 420px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.CorporateNews .NewsBox .LtBox .img-box img {display: block;margin: 0 auto;width: 100%;height: 100%;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.CorporateNews .NewsBox .LtBox .txt-box {}
	.CorporateNews .NewsBox .LtBox .txt-box strong {display: block;font-size: 18px;line-height: 40px;font-weight: bold;transition: all 0.5s;}
	.CorporateNews .NewsBox .LtBox .txt-box p {margin: 0;font-size: 16px;line-height: 30px;text-indent: 2em;transition: all 0.5s;}
	.CorporateNews .NewsBox .LtBox:hover .img-box img {transform: scale(1.1);}
	.CorporateNews .NewsBox .LtBox:hover .txt-box strong {color: #2f70dc;}
	.CorporateNews .NewsBox .LtBox:hover .txt-box p {color: #2f70dc}
	.CorporateNews .NewsBox .RtBox {float: left;width: calc(50% - 40px);margin: 20px;}
	.CorporateNews .NewsBox .RtBox ul {margin: 0;}
	.CorporateNews .NewsBox .RtBox li {padding: 10px;margin: 0 0 10px;background: #f2f2f2;}
	.CorporateNews .NewsBox .RtBox li:nth-last-child(1) {margin: 0;}
	.CorporateNews .NewsBox .RtBox li:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.CorporateNews .NewsBox .RtBox li .img-box {float: left;width: 160px;height: 110px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.CorporateNews .NewsBox .RtBox li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.CorporateNews .NewsBox .RtBox li .txt-box {float: left;width: calc(100% - 160px);padding-left: 10px;}
	.CorporateNews .NewsBox .RtBox li .txt-box strong {display: block;font-size: 18px;line-height: 30px;color: #333;font-weight: normal;transition: all 0.5s;}
	.CorporateNews .NewsBox .RtBox li .txt-box p {margin: 10px 0;font-size: 14px;line-height: 20px;color: #999;transition: all 0.5s;}
	.CorporateNews .NewsBox .RtBox li:hover .img-box img {transform: scale(1.1);}
	.CorporateNews .NewsBox .RtBox li:hover .txt-box strong {color: #2f70dc;}
	.CorporateNews .NewsBox .RtBox li:hover .txt-box p {color: #2f70dc;}

	.InformationNews {padding: 20px 0;}
	.InformationNews .NewsBox {}
	.InformationNews .NewsBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.InformationNews .NewsBox .LtBox {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;}
	.InformationNews .NewsBox .CtBox {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;}
	.InformationNews .NewsBox .RtBox {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;}
	.InformationNews .NewsBox dl {margin: 0;}
	.InformationNews .NewsBox dd {margin: 10px 0;padding: 9px 0;border-bottom: 2px solid #bcb8b8}
	.InformationNews .NewsBox dd:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.InformationNews .NewsBox dd .time-box {float: left;width: 90px;padding: 10px 0;text-align: center;background: #f2f2f2;}
	.InformationNews .NewsBox dd .time-box b {display: block;font-size: 40px;line-height: 60px;font-style: normal;color: #2f70dc;font-weight: bold;}
	.InformationNews .NewsBox dd .time-box s {display: block;font-size: 16px;line-height: 40px;font-style: normal;color: #2f70dc;}
	.InformationNews .NewsBox dd .txt-box {float: left;width: calc(100% - 90px);margin: 0;padding-left: 20px;padding-right: 50px;position: relative;}
	.InformationNews .NewsBox dd .txt-box strong {display: block;font-size: 16px;line-height: 40px;color: #333;}
	.InformationNews .NewsBox dd .txt-box p {margin: 4px 0;font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;}
	.InformationNews .NewsBox dd .txt-box span {display: block;width: 30px;height: 30px;font-size: 20px;font-weight: bold;line-height: 26px;text-align: center;border-radius: 20px;border: 2px solid #595959;position: absolute;right: 5px;top: calc(50% - 15px);}
	.InformationNews .NewsBox dd:hover {box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);}
	.InformationNews .NewsBox dd:hover .time-box {background: #2f70dc;}
	.InformationNews .NewsBox dd:hover .time-box b {color: #fff;}
	.InformationNews .NewsBox dd:hover .time-box s {color: #fff;}


	.AboutUs {height: 640px;background: url(../images/bg_about.jpg) center center / cover no-repeat;}
	.AboutUs .AboutBox {padding: 80px 0 20px;}
	.AboutUs .AboutBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.AboutUs .AboutBox .LtBox {float: left;width: calc(50% - 2px);padding: 20px;padding-right: 38px;}
	.AboutUs .AboutBox .LtBox .titBox {padding: 10px 0;}
	.AboutUs .AboutBox .LtBox .titBox h4 {color: #fff;}
	.AboutUs .AboutBox .LtBox .titBox h5 {color: #fff;}
	.AboutUs .AboutBox .LtBox .txt-box {font-size: 16px;line-height: 30px;color: #fff;text-indent: 2em;}
	.AboutUs .AboutBox .LtBox .read-more:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.AboutUs .AboutBox .LtBox .read-more a {float: right;width: 120px;height: 40px;line-height: 36px;text-align: center;color: #fff;border: 2px solid #fff;border-radius: 10px;}
	.AboutUs .AboutBox .CtBox {float: left;margin: 20px 0;width: 0;height: 320px;border: 2px solid #fff;}
	.AboutUs .AboutBox .RtBox {float: left;width: calc(50% - 2px);padding: 40px 20px;padding-left: 38px;}
	.AboutUs .AboutBox .RtBox .specialTit {height: 60px;position: relative;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-end;}
	.AboutUs .AboutBox .RtBox .specialTit s {display: block;color: #fff;font-size: 32px;line-height: 40px;transform: skewX(-15deg);padding-top: 20px;}
	.AboutUs .AboutBox .RtBox .specialTit b {display: block;color: #fff;font-size: 48px;line-height: 60px;transform: skewX(-15deg);}
	.AboutUs .AboutBox .RtBox .txt-box strong {display: block;margin: 20px 0;font-size: 30px;color: #fff;line-height: 60px;}
	.AboutUs .AboutBox .RtBox .txt-box span {display: block;width: 13em;font-size: 20px;line-height: 40px;text-align: center;color: #fff;border-radius: 20px;background: rgba(0, 0, 0, 0.5);}
	.AboutUs .AboutBox .BlBox {height: 180px;padding: 20px;background: #fff;overflow: hidden;box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.5);border-radius: 20px;position: relative;bottom: -100px;}
	.AboutUs .AboutBox .BlBox ul {margin: 0;}
	.AboutUs .AboutBox .BlBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.AboutUs .AboutBox .BlBox li {float: left;width: calc(25% - 20px);margin: 10px;}
	.AboutUs .AboutBox .BlBox li .img-box {margin: 0 auto;width: 100px;height: 80px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.AboutUs .AboutBox .BlBox li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.AboutUs .AboutBox .BlBox li p {width: 100px;margin: 0 auto;text-align: center;font-size: 24px;line-height: 40px;color: #8a8a8a;}

	.Project {padding: 20px 0;}
	.Project .ProBox {padding-top: 150px;}
	.Project .ProBox .LtBox {float: left;width: 25%;padding: 10px;}
	.Project .ProBox .LtBox .img-box {width: 100%;height: 430px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Project .ProBox .LtBox .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;width: 100%;}
	.Project .ProBox .RtBox {float: left;width: 75%;padding: 10px;}
	.Project .ProBox .RtBox .titBox {padding: 0 10px 20px;}
	.Project .ProBox .RtBox ul {margin: 0 5px;}
	.Project .ProBox .RtBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.Project .ProBox .RtBox li {float: left;width: calc(33.3334% - 20px);margin: 10px;padding: 10px;box-shadow: 0 0 6px -2px rgba(0,0,0,0.5);}
	.Project .ProBox .RtBox li .img-box {width: 100%;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Project .ProBox .RtBox li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: all 0.5s;}
	.Project .ProBox .RtBox li p {margin: 10px 0;font-size: 16px;line-height: 30px;text-align: center;white-space: pre-wrap;padding: 0 60px;}
	.Project .ProBox:nth-of-type(2) {padding: 10px;}
	.Project .ProBox:nth-of-type(2) ul {margin: 0;}
	.Project .ProBox:nth-of-type(2) ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.Project .ProBox:nth-of-type(2) li {float: left;width: calc(25% - 25px);margin: 10px 10px 10px 15px;padding: 10px;box-shadow: 0 0 6px -2px rgba(0,0,0,0.5);}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(1) {margin: 10px 20px 10px 5px;}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(2) {margin: 10px 5px 10px 20px;}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(3) {margin: 10px 10px 10px 15px;}
	.Project .ProBox:nth-of-type(2) li:nth-of-type(4) {margin: 10px 15px 10px 10px;}
	.Project .ProBox:nth-of-type(2) li .img-box {width: 100%;height: 210px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Project .ProBox:nth-of-type(2) li .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.Project .ProBox:nth-of-type(2) li p {margin: 10px 0;font-size: 16px;line-height: 30px;text-align: center;white-space: pre-wrap;padding: 0 60px;}
	.Project .ProBox .RtBox li:hover .img-box img {transform: scale(1.1);}
	.Project .ProBox:nth-of-type(2) li:hover .img-box img {transform: scale(1.1);}

	.OurServices {}
	.OurServices .ServiceBox {}
	.OurServices .ServiceBox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.OurServices .ServiceBox .LtBox {float: left;width:60%;}
	.OurServices .ServiceBox .LtBox .img-box {width: 800px;height: 540px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.OurServices .ServiceBox .LtBox .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;}
	.OurServices .ServiceBox .RtBox {float: left;width:40%;padding: 40px 0;}
	.OurServices .ServiceBox .RtBox .titBox {}
	.OurServices .ServiceBox .RtBox .titBox h4 {color: #999;}
	.OurServices .ServiceBox .RtBox .titBox h5 {color: #2f70dc;}
	.OurServices .ServiceBox .RtBox .titBox hr {margin: 33px 0;width: 100px;height: 4px;border: none;background: #2f70dc;}
	.OurServices .ServiceBox .RtBox .txt-box {}
	.OurServices .ServiceBox .RtBox .txt-box p {margin: 20px 0;font-size: 16px;line-height: 30px;color: #999;}
	.OurServices .ServiceBox .RtBox .txt-box span {display: block;margin: 20px 0;font-size: 14px;line-height: 30px;color: #ccc;}
	.OurServices .ServiceBox .BlBox {margin: 20px 0;}
	.OurServices .ServiceBox .BlBox ul {margin: 0;}
	.OurServices .ServiceBox .BlBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.OurServices .ServiceBox .BlBox li {float: left;width: calc(25% - 40px);height: 160px;margin: 10px 20px;padding: 40px 0;border: 1px solid rgba(255, 255, 255, 0.1);cursor: pointer;transition: all 0.5s;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.OurServices .ServiceBox .BlBox li strong {display: block;width: 100%;font-size: 32px;line-height: 50px;text-align: center;}
	.OurServices .ServiceBox .BlBox li p {margin: 0;width: 100%;font-size: 16px;line-height: 30px;text-align: center;}
	.OurServices .ServiceBox .BlBox li:hover {border: 1px solid #2f70dc;}
	.OurServices .ServiceBox .BlBox li:hover strong {color: #2f70dc;}
	.OurServices .ServiceBox .BlBox li:hover p {color: #2f70dc;}

	.Honor {overflow: hidden;}
	.Honor .HonorBox {}
	.Honor .HonorBox .owl-carousel {position: relative;}
	.Honor .HonorBox .owl-nav {display: block;}
	.Honor .HonorBox .owl-nav span {display: block;width: 40px;height: 80px;line-height: 80px;font-size: 80px;}
	.Honor .HonorBox .owl-nav .owl-prev {position: absolute;left: -40px;top: calc(50% - 40px);outline: none;}
	.Honor .HonorBox .owl-nav .owl-next {position: absolute;right: -40px;top: calc(50% - 40px);outline: none;}
	.Honor .HonorBox .owl-dots {display: none;}
	.Honor .HonorBox .product-box {padding: 10px 15px;position: relative;}
	.Honor .HonorBox .product-box .img-box {width: 100%;height: 250px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.Honor .HonorBox .product-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;height: 100%;}
	.Honor .HonorBox .product-box .txt-box {width: calc(100% - 30px);height: 120px;padding: 30px 0;text-align: center;background: rgba(38, 90, 176, 0.5);position: absolute;top: 100%;}
	.Honor .HonorBox .product-box .txt-box p {margin: 0;font-size: 16px;line-height: 30px;color: #fff;}
	.Honor .HonorBox .product-box .txt-box span {display: block;margin: 0 auto;width: 30px;height: 30px;line-height: 30px;font-size: 24px;color: #fff;}
	.Honor .HonorBox .product-box:hover .txt-box {top: calc(100% - 130px);}

	.Links {padding: 20px 0;}
	.Links .LinksBox {}
	.Links .LinksBox .titBox {padding: 20px 0 0;}
	.Links .LinksBox .titBox hr {margin: 9px 0;width: 100%;height: 2px;background: #bcb8b8;border: none;overflow: visible;position: relative;}
	.Links .LinksBox .titBox hr:before {content: " ";display: block;width: 100px;height: 4px;background: #2f70dc;position: absolute;left: 0;top: -2px;}
	.Links .LinksBox ul {margin: 0 0 20px;}
	.Links .LinksBox ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.Links .LinksBox li {float: left;margin: 0.5em;}
	.Links .LinksBox li a {display: block;width: auto;font-size: 16px;line-height: 30px;padding: 0 0.5em;}
}
@media (max-width: 1024px){
}
@media (max-width: 992px){
}
@media (max-width: 768px){
}
@media (max-width: 640px) {
	body {min-width: auto;}
	.container {width: auto;}

	.titBox {padding: 10px 0;}
	.titBox h4 {display: inline;font-size: 20px;line-height: 30px;display: none;}
	.titBox h5 {display: inline;font-size: 20px;line-height: 30px;color: #2f70dc;}

	.CorporateNews {padding: 10px 7px;}
	.CorporateNews .NewsBox .LtBox {float: none;width: 100%;margin: 0;padding: 5px;}
	.CorporateNews .NewsBox .LtBox .img-box {height: auto;}
	.CorporateNews .NewsBox .LtBox .txt-box strong {font-size: 16px;line-height: 30px;}
	.CorporateNews .NewsBox .LtBox .txt-box p {font-size: 14px;line-height: 28px;}

	.CorporateNews .NewsBox .RtBox {float: none;width: 100%;margin: 0;}
	.CorporateNews .NewsBox .RtBox li {margin: 10px 0;padding: 5px;}
	.CorporateNews .NewsBox .RtBox li .img-box {width: 120px;height: 80px;}
	.CorporateNews .NewsBox .RtBox li .txt-box {width: calc(100% - 120px);overflow: hidden;}
	.CorporateNews .NewsBox .RtBox li .txt-box strong {font-size: 16px;line-height: 30px;white-space: nowrap;}
	.CorporateNews .NewsBox .RtBox li .txt-box p {margin: 5px 0;height: 40px;overflow: hidden;font-size: 14px;line-height: 20px;}

	.InformationNews {padding: 10px 7px;}
	.InformationNews .NewsBox .LtBox {float: none;width: 100%;margin: 0;padding: 0;}
	.InformationNews .NewsBox .CtBox {float: none;width: 100%;margin: 0;padding: 0;}
	.InformationNews .NewsBox .RtBox {float: none;width: 100%;margin: 0;padding: 0;}

	.InformationNews .NewsBox dd {margin: 0 0 10px;padding: 0;border: none;}
	.InformationNews .NewsBox dd .time-box {padding: 0;}
	.InformationNews .NewsBox dd .time-box b {font-size: 28px;line-height: 50px;}
	.InformationNews .NewsBox dd .time-box s {line-height: 30px;}
	.InformationNews .NewsBox dd .txt-box {padding: 0 0 0 10px;}
	.InformationNews .NewsBox dd .txt-box strong {font-size: 14px;line-height: 30px;white-space: nowrap;}
	.InformationNews .NewsBox dd .txt-box p {margin: 0;height: 50px;line-height: 25px;overflow: hidden;}
	.InformationNews .NewsBox dd .txt-box span {display: none;}

	.AboutUs {height: auto;}
	.AboutUs .AboutBox {padding: 10px 7px;}
	.AboutUs .AboutBox .LtBox {float: none;width: 100%;margin: 0;padding: 0;}
	.AboutUs .AboutBox .LtBox .txt-box {font-size: 14px;line-height: 24px;}
	.AboutUs .AboutBox .CtBox {display: none;}
	.AboutUs .AboutBox .RtBox {float: none;width: 100%;margin: 0;padding: 10px 0;}
	.AboutUs .AboutBox .RtBox .specialTit {text-align: center;justify-content: center;}
	.AboutUs .AboutBox .RtBox .specialTit s {padding: 0 2px;font-size: 24px;line-height: 40px;}
	.AboutUs .AboutBox .RtBox .specialTit b {padding: 0 2px;font-size: 36px;line-height: 50px;}
	.AboutUs .AboutBox .RtBox .txt-box strong {margin: 10px 0;font-size: 24px;text-align: center;line-height: 40px;}
	.AboutUs .AboutBox .RtBox .txt-box span {margin: 0 auto;}
	.AboutUs .AboutBox .BlBox {position: static;padding: 10px;bottom: auto;}
	.AboutUs .AboutBox .BlBox li {width: calc(50% - 20px);margin: 5px 10px;}
	.AboutUs .AboutBox .BlBox li .img-box {width: 60px;height: 40px;}
	.AboutUs .AboutBox .BlBox li p {font-size: 16px;line-height: 30px;}

	.Project {padding: 10px 7px;}
	.Project .ProBox {padding: 0;}
	.Project .ProBox .LtBox {float: none;width: 100%;margin: 0;padding: 0;display: none;}
	.Project .ProBox .RtBox {float: none;width: 100%;margin: 0;padding: 0;}
	.Project .ProBox .RtBox ul {margin: 0;}
	.Project .ProBox .RtBox li {width: calc(50% - 10px);margin: 5px;padding: 5px;}
	.Project .ProBox .RtBox li .img-box {height: 120px;}
	.Project .ProBox .RtBox li p {margin: 0;padding: 0;font-size: 14px;line-height: 25px;height: 40px;overflow: hidden;}
	.Project .ProBox .RtBox li:nth-of-type(3) {display: none;}
	.Project .ProBox:nth-of-type(2) {padding: 0;}
	.Project .ProBox:nth-of-type(2) li {width: calc(50% - 10px);margin: 5px !important;padding: 5px;}
	.Project .ProBox:nth-of-type(2) li .img-box {height: 120px;}
	.Project .ProBox:nth-of-type(2) li p {margin: 0;padding: 0;font-size: 14px;line-height: 25px;}

	.OurServices {padding: 10px 7px;}
	.OurServices .ServiceBox {position: relative;}
	.OurServices .ServiceBox .LtBox {float: none;width: 100%;margin: 0;padding: 0;display: none;}
	.OurServices .ServiceBox .LtBox .img-box {width: 100%;height: auto;}
	.OurServices .ServiceBox .RtBox {float: none;width: 100%;margin: 0;padding: 0;position: absolute;top: 50px;display: none;}
	.OurServices .ServiceBox .RtBox .titBox hr {margin: 3px 0;}
	.OurServices .ServiceBox .RtBox .txt-box {padding: 5px;}
	.OurServices .ServiceBox .RtBox .txt-box p {margin: 0;padding: 5px 5px 0;font-size: 14px;line-height: 20px;color: #2f70dc;background: rgba(255, 255, 255, 0.7);}
	.OurServices .ServiceBox .RtBox .txt-box span {margin: 0;padding: 0 5px 5px;font-size: 14px;line-height: 20px;color: #2f70dc;background: rgba(255, 255, 255, 0.7);}
	.OurServices .ServiceBox .BlBox {margin: 10px 0;}
	.OurServices .ServiceBox .BlBox li {width: calc(50% - 20px);margin: 5px 10px;height: 120px;padding: 20px 0;border: 1px solid #000;}
	.OurServices .ServiceBox .BlBox li strong {font-size: 24px;line-height: 40px;}
	.OurServices .ServiceBox .BlBox li p {font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;}

	.Honor {padding: 10px 7px;}

	.Honor .HonorBox .product-box .img-box {height: 130px;}

	.Links {padding: 10px 7px;}
	.Links .LinksBox ul {margin: 0 0 10px;}
	.Links .LinksBox li a {font-size: 14px;}
}
@media (max-width: 414px) {
	.AboutUs .AboutBox .LtBox .read-more a {width: 100px;height: 30px;line-height: 26px;}
	.AboutUs .AboutBox .RtBox .specialTit s {font-size: 20px;}
	.AboutUs .AboutBox .RtBox .specialTit b {font-size: 32px;}
	.AboutUs .AboutBox .RtBox .txt-box strong {margin: 5px 0;font-size: 20px;}
	.AboutUs .AboutBox .RtBox .txt-box span {font-size: 16px;}

	.OurServices .ServiceBox .RtBox .txt-box {height: 180px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.OurServices .ServiceBox .RtBox .txt-box p {padding: 5px;}
	.OurServices .ServiceBox .RtBox .txt-box span {display: none;}
	.OurServices .ServiceBox .BlBox li {padding: 20px 5px;}
	.OurServices .ServiceBox .BlBox li strong {font-size: 20px;}



}
@media (max-width: 375px) {
	.Honor .HonorBox .product-box .img-box {height: 110px;}
	.InformationNews .NewsBox dd .time-box b {font-size: 24px;}
}
@media (max-width: 360px) {
	.case-body li .text-box p {padding: 0;}
	.case-body li .text-box span {display: none;}
	.news-body .news-left .left-box {height: 200px;}
	.news-body .news-left .img-box {height: 200px;}
}
@media (max-width: 320px) {
}