@charset "utf-8";
:root {--sColor: #004ea2;}

@font-face {
	font-family: 'iconpage';
	src: url('../iconpage/iconfont.eot');
	src: url('../iconpage/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../iconpage/iconfont.woff2') format('woff2'),
		url('../iconpage/iconfont.woff') format('woff'),
		url('../iconpage/iconfont.ttf') format('truetype'),
		url('../iconpage/iconfont.svg#iconfont') format('svg');
}
.iconpage {
	font-family: "iconpage" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page-banner {position: relative;overflow: hidden;}
.page-banner img {width: 100%;}

.page-title {position: relative;text-align: center;}
.page-title h3 {font-size: .3rem;color: #333333;-webkit-animation-name: fadeScale;animation-name: fadeScale;}
.page-title span {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;bottom: -15px;font-size: .72rem;color: #f6f6f6;text-transform: uppercase;font-family: arial;}

.banner-para {position: absolute;z-index: 9;bottom: 36%;left: 20%;color: #fff;font-weight: bold;text-transform: uppercase;text-shadow: 5px 2px 6px #000;}
.banner-para h3 {font-size: 0.24rem;margin-bottom: .05rem;font-weight: 700;word-spacing: .1rem;}
.banner-para p {font-size: .14rem;}

@-webkit-keyframes fadeScale {
	0% {opacity: 0;-webkit-transform: scale(0.5);transform: scale(0.5);}
	100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeScale {
	0% {opacity: 0;-webkit-transform: scale(0.5);transform: scale(0.5);}
	100% {opacity: 1;-webkit-transform: none;transform: none;}
}


@media (max-width: 920px) {
    .page-title {padding: .20rem 0 0;}
}

@media (max-width: 768px) {
    .page-title h3 {font-size: .26rem;}
    .banner-para {display: none;}
}



.page-path {margin: .3rem 0 .6rem;}
.page-path p {position: relative;line-height: .18rem;padding-left: .14rem;font-size: .14rem;color: #333333;width: 100%;white-space: nowrap;/* overflow: hidden; */text-overflow: ellipsis;}
.page-path p::before {content: '';position: absolute;left: 0;width: 4px;height: 18px;top: 0;background-color: var(--sColor);top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin-top: 2px;}
.page-path p a:hover  {color: var(--sColor);}
.page-path p b {font-size: .2rem;font-weight: normal;display: inline-block;position: relative;top: 1px;}
.page-path p span {color: var(--sColor);}

@media (max-width: 1230px) {
    .page-path {margin: .3rem 0;}
    .page-path p {font-size: 12px;line-height: normal;padding-left: 8px;overflow: hidden;}
    .page-path p b {font-size: .16rem;}
    .page-path p::before {margin-top: 0;}
}



/* contact us */
.container-box {padding: .6rem 0 .95rem;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;color: #333333;}
.container-box h5 {margin: 0;margin-bottom: 6px;font-size: .22rem;font-weight: bold;}
.container-box span {display: block;margin-bottom: .36rem; font-size: .14rem;color: #545454;text-transform: uppercase;}
.container-box .contact-form {width: 40%;margin: 0 3% 0 7%;}
.container-box .contact-form .form {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.container-box .contact-form input[type='text'],.contact-form textarea {width: 100%;margin-bottom: .2rem;padding: .18rem;border: 1px solid rgba(153, 153, 153,.5);border-radius: 5px;outline: none;font-size: .16rem;color: rgba(153, 153, 153,.5);font-family: "Microsoft YaHei", arial;}
.container-box .contact-form input[type='text']::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder {color: rgba(153, 153, 153,.5);}
.container-box .contact-form input[type='text']:-moz-placeholder,.contact-form textarea:-moz-placeholder {color: rgba(153, 153, 153,.5);}
.container-box .contact-form input[type='text']::-moz-placeholder,.contact-form textarea::-moz-placeholder {color: rgba(153, 153, 153,.5);}
.container-box .contact-form input[type='text']:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder {color: rgba(153, 153, 153,.5);}
.container-box .contact-form input[type='submit'] {margin-top: .25rem;padding: .14rem .33rem;border-radius: 30px;font-size: .16rem;color: #ffffff;background-color: #fff;cursor: pointer;transition: all .3s;color: #2f79ea;border: 1px solid #2f79ea;}
.container-box .contact-form input[type='submit']:hover {background-color: #2f79ea;color: #fff;}


.container-box .contact-map {width: 40%;margin: 0 7% 0 2%;}
/* .container-box .contact-map ul {margin-left: 25px;} */
.container-box .contact-map ul {margin-left: 0.22rem;}
.container-box .contact-map ul li {position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-bottom: .25rem;padding-left: .36rem;font-size: .16rem;color: #545454;}
.container-box .contact-map ul li i {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: .28rem;color: #a7a7a7;}
.wordspace {display: inline-block;word-spacing: 10px;}
.container-box .contact-map ul li h1 {font-weight: bold;font-size: .22rem;}
.container-box .contact-map ul li br {display: none;}
.container-box .contact-map ul li b {font-weight: bolder;}
#map {height: 2.4rem;}
#map .amap-icon img {width: .23rem;height: .33rem;}


.page-links .links-swiper {position: relative;margin: .4rem 0 1rem;}
.page-links .swiper-container {width: 90%;}
.page-links ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #e5e5e5;overflow: hidden;-webkit-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out;}
.page-links ul li a {display: inline-block;padding: .15rem 0;font-size: .18rem;}
.page-links ul li:hover {-webkit-box-shadow: 0 -60px 0 var(--sColor) inset;box-shadow: 0 -60px 0 var(--sColor) inset;}
.page-links ul li:hover a,.page-links ul li:hover i {color: #ffffff;}
.page-links ul li i {display: inline-block;margin-right: 4px;color: #333333;font-size: .22rem;}
.page-links .swiper-button-next.swiper-button-disabled,.page-links .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.page-links .swiper-button-prev {left: 0;background-image: url(../images/contact/link-l.png);}
.page-links .swiper-button-next {right: 0;background-image: url(../images/contact/link-r.png);}
.page-links .swiper-button-next,.page-links .swiper-button-prev {margin-top: 0;width: .09rem;height: .16rem;background-size: .09rem .16rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

/* @media (max-width: 1600px) {
    .container-box {justify-content: space-between;padding: 40px 0 60px;}
    .container-box .contact-form {width: 45%;margin: 0;}
    .container-box .contact-map {width: 45%;margin: 0;}
    .container-box .contact-map ul li {font-size: 14px;margin-bottom: 20px;}
    .container-box h5 {font-size: 18px;}
    .container-box span {font-size: 14px;margin-bottom: 20px;}
    .container-box .contact-form input[type='text'], .contact-form textarea {font-size: 14px;padding: 10px 15px;margin-bottom: 20px;}
    .container-box .contact-form input[type='submit'] {font-size: 14px;}
    .page-links .links-swiper {margin: 40px 0 60px;}
    .page-links ul li a {font-size: 16px;}
}
@media (max-width: 1400px) {
    .page-links ul li a {font-size: 14px;}
} */
@media (max-width: 920px) {
    .container-box {padding: 25px 0 60px;}
    .container-box .contact-map ul {margin-left: 0;}
    .container-box .contact-map ul li h1 {font-size: 20px;}
    .container-box span {margin-bottom: 20px;}
}

@media (max-width: 800px) {
    .container-box {-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px 0 20px;}
    .container-box .contact-form {width: 100%;margin: 0 3% 30px 2%;}
    .container-box .contact-map {width: 100%;margin: 0 3% 0 2%;}
    .container-box .contact-map ul li {margin-bottom: 15px;}
    .container-box .contact-form input[type='text'], .contact-form textarea {margin-bottom: 15px;padding: 10px 10px;}
}

@media (max-width: 500px) {
    .container-box .contact-form input[type='text'], .contact-form textarea  {font-size: 14px;}
    .container-box .contact-map ul li {padding-left: 25px;font-size: 14px;}
    .container-box .contact-map ul li br {display: inline-block;}
    .container-box .contact-map ul li i {font-size: 20px;}
    .container-box .contact-map ul li h1 {font-size: 18px;}
    .page-links .links-swiper {margin: .3rem 0 .6rem;}
    .page-links ul li a {padding: 12px 0;font-size: 14px;}
    .container-box h5 {font-size: 16px;}
}



/* about  us  */


.about-nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: .34rem 0;}
.about-nav ul li {background-color: #f5f5f5;width: 19.2%;}
.about-nav ul li:hover,.about-nav ul li.on {background-color: var(--sColor);}
.about-nav ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;padding: .15rem 0;padding-left: 0.2rem;transition: all .3s;}

.about-nav ul li a i {font-size: .4rem;color: var(--sColor);display: inline-block;margin-right: .1rem;transition: all .3s;}
.about-nav ul li:nth-of-type(1) a i {font-size: .42rem;}
.about-nav ul li:nth-of-type(2) a i {font-size: .48rem;}
.about-nav ul li a:hover i,.about-nav ul li.on a i {color: #ffffff;}
.about-nav ul li a p span {display: block;font-size: .24rem;color: #333333;transition: all .3s;}
.about-nav ul li a p span:last-of-type {font-size: .14rem;}
.about-nav ul li a:hover span,.about-nav ul li.on a p span {color: #ffffff;}

/* @media (max-width: 1600px) {
    .about-nav ul li a {padding: 12px 0;}
    .about-nav ul li a i {font-size: 28px;margin-right: 10px;}
    .about-nav ul li a p span {font-size: 18px;}
    .about-nav ul li:nth-of-type(2) a i {font-size: 36px;}
    .about-nav ul li a p span:last-of-type {font-size: 12px;}
}
@media (max-width: 1230px) {
    .about-nav ul {-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 34px 0 0;}
    .about-nav ul li a p span:last-of-type {font-size: 12px;}
    .about-nav ul li a i {font-size: 30px;margin-right: 10px;}
} */
@media (max-width: 1500px) {
    .about-nav ul li a p span {font-size: 0.22rem;}
    .about-nav ul li a i {margin-right: .05rem;}
}
@media (max-width: 990px) {
    /* .about-nav {display: none;} */
    .about-nav ul {flex-wrap: wrap;justify-content: flex-start;}
    .about-nav ul li {width: 32%;margin-right: 1%; margin-bottom: 1%;}
    .about-nav ul li a p span:last-of-type {display: none;}
}

.about-box {padding: .5rem .15rem;}
.about-container {overflow: hidden;margin-top: .6rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.about-container .about-img {width: 48%;overflow: hidden;border-radius: 0 30px;}
.about-container .about-img img {width: 100%;}
.about-container .about-con {width: 50%;margin: 0;}
.about-container .about-con h1 {position: relative;padding-bottom: 20px;margin-bottom: .25rem;font-size: .24rem;color: var(--sColor);line-height: 1.5;}
.about-container .about-con h1::after {content: '';position: absolute;left: 0;bottom: 0;width: .3rem;height: 3px;background-color: var(--sColor);}
.about-container .about-con p {line-height: .26rem;font-size: .16rem;color: #333333;text-align: justify;margin-bottom: .1rem;}
.about-desc {margin: 30px 0;font-size: 14px;color: #999999;}
.about-desc p {line-height: .24rem;}



.about-cult {position: relative; background: url(../images/about/cult-bg.jpg);height: 7.5rem;z-index: 9;background-size: 100%;}
.about-cult .cult-box {position: absolute;right: 0;top: 12%;max-width: 62%;height: 88%;padding: .6rem 14% .6rem .6rem;background-color: #ffffff;z-index: 1;}
.about-cult .page-title h3 {text-align: left;}
.about-cult .page-title span {z-index: -2;left: 0;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.about-cult .cult-box .page-title {text-align: left;}
.about-cult .cult-box .cult-content p {margin: .5rem 0 .7rem;line-height: .3rem;font-size: .16rem;color: #333333;}
.about-cult .cult-box .cult-content ul {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 .16rem .96rem;}
.about-cult .cult-box .cult-content ul::after {content: '';position: absolute;width: 25px;height: 4px;left: 0;bottom: 0;background-color: #333333;}
.about-cult .cult-box .cult-content ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 1rem;width: 1.34rem;height: 1.34rem;justify-content: center;border-radius: 50%;background-color: var(--sColor);}
.about-cult .cult-box .cult-content ul li:last-of-type {margin-right: 0;}
.about-cult .cult-box .cult-content ul li span {display: inline-block;font-size: .2rem;color: #ffffff;margin-top: .1rem;line-height: normal;}


/* @media (max-width: 1600px) {
    .about-cult {height: 640px;}
    .about-cult .cult-box {max-width: 70%;padding: 60px 50px;}
    .page-title h3 {font-size: 26px;}
    .about-cult .page-title span {font-size: 40px;bottom: 0;}
    .about-cult .cult-box .cult-content ul {padding: 0 16px 50px;}
    .about-cult .cult-box .cult-content ul li {padding: 27px 24px;width: 120px;height: 120px;margin-right: 50px;}
    .about-cult .cult-box .cult-content ul li span {font-size: 14px;margin-top: 5px;}
    .about-cult .cult-box .cult-content ul li img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
}
@media (max-width: 1600px) {
    .about-box {padding: 20px 15px;}
    .about-container {margin-top: 40px;}
    .about-container .about-con {margin: 0;}
    .about-container .about-con h1 {position: relative;padding-bottom: 15px;margin-bottom: 20px;font-size: 20px;}
    .about-container .about-con p {font-size: 14px;line-height: 22px;text-align: left;}
    .about-cult .cult-box .cult-content p {margin: 40px 0 70px;font-size: 16px;}
    .about-desc {margin: 15px 0 30px;}
    .about-desc p {line-height: 22px;}
    .about-cult .cult-box .cult-content ul li span {font-size: 16px;}
    .page-title span {font-size: 40px;bottom: 0;}
} */
@media (max-width: 1230px) {
    .page-title h3 {font-size: 20px;}

    .about-container .about-con {margin: 0;}
    .about-cult .cult-box .cult-content p {margin: 30px 0;}
    .about-container .about-img img {-o-object-fit: cover;object-fit: cover;height: 380px;}


    .about-container .about-con h1 {font-size: 16px;}
    .about-container .about-con p {font-size: 14px;line-height: 20px;margin-bottom: 15px;}
    .about-desc p {line-height: 20px;}
    .about-cult .cult-box {padding: .5rem 3% .6rem .5rem;}
    .about-cult .cult-box .cult-content p {font-size: 14px;line-height: 20px;}
    .about-cult .cult-box .cult-content ul {padding: 0 0 0.76rem;}
    .about-cult .cult-box .cult-content ul li {width: 1.64rem;height: 1.64rem;}
    .about-cult .cult-box .cult-content ul li img {transform: scale(.8);}
    .about-cult .cult-box .cult-content ul li span {margin-top: 0;}
}

@media (max-width: 990px) {
    .about-box {padding: 20px 15px 0px;}
    .about-container {margin-top: 30px;}
    .about-container .about-img {display: none;}
    .about-container .about-con {width: 100%;}
}

@media (max-width: 768px) {
    .about-box {padding: 0 15px 30px;}
    .about-container {margin-top: 20px;}
    .about-desc {display: none;}
}



@media (max-width: 890px) {
    .about-cult {background-size: unset;}
    .about-cult .cult-box {left: 50%;top: 50%;width: 100%;height: 70%;padding: 60px 20px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: 95%;background-color: rgba(255,255,255,.8);}
    .about-cult .cult-box .cult-content ul {display: none;}
}

@media (max-width: 768px) {
    .about-cult .page-title span {font-size: 40px;bottom: 0;}
}

@media (max-width: 500px) {
    .page-title h3 {font-size: 18px;}
    .about-cult .page-title span {font-size: 24px;}
    .about-cult .cult-box {height: auto;padding: 30px 15px;}
    .about-cult .cult-box .cult-content p {line-height: 24px;}

}

@media (max-width: 500px) {
    .page-title span {bottom: 0;font-size: 24px;}
}



/* factory  */
.gcgm-box {padding: .8rem 0 .5rem;text-align: center;}
.gcgm-box p {margin-top: .4rem;overflow: hidden;}
.gcgm-box p img {max-width: 100%;pointer-events: none;}

.fact-list ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.fact-list ul li {width: 32%;margin-bottom: .15rem;}
.fact-list ul li a.fact-img {display: block;overflow: hidden;}
.fact-list ul li a.fact-img img {width: 100%;height: 3rem;-o-object-fit: cover;object-fit: cover;transition: all .3s;}
.fact-list ul li:hover a.fact-img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


.fact-list ul li p a {display: block;width: 100%;margin: .2rem 0;padding-left: 10px;font-size: .16rem;color: #333333;text-align: center;}
.fact-list ul li:hover p a {color: var(--sColor);}

#loadmore {text-align: center;margin: 30px 0 100px;}
#loadmore a {display: inline-block;padding: .14rem 0;width: 2rem;font-weight: 500;transition: all .5s ease;position: relative;font-size: .16rem;transition: all .3s;border-radius: .2rem;background-color: #ffffff;color: var(--sColor);border: 1px solid var(--sColor);}
#loadmore a:hover {box-shadow: 0 8px 20px -6px rgb(26 51 101 / 10%);transform: translateY(-6px);background-color: var(--sColor);border: 1px solid transparent;color: #ffffff;}

@media (max-width: 1230px) {
    .gcgm-box {padding: 40px 0 50px;}
    .fact-list ul li a.fact-img img {height: 250px;}
    .fact-list ul li p a {font-size: 14px;}
    #loadmore a {width: 270px;font-size: 14px;}
}
@media (max-width: 990px) {
    .gcgm-box {padding: .3rem 0 .5rem;}
}

@media (max-width: 768px) {
    .gcgm-box {padding: 0 0 .3rem;}
    .fact-list ul li {width: 49%;margin-bottom: 0;}
    .fact-list ul li a.fact-img img {height: 150px;}
    .fact-list ul li p a {margin: 12px 0;padding-left: 6px;}
    .gcgm-box p {margin-top: .2rem;}
    .gcgm-box p img {width: 100%;}
    #loadmore {margin: .3rem 0 .5rem;}
    #loadmore a {width: 60%;padding: 10px 0;}
}

/* honor */

.honor-list ul.honor-ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.honor-list ul.honor-ul li {padding: 0 8px;width: 27%;text-align: center;margin-bottom: .2rem;}
.honor-list ul.honor-ul li .honor-img {position: relative;display: block;padding-bottom: .1rem;margin-bottom: 26px;}
.honor-list ul.honor-ul li .honor-img::after {content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 105%;height: 10px;background-color: #ffffff;-webkit-box-shadow: 1px 0px 39px -3px #000000;box-shadow: 1px 0px 39px -3px #000000;}
.honor-list ul.honor-ul li .honor-img img {border: 10px solid #340302;width: 100%;}
.honor-list ul.honor-ul li p {margin: .25rem 0;}
.honor-list ul.honor-ul li p a {font-size:.2rem;color: #333333;}


.pagination{margin: .45rem 0;padding: 0 .1rem;text-align:center;font-size:12px;display:block;border-radius:0}
.excerpts .pagination{margin-bottom: .1rem;}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline;transition: all .3s;}
.pagination ul > li > a,
.pagination ul > li > span{margin:0 5px;float:left;display: block; padding:.07rem .12rem;background-color:#ffffff;color: var(--mColor);border: 1px solid var(--mColor);font-size: 14px;transition: all .3s;border-radius: 5px;}





.pagination ul > li:nth-last-of-type(3) {}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1; background-color:var(--sColor);color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:var(--sColor);color:#fff;transition: all .3s;}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default;transition: all .3s;}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default}

@media (max-width: 1230px) {
    .pagination {margin: 30px 0 40px;}
    .honor-list ul.honor-ul li {width: 33.333%;}
    .honor-list ul.honor-ul li .honor-img {margin-bottom: 0;}
    .honor-list ul.honor-ul li p {margin: 15px 0;}
    .honor-list ul.honor-ul li p a {font-size: 16px;}
    .pagination ul > li > a, .pagination ul > li > span {padding: 0 12px;line-height: 30px;}
}


@media (max-width: 960px) {
    .honor-list ul.honor-ul li .honor-img {margin-bottom: 10px;}
    .honor-list ul.honor-ul li p {margin: 0;}
    .honor-list ul.honor-ul li p a {font-size: 16px;}
}

@media (max-width: 500px) {
    .pagination {margin: 20px 0 30px;padding: 0;}
    .honor-list ul.honor-ul li .honor-img::after {width: 115%;}
    .honor-list ul.honor-ul li p a {font-size: 14px;}
}

@media (max-width: 400px) {
    .honor-list ul.honor-ul li {width: 50%;}
}

#colorbox {z-index: 99999999;}
#cboxOverlay {z-index: 99999999 !important;}
#colorbox,
#cboxOverlay,
#cboxWrapper {position: absolute;top: 0;left: 0;z-index: 9999;overflow: hidden;-webkit-transform: translate3d(0, 0, 0)}
#cboxWrapper {max-width: none}
#cboxOverlay {position: fixed;width: 100%;height: 100%}
#cboxMiddleLeft,
#cboxBottomLeft {clear: left}
#cboxContent {position: relative}
#cboxLoadedContent {overflow: auto;-webkit-overflow-scrolling: touch}
#cboxTitle {margin: 0}
#cboxLoadingOverlay,
#cboxLoadingGraphic {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {cursor: pointer}
.cboxPhoto {float: left;margin: auto;border: 0;display: block;max-width: none;-ms-interpolation-mode: bicubic}
.cboxIframe {width: 100%;height: 100%;display: block;border: 0;padding: 0;margin: 0}
#colorbox,
#cboxContent,
#cboxLoadedContent {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box}
#cboxOverlay {background: #000;opacity: .9;filter: alpha(opacity=90)}
#colorbox {outline: 0;z-index: 9999999999;}
#cboxContent {margin-top: 20px;background: #000}
.cboxIframe {background: #fff}
#cboxError {padding: 50px;border: 1px solid #ccc}
#cboxLoadedContent {border: 5px solid #000;background: #fff}
#cboxTitle {position: absolute;top: -20px;left: 0;color: #ccc}
#cboxCurrent {position: absolute;top: -20px;right: 0;color: #ccc}
#cboxLoadingGraphic {background: url(../images/loading.gif) no-repeat center center}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {border: 0;padding: 0;margin: 0;overflow: visible;width: auto;background: 0 0}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {outline: 0}
#cboxSlideshow {position: absolute;top: -20px;right: 90px;color: #fff}
#cboxPrevious {position: absolute;top: 50%;left: 5px;margin-top: -32px;background: url(../images/controls.png) no-repeat top left;width: 28px;height: 65px;text-indent: -9999px}
#cboxPrevious:hover {background-position: bottom left}
#cboxNext {position: absolute;top: 50%;right: 5px;margin-top: -32px;background: url(../images/controls.png) no-repeat top right;width: 28px;height: 65px;text-indent: -9999px}
#cboxNext:hover {background-position: bottom right}
#cboxClose {position: absolute;top: 5px;right: 5px;display: block;background: url(../images/controls.png) no-repeat top center;width: 38px;height: 19px;text-indent: -9999px}
#cboxClose:hover {background-position: bottom center}
.sharebuttons>ul.theme {list-style-type: none;margin: -4px;padding: 0;}
.sharebuttons>ul.theme:after {content: "";display: block;clear: both;}
.sharebuttons>ul.theme>li {float: left;}
.sharebuttons>ul.theme>li>a {margin: 4px;display: block;white-space: nowrap;overflow: hidden;text-indent: 101%;background-repeat: no-repeat;background-position: center;}
.sharebuttons>ul.text>li>a {text-indent: 0;}
.sharebuttons>ul.fontawesome>li>a {text-indent: 0;text-decoration: none;font-size: 24px;width: 32px;height: 32px;line-height: 32px;text-align: center;color: #606060;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sharebuttons>ul.fontawesome>li>a:hover {color: #000;}
.sharebuttons {position: relative;}
.sharebuttons .weixin {width: 100px;position: absolute;left: 0;margin-top: 10px;display: none;}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {border: 0;padding: 0;margin: 0;overflow: visible;width: auto;background: 0 0}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {outline: 0}
#cboxSlideshow {position: absolute;top: -20px;right: 90px;color: #fff}
#cboxPrevious {position: absolute;top: 50%;left: 5px;margin-top: -32px;background: url(../images/controls.png) no-repeat top left;width: 28px;height: 65px;text-indent: -9999px}
#cboxPrevious:hover {background-position: bottom left}
#cboxNext {position: absolute;top: 50%;right: 5px;margin-top: -32px;background: url(../images/controls.png) no-repeat top right;width: 28px;height: 65px;text-indent: -9999px}
#cboxNext:hover {background-position: bottom right}
#cboxClose {position: absolute;top: 5px;right: 5px;display: block;background: url(../images/controls.png) no-repeat top center;width: 38px;height: 19px;text-indent: -9999px}
#cboxClose:hover {background-position: bottom center}


/* client */
.client-swiper {margin: 0 0 100px;}
.client-swiper .container-width {position: relative;}
.client-swiper .swiper-container {width: 90%;}
.client-swiper .swiper-slide {border: 1px solid #eeeeee;text-align: center;height: 1rem;line-height: 1rem;overflow: hidden;cursor: pointer;}

.client-swiper .swiper-button-next,.client-swiper .swiper-button-prev {top: 50%;width: .17rem;height: .3rem;margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background-size: .17rem .3rem;opacity: 1 !important;}
.client-swiper .swiper-slide img {transition: all .3s;max-width: 100%;width: 33.3%;}
.client-swiper .swiper-slide:hover img {-webkit-transform: scale(1.1) rotate(1.2deg);-ms-transform: scale(1.1) rotate(1.2deg);transform: scale(1.1) rotate(1.2deg);}
.client-swiper .swiper-button-next {background-image: url(../images/about/arrow-r.png);right: 0;left: auto;}
.client-swiper .swiper-button-prev {background-image: url(../images/about/arrow-l.png);left: 0;right: auto;}

@media (max-width: 1230px) {
    .client-swiper {margin: 0 0 60px;}
    .client-swiper .swiper-slide {height: 80px;line-height: 80px;}
    .client-swiper .swiper-slide img {width: 40%;}
}


@media (max-width: 768px) {
    .client-swiper .swiper-container {width: 100%;}
    .client-swiper .swiper-slide {height: 90px;line-height: 90px;}
    .client-swiper .swiper-button-next,.client-swiper .swiper-button-prev {display: none;}
}

@media (max-width: 500px) {
    .client-swiper {margin: 0 0 20px;}
    .client-swiper .swiper-slide {height: 60px;line-height: 60px;}
}

.quali-fl {width: 58%;}
.quali-fl p img {width: 100%;}
.quali-fr {width: 40%;}
.quali-swiper .swiper-wrapper {position: relative;margin: .35rem 0;}
.quali-swiper .swiper-slide a {display: block;width: 100%;border: 1px solid #e5e5e5;padding: .2rem .25rem;}
.quali-swiper .swiper-slide a:hover {background-color: var(--sColor);}
.quali-swiper .swiper-slide a span {position: relative;display: inline-block;padding-left: .2rem;font-size: .18rem;color: #333333;}
.quali-swiper .swiper-slide a:hover span {color: #ffffff;}
.quali-swiper .swiper-slide a span::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid var(--sColor);border-bottom: 5px solid transparent;}
.quali-swiper .swiper-slide a:hover span::before {width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #ffffff;border-bottom: 5px solid transparent;}
.quali-swiper .swiper-btns {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.quali-swiper .swiper-button-next,.quali-swiper .swiper-button-prev {position: static;top: auto;bottom: 0;margin: 0 6px;width: .56rem;height: .3rem;margin-top: 0;background-image: none;background-size: none;opacity: 1 !important;background-color: #f5f5f5;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.quali-swiper .swiper-button-next i,.quali-swiper .swiper-button-prev i {color: #999999;font-size: .18rem;}
.quali-swiper .swiper-button-next:hover,.quali-swiper .swiper-button-prev:hover {background-color: var(--sColor);}
.quali-swiper .swiper-button-next:hover i,.quali-swiper .swiper-button-prev:hover i {color: #ffffff;}

.quali-swiper .swiper-slide a {
    color:red;
}
.third-box {margin: 1rem 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.third-box .third-con {padding-left: .22rem;}
.third-box .third-con h4 {font-size: .3rem;color: #333333;}
.third-box .third-con p {font-size: .16rem;color: #999999;}
.third-swiper {position: relative;width: 80%;}
.third-swiper .swiper-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.third-swiper .swiper-wrapper .swiper-slide {text-align: center;display: flex;align-items: center;justify-content: center;background-color: #f7f8fa;height: 1rem;}
.third-swiper .swiper-wrapper .swiper-slide img {transform: scale(.8);max-height: 1rem;max-width: 100%;}
.third-swiper .swiper-wrapper .swiper-slide a {display: block;}
.third-swiper .swiper-button-next,.third-swiper .swiper-button-prev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;top: 0;width: .4rem;height: 100%;margin-top: 0;background-image: none;opacity: 1 !important;background-color: var(--sColor);display: none;}
.third-swiper .swiper-button-next {right: 0;}
.third-swiper .swiper-button-prev {left: 0;}
.third-swiper .swiper-button-next i,.third-swiper .swiper-button-prev i {color: #ffffff;font-size: .18rem;}

@media (max-width: 1230px) {
    .quali-swiper .swiper-slide a span {font-size: 16px;}
    .third-box {margin: 40px 0;}
    .third-box .third-con h4 {font-size: 20px;}
    .quali-fl,.quali-fr {width: 49%;}
    .third-box .third-con {padding: 0 14px;}
    .quali-fl,.quali-fr {width: 100%;}
    .third-box .third-con p {font-size: 14px;}
    .quali-swiper .swiper-button-next, .quali-swiper .swiper-button-prev {width: 56px;height: 30px;}
    .quali-swiper .swiper-button-next i,.quali-swiper .swiper-button-prev i {font-size: 14px;}
}


@media (max-width: 768px) {
    .quali-fl {margin-top: 20px;}
    .quali-swiper .swiper-wrapper {margin: 25px 0;}
    .quali-swiper .swiper-slide a {padding: 10px 15px;}
    /* .third-swiper .swiper-wrapper .swiper-slide a img {max-width: 80%;} */
    .quali-swiper .swiper-slide a span {font-size: 14px;padding-left: 15px;}
    .quali-swiper .swiper-slide a span::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 0;border-top: 4px solid transparent;border-left: 8px solid var(--sColor);border-bottom: 4px solid transparent;}
    .quali-swiper .swiper-slide a:hover span::before {width: 0;height: 0;border-top: 4px solid transparent;border-left: 8px solid #ffffff;border-bottom: 4px solid transparent;}
    .third-box {-ms-flex-wrap: wrap;flex-wrap: wrap;border: none;margin: 30px 0;}
    .third-box .third-con,.third-box .third-swiper {width: 100%;}
    .third-box .third-con {text-align: center;padding: 15px 0;}
    .third-box .third-swiper {padding: 0;}
    .third-swiper .swiper-button-next, .third-swiper .swiper-button-prev {display: none;}
}


/* case */

.archive-box {padding-top: .2rem;}



.archive-box  ul.case-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: .5rem;}
.archive-box  ul.case-list li {width: 31%;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;margin-bottom: .3rem;}
.archive-box  ul.case-list li a {position: relative;display: block;}
.archive-box  ul.case-list li a .thum-zoom {position: absolute;width: 95%;height: 95%;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%) scale(0);-ms-transform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0);opacity: 0;visibility: hidden;text-align: center;background-color: rgba(0, 78, 162,.8);color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;padding: 15px;}
.archive-box  ul.case-list li:hover a .thum-zoom {-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.archive-box  ul.case-list li a .thum-zoom h4 {font-size: .18rem;margin-bottom: .2rem;}
.archive-box  ul.case-list li a .thum-zoom span {display: inline-block;padding: 10px 0;position: relative;font-size: .18rem;}
.archive-box  ul.case-list li a .thum-zoom span::before {content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 110%;height: 1px;background-color: #ffffff;}
.archive-box  ul.case-list li a .thum-zoom span::after {content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 110%;height: 1px;background-color: #ffffff;}
.archive-box  ul.case-list li a img.case-thum {width: 100%;height: 3rem;-o-object-fit: cover;object-fit: cover;}

.archive-box  ul.case-list li p {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: .28rem 0;}
.archive-box  ul.case-list li p a {font-size: .18rem;color: #333333;}
.archive-box  ul.case-list li p a.case-ico {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 50%;width: .4rem;height: .4rem;text-align: center;background-color: #f5f5f5;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.archive-box  ul.case-list li:hover p a.case-ico {background-color: var(--sColor);}
.archive-box  ul.case-list li:hover p a.case-ico img {-webkit-filter: grayscale(100%) brightness(1000%);filter: grayscale(100%) brightness(1000%);}

.case-btm {background-color: #eeeeee;}
.case-btm.product-recom ul li>a .product-thum p {font-size: .2rem;}
.case-btm.product-recom ul li>a img {height: 1.9rem;transition: all .3s;}
.case-btm.product-recom ul li>a {overflow: hidden;}
.case-btm.product-recom ul li:hover>a img {transform: scale(1.1);}
.case-btm .product-relist li.swiper-slide .case-con {width: 100%;padding: .2rem .16rem;background-color: #fff;}
.case-btm .product-relist li.swiper-slide h3 {margin-bottom: .12rem;}
.case-btm .product-relist li.swiper-slide h3 a {font-size: .16rem;display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-btm.product-recom ul li:hover h3 a {color: var(--sColor);}
.case-btm .product-relist li.swiper-slide p {font-size: .14rem;min-height: .4rem;color: #999999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

@media (max-width: 1230px) {
    .archive-box ul.case-list li {margin-bottom: 20px;}
    .archive-box ul.case-list li p {margin: 15px 0;}
    .archive-box ul.case-list li p a {font-size: 15px;}
    .archive-box ul.case-list li a .thum-zoom h4 {font-size: 16px;margin-bottom: 20px;padding: 0 5px;}
    .archive-box ul.case-list li a .thum-zoom span {font-size: 14px;padding: 6px 0;}
    .archive-box ul.case-list li a img.case-thum {height: 215px;}
    .archive-box ul.case-list li p a.case-ico {width: 30px;height: 30px;}
    .archive-box ul.case-list li p a.case-ico img {width: 15px;}




}

@media (max-width: 960px) {
    .case-btm.product-recom ul li>a img {height: 220px;}
}
@media (max-width: 920px) {
    .archive-box ul.case-list li {margin-bottom: 0;}
    .archive-box ul.case-list li p a.case-ico {display: none;}
    .archive-box ul.case-list li a .thum-zoom h4 {font-size: 14px;margin-bottom: 10px;}
    .archive-box ul.case-list li a .thum-zoom span {font-size: 14px;}
    .archive-box ul.case-list li p a {font-size: 14px;}
    /* .case-btm .product-relist li.swiper-slide h3 a {font-size: 14px;}
    .case-btm .product-relist li.swiper-slide p {font-size: 12px;} */
}

@media (max-width: 768px) {
    .archive-box {padding-top: 0;}
    .archive-box ul.case-list {margin-top: 30px;}
    .archive-box ul.case-list li {width: 49%;}
    .archive-box ul.case-list li p a {word-break: break-all;}
    .archive-box ul.case-list li a img.case-thum {height: auto;}
    .case-btm.product-recom ul li>a img {height: 160px;}
    .archive-box ul.case-list li a .thum-zoom h4 {font-size: 12px;}
    .archive-box ul.case-list li a .thum-zoom span {font-size: 12px;}
    .case-btm .product-relist li.swiper-slide .case-con {padding: 15px 8px;}
    .case-btm .product-relist li.swiper-slide h3 {margin-bottom: 0;}
    .case-btm .product-relist li.swiper-slide h3 a {font-size: 14px;}
    .case-btm .product-relist li.swiper-slide p {font-size: 13px;display: none;}
}
@media (max-width: 500px) {
    .case-btm {padding-top: 10px;}
    .case-btm.product-recom .recom-t p {font-size: 16px;margin-right: 4px;}
    .case-btm.product-recom ul li>a img {height: 120px;}
}

.single-top {text-align: center;margin: .5rem 0 .25rem;}
.single-top h1 {margin-bottom: .15rem;font-size: .3rem;color: #333333;}
.single-top .single-meta span {display: inline-block;margin: 0 .15rem; font-size: .14rem;color: #999999;}
.single-content {
    padding: .3rem 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: .16rem;
    color: #444444;
    line-height: 2;
    word-break: break-word;
}
.single-content > * {margin: 0;padding: 0;}
.single-content > h1 + *,
.single-content > h2 + *,
.single-content > h3 + *,
.single-content > h4 + *,
.single-content > h5 + *,
.single-content > h6 + *,
.single-content > p + p,
.single-content > div + p,
.single-content > p + div {margin-top: .25rem;}
.single-content > div + div {margin-top: .2rem;}
/* 段落 */
.single-content p {
    line-height: 2;
    color: #444444;
    font-size: .155rem;
    margin: .2rem 0 0;
}
.single-content p:first-child {margin-top: 0;}
.single-content p img {margin: .25rem 0;max-width: 100%;width: 100%;height: auto;}
/* 标题层级 */
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
    font-weight: bold;
    color: #1a1a1a;
    line-height: 1.4;
    margin: .5rem 0 0;
}
.single-content h1:first-child,
.single-content h2:first-child,
.single-content h3:first-child {margin-top: 0;}
.single-content h1 {font-size: .26rem;border-bottom: 2px solid #0f47aa;padding-bottom: .12rem;}
.single-content h2 {font-size: .22rem;color: #0f47aa;}
.single-content h3 {font-size: .18rem;color: #333333;font-weight: 600;}
.single-content h4 {font-size: .165rem;color: #444444;}
.single-content h5 {font-size: .155rem;color: #555555;}
.single-content h6 {font-size: .145rem;color: #666666;}
/* 列表 */
.single-content ul,
.single-content ol {
    margin: .15rem 0 0;
    padding-left: .35rem;
}
.single-content ul {list-style: disc;}
.single-content ol {list-style: decimal;}
.single-content li {
    margin: .1rem 0 0;
    line-height: 2;
    color: #444444;
    font-size: .155rem;
}
.single-content li:first-child {margin-top: 0;}
.single-content li > ul,
.single-content li > ol {
    margin: .08rem 0 0;
    padding-left: .25rem;
}
.single-content li > ul {list-style: circle;}
/* 引用块 */
.single-content blockquote {
    margin: .25rem 0 0;
    padding: .15rem .2rem;
    border-left: 4px solid #0f47aa;
    background-color: #f5f8ff;
    color: #555555;
    font-style: normal;
    border-radius: 0 4px 4px 0;
}
.single-content blockquote p {margin: 0;color: #555555;line-height: 2;}
/* 强调 */
.single-content strong,
.single-content b {font-weight: bold;color: #1a1a1a;}
.single-content em,
.single-content i {font-style: italic;}
/* 链接 */
.single-content a {color: #0f47aa;text-decoration: none;}
.single-content a:hover {text-decoration: underline;}
/* 代码 */
.single-content code {
    font-family: 'Courier New', Courier, monospace;
    background-color: #f0f0f0;
    padding: .02rem .06rem;
    border-radius: 3px;
    font-size: .9em;
    color: #c7254e;
}
.single-content pre {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: .15rem .2rem;
    overflow-x: auto;
    margin: .25rem 0 0;
}
.single-content pre code {
    background: none;
    padding: 0;
    color: #333333;
    font-size: .14rem;
}
/* 图片 */
.single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: .2rem 0 0;
}
/* 表格 */
.single-content table {
    width: 100%;
    border-collapse: collapse;
    margin: .25rem 0 0;
    font-size: .14rem;
}
.single-content table th,
.single-content table td {
    border: 1px solid #e0e0e0;
    padding: .1rem .15rem;
    text-align: left;
}
.single-content table th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #1a1a1a;
}
/* 分隔线 */
.single-content hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: .3rem 0 0;
}
.pg-view ul {margin: .35rem 0 .4rem;}
.pg-view ul li {float: left;width: 50%;font-size: .16rem;color: #999999;}
.pg-view ul li:last-of-type {text-align: right;}
.pg-view ul li a {font-size: .16rem;color: #999999;}
.pg-view ul li:hover,.pg-view ul li:hover a {color: var(--sColor);}

@media (max-width: 1230px) {
    .single-top h1 {font-size: 24px;}
    .single-content {padding: 20px 0;font-size: 15px;color: #444444;line-height: 1.9;}
    .single-content p {line-height: 1.9;font-size: 15px;}
    .single-content > h1 + *,
    .single-content > h2 + *,
    .single-content > h3 + *,
    .single-content > p + p,
    .single-content > p + div,
    .single-content > div + p {margin-top: 18px;}
    .single-content h1 {font-size: 22px;padding-bottom: 10px;}
    .single-content h2 {font-size: 19px;}
    .single-content h3 {font-size: 16px;}
    .single-content h4 {font-size: 15px;}
    .single-content li {line-height: 1.9;font-size: 15px;}
    .single-top {text-align: center;margin: 30px 0 20px;}
    .pg-view ul {margin: 30px 0 60px;}
    .pg-view ul li {font-size: 14px;}
    .pg-view ul li a {font-size: 14px;}
    .single-top .single-meta span {font-size: 14px;}
}

@media (max-width: 920px) {
    .single-top h1 {margin-bottom: 15px;font-size: 26px;}
}

@media (max-width: 768px) {
    .single-top h1 {margin-bottom: 10px;font-size: 20px;}
    .single-top .single-meta span {margin: 0 8px;}
    .single-content {font-size: 14px;padding: 15px 0;color: #444444;line-height: 1.85;}
    .single-content p {line-height: 1.85;font-size: 14px;}
    .single-content > h1 + *,
    .single-content > h2 + *,
    .single-content > h3 + *,
    .single-content > p + p,
    .single-content > p + div,
    .single-content > div + p {margin-top: 14px;}
    .single-content h1 {font-size: 18px;padding-bottom: 8px;}
    .single-content h2 {font-size: 16px;}
    .single-content h3 {font-size: 15px;}
    .single-content h4 {font-size: 14px;}
    .single-content li {line-height: 1.85;font-size: 14px;}
    .single-content ul,
    .single-content ol {padding-left: .28rem;}
    .pg-view ul {margin: 30px 0;}
    .pg-view ul li, .pg-view ul li a {width: 100%;font-size: 14px;}
    .pg-view ul li:last-of-type {text-align: left;margin-top: 10px;}
}

@media (max-width: 500px) {
    .single-top h1 {font-size: 16px;margin-bottom: 5px;}
    .single-content {font-size: 13px;line-height: 1.8;}
    .single-content p {line-height: 1.8;font-size: 13px;}
    .single-content > h1 + *,
    .single-content > h2 + *,
    .single-content > h3 + *,
    .single-content > p + p,
    .single-content > p + div,
    .single-content > div + p {margin-top: 12px;}
    .single-content h1 {font-size: 16px;padding-bottom: 6px;}
    .single-content h2 {font-size: 14px;}
    .single-content h3 {font-size: 13px;}
    .single-content li {line-height: 1.8;font-size: 13px;}
    .single-content ul,
    .single-content ol {padding-left: .22rem;}
    .single-top .single-meta span {font-size: 12px;}
}


.product-nav {border-bottom: 1px solid #e5e5e5;margin-top: .6rem;}
.product-nav ul {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;padding-bottom: .2rem;}
.product-nav ul li {position: relative;float: left;padding: 0 .3rem;transition: all .3s;}
.product-nav ul li::after {content: '';position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: .18rem;background-color: #a0a0a0;transition: all .3s;}
.product-nav ul li:last-of-type::after {display: none;}
.product-nav ul li a {position: relative;display: inline-block;font-size: .18rem;color: #333333;transition: all .3s;}
.product-nav ul li a:hover,.product-nav ul li.current-cat a,.product-nav ul li.current-cat-parent a {font-weight: bold;color: var(--sColor);transition: all .3s;}

.cat-item-none {display: none !important;}

.product-list {padding-bottom: .5rem;overflow: hidden;}
.product-left {width: 24.5%;margin-top: .5rem;padding-right: .4rem;}
.product-left .product-t {background-color: var(--sColor); color: #ffffff; padding: .2rem 0 .2rem .2rem; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center;position: relative;}
.product-left .product-t i {display: none;position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #ffffff;font-style: normal;right: 10px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;}
.product-left .product-t h2 {font-size: .24rem;}
.product-left .product-t .icons {margin-right: 0.15rem;}
.product-left .product-t .icons img {width: 0.32rem;}
.product-left .product-t p {font-size: .14rem;text-transform: capitalize;margin-top: 0.05rem;}
.product-left ul li {border: 1px solid #e5e5e5;border-top: none;transition: all .8s;}
/* .product-left>ul>li:hover>a,.product-left>ul>li.current-cat>a,.product-left ul.children li:hover>a,.product-left ul.children li.current-cat>a {border-bottom: 1px solid var(--sColor);-webkit-box-shadow: 3px 0px 0 var(--sColor) inset;box-shadow: 3px 0px 0 var(--sColor) inset;} */
.product-left ul.children {background-color: #eeeeee;color: #ffffff;max-height: 0;overflow: hidden;transition: all 1.8s;}
.product-left ul.children li {border: none;border-top: 1px solid #cccccc;}

.product-left ul li:hover ul.children {max-height: 100vh;}
.product-left ul li:hover,.product-left ul li.active {background-color: #035cb6;}
.product-left ul li:hover a,.product-left ul.children li:hover a,.product-left ul li.active a {color: #ffffff;}
.product-left ul li a {display: block;width: 100%;padding: .22rem .22rem .22rem .42rem; position: relative;font-size: .18rem;color: #333333;transition: all .3s;}
.product-left>ul>li>a {font-weight: bold;}
.product-left ul li a::after {content: '»';position: absolute;right: 22px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;color: #333;transition: all .3s;}
.product-left ul.children li a,.product-left ul.children li a::after {color: #333;}
.product-left>ul>li:hover>a::after,.product-left ul.children>li:hover>a::after,.product-left>ul>li.active>a::after {color: #ffffff;}
/* .product-left>ul>li:hover>a::after,.product-left>ul>li.current-cat>a::after,.product-left ul.children>li.current-cat>a::after,.product-left ul.children>li:hover a::after {color: var(--sColor);} */
/* .product-left>ul>li.current-cat>a,.product-left ul.children li:hover a {color: var(--sColor);} */

.product-right {padding-top: .5rem;width: 75%;padding-left: .4rem;border-left: 1px solid #e5e5e5;}
.product-right>ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-ms-flex-wrap: wrap;flex-wrap: wrap; overflow: hidden;}
.product-right>ul li {float: left;width: 32%;margin-right: 1%;}
.product-right>ul li>a {position: relative;display: block;transition: all .6s;}
.product-right>ul li>a img {width: 100%;height: 2.4rem;background-size: cover;}
.product-right>ul li>a .product-thum {position: absolute;width: 95%;height: 95%;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%) scale(0);-ms-transform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0);opacity: 0;visibility: hidden;text-align: center;background-color: rgba(0, 78, 162,.8);color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transition: all .6s;}
.product-right>ul li a:hover .product-thum {-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.product-right>ul li>a .product-thum p {font-size: .22rem;margin-bottom: .22rem;}
.product-right>ul li>a .product-thum span {position: relative;position: relative;font-size: .16rem;padding: .10rem 0;}
.product-right>ul li>a .product-thum span::before {content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 110%;height: 1px;background-color: #ffffff;}
.product-right>ul li>a .product-thum span::after {content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 110%;height: 1px;background-color: #ffffff;}
.product-right>ul li h3 {text-align: center;margin: .3rem 0;}
.product-right>ul li h3 a {display: block;width: 100%;font-size: .18rem;}
.product-right>ul li:hover h3 a {color: var(--sColor);}
.t400 {margin: 0.2rem 0;}
.t400 b {font-size: 0.26rem;color: var(--sColor);;}
@media (max-width: 1230px) {
    .product-nav {margin-top: 30px;}
    .product-left {width: 24%;padding-right: 3%;}
    .product-right {width: 75%;padding-left: 4%;}
    .product-left {margin-top: 30px;}
    .product-right {padding-top: 30px;}
    .product-left .product-t h2 {font-size: 18px;}
    .product-left ul li a {font-size: 14px;padding: 15px 10px;}
    .product-left ul li a::after {right: 10px;}
    .product-right>ul li h3 {margin: 10px 0;}
    .product-right>ul li h3 a {font-size: 14px;}
    .product-right>ul li>a img {height: 150px;}
    .product-right>ul li>a .product-thum p {font-size: 14px;margin-bottom: 12px;}
    .product-right>ul li>a .product-thum span {font-size: 15px;padding: 4px 0;}
}

@media (max-width: 1020px) {
    .product-nav ul li {padding: 0 20px;}
    .product-left {padding-right: 20px;}
    .product-right {padding-left: 20px;}
    .product-right>ul li {margin-bottom: 0;}
    .product-right>ul li>a .product-thum span {padding: 5px 0;font-size: 14px;}

}

@media (max-width: 768px) {
    .product-list {padding-bottom: 0;}
    .product-nav {margin-top: 0;}
    .product-nav ul {width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-bottom: 15px;flex-wrap: wrap;}
    .product-nav ul li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 0;text-align: center;}
    .product-nav ul li::after {display: none;}
    .product-nav ul li a {font-size: 14px;}
    .product-right>ul li>a img {height: 140px;}
    .product-left {display: block;width: 100%;padding-right: 0;}
    .left-cat {display: none;}
    .product-left .product-t i {display: inline-block;}
    .product-left .product-t h2 {font-size: 16px;}
    .product-left .product-t p {display: none;}
    .product-right {width: 100%;padding: 0;padding-top: 20px;border: none;}
    .product-right>ul li {width: 49%;}
}

@media (max-width: 400px) {
    .product-nav ul li a {font-size: 12px;}
}

@media (max-width: 375px) {
    .product-right>ul li>a img {height: 110px;}
}
.product-single {margin: .75rem 0;}
.product-single .container-width {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.product-single .pro-imgs {float: left;width: 49%;overflow: hidden;}
.product-single .pro-imgs .product-swiper {position: relative;}
.product-single .pro-imgs .swiper-container .swiper-slide img {cursor: pointer;height: auto;}
.product-single .pro-imgs .product-swiper .swiper-button-next,.product-single .pro-imgs .product-swiper .swiper-button-prev {background-image: none;opacity: 1 !important;width: auto;height: auto;margin: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.product-single .pro-imgs .product-swiper .swiper-button-next {right: -10px;}
.product-single .pro-imgs .product-swiper .swiper-button-prev {left: -10px;}
.product-single .pro-imgs .product-swiper .swiper-button-next i,.product-single .pro-imgs .product-swiper .swiper-button-prev i {color: #999999;font-size: 32px;}
.product-single .pro-imgs .swiper-container {width: 90%;margin-top: .28rem;}
.product-single .pro-imgs img {width: 100%;}


.product-single .pro-con {float: right;width: 45%;overflow: hidden;margin-top: 0;}
.product-single .pro-con h1 {font-size: .32rem;}
.product-single .pro-con h3 {font-size: 0.26rem;font-weight: bold;margin-bottom: 0.1rem;}
.product-single .pro-con .pro-content {font-size: .18rem;color: #999999;}
.product-single .pro-con .pro-content p {line-height: .28rem;}
.product-single .pro-con .pro-infoBox {margin: .2rem 0 0;}
.product-single .pro-con .pro-infoBox .pro-spe {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.product-single .pro-con .pro-infoBox .pro-spe p {display: inline-block;margin-right: .1rem;font-size: .2rem;background-color: var(--sColor);color: #ffffff;padding: .1rem .2rem;}
.product-single .pro-con .pro-infoBox .pro-spe span {font-size: .16rem;}

.product-single .pro-con .pro-infoBox ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.product-single .pro-con .pro-infoBox ul li {padding: .15rem  .15rem .15rem;border-bottom: 1px solid #e5e5e5;width: 50%;font-size: .18rem;color: #999999;}
.product-single .pro-con .pro-infoBox ul li:nth-of-type(n+5) {width: 100%;}


.product-single .pro-con .pro-infoBox .pro-meta table {font-size: .18rem;color: #999999;}
.product-single .pro-con .pro-infoBox .pro-meta table tr td {padding: .3rem 0 .2rem .25rem;border-bottom: 1px solid #e5e5e5;}

.product-recom .recom-t {padding: .2rem .15rem;}
.product-recom .recom-t p {display: inline-block;font-size: .24rem;margin-right: .1rem;}
.product-recom .recom-t span {font-size: .16rem;}
.product-recom .product-relist {padding: .05rem 0 .4rem;}
/* .product-recom ul {overflow: hidden;display: flex;justify-content: space-between;} */
.product-recom ul li {width: 24%;}
.product-recom ul li>a {position: relative;display: block;}
.product-recom ul li>a img {width: 100%;height: 2.05rem;}
.product-recom ul li>a .product-thum {position: absolute;width: 95%;height: 95%;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%) scale(0);-ms-transform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0);opacity: 0;visibility: hidden;text-align: center;background-color: rgba(0, 78, 162,.8);color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transition: all .6s;}
.product-recom ul li a:hover .product-thum {-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.product-recom ul li>a .product-thum p {font-size: .24rem;margin-bottom: .22rem;}
.product-recom ul li>a .product-thum span {position: relative;font-size: .18rem;padding: .1rem 0;}
.product-recom ul li>a .product-thum span::before {content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 110%;height: 1px;background-color: #ffffff;}
.product-recom ul li>a .product-thum span::after {content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 110%;height: 1px;background-color: #ffffff;}
.pro-mobile {display: none;overflow: hidden;}
.pro-table {margin-top: 0.5rem;}
.pro-table .pro-spe {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.pro-table .pro-spe p {display: inline-block;font-size: .2rem;background-color: var(--sColor);color: #ffffff;padding: 0.1rem 0.2rem ;}
.pro-table .pro-infoBox {width: 100%;}
.pro-table .pro-infoBox table {width: 100%;border-collapse:collapse;border-spacing:0;margin-top: 0.5rem;border:1px solid #333;border-right: 0;border-bottom: 0;}
.pro-table .pro-infoBox table td{padding: 0;border:1px solid #333;border-collapse: collapse;border-spacing: 0;padding: 5px 0;border-left: 0; border-top: 0;position: relative;text-align: center;}
.pro-table .pro-infoBox table tr {}
.pro-table .pro-infoBox table td * {display: inline-block;width: 100%;height: 100%;}
.pro-table .pro-infoBox table td span {display: flex;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);justify-content: center;align-items: center;}
@media (max-width: 1230px) {
    .product-single {margin: 55px 0 60px;}
    .product-single .pro-con {width: 48%;}
    .product-single .pro-con h1 {font-size: 24px;}
    .product-single .pro-con .pro-infoBox ul li {font-size: 14px;padding: 15px 0 10px 10px;}
    .product-single .pro-con .pro-infoBox .pro-meta table {font-size: 14PX;}
    .product-single .pro-con .pro-infoBox .pro-meta table tr td {padding: 15px 0 10px 10px;}
    .product-single .pro-con .pro-infoBox {margin: 25px 0 0;}
    .product-single .pro-con .pro-content {font-size: 16px;}
    .product-single .pro-con .pro-content p {line-height: 20px;}
    .product-single .pro-con .pro-infoBox .pro-spe p {font-size: 18px;}
    .product-single .pro-con .pro-infoBox .pro-spe span {font-size: 14px;}
    .product-single .pro-imgs .swiper-container .swiper-slide img {}
    .product-recom .recom-t {padding: 20px 0;}
    .product-recom .recom-t p {font-size: 22px;}
    .product-recom ul li>a img {height: auto;object-fit: cover;}
    .product-single .pro-con .pro-infoBox .pro-spe {padding: 10px;}
    .product-recom ul li>a .product-thum p {font-size: 20px;margin-bottom: 20px;}
    .product-recom ul li>a .product-thum span {font-size: 16px;padding: 6px 0;}
}


@media (max-width: 960px) {
    .product-single .pro-imgs .swiper-container {margin-top: 15px;}
    .product-single .pro-imgs .product-swiper .swiper-button-next i, .product-single .pro-imgs .product-swiper .swiper-button-prev i {font-size: 18px;}
    .product-single .pro-con {margin-top: 0;}
    .product-single .pro-con h1 {margin-bottom: 10px;}
    .product-single .pro-con .pro-infoBox {margin: 14px 0 0;}
    .product-single .pro-con .pro-infoBox .pro-spe {padding: 15px 12px;}
    .product-single .pro-con .pro-infoBox .pro-spe span {font-size: 13px;}
    .product-single .pro-con .pro-infoBox ul li {width: 100%;}
    .product-recom .recom-t p {font-size: 20px;}
    .product-recom .recom-t span {font-size: 13px;}
    .product-recom ul li>a .product-thum p {font-size: 16px;}
    .product-recom ul li>a img {height: 150px;}
}

@media (max-width: 768px) {
    .product-single {margin: 35px 0 40px;}
    .product-single .pro-imgs .product-swiper .swiper-button-prev {left: 0;}
    .product-single .pro-imgs .product-swiper .swiper-button-next {right: 0;}
    .product-single .container-width {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .product-single .pro-imgs .swiper-container {margin-top: 15px;margin-bottom: 20px;}
    .pro-mobile,.pro-mobile .pro-imgs {display: block  !important;width: 100%;}
    .product-single .pro-con .pro-infoBox {margin: 0;}
    .product-single .pro-imgs {display: none;}
    .product-single .pro-con {width: 100%;}
    .product-single .pro-con h1 {font-size: 20px;margin-bottom: 20px;}
    .product-single .pro-con .pro-infoBox .pro-spe {padding: 0;}
    .product-single .pro-con .pro-infoBox .pro-spe p {font-size: .2rem;}
    .t400 b {font-size: 16px;}
}

.content {margin: .45rem 0;font-size: .18rem;color: #333333;}
.content img {width: 100%;height: auto;margin: .4rem 0;}

@media (max-width: 1230px) {
    .content {font-size: .16rem;margin: .3rem 0;}
}
.search-t {padding: .5rem 0;}
.search-t .container-width {position: relative;}
.search-t .page-title h3 {text-align: left;font-size: .48rem;}
.search-t .page-title span {left: 0;bottom: 0;width: auto;-webkit-transform: none;-ms-transform: none;transform: none;font-size: .72rem;}


.search-select {margin-bottom: .2rem;}
.search-select select {font-size: .18rem;color: #333333;border: 1px solid #e7e7e7;border-radius: 30px;padding: .08rem .15rem;width: 1.36rem;outline: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative;background: #ffffff url(../images/news/arrow-bg.png) no-repeat scroll 90% center;margin-right: .2rem;}
.search-select select.selected {background: var(--sColor) url(../images/news/active-bg.png) no-repeat scroll 90% center;color: #ffffff;}
.search-select select option::-ms-expand{ display: none; }
.search-select select option{-moz-appearance:none;-webkit-appearance:none;appearance:none;}


ul.search-list li {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;padding: .4rem 0;border-bottom: 1px solid #dcdcdc;}
ul.search-list li>a {display: block;margin-right: .4rem;overflow: hidden;width: 2.18rem;}
ul.search-list li>a img {width: 100%;height: 1.45rem;transition: all .3s;}
ul.search-list li h3 a {font-size: .24rem;color: #333333;}
ul.search-list li p {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: .18rem;position: absolute;right: 55px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
ul.search-list li p a {font-size: .18rem;color: #999999;}
ul.search-list li p .search-ico {display: inline-block;width: .19rem;height: .11rem;background: url(../images/news/arrow-r.png);margin-left: .1rem;background-size: .19rem .11rem;transition: all .3s;}
ul.search-list li:hover>a img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
ul.search-list li:hover h3 a,ul.search-list li p a {color: var(--sColor);}
ul.search-list li:hover p .search-ico {background: url(../images/news/active-r.png);background-size: .19rem .11rem;}

@media (max-width: 960px) {
    .search-t {padding: 30px 0;}
    .search-t .page-title h3 {font-size: 35px;}
    .search-t .page-title span {font-size: 50px;}
    .search-select select,.search-select select.selected {font-size: 16px;width: 120px;background-size: 8px 6px;}
    ul.search-list li {padding: 22px 0;}
    ul.search-list li>a {margin-right: 25px;}
    ul.search-list li h3 a {font-size: 20px;}
    ul.search-list li p {right: 25px;}
    ul.search-list li p a {font-size: 16px;}
    ul.search-list li p .search-ico, ul.search-list li:hover p .search-ico {width: 16px;height: 8px;background-size: 16px 8px;margin-left: 0;}
}

@media (max-width: 768px) {
    .search-t {padding-top: 0;}
    .search-t .page-title h3 {font-size: 25px;}
    .search-t .page-title span {font-size: 40px;}
    .search-select {margin-bottom: 10px;}
    .search-select select, .search-select select.selected {width: 110px;}
    ul.search-list li>a {width: 230px;margin-right: 15px;}
    ul.search-list li h3 {width: 60%;}
    ul.search-list li h3 a {font-size: 16px;}
    ul.search-list li p {right: 0;bottom: 40px;top: auto;-webkit-transform: none;-ms-transform: none;transform: none;}
    ul.search-list li p a {font-size: 14px;}
}


.not-found {text-align: center;padding: .5rem 0;}
.not-found h2 {font-size: .48rem;color: #a7aabd;font-weight: bold;margin-bottom: .25rem;}
.not-found h3 {font-size: .22rem;color: #a7aabd;}
.not-found img {max-width: 100%;pointer-events: none;margin: .35rem 0;}
.not-found p {font-size: .18rem;color: #999999;margin-bottom: .15rem;}
.not-found p a {font-size: .18rem;color: var(--sColor);}
.not-found p:first-of-type a {border-bottom: 1px solid var(--sColor);}

@media (max-width: 768px) {
    .not-found {padding: 10px 0 30px;}
    .not-found h2 {font-size: 40px;margin-bottom: 10px;}
    .not-found h3 {font-size: 20px;}
    .not-found img {margin: 20px 0;}
    .not-found p,.not-found p:first-of-type a,.not-found p a {font-size: 16px;margin-bottom: 10px;}
}

.join-box {margin-bottom: 1rem;}
.join-box .container-width {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.join-box .container-width .join-img img {pointer-events: none;width: 3.6rem;}

.join-box .container-width .join-con {width: 68%;margin-top: .5rem;}
.join-box .container-width .join-con h3 {color: var(--sColor);margin-bottom: .25rem;}
.join-box .container-width .join-con h3 em {display: inline-block;margin-right: .06rem;font-weight: bold;font-size: .3rem;font-style: normal;vertical-align: bottom;}
.join-box .container-width .join-con h3 span {font-size: .18rem;font-family: Arial;}
.join-box .container-width .join-con .join-dream {position: relative;padding: .32rem .16rem;line-height: 1.5;font-size: .18rem;color: #333333;-webkit-box-shadow: 0 0 12px 1px #eee;box-shadow: 0 0 12px 1px #eee;background-color: #ffffff;}
.join-box .container-width .join-con .join-dream::after {content: '“';position: absolute;right: 5%;font-size: 1.2rem;color: var(--sColor);font-weight: bold;font-family: Arial;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);bottom: -0.6rem;}
.join-box .container-width .join-con .join-info {margin-top: 40px;}
.join-box .container-width .join-con .join-info p {font-size: .16rem;margin-bottom: .1rem;}
.join-box .container-width .join-con .join-info p:nth-of-type(1) {font-size: .16rem;color: var(--sColor);}
.join-box .container-width .join-con .join-info p:nth-of-type(2) {color: #666666;line-height: .25rem;}
.join-box .container-width .join-con .join-info p:nth-of-type(3) {color: #333333;}


/* .join-btm {margin: 70px 0 100px;} */

.job-selctions {margin: .4rem 0 .8rem;}
.job-menu {margin: .2rem 0;}
.job-menu-item {margin-top: .3rem;background-color: #f2f2f2;padding: 0 .25rem 0 .5rem;border-left: 5px solid var(--mColor);line-height: .45rem;height: .45rem;cursor: pointer;position: relative;transition: none;}
.job-menu-item p {font-size: .16rem;color: #333;float: left;pointer-events: none;flex: 1;}
.job-menu-item i {font-style: normal;font-size: .25rem;color: var(--mColor);cursor: pointer;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: .25rem;pointer-events: none;}
.job-menu-item.on i {color: var(--sColor);-webkit-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
.flex-job {overflow: hidden;display: flex;}
.job-item {margin: 0;display: none;border: 1px solid #e5e5e5;border-top: none;transition: none;}
.job-box {padding: .5rem .45rem;}
.job-item-hide {height: 0;display: none;}
.job-item-show {height: auto;display: block;border: 1px solid #e5e5e5;border-top: none;}
.job-item p {font-size: .14rem;color: #999999;line-height: 2;}
a.contact-btn {background-color: var(--mColor);padding: .08rem .2rem;color: #fff;display: inline-block;margin-top: .3rem;font-size: 0.14rem;}
.contact-job {margin: .5rem 0 .3rem;}
a.contact-btn:hover {background-color: #2f79ea;}

@media (max-width: 1230px) {
    .join-img {flex: 1;margin-right: 30px;}
    .join-box .container-width .join-con {width: 60%;}
    .join-box .container-width .join-con h3 em {font-size: 26px;}
    .join-box .container-width .join-con h3 span {font-size: 16px;}
    .join-box .container-width .join-con .join-dream {padding: 20px 15px;font-size: 16px;}
    .join-box .container-width .join-con .join-dream::after {font-size: 135px;bottom: -68px;}
    .join-box .container-width .join-con .join-info p:nth-of-type(1) {font-size: 16px;margin-bottom: 10px;}
    .join-box .container-width .join-con .join-info p:nth-of-type(2) {font-size: 14px;line-height: 25px;}
    .join-box .container-width .join-con .join-info p:nth-of-type(3) {font-size: 14px;}
    .job-menu-item {height: 35px;line-height: 35px;font-size: 14px;}
    .join-box .container-width .join-img img {width: 100%;}
    a.contact-btn {font-size: 14px;}
}




@media (max-width: 960px) {
    .job-menu-item p {margin-right: 40px;}
    .join-box .container-width .join-con {margin-top: 0;}
    .join-box .container-width .join-img {width: 36%;}

    .join-box .container-width .join-con .join-info p:nth-of-type(2) br {display: none;}
}


@media (max-width: 768px) {
    .join-box .container-width .join-img {display: none;}
    .join-box .container-width .join-con {width: 100%;}
    .join-btm {margin: 30px 0;}
    .flex-job {flex-wrap: wrap;}
    .job-menu-item {overflow: auto;padding: 0 10px;height: auto;line-height: 40px;}
    .job-menu-item i {font-size: 18px;top: 0;transform: none;-webkit-transform: none; -ms-transform: none;}
    .job-menu-item.on i {color: var(--sColor);-webkit-transform: translateY(0) rotate(90deg);-ms-transform: translateY(0) rotate(90deg);transform: translateY(0) rotate(90deg);}
    .job-menu-item p {font-size: 14px;margin-right: 0;flex: 0 1 100%;display: none;opacity: 0;visibility: hidden;}
    .job-menu-item p:first-of-type {display: block;opacity: 1;visibility: visible;}
    .job-menu-item.on p {display: block;opacity: 1;visibility: visible;}
    .job-box {padding: 25px 15px;}
}

@media (max-width: 500px) {
    .join-box .container-width .join-con {margin-top: 20px;}
    .join-box .container-width .join-con h3 {margin-bottom: 20px;}
    .join-box .container-width .join-con h3 em {font-size: 22px;vertical-align: unset;}
    .join-box .container-width .join-con h3 span {font-size: 14px;}
    .join-box .container-width .join-con .join-dream {padding: 18px 12px;}
    .join-box .container-width .join-con .join-dream::after {font-size: 120px;bottom: -60px;}
    .join-box .container-width .join-con .join-info p {font-size: 14px;margin-bottom: 10px;}
}

@media (max-width: 420px) {
    .join-box .container-width .join-con .join-dream::after {font-size: 100px;bottom: -50px;}
}


/* news */
.hot-news {-webkit-box-shadow: 0 6px 0 var(--sColor) inset;box-shadow: 0 6px 0 var(--sColor) inset;padding: .15rem .1rem .1rem;border: 1px solid #e5e5e5;border-top: none;margin-top: .4rem;}
.hot-news h3 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; font-size: 24px;color: #333333;padding-bottom: .1rem;border-bottom: 1px solid #e5e5e5;text-align: center;}
.hot-news h3 i {display: inline-block;margin: .05rem .05rem 0 0;font-size: .3rem;color: var(--sColor);}
.hot-news ul li {border: none;margin: .16rem 0;}
.hot-news ul li a {padding: 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: .14rem;color: #545454;padding-left: .3rem;overflow: hidden;}
.hot-news ul li:hover {border-bottom: none;-webkit-box-shadow:none;box-shadow:none;background-color: unset;}
.hot-news ul li:hover a {color: var(--sColor);}
.hot-news ul li a::before {content: '1';position: absolute;left: 0;top: 2px;width: .2rem;height: .2rem;line-height: .2rem;font-size: .14rem;background-color: #999999;color: #ffffff;text-align: center;}
.hot-news ul li:nth-of-type(2) a::before {content: '2';}
.hot-news ul li:nth-of-type(3) a::before {content: '3';}
.hot-news ul li:nth-of-type(4) a::before {content: '4';}
.hot-news ul li:nth-of-type(5) a::before {content: '5';}
.hot-news ul li:nth-of-type(6) a::before {content: '6';}
.hot-news ul li:nth-of-type(7) a::before {content: '7';}
.hot-news ul li:nth-of-type(-n+3) a::before,.hot-news ul li:hover a::before {background-color: var(--sColor);}
.hot-news ul li a::after {display: none;}
.news-list {margin-top: 0;}
.news-list .container-width {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.news-list .product-left {margin-top: 0;}
.news-list .container-width .news-right {width: 75%;}
.news-list .container-width .news-right .swiper-slide a {display: block;position: relative;}
.news-list .container-width .news-right .swiper-slide a img {width: 100%;}
.news-list .container-width .news-right .swiper-slide a h3 {position: absolute;font-size: .3rem;color: #ffffff;top: 30%;left: 5%;width: 45%;line-height: 1.8;padding-bottom: .45rem;}
.news-list .container-width .news-right .swiper-slide a h3::after {content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 3px;background-color: #ffffff;transition: all .3s;border-radius: .1rem;}
.news-list .container-width .news-right .swiper-slide a:hover h3::after {width: .6rem;}
.news-list .container-width .news-right .swiper-pagination {left: auto !important;right: -45px !important;}
.news-list .container-width .news-right .swiper-pagination-bullet {left: auto !important;right: 0 !important;opacity: 1;width: .1rem;height: .1rem;background-color: #ffffff;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.news-list .container-width .news-right .swiper-pagination-bullet-active {background-color: var(--sColor);}
.news-list ul.news-item {margin-top: .3rem;}
.news-list ul.news-item li {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: .34rem .3rem;border: 1px solid #e5e5e5;margin-bottom: .2rem;}
/* .news-list ul.news-item li:last-of-type {display: none;} */
/* .news-list ul.news-item li:hover {border-color: var(--sColor);} */
.news-list ul.news-item li .news-time {padding: 2px .1rem;width: 1.15rem;background-color: var(--sColor);color: #ffffff;text-align: center;}
.news-list ul.news-item li .news-time p {font-size: .48rem;}
.news-list ul.news-item li .news-time p:last-of-type {font-size: .16rem;position: relative;top: -5px;}
.news-list ul.news-item li .news-content {width: 62%;margin-left: 25px;}
.news-list ul.news-item li .news-content h3 a {font-size: 18px;margin-bottom: .16rem;display: block;}
.news-list ul.news-item li:hover .news-content h3 a {color: var(--sColor);}
.news-list ul.news-item li .news-content p {font-size: .14rem;color: #999999;}
.news-list ul.news-item li > a {position: absolute;right: 3%;bottom: 25%;font-size: .14rem;color: #999999;background-color: #eeeeee;padding: 6px 18px;}
.news-list ul.news-item li > a:hover,.news-list ul.news-item li:hover > a  {background-color: var(--sColor);}
.news-list ul.news-item li > a span {font-size: .18rem;margin-left: 4px;}
.news-list ul.news-item li > a:hover,.news-list ul.news-item li > a:hover span,.news-list ul.news-item li:hover > a,.news-list ul.news-item li:hover > a span {color: #ffffff;}


@media (max-width: 1230px) {
    .news-list {margin-top: 40px;}
    .news-list .container-width .news-right .swiper-slide a h3 {font-size: 16px;padding-bottom: 20px;width: 70%;}
    .news-list ul.news-item li .news-content {margin: 0 20px;}
    .news-list ul.news-item li .news-content h3 a {font-size: 16px;}
    .news-list ul.news-item li .news-content p {font-size: 12px;}
    .news-list .container-width .news-right {width: 73%;}
    .hot-news h3 {font-size: 18px;}
    .news-list ul.news-item li .news-time {padding: 10px 15px;width: auto;}
}

/* @media (max-width: 1020px) {
    .hot-news {margin-top: 20px;}
    .hot-news h3 {padding-bottom: 8px;}
    .hot-news h3 i {font-size: 20px;}
    .hot-news ul li {margin: 14px 0;}
    .hot-news ul li a::before {width: 18px;height: 18px;line-height: 18px;font-size: 16px;}
} */

@media (max-width: 1230px) {
    .news-list .container-width .news-right {width: 75%;}
    .news-list .container-width .news-right .swiper-slide a h3 {padding-bottom: 16px;line-height: 1.5;}
    .news-list ul.news-item li {padding: 20px 15px;}
    .news-list ul.news-item li .news-content h3 a {width: 100%;display: block;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;margin-bottom: 8px;}
    .news-list ul.news-item li {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .news-list ul.news-item li .news-time p {font-size: 26px;}
    .news-list ul.news-item li .news-time p:last-of-type {font-size: 14px;top: 0;margin-top: 0;}
    .news-list ul.news-item li .news-content {width: 75%;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-left: 20px;}
    .news-list ul.news-item li .news-content p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .news-list ul.news-item li .news-content h3 a {font-size: 16px;}
    .news-list ul.news-item li > a {display: none;}
}
@media (max-width: 768px) {
    .news-list .container-width .news-right {width: 100%;}
}

@media (max-width: 500px) {
    .news-list ul.news-item li .news-content {width: 70%;margin-left: 15px;}
    .news-list .container-width .news-right .swiper-slide a h3 {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 16px;}
}

@media (max-width: 420px) {
    .news-list .container-width .news-right .swiper-slide a h3 {font-size: 14px;}
    .news-list ul.news-item li .news-time {width: 95px;padding: 10px 0;}
    .news-list ul.news-item li .news-content {width: 66%;}
}

.news-single {overflow: hidden;margin-top: .6rem;}
.news-single .single-top {margin-top: .22rem;}
.news-single .single-box {width: 70%;margin-right: 0.4rem;}
.news-single .product-left {margin-top: 0;padding-right: 0;padding-left: .4rem;float: right;margin-bottom: 20px;}
/* .news-single .pg-view ul li:hover {border-bottom: 1px solid var(--sColor);} */
.news-single .product-left>ul li {padding: .22rem .26rem;border: none;border-bottom: 1px solid #e5e5e5;}
.news-single .product-left>ul li:hover {-webkit-box-shadow: none;box-shadow: none;}
.news-single .product-left>ul li h4 {margin-bottom: .06rem;position: relative;}
.news-single .product-left>ul li h4::after {content: '';position: absolute;border-radius: 50%;width: 6px;height: 6px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: -16px;background-color: var(--sColor);}
.news-single .product-left ul>li h4 a {padding: 0;font-size: .16rem;color: #545454;display: block;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news-single .product-left ul>li h4 a:hover {color: var(--sColor);}
.news-single .product-left ul>li p {font-size: .14rem;color: #999999;}
.news-single .product-left ul>li a::after {display: none;}


@media (max-width: 1230px) {
    .news-single .product-left {width: 23%;margin-left: 40px;}
    .news-single .product-left>ul li {padding: 14px 18px;}
    .news-single .single-top h1 {font-size: 26px;}
}

@media (max-width: 960px) {
    .news-single {margin-top: 0;}
    .news-single .single-top {margin-top: 15px;}
    .news-single .single-top h1 {font-size: 24px;}
    .news-single .single-box {width: 100%;}
    .news-single .product-left {display: none;}
}

@media (max-width: 768px) {
    .news-single .single-top h1 {font-size: 22px;}
}

@media (max-width: 768px) {
    .news-single .single-top h1 {font-size: 18px;}
}

.notFound {display: none !important;}

.bsTop {width: 100% !important;}
.bsFrameDiv div {width: 100% !important;height: 100% !important;}
.bsFrameDiv div>img {margin: 15px !important;}
.bshare-custom {margin: 50px 0 20px;display: flex;align-items: center;}


.biankuang{width: 0;height: 0;position: absolute;z-index: 99;border-radius:10px;}
.biankuang_1{height: 0;top: 0;left:0px;border-left: 1px solid var(--sColor);}
.biankuang_2 {width: 0;bottom: 0;left: 0px;border-top: 1px solid var(--sColor);}
.biankuang_3{height: 0;bottom: 0;right:0px;border-right: 1px solid var(--sColor);}
.biankuang_4{width: 0;top: 0;right:0px;border-bottom: 1px solid var(--sColor);}

@media (max-width: 768px) {
    .bshare-custom {margin: 30px 0 10px;}
}