html,
body {
	position: relative;
	height: 100%;
	
}

body {
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
}
body.unset header, body.unset .fixbox {position: unset;}
body.unset .full-inside-nav {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 11;
}
@media (min-width: 320px) {
    html {
        font-size: 32px;
    }
}

@media (min-width: 360px) {
    html {
        font-size: 36px;
    }
}

@media (min-width: 375px) {
    html {
        font-size: 37.5px;
    }
}

@media (min-width: 384px) {
    html {
        font-size: 38.4px;
    }
}

@media (min-width: 414px) {
    html {
        font-size: 41.4px;
    }
}

@media (min-width: 448px) {
    html {
        font-size: 44.8px;
    }
}

@media (min-width: 480px) {
    html {
        font-size: 48px;
    }
}

/* @media (min-width: 512px) {
    html {
        font-size: 51.2px;
    }
}

@media (min-width: 544px) {
    html {
        font-size: 54.4px;
    }
}

@media (min-width: 576px) {
    html {
        font-size: 57.6px;
    }
} */

/* @media (min-width: 608px) {
    html {
        font-size: 60.8px;
    }
}

@media (min-width: 640px) {
    html {
        font-size: 64px;
    }
}

@media (min-width: 750px) {
    html {
        font-size: 75px;
    }
} */
.frontend-footer {background: #fafafa;margin-top: 0;height: 284px!important;}
.swiper-slider .content .news {height: calc(100% - 284px)!important;}
.mySwiper .frontend-footer {background: #fff;}
.hidden-in-pc {
	display: none!important;
}
.hidden-in-mobile {
	display: block!important;
}
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide.news img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mySwiper .content{
	text-align: left;
	color: #fff;
}
.mySwiper .content.content-top {
	width: 100%;
	position: absolute;
    top: 100px;
    text-align: center;
	padding: 0 15px;
}
.mySwiper .content.content-top .text, .m-title {
	font-size: 31px;
	background: url('../img/logo_bg_03.png') no-repeat;
	background-position: center;
	background-size: contain;    
	width: 730px;
	height: 90px;
	margin: 0 auto;
	line-height: 90px;
	position: relative;
}
.mySwiper .content.content-top .time {font-size: 16px;}
.mySwiper .content.content-top .patent-list {margin-top: 0;justify-content: space-around;padding-top: 2.16667vw;}
.mySwiper .content.content-top .patent-list:before {background: none;}
.mySwiper .content.content-top button {margin-top: 0;}
.mySwiper .content .text {font-size: 1.8vw;line-height: 2vw;margin-bottom: 30px;font-weight: bold;}
.mySwiper .content .title {
	font-size: 96px;
	line-height: 96px;
}
#video:after {
	content: '';
	position: fixed;
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
}
#video .close {
	font-size: 80px;
	transform: rotate(45deg);
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	z-index: 1006;
}
.mySwiper .content .patent-list {
    margin-top: 2vw;
	margin-left: 0;
    padding-top: 3.16667vw;
    display: flex;
    flex-wrap: wrap;
    position: relative;
	margin-bottom: 2.16667vw;
}
.mySwiper .content .patent-list:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6.96875vw;
    height: 3px;
    background: #fff;
}
.mySwiper .content.black {color: #333;}
.mySwiper .content.black .title {color: #999;}
.mySwiper .content.black .patent-list:before {background: #000;}
.mySwiper .content.black button {border-color: #000;}
.mySwiper .content.black button a {color: #666;}
.mySwiper .content.black .etc {color: #333;}
.mySwiper .content .patent-list li {
    margin-right: 4.0625vw;
    text-align: center;
}
.mySwiper .content .patent-list li .num{
	font-size: 3.125vw;
    font-weight: 700;
}
.mySwiper .content .patent-list li .txt {
    font-size: 0.32rem;
    font-weight: lighter;
	text-align: left;
}
.mySwiper .content .time, .mySwiper .content .etc {
	line-height: 32px;
}
.mySwiper .content .time h3 {
	font-size: 2.125vw;
	font-weight: 600;
}
.mySwiper .content .time p {
	line-height: normal;
	font-size: 1vw;
    margin-bottom: 2em;
}
.mySwiper .content button {
	border: 1px solid #fff;
	background: none;
	margin-top: 20px;
	width: 126px;
    height: 30px;
    line-height: 30px;
}
.mySwiper .content button:hover {background: #0085cd;color: #fff;border-color: #0085cd;}
.mySwiper .content button:hover a {color: #fff;}
.mySwiper .content button a {
	display: block;
	color: #fff;
	width: 100%;
	height: 100%;
}
.mySwiper .swiper-pagination.custom-pagination {
	position: absolute;
    bottom: 0;
    display: flex;
}
.mySwiper .pagination {
	text-align: center;
    margin: 0;
    width: 25%;
    padding: 10px 0;
	color: #fff;
	display: inline-block;
	cursor: pointer;
}

.mySwiper .pagination:first-child {
	background: rgba(0,0,0,.6);
}
.mySwiper .pagination:nth-child(2) {
	background: rgba(0,0,0,.4);
}
.mySwiper .pagination:nth-child(3) {
	background: rgba(0,0,0,.6);
}
.mySwiper .pagination:nth-child(4) {
	background: rgba(0,0,0,.4);
}
.mySwiper .pagination_active._1 {
	background: #853802!important;
}
.mySwiper .pagination_active._2{
	background: #ffcc33;
	color: #000;
}
.mySwiper .pagination_active._3{
	background: #003333;
}
.mySwiper .pagination_active._4{
	background: #339999;
}
.mySwiper .wid .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-right: 13px;
}
.mySwiper .wid .header a {color: #fff;}
.mySwiper .info {border-radius: 8px;}
.mySwiper .info .item {
	display: inline-block;
	width: 23%;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 2%;
	vertical-align: text-top;
}
.mySwiper .info .item:last-child{margin-right: 0;}
.mySwiper .info .item .img {
	overflow: hidden;
}
.mySwiper .info .item .desc {
	background-color: #fff;
	padding: 20px;
	color: #333;
}
.mySwiper .info .item .desc h3{font-size: 20px;}
.mySwiper .info .item .desc .date {font-size: 12px;padding: 18px 0 22px;}
.mySwiper .info .item .desc a {
	display: block;
    width: 100px;
    height: 26px;
    line-height: 24px;
    border-radius: 5px;
    background: #fff;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border: 1px solid #666;
    color: #666;
}
.mySwiper .info .item .desc a:hover {background: #0085cd;color: #fff;border-color: #0085cd;}
.mySwiper .info .item img {transition: 0.5s;}
.mySwiper .info .item:hover img{transform: scale(1.1,1.1);}
.footer-content {padding: 20px 0 8px;}
.footer-content ul{
	display: flex;
	justify-content: space-between;
	margin: 0 9% 1px;
	position: relative;
}
.footer-content ul li {
	width: 10%;
	color:#666;
	font-size: 14px;
	overflow: hidden;
}
.footer-content ul li a {color:#848484;}
.footer-content ul li.sales {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	text-align: right;
}
.footer-content ul .wechat {display: flex;justify-content: space-between;position: absolute;bottom: 20px;right: 0;}
.footer-content ul .wechat img {
	width: 40px!important;
	height: 40px;
}
.footer-content ul .chat {display: flex;align-items: center;z-index: 11;position: relative;}
.footer-content ul .chat:last-child {
	margin-right: 0;
}
.footer-content ul .wechat p {
	font-size: 14px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	color:#666;
	border-right: 1px solid #666;
}
.footer-content ul .chat-big {
	position: absolute;
    left: 0;
    top: -44px;
	transition: .5s;
	opacity: 0;
}
.footer-content ul .chat-big.hover  {left: -100px;opacity: 1;}
.footer-content ul .chat-big img {width: 92px!important;height: 92px;}

.footer-content ul li:first-child{width: 20%;}
.footer-content ul li img {
	width: 60%!important;
}
.footer-content ul li.sales img {
	width: 100%!important;
}
.footer-content .icon_phone {width: 28px!important;height: 28px!important;margin-right: 10px;}
.footer-content .icon_address {width: 28px!important;height: 32px!important;margin-right: 10px;}
.footer-content ul li .phone {
	margin-top: 30px;
	display: flex;
	align-items: center;
	padding-bottom: 2%;
}
.footer-content ul li .address {
	display: flex;
	align-items: center;
	padding-bottom: 11%;
    margin-top: 15px;
}
.footer-content ul li .phone p, .footer-content ul li .address p {
	margin-bottom: 0;
	color: #666;
}
.footer-content ul li dt {
	margin-bottom: 10px;
	color:#666;
}
.footer-content ul li dd {
	margin-bottom: 5px;
}
.footer-content ul li dd a {
	display: block;
	color:#666;
	font-size: 14px;
	transform: translateX(-8px);
	transition: 0.5s;
}
.footer-content ul li dd a:hover {
	transform: translateX(0);
	color: #004fad;
}
.footer-content ul li.sales dd {display: inline-block;}
.footer-content ul li.sales a {transform: translateX(0);}
.footer-content ul li.sales img {
	width: 33px;
}
footer .tip {
	padding: 2px;
	background: #505050;
}
.banner-swiper.hidden-in-mobile .swiper-pagination-bullet {
	width: 60px!important;
	border-radius: 8px!important;
	height: 4px!important;
}
.banner-swiper.hidden-in-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff!important;
} 


.wid {
    width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1620px) {
	.wid {
		width: 1300px;
	}
}
@media screen and (max-width: 1500px) {
	.wid {
		width: 1200px;
	}
}
@media screen and (max-width: 1440px) {
	.wid {
		width: 1100px;
	}
}
@media screen and (max-width: 1280px){
	.wid {
		width: 1000px;
	}
}
@media screen and (max-width: 1200px){
	.wid {
		width: 100%;
		padding: 0 20px;
		overflow: hidden;
	}
}

/* 
***	brand
*/
.brand-list {position: relative;}
.brand-list img {width: 100%;}
.brand-list .commonweb {
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
}
.brand-list .commonweb h3 {color: #fff!important;}
.brand-list .commonweb p {
	color: #fff;
	line-height: 32px; 
	font-size: 16px;  
	text-align: center; 
	letter-spacing: 1px; 
	
}
.brand-list .commonweb button {
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: none;
	margin: 50px auto 0;
	border: 1px solid #ccc;
}
.brand-list .commonweb button:hover {
	background: #0085cd;
	border-color: #0085cd;
}
.brand-list .commonweb button:hover a {color: #fff;}
.brand-list .commonweb button a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
#BrandSupplies .commonweb {top: 50%;transform: translateY(-50%);}

#BrandBusiness .m-title {background: url('../../images/pic/brand/brands_3.png') no-repeat;}
#BrandElectronic .m-title {background: url('../../images/pic/brand/brands_4.png') no-repeat;}

/* about */
.suncentAbout {
	margin: 50px auto 0;
	max-width: 1600px;
	padding: 0 30px;
}
.suncentAbout.full-width {max-width: 100%;padding: 0;}
.suncentAbout .content {
	padding: 4% 0 40px;
}
.suncentAbout .page__title {margin-top: 5%;}
.suncentAbout .content p{line-height: 32px;color:#666;font-size: 16px;}
#suncentCore .content ,#suncentBenchmarking .content{display: flex;justify-content: space-between;}
#suncentCore .content .person,#suncentBenchmarking .content .person{
	width: 23%;
	text-align: center;
    padding: 20px 15px;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
	color: #666;
}
#suncentBenchmarking .content .person {
	width: 24%;
}
#suncentColorful + #suncentBenchmarking .content .person img {width: 125px;height: 125px;}
#suncentCore .content .person strong,#suncentBenchmarking .content .person strong{font-size: 22px;padding: 20px 0;display: block;font-weight: 400;}
#suncentCore .content .person p ,#suncentBenchmarking .content .person p{line-height: 25px;font-size: 13px;}
#suncentCore .content .person:hover,#suncentBenchmarking .content .person:hover {box-shadow: 0px 0px 15px 6px #efefef;}
#suncentAbout .m-title {background: url('../../images/pic/about/about_03.png') no-repeat;}
#suncentParts .m-title {background: url('../../images/pic/about/about_07.png') no-repeat;background-size: cover;background-position: center;width: 1030px;}
#suncentCulture .m-title {background: url('../../images/pic/about/about_11.png') no-repeat;    background-size: cover;width: 762px;}
#suncentCore .m-title {background: url('../../images/pic/about/about_37.png') no-repeat;background-position: center;}
#suncentHonest .m-title {background: url('../../images/pic/about/about_41.png') no-repeat;}
#suncentCulture .text__box .m-title {background: none;font-size: 30px;width: 100%;max-width: 300px;height: 60px;line-height: 60px;margin: 0 auto 30px;background-size: contain;}
.culture .culture__content .culture__item .text p {color: #0085cd;font-size: 20px;}
.culture .culture__content .culture__item:hover .text {background: #0085cd;}
.culture .culture__content .culture__item:hover .m-title, .culture .culture__content .culture__item:hover .text p {color: #fff!important;}
.culture .culture__content .culture__item:hover .busneiss17:after {background-color:#fff}
#suncentParts .suncentParts__image img {display: inline-block;margin-bottom: 5px;}
#suncentGlobal {position: relative;}
#suncentGlobal .content {
	position: absolute;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
} 

/* join us */
#suncentWelfare .m-title {background: url('../../images/pic/join_us/join_us_41.png') no-repeat;background-position: center;}
#suncentColorful .m-title {background: url('../../images/pic/join_us/join_us_42.png') no-repeat;background-position: center;width: 750px;}
#suncentBenchmarking .m-title {background: url('../../images/pic/join_us/join_us_43.png') no-repeat;background-position: center;}
#suncentJobs .m-title {background: url('../../images/pic/join_us/join_us_40.png') no-repeat;background-size: contain;background-position: center;}
#suncentWelfare ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#suncentWelfare ul li {
	position: relative;
	width: 24%;
	margin-bottom: 1%;
	border-radius: 8px;
	overflow: hidden;
}
.join ul li img{width: 100%;transition: 0.5s;}
.join ul li:hover img{transform: scale(1.1,1.1);}
.join ul li:hover .img-popup img{transform: scale(1,1);}
#suncentWelfare ul li  p{
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-size: 18px;
}
#suncentColorful ul{
	display: flex;
	justify-content: space-between;
}
#suncentColorful ul li {
	width: 32%;
	cursor: pointer;
}
#suncentColorful ul li .img {
	overflow: hidden;
	border-radius: 15px;
}
#suncentColorful ul li strong {
	display: block;
	padding-top: 20px;
	color: #666;
	font-size: 18px;
	font-weight: 400;
}
#suncentColorful ul li p {
	color: #666;
}
#suncentColorful .img-popup {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    background: rgba(0,0,0,1);
	display: none;
}
#suncentColorful .img-popup .close {
	float: right;
	color: #fff;
    opacity: 1;
    padding: 30px;
    font-size: 2vw;
}
#suncentColorful .img-popup .img-popup-swiper {
	width: 80%;
    height: 80%;position: absolute;top: 10%;left: 10%;
}
#suncentBenchmarking .swiper {padding: 15px 5px;}
.join-us-page .suncentAbout .content {position: relative;}
.join-us-page .swiper {width: 92%;position: unset;}
#suncentBenchmarking .person {
	width: 100%;
	padding: 15px 10px;
	border-radius: 8px;
}
#suncentBenchmarking .person:hover {
    box-shadow: 0px 0px 15px 6px #efefef;

}
#suncentBenchmarking .img {
	width: 145px;
	height: 145px;
	margin: 0 auto;
}
#suncentBenchmarking .img img{
	border-radius: 50%;
}
#suncentBenchmarking strong {
	display: block;
	color: #666;
	text-align: center;
	font-size: 18px;
	padding: 15px 0;
	word-break: break-all;
	line-height: normal;
}
#suncentBenchmarking p {
	font-size: 24px;
	word-break: break-all;
	line-height: normal;
	color: #666;
}
.swiper-button-next, .swiper-button-prev {
	background-size: cover;
	background-position: center;
	width: 34px;
	height: 34px;
}
#suncentBenchmarking .swiper-button-next {background: url('../../images/pic/join_us/join_us_arrow-right.png') no-repeat;}
#suncentBenchmarking .swiper-button-prev {background: url('../../images/pic/join_us/join_us_arrow-left.png') no-repeat;}
#suncentBenchmarking .swiper-button-prev:after, #suncentBenchmarking .swiper-button-next:after { content: ''; }
.m-title {
    font-size: 36px!important;
    font-weight: bold;
	color: #666!important;
	position: relative;
}
.banner {display: block;}
.busneiss17:after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 3px;
    background-color: #0085cd;
	position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
}
#suncentJobs .sort-type {padding: 0 30px 30px;}
#suncentJobs .sort-type li {margin-bottom: 15px;display: block;}
#suncentJobs .sort-type li span {color: #333;margin-right: 40px;font-size: 16px;display: inline-block;cursor: pointer;}
#suncentJobs .sort-type .sort-title {font-size: 18px;cursor: default;}
#suncentJobs table {width: 100%;}
#suncentJobs .job-list li{display: flex;font-size: 18px;font-weight: bold;}
#suncentJobs .job-list a {display: block;width: 100%;padding: 15px 25px;display: flex;border-bottom: 1px solid #ddd;font-size: 16px;font-weight: normal;color: #333;}
.job-detail .job-list a {border-radius: 5px;}
#suncentJobs .job-list a:hover {box-shadow: 0px 0px 10px 3px #d5d4d4;border-radius: 10px;}
#suncentJobs .job-list span {width: 25%;}
#suncentJobs .job-list li:first-child {background: #f1f1f1;padding: 8px 25px;}

/* job detail */
.job-detail {color: #333;padding-bottom: 40px;}
.job-detail .breadcrumbs{padding-bottom: 20px;}
.job-detail .breadcrumbs span {color: #0085cd;}
.job-detail .breadcrumbs a:hover {color: #0085cd;}
.job-detail .detail {background: #fff;border-radius: 20px;padding: 25px;}
.job-detail .detail .title {display: flex;justify-content: space-between;}
.job-detail .detail .title h3 {font-size: 28px;font-weight: bold;}
.job-detail .detail .title a {display: block;width: 110px;height: 30px;line-height: 30px;font-size: 16px;background: #0085cd;border-radius: 10px;text-align: center;color: #fff;}
.job-detail .detail ul {margin-top: 20px;}
.job-detail .detail ul li {padding: 10px 0;font-size: 16px;font-weight: 400;line-height: 32px;}
.job-detail .detail ul .request {font-size: 24px;font-weight: 600;}
.job-detail .rele {font-size: 28px;padding: 25px;font-weight: 600;}
#suncentJobs .job-detail .job-list li:first-child {background: none;}
.job-detail .job-list li a {background: #fff;margin: 5px 0;}
/* 标杆 */
#suncentBenchmarking .person-detail{max-width: 1060px;margin: 0 auto;text-align: left;}
#suncentBenchmarking .person-detail .detail {padding: 25px;box-shadow: 0px 0px 10px 3px #d5d4d4;margin-bottom: 40px;}
#suncentBenchmarking .person-detail .detail img {width: 100%;}
#suncentBenchmarking .person-detail .detail strong {font-size: 1.8vw;text-align: left;color: #333;font-weight: normal;}
#suncentBenchmarking .person-detail .detail p {font-size: 1vw;color: #333;}
#suncentBenchmarking .person-detail .longDesc {margin-bottom: 60px;font-size: 0.8vw;line-height: 1.8vw;color: #333;}

/* contact */
.contact .m-title {background: url('../../images/pic/contact/contact_us_44.png') no-repeat;background-position: center;}
.contact .ll ul {display: flex;justify-content: space-between;padding: 70px 0;}
.contact .company li {width: 32%;}
.contact .about li {width: 23%;}
.contact .suncentAbout:first-child {margin-top: 0;}
.contact .ll li div {padding-bottom: 10px;font-size: 16px;}
.contact .ll .name.busneiss17:after {
    bottom: 13px;
}
.contact .ll .name {font-size: 23px;padding-bottom: 20px;position: relative;font-weight: 400;}
.contact .about .name {cursor: pointer;}
 














/* news */
.suncent-news {
	color: #666;
}
.suncent-news .breadcrumbs {
	padding: 30px 0;
	color: #666;
	font-size: 16px;
}
.suncent-news .mySwiper .info .item {margin-bottom: 30px;}
.suncent-news .mySwiper .info .item img {width: 100%;}
.suncent-news .mySwiper .info .item .desc h3 {color: #666;font-size: 16px;}
.suncent-news .mySwiper .info .item .desc .date{color: #666;font-size: 14px;padding: 5px 0 15px;}
/* .suncent-news .mySwiper .info .item .desc a {display: block;width: 180px;height: 26px;line-height: 26px;border-radius: 25px;background: #0085cd;color: #fff;text-align: center;} */
.suncent-news .mySwiper .info .item:nth-child(4n){margin-right: 0;}
.suncent-news .news-pagination {color: #333;margin-bottom: 30px;}
.suncent-news .news-pagination ul {text-align: center;}
.suncent-news .news-pagination ul li {border: 1px solid #b5b5b5;padding: 5px 10px;border-radius: 3px;display: inline-block;margin: 0 4px;cursor: pointer;}
.suncent-news .news-pagination ul li.active {border-color: #0085cd;}

/* news details */
.news-detail {max-width: 1230px;margin: 0 auto;color: #666;}
.news-detail .breadcrumbs {display: flex;justify-content: space-between;}
.news-detail .new-title {font-size: 36px;padding:15px 0;border-top: 1px solid #666;border-bottom: 1px solid #666;margin-bottom: 20px;text-align: center;}
.news-detail p {line-height: 32px;font-size: 16px;padding-bottom: 10px;}
.news-detail h3 {font-size: 18px;font-weight: 700;padding: 15px 0;}
.news-detail p.img-title {padding-top: 20px;}
.news-detail .imgclumn {display: flex;justify-content: space-between;}
.news-detail .imgclumn img {width: 100%;}
.news-detail .imgclumn.img-2 div {width: 49%;}
.news-detail .imgclumn.img-3 div {width: 33%;}
.news-detail .imgclumn.img-4 div {width: 24%;}
.news-detail .imgclumn.img-5 div {width: 19%;}

@media screen and (min-width: 1600px) {
	header .logo {padding: 21px 0;}
}
@media screen and (max-width: 900px) {
	.hidden-in-pc {
		display: block!important;
	}
	.hidden-in-mobile {
		display: none!important;
	}

	.mySwiper .content .title {
		font-size: 1rem;
		line-height: normal;
	}
	.mySwiper .info .item {
		width: 100%;
    	height: 100%;
		max-width: 100%;
		max-height: 100%;
	}
	.footer-content ul {
		display: block;
		margin: 0 0.32rem;
	}
	.mySwiper .content .text {
		font-size: 5vw;
		line-height: normal;
		margin-bottom: 0;
	}
	.mySwiper .content .patent-list li .num {
		font-size: 10.125vw;
	}
	.mySwiper .content .time h3 {
		font-size: 5.125vw;
		padding-bottom: 5px!important;
	}
	.mySwiper .content .time p {
		font-size: 3vw;
	}
	.mySwiper .content .patent-list:before {
		background: none;
	}
	.mySwiper .content .patent-list {
		margin-bottom: 7.16667vw;
	}
	.frontend-footer {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 30%!important;
	}
	footer .tip .copyright {line-height: normal;}
	.footer-content {padding: 0.4rem 0 8px;}
	.footer-content ul li {width: 100%!important;}
	.footer-content ul li img {width: 3.8133rem!important;}
	.footer-content ul li .phone {margin-top: 0.4rem;}
	.footer-content .icon_phone {
		width: 0.533rem!important;
		height: 0.533rem!important;
	}
	.footer-content .icon_address {
		width: 0.533rem!important;
		height: 0.64rem!important;
	}
	.footer-content ul li .address {margin-top: 0.32rem;}
	.footer-content ul li .address p {
		/* height: 40px; */
		line-height: normal;
		font-size: 0.32rem;
	}
	.footer-content ul li p{margin-bottom: 0;}
	footer .tip{
		padding: 6px 0;
	}
	.m-title {
		font-size: 20px;
		line-height: 1.5;
		color: #333;
	}


	.index-about-mobile {
		background:url('../../skin/img/homepage__mb__02.jpg') center center / cover no-repeat!important;
	}
	.index .light {
		background:url('../../skin/img/homepage__mb_03_01.jpg?v=1') center center / cover no-repeat!important;
	}
	.index .kyx {
		background:url('../../skin/img/homepage__mb_03_02.jpg?v=1') center center / cover no-repeat!important;
	}
	.index .kax {
		background:url('../../skin/img/homepage__mb_03_03.jpg?v=1') center center / cover no-repeat!important;
	}
	.index .shockflo {
		background:url('../../skin/img/homepage__mb_03_04.jpg?v=1') center center / cover no-repeat!important;
	}
	.home-page .news {
		background:url('../../skin/img/homepage__mb_04.jpg') center center / cover no-repeat!important;
	}
	.mySwiper .swiper-slide {
		align-items: flex-start;
	}
	.mySwiper .wid {
		margin-top: 100px;
	}
	.mySwiper .content.content-top .text {
		background: none;
		width: 100%;
		height: 100%;
		line-height: normal;
	}
	.mySwiper .content.black .patent-list:before {
		background: none;
	}
	.swiper-pagination-bullet {
		background: #fff;
		opacity: 1;
	}
	.swiper-pagination-bullet-active {
		background: #0085cd!important;
	}
	.mySwiper .news .wid {
		margin-top: 0;
	} 
	.mySwiper .news .wid .swiper-slide {
		text-align: left;
		border-radius: 8px;
	}
	.mySwiper .info .item .desc div:last-child {
		display: block;
		width: 100px;
		height: 26px;
		line-height: 24px;
		border-radius: 5px;
		background: #fff;
		color: #fff;
		text-align: center;
		font-size: 14px;
		color: #666;
		pointer-events: none;
		background: #0085cd;
		color: #fff;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: 35px;
		text-indent: 0;
	}
	.mySwiper .news .info .item .desc h3 {
		font-size: 16px;
	}
	.frontend-footer .footer-content .list {
		text-align: center;
	}
	.frontend-footer .footer-content .list a img{ 
		display: inline-block;
	}
	.frontend-footer .footer-content .list .phone, .frontend-footer .footer-content .list .address {
		flex-direction: column;
		
		padding-bottom: 0;
	}
	 .m-title {
		width: 100%!important;
		height: 40px!important;
		margin: 0 auto;
		line-height: 40px!important;
		background-position: center!important;
    	background-size: contain!important;
		text-indent: 0;
	}
	.busneiss17:after {
		bottom: -8px;
	}
	.suncentAbout .content {
		padding: 10% 0 40px;
		text-align: left!important;
		text-indent: 35px;
	}
	.m-title {
		font-size: 24px!important;
	}
	#suncentParts .suncentParts__image {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#suncentParts .suncentParts__image img:nth-child(2n-1) {
		/* margin-right: 5px; */
	}
	#suncentGlobal .content {
		left: 0;
    	top: 10%;
		text-indent: 0;
		padding: 0 30px;
	}
	#suncentGlobal .content .m-title {color: #fff!important;}
	#suncentCore .content .person {width: 80%;text-indent: 0;}
	#suncentCore .content .person .img img {
		border: 1px solid #ccc;
		border-radius: 50%;
	}
	.coreTeam {position: relative;}
	.culture .culture__content {
		flex-direction: column;
		margin: 10% 0 0;
	}
	.culture .culture__content .culture__item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: center;
    	text-indent: 0;
	}
	.culture .culture__content .culture__item > div {
		width: 50%!important;
	}
	.culture .culture__content .culture__item > div .m-title {
		font-size: 0.48rem!important;
	}
	.culture .culture__content .culture__item > div .busneiss17:after {
		width: 1.9rem;
	}
	.culture .culture__content .culture__item > div p {
		font-size: 0.32rem!important;
	}
	#suncentGlobal .time {
		text-align: left;
	}
	#suncentCore .content .person strong, #suncentBenchmarking .content .person strong {font-size: 00.48rem;}
	.channel-navLi:after,.channel-navLi:before {
		background: none!important;
		width: 0!important;
		height: 0!important;
	}
	.full-inside-nav .commonweb .current {
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		line-height: 20px;
		padding: 6px 20px;
		color: #666;
		font-weight: 400;
	}
	.full-inside-nav .commonweb .current div {display: inline-block;}
	.full-inside-nav .commonweb .current span {
		display: inline-block;
		transform: rotate(90deg);
	}
	.full-inside-nav .channel-nav a {width: 100%;}
	.brand-list .commonweb p,.mySwiper .content.content-top,.brand-list.mySwiper .content.content-top .time {text-align: left;text-indent: 0.6rem; font-size: 0.32rem!important;
		line-height: 0.5rem!important;}
	.mySwiper .content.content-top {top: 50px!important;    transform: translateY(0)!important;}
	.mySwiper .content.content-top button {margin-top: 50px;}
	.mySwiper .content.content-top.black .time {
		color: #333;
	}
	#BrandBusiness .brandBusneiss {padding-top: 50px!important;}
	#suncentWelfare .content,#suncentColorful .content, #suncentBenchmarking .content {
		text-indent: 0;
	}
	#suncentWelfare ul li {
		width: 49%;
		margin-bottom: 2%;
	}
	#suncentWelfare ul li img {height: auto;}
	.suncentColorful {position: relative;}
	#suncentColorful .suncentColorful ul {display: block;}
	#suncentColorful .suncentColorful ul li {width: 100%;}
	#suncentBenchmarking .content .person {width: 100%;max-width: 320px;}
	#suncentBenchmarking .swiper-pagination-bullet,#suncentColorful .swiper-pagination-bullet  {background: #ccc;}
	#suncentBenchmarking .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 20px;}
	#suncentColorful .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: -16px;}
	.join ul li img {height: 235px;}
	.contact .company .suncentAbout {
		flex-direction: column;
		padding: 70px 0.8rem;
	}
	.contact .company li {width: 100%;margin-bottom: 70px;}
	.contact .company li:last-child {margin-bottom: 0;}
	.ll.about {padding: 0 0.8rem!important;}
	.contact .about .suncentAbout {flex-wrap: wrap;}
	.contact .about li {width: 48%;}
	.contact .ll .name {font-size: 0.48rem;}
	.contact .ll li div {font-size: 0.4rem;}
	.contact .busneiss17:after {width: 1.9rem;}
	.brand-list .content {padding: 0 0.6666rem!important;}
	.brand-list .commonweb p {}
	#nav {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 50%;
		height: 100%;
		background: rgba(0,0,0,.8);
		margin: 0;
    	padding: 80px 30px;
	}
	#nav:after {
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		background: rgba(0,0,0,.6);
		width: 100%;
		height: 100%;
	}
	#nav li {line-height: 1rem;}
	#nav li a {color: #fff;font-weight: 700;    font-size: 16px;}
	#nav li.active a {border-bottom: 2px solid #fff;}
	.news-detail .imgclumn img {width: 100%!important;height: auto!important;}
	.news-detail .new-title {font-size: 0.64rem;}
	.news-detail p {padding: 0.2rem 0.4rem;line-height: normal;}
	.news-detail .breadcrumbs {padding: 30px 0.4rem;}
	#suncentJobs .job-list li:first-child {display: none;}
	#suncentJobs .job-list li:nth-child(2) {border-top: 1px solid #ddd;}
	#suncentJobs .job-list li {text-indent: 0;}
	#suncentJobs .job-list span {
		width: 33%;
		font-size: 0.3733rem;
		text-align: left!important;
	}
	.join #suncentJobs {padding: 0;}
	#suncentJobs .job-list div strong {display: block;font-size: 0.3733rem;}
	#suncentJobs .job-list a {display: block;}
	#suncentJobs .job-list a div {display: flex;justify-content: space-between;align-items: center;}
	
	.swiper-slide.light .patent-list img {width: 50%;}
	.mySwiper .news .wid .header {margin-bottom: 0;}
	.mySwiper .news .wid .swiper-pagination {bottom: 10px;}
	#BrandSupplies .busneiss17:after,#BrandFeelm .busneiss17:after {width: 50px;}
	.full-inside-nav .commonweb .current,.full-inside-nav .channel-nav a {padding: 10px 20px;}
	#suncentWelfare ul li p {
		left: auto;
		bottom: 10px;
		right: 10px;
		font-size: 15px;
	}
	#suncentCore .content .person p {text-indent: 0;}
	.news-detail h3 {padding: 15px;}
	#suncentBenchmarking .content .person {
		padding: 20px 8px;
	}
	.news-detail .imgclumn.news_2_9 img,
	.news-detail .imgclumn.news_2_14 img,
	.news-detail .imgclumn.news_2_16 img {height: 138px!important;}
	.news-detail .imgclumn.news_3_9 img {height: 86px!important;}
	.news_4_1 {width: 100%;}
	.news-detail .imgclumn.news_5_5 img {height: 92px!important;}
	.news .news {height: 70%!important;}
	.mySwiper .index .content .time {font-size: 0.36666rem;line-height: 0.5333rem;}
	.mySwiper .index .kyx .content  .patent-list img {width: 30%;}
	.mySwiper .index .kax .content  .patent-list img {width: 25%;}
}
@media screen and (max-width: 600px) {
	#suncentParts .suncentParts__image img {
		width: 4.1333rem;
		height: auto;
	}
}
@media screen and (max-width: 437px) {
	#suncentParts .suncentParts__image img {
		width: 32%;
		height: auto;
	}
	#suncentCore .content .person {width: 100%;}
	.suncentAbout {
		padding: 0 15px;
	}
	.mySwiper .content .news .header .title {opacity: 0;}
}
@media screen and (max-width: 320px) {
	.mySwiper .news .info .item .desc h3 {
		font-size: 14px;
	}
	footer .tip{
		padding: 0;
	}
	.mySwiper .news .wid .swiper-pagination {bottom: 0;}
}