.layout {
	padding-top:4.6875rem;
	overflow:hidden;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	background:#fff;
	z-index:111;
	height:4.6875rem;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.wrap {
	max-width:72.91666666666667rem;
	margin:0 auto;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%;
}
.header .logo img {
	max-width:7.760416666666667rem;
	max-height:2.24rem;
	display:block;
}
.header .naver ul,.header .naver {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.header .naver li h3 a {
	font-size:0.8333333333333334rem;
	line-height:4.6875rem;
	color:#363636;
	display:block;
}
.header .naver li {
	/* position:relative;*/
	margin-left:2.0833333333333335rem;
}
.header .ph {
	background:url(../images/qms1.png) no-repeat left 0.5208333333333334rem center;
	height:4.6875rem;
	background-size:1.1979166666666667rem auto;
	padding-left:2.0833333333333335rem;
	position:relative;
	margin-left:2.0833333333333335rem;
}
.header .ph a {
	display:block;
	font-size:0.7291666666666667rem;
	color:#363636;
	line-height:4.6875rem;
	width:0;
	overflow:hidden;
}
.header .ph:hover a {
	width:5.208333333333334rem;
}
.hbanner {
	height:41.66666666666667rem;
	position:relative;
}
.hbanner img {
	display:block;
	height:100%;
	object-fit:cover;
}
.hbanner .text {
	position:absolute;
	left:13.541666666666668rem;
	top:8.59375rem;
	z-index:1;
}
.hbanner .text h4 {
	font-size:0.8333333333333334rem;
	line-height:1.1;
	color:rgba(255,255,255,0.5);
	font-weight:bold;
	text-transform:uppercase;
}
.hbanner .text h3 {
	margin:0.625rem 0 1.0416666666666667rem;
}
.hbanner .text h3 img {
	display:block;
	max-width:42.44791666666667rem;
}
.hbanner .text h5 {
	padding:0 1.40625rem;
	background:#fff;
	border-radius:0 1.0416666666666667rem 0 1.0416666666666667rem;
	font-size:1.875rem;
	color:#4c4542;
	font-weight:bold;
	line-height:3.125rem;
	display:inline-block;
}
.hbanner .text dl {
	margin-top:3.6458333333333335rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.hbanner .text dd {
	margin-right:1.8229166666666667rem;
	text-align:center;
}
.hbanner .text dd .ico {
	width:4.479166666666667rem;
	height:4.479166666666667rem;
	border:1px solid #fff;
	border-radius:50%;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hbanner .text dd .ico img {
	width:2.2395833333333335rem;
	height:1.9791666666666667rem;
	display:block;
	margin:auto;
	object-fit:contain;
}
.hbanner .text dd p {
	margin-top:0.36458333333333337rem;
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#fff;
}
.hbanner .ubtn {
	position:absolute;
	left:0;
	right:0;
	bottom:4.010416666666667rem;
	z-index:11;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hbanner .lbtn {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hbanner .lbtn .prev,.hbanner .lbtn .next {
	width:1.875rem;
	height:1.875rem;
	border:1px solid rgba(255,255,255,0.3);
	background:url(../images/prev-4.png) no-repeat center/0.5208333333333334rem auto;
	border-radius:50%;
	cursor:pointer;
}
.hbanner .lbtn .prev {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	margin-left:1rem;
}
.hbanner .lbtn .prev:hover,.hbanner .lbtn .next:hover {
	background:url(../images/prev-5.png) no-repeat center/30% auto;
}
.hbanner .num dl {
	display:flex;
	align-items:center;
}
.hbanner .num dd {
	cursor:pointer;
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:rgba(255,255,255,0.4);
	padding-right:;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	position:relative;
	padding-right:1.0416666666666667rem;
	margin-right:0.4166666666666667rem;
	background:none;
	width:auto !important;
	height:auto !important;
}
.hbanner .num dd:last-child::before {
	display:none;
}
.hbanner .num dd::before {
	content:"";
	position:absolute;
	left:1.0416666666666667rem;
	right:0;
	top:50%;
	height:0.052083333333333336rem;
	background:rgba(255,255,255,0.4);
}
.hbanner .num dd.swiper-pagination-bullet-active {
	background:none;
	color:#30a8e1;
}
.hbanner .num dd.swiper-pagination-bullet-active::before {
	background:#30a8e1;
}
.habout {
	padding:5.520833333333334rem 0 6.40625rem;
}
.habout .pic {
	float:right;
	width:calc(100% - 38.85416666666667rem);
}
.habout .pic img {
	max-width:140%;
	width:140%;
	display:block;
	border-radius:1.0416666666666667rem 0 0 1.0416666666666667rem;
}
.habout .text {
	width:34.114583333333336rem;
}
.habout .txt {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#666666;
	margin-top:1.5625rem;
}
.habout ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border:1px solid #e3e3e3;
	border-left:none;
	border-right:none;
	margin:1.5625rem 0 3.125rem;
	padding:0.78125rem 0;
	text-align:center;
}
.habout li {
	position:relative;
}
.habout li:nth-child(2):before,.habout li:nth-child(2)::after {
	content:"";
	position:absolute;
	left:-5.729166666666667rem;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:2.0833333333333335rem;
	background:#eeeeee;
	margin-top:-1.0416666666666667rem;
}
.habout li:nth-child(2)::after {
	left:auto;
	right:-5.729166666666667rem;
}
.habout li .ico {
	width:2.5rem;
	height:2.1875rem;
	display:block;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.habout li .ico img {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	top:0;
	margin:auto;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.habout li:hover .ico img {
	top:-100%;
}
.habout li h4 {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#666666;
	margin-top:0.5208333333333334rem;
}
.umore a {
	width:7.916666666666667rem;
	text-align:center;
	display:block;
	background:#30a8e1;
	border-radius:0.3125rem;
	overflow:hidden;
}
.umore a i {
	font-size:0.8333333333333334rem;
	line-height:2.291666666666667rem;
	color:#fff;
	display:block;
	position:relative;
}
.hproduct .wrap {
	position:relative;
}
.hproduct .tit {
	position:absolute;
	left:0;
	top:5.989583333333334rem;
	z-index:111;
}
.tit.wh h2,.tit.wh h3 {
	color:#fff;
}
.hproduct ul {
	display:flex;
	justify-content:space-between;
	border-left:0.052083333333333336rem solid rgba(255,255,255,0.1);
}
.hproduct li {
	width:100%;
	text-align:center;
}
.hproduct li a {
	display:flex;
	height:41.66666666666667rem;
	justify-content:center;
	overflow:hidden;
	border-right:0.052083333333333336rem solid rgba(255,255,255,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	width:100%;
	align-items:center;
	z-index:11;
	position:relative;
}
.hproduct li a .cent {
	z-index:11;
	position:relative;
}
.hproduct li .bg {
	position:absolute;
	left:0;
	right:0;
	top:0%;
	width:100%;
	bottom:0;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	transform:scale(1.3);
	-ms-transform:scale(1.3);
	/* IE 9*/
	-moz-transform:scale(1.3);
	/* Firefox*/
	-webkit-transform:scale(1.3);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.3);
	opacity:0;
}
.hproduct li:hover .bg {
	transform:scale(1);
	-ms-transform:scale(1);
	/* IE 9*/
	-moz-transform:scale(1);
	/* Firefox*/
	-webkit-transform:scale(1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1);
	opacity:1;
}
.hproduct li .ico {
	width:3.125rem;
	height:3.125rem;
	border-radius:50%;
	border:1px solid #fff;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 0.7291666666666667rem;
}
.hproduct li .ico img {
	width:1.7708333333333335rem;
	height:1.5625rem;
	display:block;
	object-fit:contain;
}
.hproduct li h4 {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#fff;
}
.hproduct li h5 {
	font-size:0.7291666666666667rem;
	line-height:1.5;
	color:rgba(255,255,255,0.3);
}
.hproduct li:hover .ico {
	background:#30a8e1;
	border-color:#30a8e1;
}
.hproduct li:hover h5,.hproduct li:hover h4 {
	color:#30a8e1;
}
.hcase {
	padding:4.791666666666667rem 0;
}
.uflc {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:2.0833333333333335rem;
}
.hhezuo {
	background:#f7f7f7;
	padding:4.166666666666667rem 0 3.6458333333333335rem;
}
.hhezuo li {
	background:#fff;
	margin-bottom:0.625rem;
	border-radius:0.3125rem;
	overflow:hidden;
	height:4.895833333333334rem;
	margin-right:0.7291666666666667rem;
	width:calc((100% - 3.6458333333333335rem)/6);
	float:left;
}
.hhezuo li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	margin:auto;
}
.hhezuo li:nth-child(6n) {
	margin-right:0;
}
.hhezuo ul {
	margin-top:1.3020833333333335rem;
}
.hnews {
	padding:6.770833333333334rem 0 7.291666666666667rem;
}
.hnews .nflca {
	margin-top:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hnews dl {
	width:36.97916666666667rem;
}
.hnews ul {
	width:calc(100% - 39.583333333333336rem);
}
.hnews li {
	margin-bottom:1.1458333333333335rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
	padding-bottom:1.1458333333333335rem;
}
.hnews li:last-child {
	border-bottom:none;
}
.hnews li h5 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#666666;
	padding-left:1.0416666666666667rem;
	background:url(../images/qms85.png) no-repeat left center/0.73rem auto;
}
.hnews li h2 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#363636;
	margin:0.5208333333333334rem 0;
}
.hnews li p {
	font-size:0.7291666666666667rem;
	line-height:1.3541666666666667rem;
	overflow:hidden;
	height:2.7083333333333335rem;
	color:#666666;
}
.hnews li h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#666666;
	padding-right:0.8854166666666667rem;
	background:url(../images/qms86.png) no-repeat right center/0.6770833333333334rem auto;
	display:inline-block;
	margin-top:0.5208333333333334rem;
}
.hnews dd {
	float:left;
	width:calc((100% - 1.4583333333333335rem)/2);
}
.hnews dd:nth-child(2n) {
	float:right;
}
.hnews dd .pic {
	height:13.802083333333334rem;
	overflow:hidden;
}
.hnews dd .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hnews dd .text {
	background:#f7f7f7;
	padding:0.625rem 0.7291666666666667rem 0.9375rem;
}
.hnews dd h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#232323;
	height:3.2em;
	overflow:hidden;
	margin-bottom:0.7291666666666667rem;
}
.hnews dd h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:rgba(54,54,54,0.5);
	background:url(../images/qms87.png) no-repeat right center/3.4375rem auto;
}
.mnext a {
	display:block;
	width:3.0208333333333335rem;
	height:3.0208333333333335rem;
	background:url(../images/prev-1.png) no-repeat center/35% auto #fff;
	border-radius:50%;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.hcase .pic img {
	width:100%;
	display:block;
	border-radius:0.4166666666666667rem;
	overflow:hidden;
}
.hmlist {
	background:#f7f7f7;
	padding:4.270833333333334rem 0 4.791666666666667rem;
}
.uflc .txt {
	max-width:40%;
	text-align:right;
}
.uflc .txt h4 {
	font-size:0.9375rem;
	line-height:1.7;
	color:#262626;
	font-weight:bold;
}
.uflc .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#666666;
}
.hmlist ul {
	overflow:hidden;
}
.hmlist li {
	float:left;
	width:calc((100% - 1.0516666666666667rem)/3);
	margin-right:0.5208333333333334rem;
	margin-bottom:0.5208333333333334rem;
}
.hmlist li:nth-child(3n) {
	margin-right:0;
}
.hmlist li a {
	display:block;
	height:12.5rem;
	border-radius:0.3125rem;
	overflow:hidden;
	position:relative;
}
.hmlist li img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.hmlist li .txt {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:11;
	padding:1.5625rem 1.5625rem 0.9375rem;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0.9));
}
.hmlist li:hover .txt {
	background:linear-gradient(to bottom,rgba(48,168,255,0),rgba(48,168,225,1));
}
.hmlist li h5 {
	font-size:0.9375rem;
	line-height:1.4;
	color:#fff;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hmlist li h6 {
	font-size:0.7291666666666667rem;
	line-height:1.4;
	color:rgba(255,255,255,0.4);
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hmshuzi {
	padding:3.6458333333333335rem 0 6.770833333333334rem;
	background:#001f46;
}
.hmshuzi .hswipers {
	margin-top:1.5625rem;
}
.hmshuzi .hswipers img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hmshuzi .hswipers .swiper-slide {
	border-radius:0.3125rem;
	overflow:hidden;
	height:20.572916666666668rem;
	width:15.52rem;
}
.hmshuzi .sftc {
	margin-top:1.8229166666666667rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.hmshuzi .sftc .next,.hmshuzi .sftc .prev {
	width:1.6666666666666667rem;
	height:1.6666666666666667rem;
	border-radius:50%;
	background:url(../images/prev-3.png) no-repeat  center/0.4166666666666667rem auto;
	cursor:pointer;
	border:1px solid #30a8e1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hmshuzi .sftc .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	margin:0 2.0833333333333335rem 0 0.7291666666666667rem;
}
.hmshuzi .sftc .next:hover,.hmshuzi .sftc .prev:hover {
	background:url(../images/prev-2.png) no-repeat  center/0.4166666666666667rem auto #30a8e1;
}
.hmshuzi .sftc .spans {
	position:relative;
	z-index:2;
	width:calc(100% - 6.98rem);
	height:0.21rem;
	border-radius:0.4rem;
}
.hmshuzi .sftc .swiper-pagination-progressbar {
	background:#042b54;
}
.hmshuzi .sftc .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:#30a8e1;
}
.footer {
	background:#232323;
	padding:4.166666666666667rem 0;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .ltc {
	width:23.125rem;
	position:relative;
	padding-right:2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer .ltc::before {
	content:"";
	position:absolute;
	right:0;
	top:0.5208333333333334rem;
	z-index:1;
	background:rgba(255,255,255,0.1);
	width:0.052083333333333336rem;
	height:5.208333333333334rem;
}
.footer .ltc h1 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#fff;
}
.footer .ltc h4 {
	font-size:0.7291666666666667rem;
	line-height:1.6666666666666667rem;
	color:rgba(255,255,255,0.5);
	margin:0.625rem 0 2.1875rem;
}
.footer .ltc .copyright a {
	font-size:0.7291666666666667rem;
	line-height:1.3541666666666667rem;
	color:rgba(255,255,255,0.2);
}
.footer .rtc {
	width:calc(100% - 28.333333333333336rem);
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .boxnav {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	width:29.6875rem;
}
.footer .boxnav dt {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#fff;
	margin-bottom:0.625rem;
}
.footer .boxnav dd a {
	font-size:0.7291666666666667rem;
	line-height:1.5625rem;
	color:rgba(255,255,255,0.5);
}
.footer .weix {
	width:6.979166666666667rem;
	position:relative;
}
.footer .weix img {
	width:100%;
	height:6.979166666666667rem;
	overflow:hidden;
}
.footer .weix h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:rgba(255,255,255,0.5);
	text-align:center;
	margin-top:0.20833333333333334rem;
}
.footer .weix::before {
	content:"";
	position:absolute;
	left:-2.916666666666667rem;
	top:0.5208333333333334rem;
	z-index:1;
	background:rgba(255,255,255,0.1);
	width:0.052083333333333336rem;
	height:5.208333333333334rem;
}
.banner img {
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
}
.pages ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.pages li {
	margin:0 0.3125rem;
}
.pages li a, .pages li span{
	display:block;
	font-size:0.7291666666666667rem;
	line-height:1.4583333333333335rem;
	color:#666666;
	min-width:1.4583333333333335rem;
	border:1px solid #d2d2d2;
	border-radius:0.10416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	padding:0 0.5208333333333334rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	background:#ffffff;
}
.pages li.ons a {
	background:#f7f7f7;
}
.pages li.active span,.pages li:hover a {
	background:#30a8e1;
	color:#ffffff;
	border-color:#30a8e1;
}
.tit h2 {
	font-size:2.0645833333333335rem;
	line-height:1.1;
	color:#d2d2d2;
}
.tit h3 {
	font-size:1.5625rem;
	line-height:1.4;
	color:#262626;
}
.uittab {
	background:#f7f7f7;
}
.uittab .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.crumbs dl {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.crumbs dd span,.crumbs dd a {
	font-size:0.4333333333333334rem;
	line-height:2.604166666666667rem;
	color:#414141;
	display:block;
}
.crumbs dd span {
	margin:0 0.20833333333333334rem;
	color:#c8c8c8;
}
.uittab .tab ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.uittab .tab li a {
	font-size:0.9375rem;
	line-height:2.604166666666667rem;
	color:#363636;
	display:block;
}
.uittab .tab li span {
	width:0.052083333333333336rem;
	height:0.78125rem;
	display:block;
	margin:0 2.3958333333333335rem;
	background:#d2d2d2;
}
.uittab .tab li h3 {
	position:relative;
}
.uittab .tab li h3::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:0;
	height:0.10416666666666667rem;
	background:#30a8e1;
	margin:0 auto;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.uittab .tab li.on h3::before,.uittab .tab li h3:hover::before {
	width:1.0416666666666667rem;
}
.uittab .tab li.on a,.uittab .tab li a:hover {
	color:#30a8e1;
}
.rongyun {
	padding:3.125rem 0;
}
.rongyun .list {
	margin-top:1.5625rem;
}
.rongyun .list li {
	float:left;
	margin-right:1.7708333333333335rem;
	width:calc((100% - 5.416666666666667rem)/4);
	margin-bottom:1.5625rem;
}
.rongyun .list li:nth-child(4n) {
	margin-right:0;
}
.rongyun .list li .pic {
	background:#efefef;
	padding:1.875rem 1.7708333333333335rem;
	height:20.833333333333336rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.rongyun .list1 li .pic {
	padding:1.25rem 1.7708333333333335rem;
}
.rongyun .list li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.rongyun .list li h6 {
	margin-top:0.4166666666666667rem;
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#363636;
	text-align:center;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.rongyun .list ul {
	padding-bottom:1.0416666666666667rem;
}
.spabout {
	padding:3.3333333333333335rem 0 4.166666666666667rem;
}
.spabout .wrap {
	display:flex;
	justify-content:space-between;
}
.spabout .txt {
	width:calc(100% - 27.8125rem);
}
.spabout .pic {
	width:25.260416666666668rem;
}
.spabout .pic img {
	width:100%;
	display:block;
	border-radius:0.3125rem;
	overflow:hidden;
}
.spabout .txt .del {
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#666666;
	margin:1.5625rem 0 1.0416666666666667rem;
}
.spabout .txt .del p {
	text-indent:2em;
	margin-bottom:0.8333333333333334rem;
}
.spabout .txt .qianm {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.spabout .txt h4 {
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#363636;
}
.spabout .txt h4 img {
	max-width:3.90625rem;
}
.about .ab1 {
	padding:2.604166666666667rem 0 4.166666666666667rem;
}
.about .ab1 .del {
	margin-top:1.0416666666666667rem;
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#666666;
}
.about .ab1 .del img {
	width:100%;
	display:block;
	border-radius:0.4166666666666667rem;
}
.about .ab2 {
	background:#f7f7f7;
	height:41.66666666666667rem;
	overflow:hidden;
}
.about .ab2 .wrap {
	position:relative;
	height:100%;
	max-width:77.60416666666667rem;
	border-left:0.052083333333333336rem solid #eeeeee;
	border-right:0.052083333333333336rem solid #eeeeee;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.about .ab2 .tit {
	position:absolute;
	left:2.0833333333333335rem;
	top:4.166666666666667rem;
	z-index:2;
}
.about .ab2 .bds {
	height:100%;
}
.about .ab2 .bds ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%;
}
.about .ab2 li {
	width:25%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-right:0.052083333333333336rem solid #eeeeee;
	text-align:center;
	padding:0 2.0833333333333335rem;
	position:relative;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
.about .ab2 li::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	z-index:1;
	background:#30a8e1;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	width:100%;
	bottom:0;
	top:100%;
}
.about .ab2 li:hover::before {
	top:0;
}
.about .ab2 li:last-child {
	border-right:none;
}
.about .ab2 li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#262626;
	margin:1.1458333333333335rem 0 1.0416666666666667rem;
}
.about .ab2 li p {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#666666;
	text-align:center;
	height:3.4em;
}
.about .ab2 li .ico {
	width:3.1770833333333335rem;
	height:3.4895833333333335rem;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.about .ab2 li .ico img {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	top:0;
	margin:auto;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.about .ab2 li .txt {
	position:relative;
	z-index:2;
}
.about .ab2 li:hover .ico img {
	top:-100%;
}
.about .ab2 li:hover h3,.about .ab2 li:hover p {
	color:#fff;
}
.news {
	padding:3.125rem 0 5.729166666666667rem;
}
.news .list {
	margin-top:1.5625rem;
}
.news .list li {
	margin-bottom:1.3541666666666667rem;
}
.news .list li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news .list li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.news .list li .pic {
	width:17.1875rem;
	height:10.677083333333334rem;
	overflow:hidden;
}
.news .list li .rt {
	width:calc(100% - 19.375rem);
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.news .list li .txt {
	width:calc(100% - 11.875rem);
}
.news .list li .txt h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#363636;
}
.news .list li p {
	font-size:0.7291666666666667rem;
	line-height:1.3541666666666667rem;
	color:#666666;
	height:2.7083333333333335rem;
	overflow:hidden;
	margin:0.7291666666666667rem 0 1.5625rem;
}
.news .list li h6 {
	width:6.875rem;
	line-height:1.875rem;
	background:#30a8e1;
	text-align:center;
	border-radius:1.0416666666666667rem;
	font-size:0.7291666666666667rem;
	color:#fff;
}
.news .list li dl {
	width:9.583333333333334rem;
	padding-left:1.6666666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.news .list li dd {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
	margin-bottom:0.625rem;
	padding-left:1.25rem;
}
.news .list li dd:nth-child(1) {
	background:url(../images/qms39.png) no-repeat left center/0.78125rem auto;
}
.news .list li dd:nth-child(2) {
	background:url(../images/qms40.png) no-repeat left center/0.8854166666666667rem auto;
}
.news .list li dd:nth-child(3) {
	background:url(../images/qms41.png) no-repeat left center/0.9895833333333334rem auto;
}
.news .list li dd:nth-child(4) {
	background:url(../images/qms42.png) no-repeat left center/0.78125rem auto;
}
.news .list li dl::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	background:#eeeeee;
	width:0.052083333333333336rem;
	height:5.9375rem;
	margin-top:-2.96875rem;
}
.news .list ul {
	padding-bottom:1.25rem;
}
.newsdel {
	padding:3.125rem 0 4.166666666666667rem;
}
.newsdel .hds {
	text-align:center;
	padding-bottom:1.25rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.newsdel .hds h1 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#363636;
	text-align:center;
}
.newsdel .hds dl {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1.0416666666666667rem;
}
.newsdel .hds dd {
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#999999;
	margin:0 0.9375rem;
	padding-left:1.25rem;
}
.newsdel .hds dd:nth-child(1) {
	background:url(../images/qms39.png) no-repeat left center/0.78125rem auto;
}
.newsdel .hds dd:nth-child(2) {
	background:url(../images/qms40.png) no-repeat left center/0.8854166666666667rem auto;
}
.newsdel .hds dd:nth-child(3) {
	background:url(../images/qms41.png) no-repeat left center/0.9895833333333334rem auto;
}
.newsdel .hds dd:nth-child(4) {
	background:url(../images/qms42.png) no-repeat left center/0.78125rem auto;
}
.newsdel .del {
	font-size:0.8333333333333334rem;
	line-height:1.6666666666666667rem;
	color:#666666;
	padding:1.5625rem 0 2.34375rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.newsdel .fts {
	margin-top:1.875rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.newsdel .fts .b1 {
	max-width:48%;
	color:#363636;
	font-size:0.8333333333333334rem;
	line-height:1.6;
}
.newsdel .fts span {
	color:#999999;
}
.newsdel .fts a {
	color:#363636;
}
.product {
	padding:2.0833333333333335rem 0 4.166666666666667rem;
}
.product .uitpro {
	margin-top:1.5625rem;
}
.uitpro ul {
	padding-bottom:1.5625rem;
}
.uitpro li {
	margin-bottom:1.9791666666666667rem;
	width:calc((100% - 6.25rem)/4);
	margin-right:2.0833333333333335rem;
	float:left;
}
.uitpro li:nth-child(4n) {
	margin-right:0;
}
.uitpro li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uitpro li .pic {
	width:100%;
	height:12.760416666666668rem;
	border-radius:0.3125rem;
	overflow:hidden;
}
.uitpro li .txt {
	margin-top:0.78125rem;
}
.uitpro li .txt h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#262626;
	margin-bottom:0.5208333333333334rem;
}
.uitpro li .txt p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
	height:3.2em;
	overflow:hidden;
}
.prodel {
	padding:2.8645833333333335rem 0 3.125rem;
}
.prodel .hds .lt {
	float:left;
	width:30rem;
}
.prodel .hds .rt {
	float:right;
	width:calc(100% - 33.645833333333336rem);
}
.prodel .hds h3 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#232323;
	margin-bottom:0.625rem;
}
.prodel .hds .del {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#666666;
	height:16em;
	overflow:hidden;
}
.prodel .hds .btn {
	width:8.020833333333334rem;
	line-height:2.3958333333333335rem;
	background:#30a8e1;
	border-radius:1.25rem;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#fff;
	display:block;
}
.prodel .bds {
	margin-top:3.6458333333333335rem;
}
.prodel .ts {
	border-bottom:0.052083333333333336rem solid #eeeeee;
	padding-left:0.625rem;
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#30a8e1;
	padding-left:0.7291666666666667rem;
	background:url(../images/qms54.jpg) no-repeat left top 0.4166666666666667rem/0.3125rem auto;
	font-weight:bold;
	padding-bottom:0.625rem;
}
.prodel .bds .txt {
	margin-top:0.7291666666666667rem;
	font-size:0.8333333333333334rem;
	line-height:1.7708333333333335rem;
	color:#666666;
}
.prodel .fts {
	margin-top:3.125rem;
}
.prodel .fts .uitpro {
	margin-top:1.5625rem;
}
.prodel .hds .hdswip {
	float:right;
	width:24.479166666666668rem;
	overflow:hidden;
}
.prodel .hds .hdswip .swiper-slide {
	width:100%;
	height:21.458333333333336rem;
	overflow:hidden;
	border-radius:0.3125rem;
}
.prodel .hds .ovs {
	float:left;
	width:calc(100% - 25.208333333333336rem);
	position:relative;
	padding:1.875rem 0;
	overflow:hidden;
	height:21.458333333333336rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.prodel .hds .lt img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.prodel .hds .bdswip {
	height:100%;
	overflow:hidden;
}
.prodel .hds .bdswip .swiper-slide {
	overflow:hidden;
	border-radius:0.3125rem;
	border:1px solid #e5e5e5;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:calc((100% - 0.15625rem)/2);
	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;cursor: pointer;
}
.prodel .hds .ovs .prev,.prodel .hds .ovs .next {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	width:100%;
	height:1.5625rem;
	background:url(../images/prev.png) no-repeat center/0.78125rem auto #ababab;
	border-radius:0.3125rem;
	cursor:pointer;overflow: hidden;
}
.prodel .hds .ovs .next {
	top:auto;
	bottom:0;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.sjweix {
	display:none;
}
.hbanner {
	overflow:hidden;
}
.hbanner .text dd {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hbanner .text dd:hover {
	top:-0.52rem;
}
.hbanner .text dd:hover .ico {
	border-color:#30a8e1;
	background:#30a8e1;
}
.cases .list li:hover h4,
.join .list li .ovs.on .tps h3,
.join .list li:hover .tps h3,
.header .naver li.on h3 a,.header .naver li h3 a:hover,.hnli .ds dd .dnl h6 a:hover,.hnli .ds dd h5 a:hover,.rongyun .list li:hover h6,.uitpro li:hover .txt h3,.crumbs dd a:hover,.newsdel .fts a:hover,.news .list li:hover .txt h3,.hnews li:hover h2,.habout li:hover h4,.hbanner .text dd:hover p {
	color:#30a8e1;
}
.prodel .hds .ovs .prev:hover,.prodel .hds .ovs .next:hover {
	background-color:#30a8e1;
}
.contact .hds .form .sub:hover,
.join .list li .tbs .b1:hover,
.prodel .hds .btn:hover,.umore a:hover {
	background:#2b93c4;
}
.cases .list li:hover .pic img,
.uitpro li:hover .pic img,.news .list li:hover .pic img,.hnews dd:hover .pic img,.hmlist li a:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.uitpro li .pic img,.news .list li .pic img,.hnews dd .pic img,.hmlist li img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hnews dd:hover .text {
	background:#30a8e1;
}
.hnews dd:hover h6 {
	color:#fff;
	background:url(../images/qms87-1.png) no-repeat right center/3.4375rem auto;
}
.hnews dd:hover h3 {
	color:#fff;
}
.mnext a:hover {
	background:url(../images/prev-6.png) no-repeat center/35% auto #30a8e1;
}
.footer .boxnav dd a:hover {
	color:#fff;
}
.hnli {
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:1;
	background:#fff;
	border-top:0.052083333333333336rem solid #ccc;
	padding:1.3541666666666667rem 0 2.0833333333333335rem;
	display:none;
}
.hnli .wraps {
	display:flex;
	justify-content:space-between;
	width:72.91666666666667rem;
	margin:0 auto;
}
.hnli .ds {
	position:relative;
}
.hnli .ds1 dl {
	width:calc(100% - 5.208333333333334rem);
	float:right;
}
.hnli .ds .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.hnli .ds .img {
	width:3.854166666666667rem;
	float:left;
	margin-top:1.9791666666666667rem;
}
.hnli .ds dt {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#363636;
	margin-bottom:0.7291666666666667rem;
}
.hnli .ds dt a {
	color:#363636;
}
.hnli .ds dd {
	margin-bottom:0.5208333333333334rem;
}
.hnli .ds dd h5 a {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#363636;
	display:inline-block;
}
.hnli .ds dd .dnl {
	margin-top:0.4166666666666667rem;
	display:none;
}
.hnli .ds dd .dnl h6 {
	margin-bottom:0.3125rem;
}
.hnli .ds dd .dnl h6 a {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#999999;
	display:block;
	padding-left:0.7291666666666667rem;
}
.hnli .ds1 {
	width:17.708333333333336rem;
}
.hnli .ds dd h5 i {
	display:inline-block;
	vertical-align:middle;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	background:url(../images/qmx12.png) no-repeat center;
	background-size:0.46875rem auto;
	cursor:pointer;
}
.msak {
	display:none;
}

.cases {
	padding:3.125rem 0;
}
.cases .list {
	margin-top:1.5625rem;
}
.cases .list ul {
	padding-bottom:1.0416666666666667rem;
}
.cases .list li {
	float:left;
	margin-right:1.875rem;
	width:calc((100% - 5.625rem)/4);
	margin-bottom:2.0833333333333335rem;
}
.cases .list li:nth-child(4n) {
	margin-right:0;
}
.cases .list li .pic {
	height:12.291666666666668rem;
	overflow:hidden;
}
.cases .list li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.cases .list li h4 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#363636;
	margin-top:0.5208333333333334rem;
	text-align:center;
}
.contact {
	padding-top:2.604166666666667rem;
}
.contact .hds .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.contact .hds .text {
	width:32.29166666666667rem;
}
.contact .hds .form {
	width:calc(100% - 35.677083333333336rem);
}
.contact .hds .text h1 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#30a8e1;
	padding-bottom:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid #eeeeee;
	margin-top:1.875rem;
	font-weight:bold;
}
.contact .hds .fsw {
	display:flex;
	justify-content:space-between;
	margin-top:1.5625rem;
	align-items:flex-end;
}
.contact .hds .text dl {
	width:calc(100% - 6.25rem);
}
.contact .hds .text dl p{
	text-align: unset;
}
.contact .hds .text .wx {
	width:5.833333333333334rem;
}
.contact .hds .text .wx img {
	width:100%;
	height:5.833333333333334rem;
	overflow:hidden;
}
.contact .hds .text p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#666666;
	margin-top:0.20833333333333334rem;
	text-align:center;
}
.contact .hds .text dd {
	font-size:0.8333333333333334rem;
	line-height:1.5625rem;
	color:#666666;
}
.contact .hds .form h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#30a8e1;
	font-weight:bold;
}
.contact .hds .form li {
	margin-top:0.8333333333333334rem;
}
.contact .hds .form ul {
	margin-top:0.9375rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.contact .hds .form li {
	width:calc((100% - 1.4583333333333335rem)/2);
}
.contact .hds .form li .t1 {
	height:2.3958333333333335rem;
	background:#f7f7f7;
	border-radius:0.3125rem;
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	border:none;
}
.contact .hds .form li:nth-child(3) {
	width:100%;
}
.contact .hds .form li .t2 {
	height:7.291666666666667rem;
	padding:0.5208333333333334rem 1.0416666666666667rem;
	resize:none;
}
.contact .hds .form .sub {
	margin-top:1.4583333333333335rem;
	width:8.75rem;
	height:2.3958333333333335rem;
	line-height:2.3958333333333335rem;
	background:#30a8e1;
	display:block;
	border:none;
	border-radius:0.3125rem;
	font-size:0.8333333333333334rem;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.contact .hds {
	padding-bottom:5.208333333333334rem;
}
.contact .map img {
	width:100%;
	display:block;
}
.service {
	padding:3.0208333333333335rem 0 5.208333333333334rem;
}
.service .pic {
	float:right;
	border-radius:2.0833333333333335rem 0 2.0833333333333335rem 0;
	overflow:hidden;
	width:27.083333333333336rem;
}
.service .pic img {
	width:100%;
	display:block;
}
.service .text {
	width:calc(100% - 30.989583333333336rem);
}
.service .text .flsw {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	margin-top:2.604166666666667rem;
}
.service .flsw h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#262626;
	font-weight:bold;
	margin-bottom:0.4166666666666667rem;
}
.service .text p {
	font-size:0.8333333333333334rem;
	line-height:1.5625rem;
	color:#666666;
}
.join {
	padding:2.604166666666667rem 0 4.166666666666667rem;
}
.join .list {
	margin-top:2.604166666666667rem;
}
.join .list li {
	margin-bottom:0.3125rem;
}
.join .list li .ovs {
	border:1px solid rgba(255,255,255,0);cursor: pointer;
}
.join .list li .tps {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background:#f7f7f7;
	padding:0 2.604166666666667rem;
	position:relative;
}
.join .list li .tps h3 {
	font-size:1.0416666666666667rem;
	line-height:3.229166666666667rem;
	color:#363636;
	font-weight:bold;
	width:30%;
}
.join .list li .tps p {
	font-size:0.8333333333333334rem;
	line-height:3.229166666666667rem;
	color:#666666;
	width:30%;
}
.join .list li .tps i {
	display:block;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	background:url(../images/qma12.png) no-repeat left center;
	width:3.229166666666667rem;
	height:3.229166666666667rem;
	background-size:1.1458333333333335rem auto;
	cursor:pointer;
}
.join .list li .tbs {
	padding:1.6666666666666667rem 0;
	border-top:0.052083333333333336rem solid #eeeeee;
	margin:0 2.604166666666667rem;
	display:none;
}
.join .list li .tbs .btn {
	border-top:0.052083333333333336rem solid #eeeeee;
	padding-top:1.3541666666666667rem;
	margin-top:1.7708333333333335rem;
}
.join .list li .tbs .b1 {
	display:block;
	margin:0 auto;
	width:8.645833333333334rem;
	line-height:2.0833333333333335rem;
	background:#30a8e1;
	border-radius:1.0416666666666667rem;
	font-size:0.8333333333333334rem;
	color:#fff;
	text-align:center;
}
.join .list li .tbs .txt {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.join .list li .tbs .ds {
	width:49%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.join .list li .tbs .ds h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#30a8e1;
	margin-bottom:0.8333333333333334rem;
}
.join .list li .tbs .del {
	font-size:0.8333333333333334rem;
	line-height:1.875rem;
	color:#666666;
}
.join .list li .tbs .ds:nth-child(2) {
	padding-left:5.520833333333334rem;
	position:relative;
}
.join .list li .tbs .ds:nth-child(2):before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:10.416666666666668rem;
	background:#e5e5e5;
	margin-top:-5.208333333333334rem;
}
.join .list li .ovs.on {
	border-color:#eeeeee;
}
.join .list li .ovs.on .tps {
	background:none;
}
.join .list li .ovs.on i {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	right:2.0833333333333335rem;
}