/**内页banner**/
.nybanner{
	float: left;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.nybanner .img,.nybanner .img img{
	width: 100%;
	float: left;
}
.nybanner .img img{
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	object-fit: cover;
}

.nybanner .text{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translate(-50%,0);
	overflow: hidden;
}
.nybanner .text .box{
	width: 32.5rem;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.nybanner .text .left{
	text-align: left;
	left: 0;
}
.nybanner .text .center{
	width: 100%;
	text-align: center;
	left: 0;
}
.nybanner .text .right{
	text-align: right;
	right: 0;
}
.nybanner .text .white,.nybanner .text .white a{
	color: #fff;
}
.nybanner .text .white .desc{
	color: #fefefe;
}
.nybanner .text .black,.nybanner .text .black a{
	color: #000;
}
.nybanner .text .title{
	color: #007AC1;
}
.nybanner .text .black .desc{
	color: #495770;
}
.nybanner .text>div{
	width: 100%;
	float: left;
}
.nybanner .text .name{
	font-size: 2.5rem;
	line-height: 3.5rem;
}
.nybanner .text .title{
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 2rem;
}
.nybanner .text .desc{
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 2rem;
}
.nybanner .text .link{
	margin-top: 4rem;
}
.nybanner .text .link a{
	display: inline-block;
	background: #007AC1;
	line-height: 2rem;
	color: #fff;
	font-size: 0.875rem;
	padding: 0.5rem 1.5rem;
	border-radius: 0.25rem;
}
.nybanner .text .link a font{
	padding-left: 0.25rem;
}
.nybanner .text .link a:hover{
	background: #006ABA
}

.nybanner .wjj{
	width: 1.2rem;
	height: 1.2rem;
	float: left;
	margin-top: 0.4rem;
	background: #fff;
	border-radius: 0.15rem;
	position: relative;
	margin-right: 0.25rem;
}
.nybanner .wjj:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #007AC1;
	top: 35%;
	left: 0;
}
.nybanner .wjj:after{
	position: absolute;
	content: '';
	width: 60%;
	height: 20%;
	right: 0;
	top: 0;
	background: #007AC1;
}

.nybanner .r360{
	width: 60%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	cursor: pointer;
	overflow: hidden;
}
.nybanner .r360 .r360-start{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../images/360.png) center no-repeat;
}


.pagenullpos{
	position: relative;
}
.pagenull{
	position: absolute;
	top: -6rem;
}

/**内页pos定位**/
.nypos{
	float: left;
	border-bottom: #E6E6E6 1px solid;
}
.nypos .box,.nymenu .box{
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 0.875rem;
}
.nypos .box i{
	display: inline-block;
	float: left;
	color: #f00;
}
.nypos .box a{
	display: inline-block;
	float: left;
	color: #b3b3b3;
	position: relative;
	padding: 0 0.5rem;
}
.nypos .box a:before{
	position: absolute;
	content: '/';
	left: -0.2rem;
	top: 0%;
}
.nypos .box a:nth-child(1){
	padding-left: 0;
}
.nypos .box a:nth-child(1):before,.nypos .box a:nth-child(2):before{
	display: none;
}
.nymenu .box .submenu{
	display: none;
}

/*无内容提示*/
.nomore{
	min-height: 20rem;
	line-height: 20rem;
	text-align: center;
	font-size: 2rem;
	color: #ccc;
}

/*搜索结果页*/
.search-main{
}

.search-main .search-top{
	float: left;
	margin: 3rem 0;
	text-align: center;
	font-size: 2.25rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #666;
}
.search-main .search-top font{
	color: #e62129;
}
.search-main .search-box{
	float: left;
	margin-bottom: 3rem;
}
.search-main .search-box ul,.search-box li{
	width: 100%;
	float: left;
}
.search-main .search-box ul{
	margin-bottom: 1rem;
}
.search-main .search-box li{
	display: flex;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	border-bottom: #ccc 1px dashed;
}
.search-main .search-box li .img{
	width: 16rem;
	height: 12rem;
	float:left;
	overflow: hidden;
	position: relative;
}
.search-main .search-box li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.search-main .search-box li .text{
	flex: 1;
	position: relative;
}
.search-main .search-box li .text .text-box{
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
	padding: 0 2rem;
	transform: translate(0%,-50%);
}
.search-main .search-box li .text .text-box .name{
	width: 100%;
	float: left;
	overflow: hidden;
	font-size: 1.875rem;
	line-height: 2.5rem;
	height: 5rem;
}
.search-main .search-box li .text .text-box .date{
	width: 100%;
	float: left;
	margin-top: 0.5rem;
	font-size: 1.375rem;
	line-height: 2.5rem;
}
.search-main .search-box li .text .text-box .link{
	width: 100%;
	float: left;
	margin-top: 0.5rem;
}
.search-main .search-box li .text .text-box .link a{
	position: relative;
	padding-right: 3.625rem;
}
.search-main .search-box li .text .text-box .link a:before,.search-main .search-box li .text .text-box .link a:after {
    position: absolute;
    content: '';
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.search-main .search-box li .text .text-box .link a:before {
    right: 2%;
    top: 48%;
    transform: translate(0,-50%);
    width: 2rem;
    height: 1px;
    background: #e62129;
}
.search-main .search-box li .text .text-box .link a:after {
    right: 0;
    top: 43%;
    width: 0;
    height: 0;
    border-right: 1px solid #e62129;
    border-top: 1px solid #e62129;
    height: 0.4rem;
    width: 0.4rem;
    transform: rotate(deg);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.search-main .search-box li.nopic{
	display: inline-block;
}
.search-main .search-box li.nopic .left{
	float: left;
}
.search-main .search-box li.nopic .right{
	float: right;
}
.search-main .search-box li:hover .text .text-box .name a,.search-main .search-box li:hover .text .text-box .link a{
	color: #e62129;
}



/**line横条**/
.nymenu{
	padding: 0;
position: sticky;
		top: 5rem;
		clear: both;
		background: #fff;
		z-index: 99;
}
.nymenu.menuH .posh{

	

	background: #fff;
	z-index: 99;
	border-bottom: #E7E7E7 1px solid;
}
.nymenu ul{
	width: 100%;
	position: relative;
}
.nymenu li{
	margin-left: 2rem;
}
.nymenu li a{
	display: inline-block;
	width: 100%;
	float: left;
	font-size: 0.875rem;
}
.nymenu li:nth-child(1){
	margin-left: 0;
}
.nymenu .line{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: auto;
	height: 2px;
	background: #007AC1;
}
.nymenu li.active a{
	color: #007AC1;
	font-weight: bold;
}

.nymenu .w1400{
	position: relative;
}
.nymenu .news-xyears{
	width: 15rem;
	height: 3.75rem;
	line-height: 3.75rem;
	position: absolute;
	right: 0;
	top: 0;
	border-left: #E7E7E7 1px solid;
}
.nymenu .news-xyears form{
	width: 100%;
	height: 100%;
	float: right;
}
.nymenu .news-xyears .text{
	width: 100%;
	height: 100%;
	float: left;
	padding: 0 1rem;
	position: relative;
	cursor: pointer;
}
.nymenu .news-xyears .text:before{
	position: absolute;
    content: '';
    right: 2%;
    top: 48%;
    width: 0;
    height: 0;
    border-right: 1px solid #4F4F4F;
    border-top: 1px solid #4F4F4F;
    height: 0.3rem;
    width: 0.3rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.nymenu .news-xyears ul{
	overflow: initial;
	position:absolute;
	top: 100%;
	width: 100%;
	float: left;
	background: #F5F7FA;
	padding: 1rem 0;
	z-index: 3;
}
.nymenu .news-xyears ul li{
	width: 100%;
	float: left;
	margin-left: 0;
	padding: 0 1rem;
	line-height: 2rem;
	font-size: 1rem;
}
.nymenu .news-xyears ul li:hover {
    background: #E3EDFB;
}
.nymenu .news-xyears .text.on{
	background: #F5F7FA;
}
.nymenu .news-xyears .text.on:before{
		transform: rotate(135deg) translate(0%,50%);
	    -webkit-transform: rotate(135deg) translate(0%,50%);
	    -moz-transform: rotate(135deg) translate(0%,50%);
	    -ms-transform: rotate(135deg) translate(0%,50%);
	    -o-transform: rotate(135deg) translate(0%,50%);
}


/**内页基础**/
.nyinfo{
	padding-bottom: 8rem;
}

.nytitle{
	width: 100%;
	float: left;
	font-size: 2.25rem;
	line-height: 4rem;
	color: #16181a;
	text-align: center;
}

.triangle{
	position: relative;
	float: left;
}
.trianglebg{
	position: absolute;
    content: '';
    right: 0;
    z-index: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top:20rem solid transparent;
    border-left: 20rem solid transparent;
    border-right: 40rem solid #E8ECF0;
}
.triangle .w1400{
	position: relative;
	z-index: 1;
	float: left;
	left: 50%;
	transform: translate(-50%,0);
}

/**内页分页**/
.page{
	width: 100%;
	float: left;
}
.page.center .page-box{
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.page a,.page li{
	display: inline-block;
	width: 3rem;
	height: 3rem;
	margin:0.25rem 0.25rem 0.25rem 0;
	text-align: center;
	line-height: 3rem;
	border: #dcdcdc 1px solid;
	border-radius: 0.25rem;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 1rem;
}
.page .pagebtn,.page .prev,.page .next{
	font-family: '宋体';
}
.page a:hover,.page li:hover,.page a.on,.page .pageItemActive{
	background: #D70008;
	color: #fff;
	cursor: pointer;
}
.page li.pageItemDisable{
	cursor: initial;
}
.page .select,.page .f-right{
	display: none;
}



/**产品**/

.product{
	width: 100%;
	float: left;
}
.product-main{
	width: 100%;
	float: left;
}
.product-card{
	width: 100%;
	float: left;
	padding: 6.25rem 0;
	background: #F5F7FA;
}
.product-card:nth-child(2n){
	background: #fff;
}
.product-card .w1400{
}

.product-card .product-tab{
	width: 40%;
	float: left;
	position: relative;
}
.product-card .pro_tab_menu{
	display: none;
}
.product-card h3{
	display: inline-block;
	width: 100%;
	float: left;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #16181a;
	font-weight: bold;
	margin-bottom: 3rem;
}

.product-tab ul,.product-tab li{
	width: 100%;
}
.product-tab ul{
	height: 37.5rem;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 5px;
	position: relative;
}
.product-tab ul::-webkit-scrollbar { width:5px;} 
.product-tab ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #D4D9E0;} 
.product-tab ul::-webkit-scrollbar-thumb {  background:#007AC1; -webkit-box-shadow: inset 0 0 6px #007AC1; opacity: 1 } 
.product-tab ul::-webkit-scrollbar-thumb:window-inactive {  background:#D4D9E0;}
.product-tab li{
	height: 6.25rem;
	position: relative;
	z-index: 1;
}
.product-tab li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1.125rem 0;
	float: left;
}
.product-tab li a>div{
	width: 100%;
	float: left;
	padding:0 3rem;
	color: #16181a;
	overflow: hidden;
}
.product-tab li .name{
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 2rem;
	height: 2rem;
	position: relative;
}
.product-tab li .name:before{
	position: absolute;
	content:'';
	left: 2rem;
    top: 48%;
    content: '';
    width: 0;
    height: 0;
    border-right: 2px solid #D70008;
    border-top: 2px solid #D70008;
    height: 0.4rem;
    width: 0.4rem;
    transform: rotate(deg);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.product-tab li .sort{
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	font-weight: 400;
	overflow: hidden;
}
.product-tab li.active{
	background:#e8eff8 url(../images/product-list-bg.jpg);
	background-size: cover;
}

.product-tab .line{
	width: 100%;
	height: 6.25rem;
	background:#e8eff8 url(../images/product-list-bg.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}


.product-card .tabCon{
	width: 56%;
	float: right;
	position: relative;
}
.tabCon .content,.tabCon .title,.tabCon .name,..tabCon .desc,..tabCon .info,..tabCon .img{
	width: 100%;
	float: left;
}
.tabCon .content{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}


.tabCon .title{
	width: 100%;
	float: left;
}
.tabCon .title .name{
	width: 100%;
	float: left;
	font-size: 1.875rem;
	line-height: 4rem;
	color: #16181a;
}
.tabCon .title .name font{
	display: inline-block;
	float: left;
	font-weight: bold;
}
.tabCon .title .name span{
	display: inline-block;
	float: left;
	padding-left: 1.8rem;
	position: relative;
}
.tabCon .title .name span:before{
	position: absolute;
	content: '';
	left: 0.9rem;
	top: 22%;
	width: 1px;
	height: 60%;
	background: #DCDCDC;
}
.tabCon .title .desc{
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 2rem;
	max-height: 8rem;
	overflow: hidden;
	color: #666;
	font-weight: 300;
	-webkit-line-clamp: 4;
}
.tabCon .info{
	width: 100%;
	float: left;
	margin-top: 1rem;
	height: 0;
	padding-bottom: 63.8%;
	position: relative;
}

.tabCon .info .img{
	width: 100%;
	height: 100%;
	background: #fff;
	float: left;
	position: absolute;
	bottom: 0;
	box-shadow: 0 0 1rem 0.25rem rgb(198 200 204 / 30%);
	border: #fff 2px solid;
}
.tabCon .info .img img{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}
.tabCon .info .link{
	position: absolute;
	left: 3.125rem;
	bottom: 3.125rem;
}
.tabCon .info .link a{
	display: inline-block;
	background: #0079BF;
	color: #fff;
	font-size: 0.875rem;
	padding:0.875rem 1.7rem;
	border-radius: 0.25rem;   

}


.tabCon .content.active{
	z-index: 1;
	position: initial;
}


.product-pics{
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}
.product-pics .title{
	width: 100%;
	float: left;
	color: #16181a;
	font-size: 2.25rem;
	line-height: 3rem;
	text-align: center;
}
.product-pics ul{
	width: 100%;
	float: left;
	margin-top: 3rem;
}
.product-pics li{
	width: 23%;
	margin-left: 2.6667%;
	text-align: center;
}
.product-pics li:nth-child(1){
	margin-left: 0;
}
.product-pics li a,.product-pics li .img,.product-pics li .img img,.product-pics li .name{
	width: 100%;
	float: left;
}
.product-pics li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.product-pics li .img,.product-pics li .img img{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	overflow: hidden;
}
.product-pics li .name{
	width: 100%;
	float: left;
	position: absolute;
	bottom: 2rem;
	left: 0;
	color: #fff;
	font-size: 1.875rem;

}
.product-pics li:hover{
	box-shadow: 0.5rem 0.25rem 1rem 0.25rem rgb(0 0 0 / 20%);
}
.product-pics li:hover img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}





.product .filter{
	float: left;
}
.product .filter .w1400{
	padding: 2rem 0 4rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	border-bottom: #DCDCDC 1px solid;
}
.product .filter .form-item{
	width: 31.3333%;
	float: left;
	margin-left: 2.6666%;
}
.product .filter .form-item:nth-child(1){
	margin-left: 0;
}
.product .filter .form-item>div{
	width: 100%;
	float: left;
}
.product .filter .box{
	height: 2.5rem;
	line-height: 2.5rem;
	overflow: hidden;
	font-size: 1.125rem;
	font-weight: bold;
	color: #16181a;
}
.product .filter .form-item .box .btn{
	float: right;
	background: #e62129;
	color: #fff;
	font-weight: initial;
	padding: 0 1.5rem;
	font-size: 1rem;
	text-align: center;
	height: 2rem;
	margin-top: 0.25rem;
	border-radius: 0.25rem;
	line-height: 2rem;
	cursor: pointer;
}
.product .filter .form-item .box .btn:hover{
	background: #d52027;
}
.product .filter .pro-form1,.product .filter .pro-form2{
	width: 100%;
	height: 3rem;
	float: left;
	padding: 0 1rem;
	border:none;
	background: #F5F7FA;
	color: #9F9F9F;
	position: relative;
}
.product .filter .pro-form1 input{
	width: calc(100% - 3rem);
	height: 100%;
	float: left;
	line-height: 100%;
	font-size: 1rem;
	color: #9F9F9F;
}
.product .filter .pro-form1 button{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0,-50%);
	cursor: pointer;
}
.product .filter :before,.product .filter :after{
	position: absolute;
	content: '';
}
.product .filter .pro-form1 button:before{
	width: 60%;
	height: 60%;
	top: 10%;
	left: 10%;
	border: #505050 2px solid;
	border-radius: 100%;
}
.product .filter .pro-form1 button:after{
	width: 0.5rem;
	height: 2px;
	left: 70%;
	bottom: 6px;
	background: #505050;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.product .filter .pro-form2{
	padding: 0;
}
.product .filter .pro-form2 .text{
	width: 100%;
	height: 100%;
	padding:0 1rem;
	line-height: 3rem;
	float: left;
	overflow: hidden;
	color: #333;
	position: relative;
	cursor: pointer;
}
.product .filter .pro-form2 ul{
	display: none;
	width: 100%;
	float: left;
	padding:1rem 0;
	border-top: #e3edfb 1px solid;
	background:#F5F7FA;/** #e3edfb**/
}
.product .filter .pro-form2 li{
	width: 100%;
	float: left;
}
.product .filter .pro-form2 li a{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 2rem;
	padding: 0 1rem;
}


.product .filter .pro-form2 i{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	display: inline-block;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}
.product .filter .pro-form2 i:before{
	left: 40%;
    top: 48%;
    content: '';
    width: 0;
    height: 0;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    height: 0.4rem;
    width: 0.4rem;
    transform: rotate(45deg) translate(-50%,-50%);
	-webkit-transform: rotate(45deg) translate(-50%,-50%);
	-moz-transform: rotate(45deg) translate(-50%,-50%);
	-ms-transform: rotate(45deg) translate(-50%,-50%);
	-o-transform: rotate(45deg) translate(-50%,-50%);
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
}

.product .filter .pro-form2 .text.on{
	background: #E3EDFB;
}
.product .filter .pro-form2 li:hover{
	background: #E3EDFB;
}

.product .filter .demo-slider{
	width: 100%;
	height: 1.5rem;
	padding: 0 0.625rem;
	float: left;
}
.product .filter .demo-slider .layui-slider{
	width: 100%;
	height: 4px;
	float: left;
	top: 50%;
	transform: translate(0,-50%);
}
.product .filter .demo-slider .layui-slider .layui-slider-wrap{
	width: 1.25rem;
	height: 1.25rem;
	left: 0;
	top: 50%;
	transform: translate(-50%,-50%);
}
.product .filter .demo-slider .layui-slider .layui-slider-wrap-btn{
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	border: #E6E6E6 2px solid!important;
}
.product .filter .num{
	width: 100%;
	float: left;
	height: 1rem;
	margin-top: 0.5rem;
	color: #8B8B8B;
}
.product .filter .num font{
	color: #007AC1;
	font-weight: bold;
}
.product .filter .num>div{
	width: 50%;
}
.product .filter .num .left{
	float: left;
}
.product .filter .num .right{
	float: right;
	text-align: right;
}



.product .list{
	width: 100%;
	float: left;
}
.product .list ul{
	width: 100%;
	float: left;
	margin: 2rem 0;
	display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.product .list li{
	width: 31.3333%;
	float:left;
	margin: 2rem 0;
	margin-left: 3%;
}
.product .list li .box,.product .list li .box>div{
	width: 100%;
	float: left;
}
.product .list li:nth-child(3n-2){
	margin-left: 0;
}
.product .list li .box{
	height: 100%;
}
.product .list li .name{
	font-size: 1.5rem;
	line-height: 4rem;
	overflow: hidden;
}
.product .list li .name a{
	color: #3E4041;
}
.product .list li .img a{
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.product .list li .img img{
	width: 100%;
	float: left;
}
.product .list li .desc>div{
	width: 100%;
	height: 3rem;
	line-height: 1.75rem;
	padding: 0.625rem 0;
	color: #495770;
	font-size: 1rem;
	float: left;
	margin-top: 0.5rem;
	background: url(../images/product-list-bg.jpg);
	background-size: cover;
	cursor: pointer;
	position: relative;
}
.product .list li .desc>div i{
	display: inline-block;
	width: 1.75rem;
	height: 1.75rem;
	float: left;
	margin-left: 0.625rem;
	margin-right: 0.625rem;
	border-radius: 100%;
	overflow: hidden;
	background:#fff url(../images/productli-ico.png);
}
.product .list li .desc>div.text1 i{
	background-position: 0 0;
}
.product .list li .desc>div.text2 i{
	background-position: 0 -1.75rem;
}
.product .list li .desc>div.text3 i{
	background-position: 0 -3.5rem;
}
.product .list li .desc>div font{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	float: left;
	overflow: hidden;
	padding:0.625rem 0.625rem 0.625rem 3rem; 
}

.product .list li .desc>div font span{
	min-width: 0.1rem;
}
.product .list li:hover .name a,.product .list li:hover .desc>div{
	color: #007AC1;
}
/*.product .list li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}*/
.product .list li .desc>div:hover i{
	background:#007AC1 url(../images/productli-ico.png);
}
.product .list li .desc>div.text1:hover i{
	background-position: -1.75rem 0;
}
.product .list li .desc>div.text2:hover i{
	background-position: -1.75rem -1.75rem;
}
.product .list li .desc>div.text3:hover i{
	background-position: -1.75rem -3.5rem;
}
.product .qrcode{
	float: left;
	margin-top: 3rem;
	text-align: center;
}
.product .qrcode .img{
	width: 100%;
	float: left;
	margin-top: 1rem;
}
.product .qrcode .img img{
	display: initial;
	width: 10rem;
	height: initial;
	float: initial;
}
.product .qrcode .text{
	width: 100%;
	float: left;
	color: #16181a;
	font-size: 2.25rem;
	margin: 4rem 0;
}





/**产品详情****/
.productview{
	float: left;
}

.productview>div{
	float: left;
	padding: 6.25rem 0;
}


.pro-ico{

}
.pro-ico ul{
	width: 100%;
	margin-top: 3rem;
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content: space-between;
}
.pro-ico li{
	width: 18%;
	margin-bottom: 2rem;
	cursor: pointer;
	text-align: center;
	position: relative;
}
.pro-ico li .img{
	width: 6.25rem;
	height: 6.25rem;
	overflow: hidden;
	float: left;
	border-radius: 0.5rem;
	border: #B6B9BF 2px solid;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.pro-ico li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}
.pro-ico li .name{
	width: 100%;
	float: left;
	font-size: 1.125rem;
	height: 3rem;
	line-height: 1.5rem;
	margin: 1rem 0;
	color: #16181a;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.pro-ico li .desc{
	width: 100%;
	overflow: hidden;
	float: left;
	text-align: left;
	color: #495770;
	font-size: 0.875rem;
	line-height: 1.875rem;
	height: 7.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}





.productview .provvideo{
	padding: 0;
	background: #F3F6F9;
}

.provvideo .w1400{
	display: flex;
	padding: 6.25rem 0;
}
.provvideo .text{
	flex: 1;
	overflow: hidden;
}
.provvideo .text .box .nytitle{
	text-align: left;
}
.provvideo .desc{
	width: 100%;
	float: left;
	margin-top: 1rem;
	position: relative;
	line-height: 1.875rem;
	font-size: 1.125rem;
	color: #495770;
}


.provvideo .video{
	width:50%;
	height: 25rem;
	overflow: hidden;
	float:right;
	margin-left: 5%;
	position: relative;
}
.provvideo .video video,.provvideo .video video source{
	width: 100%;
	float: left;
	border: inherit;
	object-fit: contain;
}
.provvideo .video .ico{
	position: absolute;
	content: '';
	left:0;
	top:0%;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
}
.provvideo .video .ico img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	z-index: 1;
}
.provvideo .video .ico i{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%,-50%);
	display: inline-block;
    width: 5.625rem;
    height: 5.625rem;
    border-radius: 5.625rem;
    background: #ED1C24;
    cursor: pointer;
    position: relative;
    border: #ED1C24 1px solid;
}
.provvideo .video .ico i:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 0.6rem solid transparent;
    border-bottom: 0.6rem solid transparent;
    border-left: 1rem solid #fff;
}
.provvideo .video .ico i:after{
    position: absolute;
    content: '';
    width:200%;
    height: 200%;
    left: -50%;
    top: -50%;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    animation: provvideo 2s linear 0.5s infinite;
}
.provvideo .video .ico i:hover::after{
    animation-play-state: paused;
}
@keyframes provvideo {
    0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.0;
    }
    50% {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    opacity: 0.3;
    }
    100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
    }
}
.provvideo .video .ico.active{
	opacity: 0;
	z-index: -1;
}






.productview .provspec{

}
.productview .provspec .nytitle{
	text-align: left;
}
.productview .provspec .box{
	margin-top: 2rem;
	width: 100%;
	float: left;
	display: flex;
	border-bottom: #E6E6E6 1px solid;
}
.productview .provspec #cpggswiper{
	width: 100%;
	position: relative;
	height: 4rem;
	overflow: hidden;
	margin-right: 2%;
}
.productview .provspec .swiper-slide{
	font-size: 1.5rem;
	line-height: 4rem;
	cursor: pointer;
	width: initial;
}
.productview .provspec .swiper-slide.on{
	color: #007AC1;
	border-bottom: #007AC1 2px solid;
}
.productview .provspec .swiper-slide:nth-child(1){
	margin-left: 0;
}
.productview .provspec .boxbtn{
	float: right;
	width: 7rem;
	height: 3rem;
	margin-top: 0.5rem;
}
.productview .provspec .btn{
	width: 3rem;
	height: 3rem;
	font-family: '宋体';
	font-size: 1.5rem;
	line-height: 2.8rem;
	text-align: center;
	float: left;
	background: #fff;
	border:#007AC1 2px solid;
	color: #007AC1;
	border-radius: 0.25rem;
	cursor: pointer;
}

.productview .provspec .btn:nth-child(2){
	float: right;
}
.productview .provspec .btn.swiper-button-disabled{
	color: #ccc;
	border: #ccc 2px solid;
}

.productview .provspec .toggle{
	width: 100%;
	float: left;
	padding: 2rem 0;
}
.productview .provspec .cont{
	width: 100%;
	float:left;
	min-height: 10rem;
	display: none;
	line-height: 1.875rem;
	font-size: 1rem;
}
.productview .provspec .cont img{
	image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
object-fit: cover;
}
.productview .provspec .cont.active{
	display: inline-block;
}




.productview .provtrait{
	background: #182030;
}
.productview .provtrait .nytitle{
	text-align: left;
	color: #fff;
}
.productview .provtrait .desc{
	width: 100%;
	float: left;
	margin-top: 2rem;
	color: #fff;
	font-size: 1rem!important;
	line-height: 2!important;
}
.productview .provtrait .desc p,.productview .provtrait .desc div,.productview .provtrait .desc span,.productview .provtrait .desc font{
	color: #fff!important;
	font-size: 1rem!important;
	line-height: 2!important;
}
.provvideo .desc,.provvideo .desc p,.provvideo .desc div,.provvideo .desc span,.provvideo .desc font{

	line-height: 2!important;
}


.productview .provdown{
	background: #F5F7FA;
}

.productview .provdown .nytitle{
	text-align: left;
}
.productview .provdown ul{
	width: 100%;
	margin-top: 2rem;
}
.productview .provdown li{
	width: 48%;
	margin-left: 4%;
	margin-bottom: 3%;
	background: #fff;
	box-shadow: 0 0 0.125rem 0.125rem rgb(198 200 204 / 10%);
    border:#E5E8ED 1px solid;
}
.productview .provdown li:nth-child(2n-1){
	margin-left: 0;
}
.productview .provdown li a{
	display: inline-block;
	width: 100%;
	float: left;
	padding:2rem;
	color: #16181a;
	font-size: 1.125rem;
	position: relative;
}
.productview .provdown li i{
	position: absolute;
	top: 2rem;
	left: 2rem;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	float: left;
	background:url(../images/down.png);
	background-size: cover;
}
.productview .provdown li p{
	display: inline-block;
	width: 100%;
	float: left;
	padding-left:3rem;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden;
}
.productview .provdown li:hover{
	box-shadow: 0 0 0.5rem 0.25rem rgb(198 200 204 / 30%);
}
.productview .provdown li:hover p{
	color: #007AC1
}






/**科研力量*************/

.research{
	float: left;
}	

.research .member{
	float: left;
	background: #F5F7FA;
}
.teams .w1400{
	padding: 6.25rem 0;
}
.teams .num-list li .name{
	height: 5rem;
}
.teams .num-list li .name .num2{
	display: none;
}
.teams .num-list li .name .num1:before{
	display: none;
}
.teams .num-list li .name .num3{	
	line-height: 6.5rem;
}

.teams .cont{
	width: 100%;
	float: left;
	font-size: 1rem;
	color: #495770;
	line-height:2rem;
	margin: 3rem 0 2.5rem 0;
}
.teams .box{
	width: 100%;
	float: left;
	color: #fff;
	margin-top: 3rem;
	position: relative;
}

.teams .img,.teams .img img{
	width: 100%;
	float: left;
	object-fit: cover;
}

.num-list{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
}
.num-list ul{
	width: 100%;
}
.num-list li{
	width: 25%;
}
.num-list li>div{
	width: 100%;
	float: left;
	text-align: center;
}
.num-list li .name .num{
	font-size: 3.75rem;
	line-height: 5rem;

}
.num-list li .name .num3{
	font-size: 1.5rem;
}
.num-list li .desc{
	font-size: 1.5rem;
	line-height: 2rem;
}



.backbone{
	float: left;
	padding: 6.25rem 0;
}
.backbone ul{
	width: 100%;
}
.backbone li{
	width: 47%;
	margin-left: 6%;
	position: relative;
	margin-top: 5rem;
	margin-bottom: 12rem;

}
.backbone li .img,.backbone li .img img{
	width: 100%;
	float: left;
}
.backbone li .img{
	overflow: hidden;
}
.backbone li .img img{
	height: 100%;
	object-fit: cover;
}
.backbone li .text{
	position: absolute;
	left: 50%;
	z-index: 2;
	top: 80%;
	width: 90%;
	float: left;
	padding: 2rem;
	background: #fff;
	transform: translate(-50%,0);
	box-shadow: 0 0 1rem 0.5rem rgb(73 87 112 / 20%);
}
.backbone li .text>div{
	width: 100%;
	float: left;
	background: #fff;
}
.backbone li .text .name{
	overflow: hidden;
	color: #16181a;
	font-size: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}
.backbone li .text .desc{
	font-size: 1rem;
	line-height: 1.5rem;
	max-height: 3rem;
	overflow: hidden;
	margin: 1rem 0;
}
.backbone li .text .exp{
	font-size: 0.875rem;
	color: #495770;
	line-height: 1.5rem;
	height:3rem;
	overflow: hidden;

}
.backbone li .text .link{
	margin-top: 1rem;
}
.backbone li .text .link a{
	display: inline-block;
	float: left;
	background: #007AC1;
	font-size: 0.875rem;
	color: #fff;
	border-radius: 0.25rem;
	padding:0.625rem 1.5rem;
}
.backbone li .text .link a font:nth-child(2){
	display: none;
}
.backbone li:nth-child(2n-1){
	margin-left: 0;
}
.backbone li:hover .text{
	box-shadow: 0 0 1rem 0.5rem rgb(73 87 112 / 40%);
}
.backbone li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.backbone li:hover .name{
	color: #016ead;
}
.backbone li .text .link:hover a{
	background: #016ead;
}
.backbone li.active .exp{
	height: 9rem;
	transition: all 0.5s;
}
.backbone li.active .link a font{
	display: none
}
.backbone li.active .text .link a font:nth-child(2){
	display:inline-block;
}



.system{
	float:left;
}
.system .system-top{
	background: #F5F7FA;
	float: left;
}
.system .system-top ul{
	width: 100%;
	line-height: 5rem;
	font-size: 1.5rem;
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.system .system-top li{
	margin-left: 3%;
	cursor: pointer;
}
.system .system-top li:nth-child(1){
	margin-left: 0;
}
.system .system-top li.active{
	font-weight: bold;
	color: #1380C3;
}
.system .system-top .line{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #1380C3;
}


.system .system-info,.system .cont,.system .continfo,.cont-list,.cont-list ul,.cont-list li{
	width: 100%;
	float: left;
}
.system .system-info{
	margin-bottom: 6.25rem;
}
.system .cont{
	display: none;
}
.system .cont.active{
	display: inline-block;
}
.system .nytitle{
	text-align: left;
	margin-bottom: 2rem;
}

.cont-textpic{
	width: 100%;
	float: left;
	margin-top: 6.25rem;
	display: flex;
}
.cont-textpic .nytitle{
	text-align: left;
}
.cont-textpic .box{
	width: 55%;
	position: relative;
}
.cont-textpic .box .text{
	width: 100%;
	float: left;
	padding-right: 10%;
	position: relative;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.cont-textpic .box .text .name{
	width: 100%;
	float: left;
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #007ac1;
}
.cont-textpic .box .text .desc{
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
	width: 100%;
	float: left;
	margin-top: 1rem;
}
.cont-textpic .toggle{
	flex: 1;
	float: left;
}
.cont-textpic .toggle .img{
	width: 100%;
	float: right;
}
.cont-textpic .toggle .img img{
	width: 100%;
}

.cont-list{
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}
.cont-list ul{
	width: 100%;
	float: left;
	border-top: #007AC1 1px solid;
}
.cont-list li{
	height: 5rem;
	font-size: 1rem;
	color: #495770;
	border-bottom: #E9E9E9 1px solid;
	position: relative;
}
.cont-list li>div{
	padding: 0 2.5rem;
}
.cont-list li .box{
	width: 20rem;
	line-height: 1.5rem;
	height: auto;
	float: left;
	overflow: hidden;
	text-overflow:initial;
	white-space: initial;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 1;
}
.cont-list li:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 20rem;
	height: 100%;
	background: #EEF0F4;
	z-index: 0;
}
.cont-list li .toggle{
	overflow: hidden;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
	text-overflow:initial;
	white-space: initial;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.cont-list li:nth-child(1){
	background: #F9F9F9;
	color: #0f1823;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.25rem;
	font-weight: bold;
}
.cont-list li:nth-child(1):before{
	background: #F9F9F9;
}


.cont-pics{
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}
.cont-pics>div{
	width: 100%;
	float: left;
}
.cont-pics .toggle{
	text-align: center;
}
.cont-pics .toggle img{
	max-width: 100%;
	object-fit: cover;
}


.cont-imglist{
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}
.cont-imglist>div{
	width: 100%;
	float: left;
}
.cont-imglist .toggle{

}
.cont-imglist .toggle ul{
	width: 100%;
	float: left;
}
.cont-imglist .toggle li{
	width: 48%;
	float: left;
	margin-bottom: 2rem;
	margin-left: 4%;
}
.cont-imglist .toggle li:nth-child(2n-1){
	margin-left: 0;
}
.cont-imglist .toggle>div{
	width: 100%;
	float: left;
}
.cont-imglist .toggle img{
	width: 100%;
	object-fit: cover;
}
.cont-imglist .toggle .text{
	margin-top: 2.5rem;
	color: #495770;
	font-size: 1rem;
	line-height: 1.875rem;
	height: 15rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}


.cont-imgs{
	width: 100%;
	float: left;
	margin-top: 6.25rem;
}
.cont-imgs>div{
	width: 100%;
	float: left;
}
.cont-imgs .toggle ul{
	width: 100%;
	float: left;
}
.cont-imgs .toggle li{
	width: 23%;
	float: left;
	border: #F2F2F2 1px solid;
	margin-bottom: 2rem;
	margin-left: 2.6666%;
}
.cont-imgs .toggle li:nth-child(4n-3){
	margin-left: 0;
}
.cont-imgs .toggle>div{
	width: 100%;
	float: left;
}
.cont-imgs .toggle img{
	width: 100%;
	object-fit: cover;
}

.cont-list-four{
	padding-top: 6.25rem;
}
.cont-list-four ul{
	width: 100%;
	border-top: #007AC1 1px solid;
}
.cont-list-four li{
	width: 100%;
	height: 4rem;
    line-height: 4rem;
    font-size: 1rem;
    color: #495770;
    border-bottom: #E9E9E9 1px solid;
}
.cont-list-four li>div{
	float: left;
	padding: 0 2.5rem;
	overflow: hidden;
}
.cont-list-four .box-one,.cont-list-four .box-two{
	width: 10rem;
	float: left;
	background:#EEF0F4;
	border-bottom: #e9e9e9 1px solid;
}
.cont-list-four .box-three{
	width: calc(50% - 20rem);
}
.cont-list-four .box-four{
	width: 50%;
}
.cont-list-four li>div{
	border-left: #e9e9e9 1px solid;
}
.cont-list-four li:nth-child(1){
	background: #F9F9F9;
    color: #0f1823;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.25rem;
    font-weight: bold;
}



/*解决方案*/

.center-slide{
	width: 188%;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.center-slide .swiper-container{
	overflow: initial;
}
.center-slide .swiper-container {
	width: 100%;
}
.center-slide .swiper-slide {
	text-align: center;
	font-size: 1.125rem;
	background: #fff;

	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;
	transition: 300ms;
	transform: scale(0.8);
}
.center-slide .swiper-slide-active,.center-slide .swiper-slide-duplicate-active{
	transform: scale(1);
}
.center-slide .swiper-pagination{
	bottom: -2rem;
}
.center-slide .swiper-pagination-bullet{
	width: 0.625rem;
	height: 0.625rem;
}
.center-slide .swiper-pagination-bullet-active{
	background: #D70008;
	width: 2rem;
	border-radius: 0.625rem;
}



.solution{
	padding:6.25rem 0 12.5rem 0;
	background-size: auto 100%;
}
.soluindex .swiper-slide{
	width: 100%;
	height: 100%;
}
.soluindex .box{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.soluindex .box .img{
	width: 73%;
	float: left;
	overflow: hidden;
}
.soluindex .box .img img{
	width: 100%;
	float: left;
	object-fit: cover;
}
.soluindex .toggle{
	width: 27%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.soluindex .text,.soluindex .text>div{
	width: 100%;
	float: left;
}
.soluindex .text{
	height: 100%;
	padding: 3rem;
	text-align: left;
}
.soluindex .name{
	font-size:2.25rem;
	line-height: 3rem;
	max-height:12rem;
	overflow: hidden;
	color: #16181A;
}
.soluindex .desc{
	font-size: 1rem;
	line-height: 1.5rem;
	height: 9rem;
	overflow: hidden;
	color: #495770;
	margin: 10% 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
.soluindex .link{
	margin-top: 5%;
}
.soluindex .link a{
	display: inline-block;
    background: #0079BF;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.875rem 1.7rem;
    border-radius: 0.25rem;
}


.solutionlist>div{
	width: 100%;
	float: left;
}
.solist-0,.solist-3{
	background: #F5F7FA;
}
.solist-0{
	padding-bottom: 6.25rem;
}
.solist-1,.solist-2,.solist-3,.solist-4{
	padding: 6.25rem 0;
}
.soauto-0{
	background: initial;
}
.soauto-1{
	background: #007AC1;
}
.soauto-1 .nytitle{
	color: #fff;
}
.soauto-1 .three-pictext .slidepage span.swiper-pagination-current{
	color: #fff;
}
.soauto-1 .three-pictext .btn{
	border: #fff 3px solid;
}
.soauto-1 .three-pictext .btn.prev:before{
	border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.soauto-1 .three-pictext .btn.next:before{
	border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
.soauto-1 .three-pictext .btn::after{
	background: #fff;
}

.solist-2{
	background: #208FD4;
	color: #fff;
}
.soauto-2{
	background: initial;
	color: #16181A;
}
.soauto-2 .nytitle{
	color: #16181A;
}



.cont-two-txtpic{
	width: 100%;
	float: left;
}
.cont-two-txtpic .toggle,.cont-two-txtpic .toggle ul{
	width: 100%;
	float: left;
}
.cont-two-txtpic .toggle{
	margin-top: 2rem;
}
.cont-two-txtpic li{
	width: 48%;
	margin-left: 4%;
}
.cont-two-txtpic li:nth-child(2n-1){
	margin-left: 0;
}
.cont-two-txtpic li>div{
	width: 100%;
	float: left;
}
.cont-two-txtpic .name{
	background: #F5F7FA;
	color: #007AC1;
	font-size: 1.875rem;
	height: 6.25rem;
	line-height: 6.25rem;
	padding: 0 2.5rem;
}
.cont-two-txtpic .desc{
	border: #E6E6E6 1px solid;
	border-top: none;
	padding: 2.5rem;
	height: 22rem;
	overflow: hidden;
	font-size: 1rem;
	color: #495770!important;
	line-height: 2.125rem;
}
.cont-two-txtpic .desc p,.cont-two-txtpic .desc span,.cont-two-txtpic .desc font{
	color: #495770!important;
}
.cont-two-txtpic .pics{
	width: 100%;
	padding: 0 8%;
	margin-top: 2rem;
	position: relative;
}
.cont-two-txtpic .swiper{
	width: 100%;
	overflow: hidden;
}
.cont-two-txtpic .swiper .img{
	border: #E6E6E6 1px solid;
	padding: 0.125rem;
	width: 84%;
	margin: 8%;
	float: left;
}
.cont-two-txtpic .btn{
	width: 10%;
	height: 5rem;
	float: left;
	position: absolute;
	top:calc(50% - 2.5rem);
	cursor: pointer;
}
.cont-two-txtpic .btn.swiper-button-disabled{
	opacity: 0.4;
}
.cont-two-txtpic .btn.next{
	position: absolute;
	content: '';
    left: initial;
    bottom: initial;
    right: 2%;
    top: 43%;
    width: 0;
    height: 0;
    border-right: 3px solid #007AC1;
    border-top: 3px solid #007AC1;
    height: 2rem;
    width: 2rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.cont-two-txtpic .btn.prev{
	position: absolute;
	content: '';
    left: initial;
    bottom: initial;
    left: 2%;
    top: 43%;
    width: 0;
    height: 0;
    border-left: 3px solid #007AC1;
    border-bottom: 3px solid #007AC1;
    height: 2rem;
    width: 2rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}



.night-ico{
	width: 100%;
	float: left;
}
.night-ico .nytitle{
	color: #fff;
}
.night-ico .toggle,.night-ico ul{
	width: 100%;
	float: left;
}
.night-ico ul{
	margin-top: 2rem;
}
.night-ico li{
	width: 10.1111%;
	margin-left: 1.11%;
	position: relative;
	cursor: pointer;
}
.night-ico li:nth-child(1){
	margin-left: 0;
}
.night-ico li .img,.night-ico li .img img{
	width: 100%;
	float: left;
}
.night-ico li .name{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	line-height: 5rem;
	font-size: 1.125rem;
}



.three-pictext{
	width: 100%;
	float: left;
}
.three-pictext .box{
	width: 100%;
	float: left;
}
.three-pictext .nytitle{
	text-align: left;
}
.three-pictext .toggle{
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}
.three-pictext .pics{
	width: 100%;
	float: left;
	overflow: hidden;
}
.three-pictext .swiper-wrapper{
	width: 100%;
	float: left;
}
.three-pictext .img{
	width: 90%;
	margin: 0 5%;
	float: left;
	cursor: pointer;
}
.three-pictext .img img{
	width: 100%;
	float: left;
}
.three-pictext .text{
	width: 90%;
	float: left;
	margin: 0 5%;
	background: #fff;
	border: #D8D8D8 1px solid;
	border-top: none;
	padding: 2.5rem;
}
.three-pictext .text>div{
	width: 100%;
	float: left;
}
.three-pictext .name{
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	color: #16181a;
}
.three-pictext .name2{
	width: 90%;
    margin: 0 5%;
	float: left;
	margin-top: 1.5rem;
	font-size: 1rem;
	line-height: 2rem;
	color: #16181a;
	text-align: center;
	overflow: hidden;
}
.three-pictext .desc{
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 9rem;
	color: #495770;
	margin: 1rem 0;
	padding-right: 0.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
.three-pictext .desc p{
	line-height: 1.5rem!important;
}
.three-pictext .more a{
	float: left;
	font-weight: bold;
	color: #007AC1;
	font-size: 0.875rem;
	line-height: 1rem;
}

.three-pictext .desc::-webkit-scrollbar { width:5px;} 
.three-pictext .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #D4D9E0;} 
.three-pictext .desc::-webkit-scrollbar-thumb {  background:#007AC1; -webkit-box-shadow: inset 0 0 6px #007AC1; opacity: 1 } 
.three-pictext .desc::-webkit-scrollbar-thumb:window-inactive {  background:#D4D9E0;}



.three-pictext .btn{
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top:calc(50% - 1.5625rem);
	cursor: pointer;
	border: #007AC1 3px solid;
	border-radius: 100%;
	position: absolute;
	right: -4%;
}
.three-pictext .btn.prev{
	right: initial;
	left: -4%;
}
.three-pictext .btn.swiper-button-disabled{
	opacity: 0.8;
	border: #CED0D2 3px solid;
}
.three-pictext .btn.prev.swiper-button-disabled:before{
	border-left: 3px solid #CED0D2;
    border-bottom: 3px solid #CED0D2;
}
.three-pictext .btn.next.swiper-button-disabled:before{
	border-right: 2px solid #CED0D2;
    border-top: 2px solid #CED0D2;
}
.three-pictext .btn.swiper-button-disabled:after{
	background: #D6D7DA;
}
.three-pictext .btn.next:before{
	position: absolute;
	content: '';
    left: initial;
    bottom: initial;
    right: 25%;
    top: 38%;
    width: 0;
    height: 0;
    border-right: 2px solid #007AC1;
    border-top: 2px solid #007AC1;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.three-pictext .btn:after{
	position: absolute;
	content:'';
	width: 50%;
	height: 2px;
	background: #007AC1;
	top: calc(50% - 1px);
	left: calc(50% - 25%);
}
.three-pictext .btn.prev:before{
	position: absolute;
	content: '';
    left: initial;
    bottom: initial;
    left: 25%;
    top: 38%;
    width: 0;
    height: 0;
    border-left: 2px solid #007AC1;
    border-bottom: 2px solid #007AC1;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}

.three-pictext .slidepage{
	width:5rem;
	height: 2rem;
	left: initial;
	position: absolute;
	right: 0;
	top: -5rem;
	color: #AFAFAF;
	font-size: 1rem;
	text-align: right;
}
.three-pictext .slidepage span{
	font-size: 1.875rem;
	line-height: 2rem;
}
.three-pictext .slidepage span.swiper-pagination-current{
	color: #007ac1;
}


.sovideo{
	position: relative;
}
.sovideo,.sovideo>div{
	width: 100%;
	float: left;
	overflow: hidden;
}
.sovideo .img,.sovideo .img img{
	width: 100%;
	float: left;
}

.sovideo .box{
	position: relative;
	opacity: 1;
	z-index: 2;
}
.sovideo .img{
	position: relative;
	z-index: 1;
}
.sovideo .text{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-30%);
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 6rem;
	z-index: 2;
}
.sovideo .text i{
	display: inline-block;
	width: 100%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	cursor: pointer;
}
.sovideo .text i:before{
	position: absolute;
	content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    border-left: 0.8rem solid #007AC1;
}
.sovideo .text i:after{
    position: absolute;
    content: '';
    width:200%;
    height: 200%;
    left: -50%;
    top: -50%;
    background: rgba(255, 255, 255, 1.0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    animation: changes 2s linear 0.5s infinite;
}
.sovideo .text i:hover::after{
    animation-play-state: paused;
}
@keyframes changes {
    0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.0;
    }
    50% {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    opacity: 0.5;
    }
    100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
    }
}
.sovideo .text p{
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	
}
.sovideo video{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
	z-index: 0;
}

.sovideo .box.active{
	opacity: 0;
    z-index: -1;
}




.sopartner{
	width: 100%;
	float: left;
}
.sopartner .nytitle{
	text-align: left;
}
.sopartner .info{
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 2rem;
	display: flex;

	position: relative;
}
.sopartner .box{
	flex: 1;
	float: left;
}
.sopartner ul{
	width: 100%;
	height: 100%;
	float: left;
	padding-right: 1.3333%;
}
.sopartner li{
	width: 24%;
	height: 31.8%;
	margin-left: 1.3333%;
	margin-bottom: 0;
	float: left;
	overflow: hidden;
	padding: 2%;
	border: #E6E6E6 1px solid;
	border-radius: initial;
	background: initial;
	opacity: 1;
	position: relative;
}
.sopartner li:nth-child(-n + 8){
	margin-bottom:1.3333%;
}
.sopartner li:nth-child(4n-3){
	margin-left: 0;
}
.sopartner li:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: calc( 100% - 2px) ;
	height: calc( 100% - 2px) ;
	border: #fff 1px solid;
	z-index: 1;
}
.sopartner li .img{
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sopartner li .img img{
	width: 100%;
	float: left;
	margin-top: 66.6666%;
}
.sopartner li:hover,.sopartner li.swiper-pagination-bullet-active,.sopartner li.swiper-pagination-bullet-active:before{
	border: #007AC1 1px solid;
}

.sopartner .toggle{
	width: 43%;
	height: 100%;
	float: right;
	overflow: hidden;
}
.sopartner .swiper-wrapper{
	width: 100%;
	height: 100%;
	float: left;
}
.sopartner .swiper-slide,.sopartner .swiper-slide .img,.sopartner .swiper-slide img{
	width: 100%;
	height: 100%;
	float: left;
}
.sopartner .swiper-slide .img{
	overflow: hidden;
}
.sopartner .swiper-slide:hover img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.sopartner .swiper-slide{
	cursor: pointer;
	position: relative;
}
.sopartner .swiper-slide .name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.875rem;
	line-height: 3.875rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	background: rgba(0,122,193, 0.8);
	padding: 0 5%;
	overflow: hidden;
}


.sopartner .btn{
	position: absolute;
	top: -60px;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	border: #007AC1 2px solid;
	border-radius: 0.25rem;
	cursor: pointer;
	z-index: 2;
}
.sopartner .btn.next:before{
	position: absolute;
    content: '';
    right: 45%;
    top: 35%;
    width: 0;
    height: 0;
    border-right: 1px solid #007AC1;
    border-top: 1px solid #007AC1;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.sopartner .btn.prev:before{
	position: absolute;
    content: '';
    left: 45%;
    top: 35%;
    width: 0;
    height: 0;
    border-left: 1px solid #007AC1;
    border-bottom: 1px solid #007AC1;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}
.sopartner .btn.prev{
	right: 50px;
}

.sopartner .btn.swiper-button-disabled{
	border: #ccc 2px solid;
}
.sopartner .btn.swiper-button-disabled.prev:before{
	border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.sopartner .btn.swiper-button-disabled.next:before{
	border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}






.lsnico{
	width: 100%;
	float: left;
}
.lsnico .nytitle{
	text-align: left;
}
.lsnico .info{
	width: 100%;
	float: left;
	margin-top: 2rem;
}
.lsnico .box{
	width: 19.5%;
	float: left;
	padding-right: 0.3125rem;
}
.lsnico .box ul,.lsnico .box li{
	width: 100%;
	float:left;
}
.lsnico .box ul{
	height: 100%;
	position: relative;
}
.lsnico .box li{
	line-height: 3.75rem;
	position: relative;
}
.lsnico .box li .name{
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 1.125rem;
	padding:0 1.5rem;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-bottom: #DCDCDC 1px solid;
	cursor: pointer;
}
.lsnico .box li .name:before{
	position: absolute;
    content: '';
    left: 0.5rem;
    top: 50%;
    width: 0;
    height: 0;
    border-right: 1px solid #D70008;
    border-top: 1px solid #D70008;
    height: 0.3rem;
    width: 0.3rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.lsnico .box li .subname{
	width: 100%;
	float: left;
	background: #FAFAFA;
	padding: 1rem 1.5rem;
	display: none;
}
.lsnico .box li .subname p{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 1.25rem;
	margin: 0.25rem 0;
	color: #495770;
	position: relative;
	z-index: 1;
}
.lsnico .box .line{
	position: absolute;
	height: 3.75rem;
	background: url(../images/product-list-bg.jpg) ;
	background-size: 100% 100%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.lsnico .box li.active,.lsnico .box li:hover{
	background: url(../images/product-list-bg.jpg) ;
	background-size: 100% 100%;
}
.lsnico .box li.active .name{
	font-weight: bold;
}
.lsnico .box li:hover .name{
	color: #000;
}
.lsnico .box li .subname p.on a{
	font-weight: bold;
	color: #007AC1;
}
.lsnico .box li .subname p:hover a{
	color: #007AC1;
}
.lsnico .box li:nth-child(1) .subname{
	display: inline-block;
}


.lsnico .toggle{
	width: 77%;
	float: right;
	position: relative;
	height: initial;
}
.lsnico .rinfo{
	width: 100%;
	float: left;
	display: none;
}

.lsnico .rinfo>div{
	width: 31.3333%;
	float: left;
	margin-left: 3%;
	border: #ECECEC 1px solid;
	margin-bottom: 3%;
}
.lsnico .rinfo>div a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding:1rem 2rem;
	float: left;
	background-position: center;
	background-size:cover;
}
.lsnico .rinfo>div .box{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.lsnico .rinfo>div .num{
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 5rem;
	color: #E7E8EB;
	float: left;
	padding-right: 1rem;
	overflow: hidden;
	opacity: 0;
}
.lsnico .rinfo>div .rico{
	position: absolute;
	right: 0;
	top: 0;
	width: 1rem;
	height: 1rem;
	border: #0F82C5 1px solid;
}
.lsnico .rinfo>div .rico:before,.lsnico .rinfo>div .rico:after{
	position: absolute;
	content: '';
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.lsnico .rinfo>div .rico:before{
	width: 1px;
	height: 80%;
	top: 10%;
	left: 50%;
	transform: translate(-50%,0);
	background: #0F82C5;
}
.lsnico .rinfo>div .rico:after{
	width: 80%;
	height: 1px;
	top: 50%;
	left: 10%;
	transform: translate(0,-50%);
	background: #0F82C5;
}
.lsnico .rinfo>div .rico i{
	display: none;
}
.lsnico .rinfo>div .title{
	width: 100%;
	float: left;
	color: #16181a;
	color: #fff;
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	margin-top: 1rem;
	-webkit-line-clamp: 1;
	font-size: 1.125rem;
	font-weight: bold;
}


.lsnico .rinfo>div:nth-child(3n-2){
	margin-left: 0;
}
.lsnico .rinfo.active{
	display: inline-block;
}

.lsnico .rinfo>div.on,.lsnico .rinfo>div:hover{
	background: #F5F5F5;
}
.lsnico .rinfo>div.on .rico,.lsnico .rinfo>div:hover .rico{
	background: #0F82C5;
}
.lsnico .rinfo>div.on .rico:before,.lsnico .rinfo>div.on .rico:after,.lsnico .rinfo>div:hover .rico:before,.lsnico .rinfo>div:hover .rico:after{
	background: #fff;
}
.lsnico .rinfo>div.on .num,.lsnico .rinfo>div:hover .num{
	color: #959ba8;
}




.soautoview{
	width: 100%;
	float: left;
}

.soautoview .soaview-0 .nytitle{
	text-align: left;
}

.lonertwo{
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}
.lonertwo>div{
	width: 48%;
	float: left;
}
.lonertwo .box{
	margin-right: 2%;
}
.lonertwo .toggle{
	margin-left: 2%;
}
.lonertwo ul,.lonertwo li,.lonertwo li>div{
	width: 100%;
	float: left;
}
.lonertwo .toggle li{
	width: 50%;
	float: left;
}
.lonertwo .name{
	font-size: 1.5rem;
	line-height: 2rem;
	color: #007ac1;
	font-weight: bold;
}
.lonertwo .desc{
	margin-top: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
}





.pics-nightlist{
	width: 100%;
	float: left;
	margin: 3rem 0 5rem 0;
}
.pics-nightlist ul{
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}
.pics-nightlist li{
	width: 31.3333%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
	border: #D8D8D8 1px solid;
}
.pics-nightlist li:nth-child(3n-2){
	margin-left: 0;
}

.pics-nightlist .img{
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	overflow: hidden;
}
.pics-nightlist .img a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-bottom:66.6666%;
	float: left;
}
.pics-nightlist .img img{
	object-fit: cover;
	width: 100%;
	float: left;
}
.pics-nightlist .text{
	width: 100%;
	float: left;
	background: #F5F8FC;
	border-top: #D8D8D8 1px solid;
	padding: 1.5rem;
}
.pics-nightlist .text>div{
	width: 100%;
	float: left;
}
.pics-nightlist .name{
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	color: #16181a;
}
.pics-nightlist .desc{
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 6rem;
	overflow: hidden;
	color: #495770;
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.pics-nightlist .more a{
	float: left;
	font-weight: bold;
	color: #007AC1;
	font-size: 0.875rem;
	line-height: 1rem;
}

.pics-nightlist li:hover{
	box-shadow: 0 0 0.25rem 0.15rem rgb(73 87 112 / 10%);
}
.pics-nightlist li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.pics-nightlist li:hover .name a{
	color: #007AC1;
}
.pics-nightlist li:hover .text{
	background: #fff;
}





.socaseview{
	width: 100%;
	float: left;
	padding: 6.25rem 0 ;
}





.vtitle,.vtitle>div{
	width: 100%;
	float: left;
}
.vtitle .name{
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: #16181a;
}
.vtitle .more{
	margin: 1rem 0 3rem 0;
	border-bottom:#DCDCDC 1px solid; 
	line-height: 3.5rem;
	font-size: 1rem;
	color: #878787;
}
.vtitle .more>div{
	float: left;
	margin-right: 2rem;
}
.vtitle .more .share{
	float: right;
	margin-right: 0;
}
.vtitle .share{
	font-size: 0.875rem;
	line-height: 2rem;
	margin-top: 0.875rem;
}
.vtitle .share font{
	float: left;
}
.vtitle .share a.social-share-icon{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	background: url(../images/comm/ico2.png);
	transition:inherit;
}
.vtitle .share a.social-share-icon:before{
	display: none;
}
.vtitle .share a.social-share-icon.icon-qq{
	background-position: 0 0;
}
.vtitle .share a.social-share-icon.icon-wechat{
	background-position: 0 -2rem;
}
.vtitle .share a.social-share-icon.icon-weibo{
	background-position: 0 -4rem;
}
.vtitle .share a.social-share-icon.icon-qq:hover{
	background-position: -2rem 0;
}
.vtitle .share a.social-share-icon.icon-wechat:hover{
	background-position: -2rem  -2rem;
}
.vtitle .share a.social-share-icon.icon-weibo:hover{
	background-position: -2rem  -4rem;
}




.videolist{
	width: 100%;
	float: left;
	height: 34.375rem;
	overflow: hidden;
}
.videolist .box{
	width: 70%;
	height: 100%;
	float: left;
}
.videolist .box .video,.videolist .box .video .img,.videolist .box .video video,.videolist .box .video .img img{
	width: 100%;
	height: 100%;
	float: left;
}
.videolist .box .video .img img{
	position: relative;
	z-index: 1;
}
.videolist .box .video{
	position: relative;
}

.videolist .box .video video{
	position: absolute;
	left: 0;
	top: 0;
}



.videolist .toggle{
	width: 28.25%;
	float: right;
}
.videolist .toggle ul,.videolist .toggle li{
	width: 100%;
}
.videolist .toggle ul{
	height: 34.375rem;
	overflow: hidden;
	overflow-y: auto;
}
.videolist .toggle ul::-webkit-scrollbar { width:0.3125rem;} 
.videolist .toggle ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #D4D9E0;} 
.videolist .toggle ul::-webkit-scrollbar-thumb {  background:#007AC1; -webkit-box-shadow: inset 0 0 6px #007AC1; opacity: 1 } 
.videolist .toggle ul::-webkit-scrollbar-thumb:window-inactive {  background:#D4D9E0;}

.videolist .toggle li{
	margin-bottom: 1rem;
	background: #F5F7FA;
	padding: 1rem;
	display: flex;
	cursor: pointer;
}
.videolist .toggle li:nth-last-child(1){
	margin-bottom: 0;
}
.videolist .toggle li>div{
	float: left;
}
.videolist .toggle li .ico{
	width: 51%;
	height: 0;
	padding-bottom: 28.3%;
	float: left;
	overflow: hidden;
	position: relative;
}
.videolist .toggle li .ico img{
	width: 100%;
	float: left;
}
.videolist .toggle li .ico div{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width:3rem;
	height: 3rem;
	background: #fff;
	border-radius: 100%;
}
.videolist .toggle li .ico div:before,.videolist .toggle li .ico div:after{
	position: absolute;
	content: '';
}
.videolist .toggle li .ico div:before{
	top: 50%;
    left: 50%;
    transform: translate(-40%,-50%);
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-left: 1rem solid #0079BF;
    border-bottom: 0.5rem solid transparent;
}
.videolist .toggle li .name{
	flex: 1;
	width: 49%;
	overflow: hidden;
	padding-left:0.875rem;
	float: right;
	position: relative;
}
.videolist .toggle li .name p{
	display: inline-block;
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.5rem;
	height: 4.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.videolist .toggle li .name i{
	position: absolute;
	bottom: 0;
	left: 0.875rem;
	color: #007AC1;
	font-size: 1rem;
}
.videolist .toggle li:hover,.videolist .toggle li.on{
	background: #0079BF;
	color: #fff;
}
.videolist .toggle li:hover .name i,.videolist .toggle li.on .name i{
	color: #fff;
}
.videolist .toggle li:hover .ico img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.videolist .toggle li.active .ico div:before,.videolist .toggle li.active .ico div:after{
	width: 0.3rem;
	height: 50%;
	border: initial;
	background: #0079BF;
}
.videolist .toggle li.active .ico div:before{
	left: 60%;
}
.videolist .toggle li.active .ico div:after{
	top:50%;
	left: 40%;
	transform: translate(-50%,-50%);
}




.casepage,.casepage>div{
	width: 100%;
	float: left;
}

.casediv-1{
	background: #EBEFF4;
	padding: 3rem 0;
	position: relative;
	overflow: hidden;
}
.casediv-1:before{
	position: absolute;
	content: '';
	left: 45%;
	top:50%;
	transform: rotate(30deg) translate(-50%,-50%);
    -webkit-transform: rotate(30deg) translate(-50%,-50%);
    -moz-transform: rotate(30deg) translate(-50%,-50%);
    -ms-transform: rotate(30deg) translate(-50%,-50%);
    -o-transform: rotate(30deg) translate(-50%,-50%);
	width: 6%;
	height: 400%;
	background: #F5F7FA;
}


.three-num,.three-num ul{
	width: 100%;
	float: left;
}
.three-num ul{
	padding: 0 15%;
	position: relative;
	z-index: 1;
}
.three-num li{
	width: 33.3333%;
	float: left;
	text-align: center;
}
.three-num li>div{
	width: 100%;
	float: left;
}
.three-num li .num{
	font-size: 3.75rem;
	line-height: 4rem;
	color: #d70008;
}
.three-num li .num font{
	position: relative;
	padding-right: 2rem;
}
.three-num li .num font:before{
	position: absolute;
	content: '+';
	right: 0;
	top: 0;
	font-size: 2.5rem;
	font-weight: bold;
}
.three-num li .title{
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #333;
	font-weight: bold;
	margin-top: 0.5rem;
}



.casediv-2{
	padding: 5.25rem 0 3rem 0;
}

.case-clickmore,.case-clickmore ul,.case-clickmore li{
	width: 100%;
	float: left;
}
.case-clickmore ul{
	margin-top: 3rem;
}
.case-clickmore li{
	padding: 2.5rem;
	display: flex;
}
.case-clickmore li:nth-child(1){
	background: #E2E8EF;
}
.case-clickmore li .img{
	width: 21rem;
	height: 18.375rem;
	float: left;
	margin-right: 3.25rem;
	overflow: hidden;
}
.case-clickmore li .img img{
	width: 100%;
	height: 100%;
	float: left;
}
.case-clickmore li .text{
	flex: 1;
	width: 100%;
	float: left;
}
.case-clickmore li .text>div{
	width: 100%;
	float: left;
}
.case-clickmore .sort{
	font-size: 1rem;
	color: #007ac1;
	line-height: 1.25rem;
}
.case-clickmore .name{
	font-size: 1.875rem;
	color: #16181a;
	line-height: 2.5rem;
	margin: 0.25rem 0;
}
.case-clickmore .desc{
	font-size: 1rem;
	color: #495770;
	line-height: 1.625rem;
	margin: 2rem 0;
}
.case-clickmore .link{
	margin-top: 2rem;
}
.case-clickmore .link a{
	display: inline-block;
	background: #007AC1;
	color: #fff;
	width: 7.5rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	border-radius: 0.3125rem;
}
.case-clickmore .more{
	width: 100%;
	float: left;
	text-align: center;
	height: 4rem;
	line-height: 4rem;
	overflow: hidden;
	color: #D70008;
	font-size: 0.875rem;
	margin-top: 1rem;
}
.case-clickmore .more font{
	position: relative;
	padding-right: 1.5rem;
}
.case-clickmore .more font:before,.case-clickmore .more font:after{
	position: absolute;
	content: '';
	right: 2%;
    top: 20%;
    width: 0;
    height: 0;
    border-right: 1px solid #D70008;
    border-bottom: 1px solid #D70008;
    height: 0.25rem;
    width: 0.25rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    opacity: 1;
}
.case-clickmore .more font:after{
	top: 50%;
}
.case-clickmore li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.case-clickmore .link a:hover{
	background: #205996
}


.casediv-3{
	width: 100%;
	float: left;
	background: url(../images/partlist.jpg);
	background-size: 100% 100%;
	padding:6.25rem 0 10rem 0;
}

.partlist，.partlist ul{
	width: 100%;
	float: left;
}
.partlist ul{
	margin-top: 3rem;
}
.partlist li{
	width: 14.6666%;
	float: left;
	margin-left: 2.4%;
	margin-bottom: 2.4%;
	cursor: pointer;
	border: #fff 1px solid;
}
.partlist li:nth-child(6n-5){
	margin-left: 0;
}
.partlist li .img{
	width: 100%;
	height: 0;
	padding-bottom: 65%;
	float: left;
	overflow: hidden;
}
.partlist li .img img{
	position: relative;
	width: 100%;
	float: left;
	padding-top: 65%;
	top: 50%;
	transform: translate(0,-50%);
}
.partlist li:hover{
	border: #ccc 1px solid;
}
.partlist li:hover .img img{
	transform: scale(1.05) translate(0,-50%);
    -webkit-transform: scale(1.05) translate(0,-50%);
    -moz-transform: scale(1.05) translate(0,-50%);
    -ms-transform: scale(1.05) translate(0,-50%);
    -o-transform: scale(1.05) translate(0,-50%);
}




.socview{
	padding-top: 6.25rem;
}
.socview .vtitle .name{
	color: #007AC1;
	padding-top: 3.6rem;
}
.socasecont{
	border-bottom: #DCDCDC 1px solid;
	padding-bottom: 3rem;
}
.socasecont,.socasecont>div{
	width: 100%;
	float: left;
}
.socasecont .name{
	font-size: 1.875rem;
	line-height: 2rem;
	color: #16181a;
}


.ltrv{
	width: 100%;
	float: left;
	display: flex;
	height: 25rem;
	overflow: hidden;
}
.ltrv>div{
	width: 47%;
	float: left;
	margin-left: 6%;
}
.ltrv>div:nth-child(1){
	margin-left: 0;
}
.ltrv .text>div{
	width: 100%;
	float: left;
}
.ltrv .desc{
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
}
.ltrv .desc .i{
	width: 100%;
	float: left;
	margin: 1rem 0;
	color: #007AC1;
	font-weight:bold;
}
.ltrv .video{
	flex: 1;
	position: relative;
}
.ltrv .video .box{
	width: 100%;
	height: 100%;
	float: left;
}
.ltrv .video video{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.ltrv .video .img,.ltrv .video .img img{
	width: 100%;
	float: left;
}
.ltrv .video .img img{
	width: initial;
	height: 100%;
	object-fit: cover;
}
.ltrv .video .box{
	position: relative;
}
.ltrv .video .text{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-30%);
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 6rem;
}
.ltrv .video .text i{
	display: inline-block;
	width: 100%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	cursor: pointer;
}
.ltrv .video .text i:before{
	position: absolute;
	content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    border-left: 0.8rem solid #007AC1;
}
.ltrv .video .text i:after{
    position: absolute;
    content: '';
    width:200%;
    height: 200%;
    left: -50%;
    top: -50%;
    background: rgba(255, 255, 255, 1.0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    animation: lchanges 2s linear 0.5s infinite;
}
.ltrv .video .text i:hover::after{
    animation-play-state: paused;
}
@keyframes lchanges {
    0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.0;
    }
    50% {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    opacity: 0.5;
    }
    100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
    }
}
.ltrv .video .text p{
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	
}
.ltrv .video video{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
	z-index: -1;

}
@media (min-aspect-ratio:16/9){
    .ltrv .video video{
        width:auto;
        height: 100%;
    }
}
@media (max-aspect-ratio:16/9){
    .ltrv .video video{
    	width: 100%;
        height: auto;
    }
}


.ltjjfa{
	margin-top: 3rem;
}

.ltjjfa .desc{
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
}

.ltwopic{
	width: 100%;
	float: left;
	margin: 3rem 0;
}
.ltwopic>div{
	width: 49%;
	float: left;
	margin-left: 2%;
	height:0;
	padding-bottom: 34%;
	overflow: hidden;
}
.ltwopic img{
	width: 100%;
	float: left;
}
.ltwopic>div:nth-child(1){
	margin-left: 0;
}


.lsxjz{
	height: 25rem;
	overflow: hidden;
}
.lsxjz,.lsxjz>div{
	width: 100%;
	float: left;
}
.lsxjz .toggle{
	display: flex;
}

.lsxjz .toggle .desc{
	width: 64%;
	float: left;
	margin-right: 4%;
	margin-top: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
}
.lsxjz .toggle .lpic{
	flex: 1;
}
.lsxjz .toggle .lpic img{
	width: 100%;
	height: 100%;
	float: left;

}


.spage{
	width: 100%;
	float: left;
	height: 4rem;
	margin: 2rem 0;
}
.spage .left{
	float: left;
}
.spage .left>div{
	width: 100%;
	float: left;
	line-height: 2rem;
	font-size: 1rem;
}
.spage .right{
	float: right;
}
.spage .right a{
	display: inline-block;
	width: 8rem;
	height: 3rem;
	background:#007AC1;
	color: #fff;
	border-radius: 0.25rem;
	text-align: center;
	line-height: 3rem;
	margin-top: 0.5rem;
}






.service,.service>div{
	width: 100%;
	float: left;
}
.service>div{
	padding: 6.25rem 0;
}

.service .title{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.service .title:before{
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	width: 3rem;
	height: 3px;
	background: #2B75FF;
}
.service .title>div{
	width: 100%;
	float: left;
}
.service .title .name{
	font-size: 3rem;
	line-height: 5rem;
	color: #16181a;
}
.service .title .name img{
	height: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.service .title .desc{
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin: 3rem 0;
}

.service2 .link,.service3 .link,.service4 .link{
	width: 100%;
	float: left;
	margin-top: 3rem;
}
.service2 .link a,.service3 .link a,.service4 .link a{
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border-radius: 0.25rem;
	border: #0072B5 1px solid;
	background: #0072B5;
	color: #fff;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}



.service1{
	position: relative;
}
.service1:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 65%;
	left: 0;
	bottom: 0;
	background: #F5F7FA;
}
.service1 .w1400{
	position: relative;
	z-index: 1;
}

.service3,.service4{
	 color: #fff;
}
.service3 .title .desc,.service4 .title .desc{
	color: #fff;
}
.service3 .link a,.service4 .link a{
	border: #8C9CA8 1px solid;
	background: transparent;
}

.service4 .title:before{
	display: none;
}
.service3 .link a:hover,.service4 .link a:hover{
	background: #fff;
	color: #333;
}



.lprt{
	width: 100%;
	float: left;
	display: flex;
}
.lprt .img{
	width: 56.9444%;
	float: left;
	overflow: hidden;
}
.lprt .text{
	width: 100%;
	float: left;
	background: #fff;
	flex: 1;
	box-shadow: 0 0 0.875rem 0.5rem rgb(73 87 112 / 20%);
	position: relative;
	overflow: hidden;
}
.lprt .text .box{
	width: 100%;
	float: left;
	padding: 5.625rem;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.lprt .box>div{
	width: 100%;
	float: left;
}
.lprt .ico{
	height: 3.75rem;
}
.lprt .ico img{
	height: 100%;
	float: left;
}
.lprt .name{
	font-size: 1.875rem;
	color: #16181a;
	line-height: 2.5rem;
	margin: 1rem 0;
}
.lprt .desc{
	font-size: 1rem;
	color: #666;
	line-height: 2rem;
	max-height: 4rem;
}
.lprt .link{
	margin-top: 3rem;
}
.lprt .link a{
	display: inline-block;
	background: #007AC1;
	color: #fff;
	padding: 0.875rem 1.5rem;
	border-radius: 0.25rem;
}
.lprt .link a:hover{
	background: #004FA0
}
.lprt:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}


.eightico,.eightico ul{
	width: 100%;
	float: left;
}
.eightico{
	margin-top: 4.5rem;
}
.eightico li{
	width: 22%;
	float: left;
	margin-left: 4%;
	padding:2rem 2rem;
	display: flex;
	cursor: pointer;
}
.eightico li:nth-child(4n-3){
	margin-left: 0;
}
.eightico li:hover{
	background: #FFFFFF
}
.eightico .img{
	width: 3.75rem;
	height: 3.75rem;
	float: left;
	margin-right: 1rem;
	position: relative;
	overflow: hidden;
}
.eightico .img img{
	width: 100%;
	height: 100%;
}



.eightico .text{
	flex: 1;
}
.eightico .text>div{
	width: 100%;
	float: left;
}
.eightico .name{
	font-size: 1.25rem;
	line-height: 2rem;
	height: 2rem;
	color: #16181a;
	overflow: hidden;
}
.eightico .link{
	margin-top: 0.625rem;
}
.eightico .link a{
	position: relative;
	color: #007ac1;
	font-size: 0.875rem;
	padding-right: 0.75rem;
}
.eightico .link a:before{
	position: absolute;
	content: '>';
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	font-family: '宋体';
	font-size: 0.75rem;
	line-height: 1rem;

}
.eightico .link a:hover{
	color: #0074C5
}
.eightico li:hover .name{
	color: #007AC1
}


.tnfi,.tnfi ul{
	width: 100%;
	float: left;
}
.tnfi ul{
	margin-top: 3rem;
}
.tnfi li{
	width: 23.5%;
	margin-left: 2%;
	background: #EBEFF1;
	padding: 2.5rem;
	text-align: center;
	cursor: pointer;
}
.tnfi li:nth-child(4n-3){
	margin-left: 0;
}
.tnfi li>div{
	float: left;
}
.tnfi li .img{
	width: 8.75rem;
	height: 8.75rem;
	border-radius: 100%;
	background: #BCD6E7;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.tnfi li .img img{
	width: 5rem;
	height: 5rem;
	float: left;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.tnfi li .name{
	width: 100%;
	font-size: 1.5rem;
	color: #16181a;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	margin-top: 2.25rem;
}
.tnfi li:hover{
	background: #BCD6E7;
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    box-shadow: 0 0 0.5rem 0.25rem rgb(255 255 255 / 20%);
}
.tnfi li:hover .img{
	background: #EBEFF1;
}
.tnfi .link a:hover{
	background: #004FA0;
}


.tninfo,.tninfo ul{
	width: 100%;
	float: left;
}
.tninfo .tnname{
	text-align: center;
	font-size: 1.875rem;
	line-height: 3rem;
	margin: 2rem 0;
}
.tninfo ul{
	margin-bottom: 5rem;
}
.tninfo li{
	width: 31.3333%;
	margin-left: 3%;
	border: #83808B 1px solid;
	padding: 2.5rem;
	background: rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.tninfo li:nth-child(3n-2){
	margin-left: 0;
}
.tninfo li .box{
	width: 100%;
	float: left;
	display: flex;
}
.tninfo li .num{
	width: 6rem;
	font-size: 3rem;
	line-height: 4rem;
	float: left;
	color: #2b75ff;
	overflow: hidden;
}
.tninfo li .text{
	width: 100%;
	float: left;
}
.tninfo li .text>div{
	width: 100%;
	float: left;
}
.tninfo li .name{
	font-size: 1.5rem;
	line-height: 3rem;
	height: 3rem;
	overflow: hidden;
}
.tninfo li .desc{
	font-size: 1rem;
	line-height: 1.875rem;
	height: 3.75rem;
	overflow: hidden;
}
.tninfo ul li:hover{
	background: rgba(0, 0, 0, 0.5);
}
.tninfo ul li:hover .num{
	opacity: 0;
	transform: translateX(-100%);
	width: 0;
}





.tnfthree{
	width: 100%;
	float: left;
	margin-bottom: 4rem;
}
.tnfthree ul{
	width: 100%;
	float: left;
}
.tnfthree ul li{
	width: 25.3333%;
	margin-left: 12%;
	height: 0;
	padding-bottom: 25.3333%;
	border: #626E76 1px solid;
	text-align: center;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.tnfthree ul li:nth-child(3n-2){
	margin-left: 0;
}
.tnfthree ul li .box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	float: left;
	padding: 0 20%;
}
.tnfthree ul li .box>div{
	width: 100%;
	float: left;
}
.tnfthree ul li .box .img{
	width: 5.625rem;
	height: 5.625rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.tnfthree ul li .img img{
	width: 100%;
	height: 100%;
	float: left;
}
.tnfthree ul li .text{
	margin-top: 2rem;
}
.tnfthree ul li .name{
	font-size: 1.5rem;
	line-height: 2rem;
	border-bottom: #767D67 1px solid;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
.tnfthree ul li .desc{
	font-size: 1rem;
	line-height: 1.5rem;
	max-height: 6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.tnfthree ul li:hover{
	background: rgba(0, 0, 0, 0.5);
}
.tnfthree ul li:hover .img{
	opacity: 0;
	transform: translateY(100%) translate(-50%,0);
	height: 0;
}
.tnfthree ul li:hover .text{
	margin-top: 0;
}




.sale,.sale>div{
	width: 100%;
	float: left;
}
.sale>div{
	padding: 6.25rem 0;
}
.sale>div:nth-last-child(1){
	padding: 6.25rem 0 15rem 0;
}
.sale>div.sale6{
	padding-bottom: 0;
}
.sale0,.sale11,.sale4,.sale7{
	background: #F5F7FA;
}
.sale2{
	background: #1D8DD3;
}
.sale6{
	background: #182030;
}

.sale .title{
	color: #16181a;
}
.sale .title,.sale .title>div{
	width: 100%;
	float: left;
}
.sale .title .name{
	font-size: 2.25rem;
	line-height: 3rem;
}
.sale .title .desc{
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin: 2rem 0;
}


.lsnum{
	width: 100%;
	float: left;
	display: flex;
}
.lsnum>div{
	width: 50%;
	float: left;
}
.lsnum .toggle .img,.lsnum .toggle img{
	width: 100%;
	float: left;
}
.lsnum .box{
	padding-right: 5%;
}
.lsnum .toggle{
	flex: 1;
}
.lsnum .toggle .img{
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.lsnum ul{
	width: 100%;
	margin-top: 3rem;
}
.lsnum li{
	width: 29.3333%;
	margin-left: 6%;
	margin-bottom: 10%;
}
.lsnum li:nth-child(3n-2){
	margin-left: 0;
}
.lsnum li>div{
	width: 100%;
	float: left;
}
.lsnum .num{
	font-size: 3rem;
	line-height: 4rem;
	color: #2bbeff;
	height: 4rem;
	overflow: hidden;
}
.lsnum .num font{
	float: left;
}
.lsnum .num span{
	float: left;
	font-size: 2rem;
	line-height: 5rem;
	font-weight: bold;
	left: initial;
	transform: initial;
}
.lsnum .num span.ti{
	font-size: 1.5rem;
	font-weight: initial;
}
.lsnum .num span::before{
	top: 50%;
	transform: translate(0,-50%);
}
.lsnum li:nth-child(1) .num span,.lsnum li:nth-child(2) .num span{
	padding-right: initial;
}
.lsnum li:nth-child(1) .num span::before,.lsnum li:nth-child(2) .num span::before{
	display: none;
}
.lsnum .name{
	font-size: 1rem;
	line-height: 1.5rem;
	height: 4.5rem;
	color: #495770;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.tnfe{
	width: 100%;
	float: left;
}
.tnfe .title{
	text-align: center;
}
.tnfe ul{
	width: 100%;
}
.tnfe li{
	width: 22.75%;
	margin-left: 3%;
	margin-bottom: 3%;
	border: #DDECF7 2px dashed;
	overflow: hidden;
}
.tnfe li:nth-child(4n-3){
	margin-left: 0;
}
.tnfe .box{
	width: 100%;
	float: left;
	text-align: center;
	height: 0;
	padding-bottom: 100%;
}
.tnfe .text{
	width: 100%;
	float: left;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
	padding-top: 100%;
}
.tnfe .text>div{
	width: 100%;
	float: left;
}
.tnfe .text .img img{
	width: 7.5rem;
	height: 7.5rem;
}
.tnfe .text .name{
	font-size: 1.125rem;
	color: #495770;
	font-weight: bold;
	line-height: 2rem;
	margin: 2rem 0;
}
.tnfe .text .link a{
	color: #007ac1;
	font-size: 0.875rem;
	line-height: 1.5rem;
	position: relative;
	padding-right: 0.75rem;
	opacity: 0;
}
.tnfe .text .link a:before{
	position: absolute;
    content: ">";
    top: 50%;
    right: 0px;
    transform: translate(0px, -50%);
    font-family: 宋体;
    font-size: 0.75rem;
    line-height: 1rem;
}


.tnfe li:hover{
	border: #007AC1 2px dashed;
}
.tnfe li:hover .link a{
	opacity: 1;
}



.croe,.croe .box{
	width: 100%;
	float: left;
}
.croe .title{
	text-align: center;
}
.croe .box{
	margin-top: 2rem;
	position: relative;
}
.croe .bgico{
	width: 100%;
	float: left;
}
.croe .bgimg{
	width: 32.5rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.croe .bgimg img{
	width: 100%;
	float: left;
}
.croe .bgimg .text{
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	float: left;
	color: #017AC1;
	font-size: 1.25rem;
	text-align: center;
	font-weight: bold;
}
.croe .bgimg .text:before{
	position: absolute;
	content: '';
	left: 50%;
	bottom: -1rem;
	transform: translate(-50%,0);
	width: 30%;
	height: 3px;
	background:#D92F35; 
}
.croe .bgimg ul{
	position: absolute;
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
}
.croe .bgimg li{
	position: absolute;
	width: 7rem;
	height: 6rem;
	overflow: hidden;
	top: 25%;
	left: 0;
}
.croe .bgimg li .img{
	width: 4rem;
	height: 4rem;
	float: left;
	overflow: hidden;
	text-align: center;
	margin:0 1.5rem;
}
.croe .bgimg li .img img{
	width: 100%;
}
.croe .bgimg li .name{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.25rem;
	text-align: center;
}

.croe .bgimg li:nth-child(1){
	left: 18%;
}
.croe .bgimg li:nth-child(2){
	left: 63%;
}
.croe .bgimg li:nth-child(3){
	top: 66%;
	left: 40%;
}
.croe .boxsix{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.croe .boxsixli{
	float:left;
	position: absolute;
	left: 0;
	width: 17.5rem;
	height: 7.5rem;
	background: #fff;
}
.croe .boxsixli .icob{
	width: 7.5rem;
	height: 7.5rem;
	float: right;
	background: #4CB3E1;
	overflow: hidden;
	border-radius: 100%;
	position: absolute;
	z-index: 1;
	right: 0;
	transform: translate(50%,0);
	box-shadow: 0.35rem 0rem 0.35rem 0.15rem rgb(73 87 112 / 20%);
}
.croe .boxsixli .icob .ico{
	width: 76%;
	height: 76%;
	float: left;
	margin: 12%;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	box-shadow: 0.15rem 0.15rem 0.5rem 0.15rem rgb(73 87 112 / 50%);
}
.croe .boxsixli .icob .ico img{
	width: 5.625rem;
}
.croe .boxsixli .name{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	overflow: hidden;
	color: #495770;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}



.croe .boxsixli:nth-child(2n){
	left: initial;
	right: 0;
	padding-left: 4rem;
	padding-right: 1rem;
	background: linear-gradient(-45deg, transparent 2rem, #E0E2E4 0);
}
.croe .boxsixli:nth-child(2n) .icob{
	left: 0;
	transform: translate(-50%,0);
	box-shadow: -0.35rem 0rem 0.35rem 0.15rem rgb(73 87 112 / 20%);
}
.croe .boxsixli:nth-child(2n-1){
	padding-right: 4rem;
	padding-left: 1rem;
	background: linear-gradient(45deg, transparent 2rem, #E0E2E4 0);
}

.croe .boxsixli:nth-child(1),.croe .boxsixli:nth-child(2){
	top: 0;
}
.croe .boxsixli:nth-child(3),.croe .boxsixli:nth-child(4){
	top: 38%;
}
.croe .boxsixli:nth-child(5),.croe .boxsixli:nth-child(6){
	top: 78%;
}
.croe .boxsixli:nth-child(2) .icob,.croe .boxsixli:nth-child(3) .icob,.croe .boxsixli:nth-child(6) .icob{
	background: #057AC0;
}

.croe .box2{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 2rem;
}



.fpcilist{
	width: 100%;
	float: left;
}
.fpcilist .title{
	text-align: center;
	color: #fff;
}
.fpcilist ul,.fpcilist li>div,.fpcilist li .text>div{
	width: 100%;
	float: left;
}
.fpcilist ul{
	margin-top: 3rem;
}
.fpcilist li{
	width: 23%;
	margin-left: 2.6666%;
	cursor: pointer;
}
.fpcilist li:nth-child(4n-3){
	margin-left: 0;
}
.fpcilist li .img{
	width: 100%;
	height: 0;
	padding-bottom: 57%;
	overflow: hidden;
}
.fpcilist li .img img{
	width: 100%;
	float: left;
	object-fit: cover;
}
.fpcilist li .text{
	background: #fff;
	color: #16181a;
	padding: 1.5rem;
}
.fpcilist li .name{
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
}
.fpcilist li .desc{
	font-size: 1rem;
	color: #495770;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	margin-top: 1rem;
}
.fpcilist li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.fpcilist li:hover .name{
	color: #1C8CD3;
}
.fpcilist li:hover .desc{
	color: #666;
}



.fwlist{
	width: 100%;
	float: left;
}
.fwlist .title{
	text-align: center;
}


.fwslide{
	width: 100%;
	float: left;
}
.fwslide .toggle{
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}
.fwslide .pics{
	width: 100%;
	float: left;
	overflow: hidden;
}
.fwslide .swiper-wrapper{
	width: 100%;
	float: left;
}
.fwslide .swiper-wrapper>div:nth-child(1) .fwnext,.fwslide .swiper-wrapper>div:nth-child(5) .fwnext{
	opacity: 0;
}


.fwslide .text{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.fwslide .text>div{
	width: 100%;
	float: left;
}
.fwslide .text .img{
	width: 4.375rem;
	height: 4.375rem;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	border-radius: 100%;
	border: #409BD1 1px solid;
}
.fwslide .text .img img{
	width: 100%;
	float: left;
}
.fwslide .text .name{
	font-size: 1.5rem;
	line-height: 2rem;
	color: #16181a;
	margin-top: 1rem;
}
.fwslide .text .desc{
	font-size: 1rem;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	color: #495770;
	margin-top: 3.5rem;
}
.fwslide .text .desc p{
	line-height: initial!important;
}
.fwslide .text .rbg{
	position: absolute;
	bottom:3rem;
	height: 3.5rem;
}
.fwslide .text .rbg img{
	float: left;
	position:absolute;
	right: calc(50% - 0.875rem);
	top: 50%;
	transform: translate(0%,-50%);
}
.fwslide .text .rbg:before{
	position: absolute;
	content:'';
	left: 0;
	top: 50%;
	width: 100%;
	float: left;
	height: 1px;
	background: #D9D9D9;
}
.fwslide .text .fwnext{
	position: absolute;
	left: 0;
	top: 0;
	float: right;
	width: initial;
	transform: translate(-50%,0);
}


.fwslide .btn{
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top:calc(65% - 1.5625rem);
	cursor: pointer;
	position: absolute;
	right: -4%;
}
.fwslide .btn.prev{
	right: initial;
	left: -4%;
}
.fwslide .btn.swiper-button-disabled{
	opacity: 0.5;
}
.fwslide .btn.next:before{
	position: absolute;
    content: '';
    right: 15%;
    top: 45%;
    width: 0;
    height: 0;
    border-right: 2px solid #7F8891;
    border-top: 2px solid #7F8891;
    height: 1.5rem;
    width: 1.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.fwslide .btn.prev:before{
	position: absolute;
    content: '';
    left:55%;
    top: 43%;
    width: 0;
    height: 0;
    border-left: 2px solid #7F8891;
    border-bottom: 2px solid #7F8891;
    height: 1.5rem;
    width: 1.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}




.llrck{
	width: 100%;
	float: left;
}
.llrck .title{
	text-align: center;
}

.llinfo{
	width: 100%;
	float: left;
	margin-top: 3rem;
}
.llinfo>div{
	width: 100%;
	float: left;
}
.llinfo .box{
	width: 20%;
	float: right;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 0.3125rem;
}
.llinfo .box ul,.llinfo .box li{
	width: 100%;
}
.llinfo .box ul{
	height: 100%;
	position: relative;
}
.llinfo .box li{
	line-height: 3.75rem;
	position: relative;
	z-index: 1;
}
.llinfo .box li .name{
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 1.125rem;
	padding:0 1.5rem;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-bottom: #DCDCDC 1px solid;
	cursor: pointer;
}
.llinfo .box li .name:before{
	position: absolute;
    content: '';
    left: 0.5rem;
    top: 50%;
    width: 0;
    height: 0;
    border-right: 1px solid #D70008;
    border-top: 1px solid #D70008;
    height: 0.3rem;
    width: 0.3rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.llinfo .box li .subname{
	width: 100%;
	float: left;
	background: #FAFAFA;
	padding: 1rem 1.5rem;
	display: none;
}
.llinfo .box li .subname p{
	display: inline-block;
	width: 100%;
	float: left;
	height: 2rem;
	line-height: 2rem;
	color: #495770;
}
.llinfo .box .line{
	position: absolute;
	height: 3.75rem;
	background: url(../images/product-list-bg.jpg) ;
	background-size: 100% 100%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.llinfo .box li:hover .name,.llinfo .box li.active .name{
	font-weight: bold;
}



.llinfo .toggle{
	float: left;
	width: 77.15%;
	margin-bottom: 2rem;
}
.llinfo .toggle ul{
	display: none;
	width: 100%;
	float: left;
}
.llinfo .toggle li{
	width: 100%;
	float: left;
	background: #fff;
}
.llinfo .toggle li>div{
	width: 100%;
	float: left;
}
.llinfo .toggle li .name{
	height: 3.75rem;
	line-height: 3.75rem;
	overflow: hidden;
	color: #495770;
	font-size: 1rem;
	padding: 0 1.875rem;
	border-bottom: #F5F7FA 1px solid;
	position: relative;
	cursor: pointer;
}
.llinfo .toggle li .name:before{
	position: absolute;
    content: '';
    right: 2%;
    top: 50%;
    width: 0;
    height: 0;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.llinfo .toggle li .desc{
	background: #E9ECF0;
	padding: 2rem 1.875rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #495770;
	display: none;
}
.llinfo .toggle li .desc p{
	line-height: initial!important;
}



.llinfo .toggle ul.on{
	display: inline-block;
}
.llinfo .toggle ul.on li.on .name{
	background: #007AC1;
	color: #fff;
}
.llinfo .toggle ul.on li.on .name:before {
    transform: rotate(135deg) translate(0%,50%);
    -webkit-transform: rotate(135deg) translate(0%,50%);
    -moz-transform: rotate(135deg) translate(0%,50%);
    -ms-transform: rotate(135deg) translate(0%,50%);
    -o-transform: rotate(135deg) translate(0%,50%);
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}
.llpage{
	margin-top: 2rem;
}



.gzsearch .title{
	text-align: center;
}

.gzsearch, .gzform{
	width: 100%;
	float: left;
}
.gzform{
	width: 50%;
	margin: 0 25%;
	margin-top: 1rem;
}
.gzform .input{
 	width: 100%;
 	height: 3.75rem;
 	float: left;
 	background: #F5F7FA;
 	display: flex;
 	color: #495770;
 	font-size: 1rem;
 	line-height: 3.75rem;
}
.gzform .input>input{
 	height: 100%;
 	float: left;
}
.gzform .gztext{
	flex: 1;
	padding: 0 1.5rem;
}
.gzform .gzgo{
	background: #007AC1;
	width: 8.25rem;
	color: #fff;
	cursor: pointer;
}

.gzform .gzinfo{
	margin-top: 4rem;
}
.gzform .gzinfo,.gzform .gzname{
	width: 100%;
	float: left;
}
.gzform .gzname{
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #16181a;
	margin-bottom: 2rem;
}
.gzinfo .gzbe{
	width: 100%;
	float: left;
	display: flex;
	margin: 1rem 0;
	font-size: 1rem;
	color: #495770;
}
.gzinfo .gzbe .lico{
	width: 3rem;
	height: 2rem;
	float: left;
	margin-right: 1rem;
	color: #fff;
	background: linear-gradient(-60deg, transparent 1rem, #D10011 0);
	text-indent: 0.5rem;
	line-height: 2rem;
}
.gzinfo .gzbe .name{
	flex: 1;
	line-height: 2rem;
}
.gzinfo .gzf .lico{
	background: linear-gradient(-60deg, transparent 1rem, #282828 0);
}



.mhbx{
	width: 100%;
	float: left;
	color: #fff;
}
.mhbx .title{
	text-align: center;
	color: #fff;
}
.mhbx .box{
	width: 100%;
	float: left;
	margin-top: 3rem;
}
.mhbx .box .img{
	width: 54%;
	float: right;
}
.mhbx .box .text{
	width: 40%;
	float: left;
}
.mhbx .mhname,.mhbx .mhname .img{
	width: 100%;
	float: left;
}
.mhbx .mhname{
	position: relative;
}
.mhbx .code{
	position: absolute;
	left: 3.25rem;
	top: 1rem;
	width: 8rem;
	height: 8rem;
	float: left;
	z-index: 1;
}
.mhbx .code .iname{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.5rem;
}
.mhbx .rtn{
	width: 100%;
	float: left;
	margin-top: 1rem;
	color: #52565F;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-align: right;
}
.mhbx .box{
	display: flex;
}

.mhbx ul,.mhbx li{
	width: 100%;
}
.mhbx .text ul{
	height: 26.875rem;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 1rem;
	border-top: #28404F 1px solid;
}
.mhbx .text li{
	border-bottom: #28404F 1px solid;
	cursor: pointer;
}
.mhbx .text li>div{
	width: 100%;
	float: left;
	padding-left: 3rem;
}
.mhbx .text li .name{
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 1.5rem;
	position: relative;
}
.mhbx .text li .name font{
	position: absolute;
	left: 0;
	color: #143D60;
	font-size: 1.875rem;
	font-family: 'Arial';
	font-style:oblique;
	font-weight: bold;
}
.mhbx .text li .desc{
	width: 100%;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #A8A9AD;
	padding: 0rem 0 1.5rem 3rem;
	display: none;
}
.mhbx .text li.on{
	border-bottom: #057AC0 1px solid;
}

.mhbx .box>.img{
	flex: 1;
	position: relative;
	height: 38.5rem;
}
.mhbx .img ul{
	width: 100%;
	float: right;
	height: 100%;
	overflow: hidden;
}
.mhbx .img li{
	width: 90%;
	height: 100%;
	float: right;
	position: absolute;
	display: none;
	text-align: center;
}
.mhbx .img li.on img{
	height: 100%;
	object-fit: cover;
}
.mhbx .img li.on{
	display: inline-block;
	position: initial;
}



.tstj{
	width: 100%;
	float: left;
}
.tstj .title{
	text-align: center;
}
.tstj .box,.tstj .box>div{
	width: 100%;
	float: left;
}
.tstj .tsname{
	font-size: 1.5rem;
	color: #16181a;
	line-height: 2rem;
}
.tstj .tsform{
	margin-top: 2rem;
}
.tstj .tsinput{
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 4%;
	position: relative;
}
.tstj .tsinput:nth-child(2n-1){
	margin-left: 0;
}
.tstj .tsinput.area{
	width: 100%;
	margin-left: 0;
}
.tstj .tsinput .tsdiv,.tstj .tsinput input,.tstj .tsinput textarea{
	width: 100%;
	float: left;
	height: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	color: #6f7276;
	border-bottom: #DCDCDC 1px solid;
	padding: 0 1rem;
	outline: none;-webkit-appearance: none;
}
.tstj .tsinput.area textarea{
	height: 4rem;
	line-height: 2rem;
	resize : none;
}
.tstj .tsinput.area2 textarea{
	height: 4rem;
	line-height: 2rem;
	resize : none;
}


.tstj .tsinput .name{
	width: 100%;
	float: left;
	color: #6F7276;
	font-size: 1rem;
	line-height: 3rem;
	margin:0 1rem;
	position: absolute;
}
.tstj .tsinput.area .name{
	position: initial;
}
.tstj .tsinput font{
	color: #D9252C;
}
.tstj .tsinput ul{
	display: none;
}
.tstj .tsdiv,.tstj input{
	position: relative;
	padding: 0 1rem;
}
.tstj .tssort,.tstj .tsinput .tsdiv{
	position: relative;
	cursor: pointer;
}
.tstj .tssort:before,.tstj .tsinput .tsdiv:before{
	position: absolute;
    content: '';
    right:1rem;
    top: 43%;
    width: 0;
    height: 0;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.tstj .tsxl.on .tssort,.tstj .tsipt.on .tsdiv{
	border:#51A4D5 1px solid;
}
.tstj .tsxl.on .tssort:before,.tstj .tsipt.on .tsdiv:before{
	transform: rotate(135deg) translate(0%,50%);
    -webkit-transform: rotate(135deg) translate(0%,50%);
    -moz-transform: rotate(135deg) translate(0%,50%);
    -ms-transform: rotate(135deg) translate(0%,50%);
    -o-transform: rotate(135deg) translate(0%,50%);
}
.tstj .tsxl ul,.tstj .tsipt ul{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	float: left;
	background:#51A4D5;
	color: #fff;
	z-index: 1;
	line-height: 3rem;
	font-size: 1rem;
}
.tstj .tsxl li,.tstj .tsipt li{
	width: 100%;
	float: left;
	padding: 0 1rem;
	cursor: pointer;
}
.tstj .tsxl .s1 li{
	line-height: 2.5rem;
}
.tstj .tsxl .s2 li{
	line-height: 2rem;
}
.tstj .tsxl li:hover,.tstj .tsipt li:hover{
	background: #75B7DD
}
.tstj .tsxl ul .s1,.tstj .tsxl ul .s2{
	width: 100%;
	float: left;
	padding: 0 1.25rem;
	display: none;
}
.tstj .tsxl ul .hide{
	display: flex;
}
.tstj .tsxl ul .hide span{
	flex: 1;
}
.tstj .tsxl ul .hide font{
	display: inline-block;
	width: 3rem;
	text-align: center;
	float: right;
	font-family: '宋体';
	color: #fff;
	transform: rotate(0deg);
}
.tstj .tsxl ul .hide.on font{
	transform: rotate(90deg);
}
.tstj .tsxl ul .hide.nosub font{
	display: none;
}
.tstj .tsxl ul.cityh{
	max-height: 21rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.tstj .tsxl ul.cityh li{
	line-height: 2.5rem;
}
.tstj .tsxl ul.cityh li span{
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
}



.tstj .tsinput .tsipt{
	width: 48%;
	float: left;
	margin-left: 4%;
	position: relative;
}
.tstj .tsinput .tsipt:nth-child(2n-1){
	margin-left: 0;
}


.tstj .childipt.active .name{
	opacity: 0;
}


.tssubmit{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 2rem;
}
.tssubmit input{
	color: #fff;
	width: 10rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.25rem;
	background: #007AC1;
	cursor: pointer;
}
.tssubmit input:hover{
	background: #006DA5;
}




.servicelist,.servicelist>div{
	width: 100%;
	float: left;
}
.servicelist>div{
	padding: 6.25rem 0;
}
.servicelist .title{
	font-size: 2.25rem;
	color: #16181a;
	line-height: 3rem;
}

.serteam .img{
	width: 45%;
	float: right;
}
.serteam .img img{
	width: 100%;
	float: left;
	margin-top:1.25rem; 
}
.serteam .img img:nth-child(1){
	margin-top: 0;
}
.serteam .text{
	width: 50%;
	float: left;
}
.serteam .info{
	width: 100%;
	float: left;
	margin-top: 2.5rem;
	line-height: 2rem;
}
.serteam .info>div{
	width: 100%;
	float: left;
}
.serteam .info .name{
	 color: #afb4b6;
	 font-size: 1rem;
	 line-height: 2rem;
}
.serteam .info .desc{
	color: #495770;
	font-size: 1rem;
	line-height: 2rem;
}


.serhorno{
	width: 100%;
	float: left;
	background: #F5F7FA;
}

.shornoslide{
	width: 100%;
	float: left;
}
.shornoslide .toggle{
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}
.shornoslide .pics{
	width: 100%;
	float: left;
	overflow: hidden;
}
.shornoslide .swiper-wrapper{
	width: 100%;
	float: left;
}
.shornoslide .swiper-slide{
	float: left;
	padding: 0 1.5rem;
}
.shornoslide .img{
	width: 100%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	border: #E6E6E6 3px solid;
	overflow: hidden;
	cursor: pointer;
}
.shornoslide .img img{
	width: 100%;
	float: left;
}
.shornoslide .name{
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin-top: 1rem;
	text-align: center;
}


.shornoslide .btn{
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top:calc(45% - 1.5625rem);
	cursor: pointer;
	position: absolute;
	right: -4%;
}
.shornoslide .btn.prev{
	right: initial;
	left: -4%;
}
.shornoslide .btn.swiper-button-disabled{
	opacity: 0.5;
}
.shornoslide .btn.next:before{
	position: absolute;
    content: '';
    right: 15%;
    top: 45%;
    width: 0;
    height: 0;
    border-right: 2px solid #7F8891;
    border-top: 2px solid #7F8891;
    height: 1.5rem;
    width: 1.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.shornoslide .btn.prev:before{
	position: absolute;
    content: '';
    left:55%;
    top: 43%;
    width: 0;
    height: 0;
    border-left: 2px solid #7F8891;
    border-bottom: 2px solid #7F8891;
    height: 1.5rem;
    width: 1.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}

.shornoslide .swiper-slide:hover .img{
	border: #76B1D4 3px solid;
}
.shornoslide .swiper-slide:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.serbuy{
	width: 100%;
	float: left;
	background: url(../images/serbuy.jpg);
	background-size: 100% 100%;
}
.serbuy .link{
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 6.25rem;
}
.serbuy .link a{
	display: inline-block;
	color: #fff;
	width: 10rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.25rem;
	background: #007AC1;
	cursor: pointer;
}
.serbuy .link a:hover{
	background: #006DA5;
}





.serito,.serito>div,.serito .title,.serito .title>div{
	width: 100%;
	float: left;
}
.serito>div{
	padding: 6.25rem 0;
	position: relative;
}
.serito .title{
	text-align: center;
	color: #16181a;
}
.serito .title .name{
	font-size: 2.25rem;
	line-height: 4rem;
}
.serito .title .desc{
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin: 3rem 0;
}

.itoplan{
	background: #F5F7FA;
}
.tnfi.itoplan li{
	background: #fff;
}
.tnfi li:hover .img{
	background: #F5F7FA;
}

.serito .txl{
	padding: 0;
	position: relative;
}
.txl .img,.txl .img img{
	width: 100%;
	float: left;
}
.txl .text{
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	color: #fff;
	height: 100%;
	overflow: hidden;
}
.txl .box{
	width: 35%;
	float: left;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.txl .box>div{
	width: 100%;
	float: left;
}
.txl .title{
	text-align: left;
}
.txl .title .name{
	color: #fff;
}
.txl .txname{
	font-size: 1.875rem;
	line-height: 2.5rem;
	margin-top: 2rem;
}
.txl .txdesc{
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 1rem;
}
.txl .txlink{
	margin-top: 3rem;
}
.txl .txlink a{
	display: inline-block;
	padding:  0 1rem;
	height: 3.75rem;
	background: #fff;
	border-radius: 3.75rem;
	position: relative;
	color: #000;
	font-size: 1.25rem;
	line-height: 3.75rem;
	font-weight: bold;
}
.txl .txlink a img{
	height: 66%;
	float: left;
	margin-right: 0.5rem;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}



.tmes .info{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 2rem;
}
.tmes .img{
	width: 50%;
	float: left;
	text-align: center;
}
.tmes .img img{
	float: left;
}
.tmes ul{
	width: 25%;
	float: left;
}
.tmes li{
	width: 100%;
	float: left;
	display: flex;
	margin-bottom: 2.5rem;
}
.tmes li .num{
	width: 1.875rem;
	height: 1.4375rem;
	float: left;
	background: url(../images/itonum.png);
	background-size: 100% 100%;
	text-indent: 0.5rem;
	line-height: 1.4375rem;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	margin-right: 1rem;
}
.tmes li .text{
	flex: 1;
}
.tmes li .text>div{
	width: 100%;
	float: left;
}
.tmes li .name{
	color: #16181a;
	font-size: 1.5rem;
	line-height: 2rem;
}
.tmes li .desc{
	margin-top: 1rem;
	color: #495770;
	font-size: 1rem;
	line-height: 1.5rem;
}


.fmcs{
	background: #238FD4;
	color: #fff;
}
.fmcs .title{
	color: #fff;
}
.fmcs .title .desc{
	color: #fff;
}
.fmcs ul{
	width: 100%;
	float: left;
	margin-top: 2rem;
}
.fmcs li{
	width: 16%;
	float: left;
	margin-left: 5%;
	cursor: pointer;
	margin-bottom: 0;
}
.fmcs li:nth-child(5n-4){
	margin-left: 0;
}
.fmcs li:nth-child(-n+5){
	margin-bottom: 5%;
}
.fmcs li .img{
	width: 7.5rem;
	height: 7.5rem;
	border: #fff 1px solid;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.fmcs li .img img{
	width: 100%;
	float: left;
}
.fmcs li .name{
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	height: 6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.fmcs li:hover .img{
	background: #6B97C0;
	transform: translate(-50%,0) rotateY(180deg);
}

.serito .ems{
	padding: 6.25rem 0 15rem 0;
}
.ems .box{
	width: 50%;
	float: right;
}
.ems .box .img,.ems .box .img img{
	width: 100%;
	float: left;
}
.ems .toggle{
	width: 45%;
	float: left;
}
.ems .title{
	text-align: left;
}




.about,.about>div,.about>.w1400>div{
	width: 100%;
	float: left;
}
.about>div{
	padding: 6.25rem 0;
}
.about .title{
	width: 100%;
	float: left;
	text-align: center;
}
.about .title>div{
	width: 100%;
	float: left;
}
.about .title .name{
	font-size: 2.25rem;
	line-height: 4rem;
	color: #16181a;
}
.about .title .desc{
	font-size: 1rem;
	line-height: 2rem;
	color: #fff;
}


.aboutview,.aboutview .info{
	width: 100%;
	float: left;
}
.aboutview .info{
	margin-top: 3rem;
}
.aboutview .box{
	width: 42%;
	float: left;
}
.aboutview .box .img,.aboutview .box .img img{
	width: 100%;
	float: left;
}
.aboutview .toggle{
	width: 53%;
	float: right;
}

.aboutview .box ul{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 2rem;
}
.aboutview .box li{
	width: 33.3333%;
	float: left;
}
.aboutview .box li>div{
	width: 100%;
	float: left;
}
.aboutview .box li .num{
	font-size: 3rem;
	line-height: 4rem;
	color: #d70008;
	text-align: center;
}
.aboutview .box li .num span{
	left: 50%;
	transform: translate(-50%,0);
	font-size: 2.5rem;
	height: 3.5rem;
}
.aboutview .box li .num font{
	position: relative;
	padding-right: 2rem;
}
.aboutview .box li .num font:before{
	position: absolute;
	content: '+';
	right: 0;
	top: 0;
	font-size: 2.5rem;
	font-weight: bold;
}
.aboutview .box li .name{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333;
	text-align: center;
}




.aboutview .toggle{
	color: #495770;
	font-size: 1rem;
	line-height: 1.875rem;
}



.about .sovideo{
	padding: 0;
}


.aboutculture{
	width: 100%;
	float: left;
}
.aboutculture .title{
	text-align: left;
}

.aboutculture .box{
	width: 34%;
	float: left;
}
.aboutculture ul,.aboutculture li{
	width: 100%;
	float: left;
}
.aboutculture ul{
	margin-top: 3rem;
}
.aboutculture li{
	margin-bottom: 1rem;
	position: relative;
}
.aboutculture li .img{
	width: 6.25rem;
	height: 6.25rem;
	border: #E5E5E5 1px solid;
	overflow: hidden;
	background: #fff;
	border-radius: 100%;
	float: left;
}
.aboutculture li .title{
	top: 50%;
	right: 0;
	width: 100%;
	float: left;
	padding-left: 7.75rem;
	transform: translate(0,-50%);
	position: absolute;
}
.aboutculture li .title>div{
	width: 100%;
	float: left;
}
.aboutculture li .title .name{
	font-size: 1.125rem;
	line-height: 2rem;
	font-weight: bold;
	color: #16181a;
}
.aboutculture li .title .desc{
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
}
.aboutculture .toggle{
	width: 61%;
	float: right;
}


.about .about2{
	position: relative;
	padding: 0;
	color: #fff;
	background-size: 100% 100%!important;
}
.about2 .title .name{ font-size:30px;
	color: #fff;
	text-align: left;	
}
.aboutdepa{
	width: 100%;
	float: left;
	height: 100%;
	padding: 6.25rem 0;
}

.yearswiper{
	width: 100%;
	height: 17.5rem;
	float: left;
	margin-top: 4rem;
	overflow: hidden;
	border-left: #4579AD 1px solid;
}
.yearswiper .swiper-wrapper{
	width: 5rem;
	height:100%;
	float: left;
}
.yearswiper .swiper-slide{
	width: 100%;
	float: left;
	height: 10%;
	line-height: 2.1875rem;
}
.yearswiper .swiper-slide .box{
	width: 100%;
	height:2.1875rem;
	float: left;
	overflow: hidden;
	text-align: center;
	color: #4579AD;
	font-size: 1rem;
	cursor: pointer;
}


.yearswiper .yearsinfo{
	position: relative;
	width: calc(100% - 8rem);
	padding-right: 4%;
	float: right;
	height: 100%;
}
.yearswiper .toggle{
	width: 100%;
	display: none;
}
.yearswiper .toggle>div{
	width:40%;
	float: left;
	margin-right: 3rem;
}
.yearswiper .toggle .img img{ width: 100%; height:auto;
	float: left;
	object-fit: cover;
}
.yearswiper .toggle .text{
	flex: 1;
	float: right;
}
.yearswiper .toggle .text>div{
	width: 100%;
	float: left;
}
.yearswiper .toggle .text .date{
	font-size: 2.5rem;
	line-height: 3rem;
}
.yearswiper .toggle .text .name{
	font-size: 1.5rem;
	line-height: 2rem;
	max-height: 4rem;
	overflow: hidden;
	margin-top: 0.5rem;
}
.yearswiper .toggle .text .desc{
	font-size: 1rem;
	line-height: 2rem;
	max-height: 11rem;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 1rem;
}
.yearswiper .toggle .text .desc::-webkit-scrollbar { width:10px;} 
.yearswiper .toggle .text .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #fff; } 
.yearswiper .toggle .text .desc::-webkit-scrollbar-thumb {  background:#fff; -webkit-box-shadow: inset 0 0 6px #fff; } 
.yearswiper .toggle .text .desc::-webkit-scrollbar-thumb:window-inactive {  background:#fff;}


.yearswiper .swiper-slide.on .box{
	border-left: #fff 2px solid;
	color: #fff;
}
.yearswiper .yearsinfo .toggle.on{
	display: flex;
}




.abouthonor ul{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 2rem;
	border-bottom: #DCDCDC 1px solid;
	padding-bottom: 2rem;
}
.abouthonor li{
	width: 25%;
	float: left;
	text-align: center;
}
.abouthonor li>div{
	width: 100%;
	float: left;
}
.abouthonor li .num{
	font-size: 3rem;
	line-height: 4rem;
	color: #d70008;
}
.abouthonor li .num font{
	position: relative;
	padding-right: 2rem;
}
.abouthonor li .num font:before{
	position: absolute;
	content: '+';
	right: 0;
	top: 0;
	font-size: 2.5rem;
	font-weight: bold;
}
.abouthonor li .name{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333;
}
.abouthonor .toggle{
	color: #495770;
	font-size: 1rem;
	line-height: 1.875rem;
}







.abtslidelist{
	width: 100%;
	float: left;
}
.abtslidelist .toggle{
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}
.abtslidelist .pics{
	width: 100%;
	float: left;
	overflow: hidden;
}
.abtslidelist .swiper-wrapper{
	width: 100%;
	float: left;
}
.abtslidelist .swiper-slide{
	float: left;
	padding: 0 1.5rem;
}
.abtslidelist .img{
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	overflow: hidden;
	cursor: pointer;
}
.abtslidelist .img img{
	width: 100%;
	float: left;
	object-fit: cover;
}
.abtslidelist .name{
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 2rem;
	color: #495770;
	margin-top: 1rem;
	text-align: center;
}


.abtslidelist .btn{
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top:calc(45% - 1.5625rem);
	cursor: pointer;
	position: absolute;
	right: -4%;
}
.abtslidelist .btn.prev{
	right: initial;
	left: -4%;
}
.abtslidelist .btn.swiper-button-disabled{
	opacity: 0.5;
}
.abtslidelist .btn.next:before{
	position: absolute;
    content: '';
    right: 15%;
    top: 45%;
    width: 0;
    height: 0;
    border-right: 2px solid #7F8891;
    border-top: 2px solid #7F8891;
    height: 1.5rem;
    width: 1.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.abtslidelist .btn.prev:before{
	position: absolute;
    content: '';
    left:55%;
    top: 43%;
    width: 0;
    height: 0;
    border-left: 2px solid #7F8891;
    border-bottom: 2px solid #7F8891;
    height: 1.5rem;
    width: 1.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}


.abtslidelist .swiper-slide:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05) ;
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}




.about .about4{
	background: #167BC0;
	background: linear-gradient(#3298D2,#167BC0);
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}
.about .about4:before{
	position: absolute;
    content: '';
    left: -20%;
    top: -80%;
    transform: rotate(-30deg);
    width: 0;
    height: 0;
    border-left: 20rem solid transparent;
    border-right: 20rem solid transparent;
    border-bottom: 200rem solid rgb(255,255,255,0.05);
}
.about .about4:after{
	position: absolute;
    content: '';
    left: 10%;
    top: -80%;
    transform: rotate(-50deg);
    width: 0;
    height: 0;
    border-left: 20rem solid transparent;
    border-right: 20rem solid transparent;
    border-bottom: 200rem solid rgb(255,255,255,0.05);
}
.aboutbase{
	width: 100%;
	float: left;
}
.aboutbase .title .name{
	color: #fff;
}
.aboutbase .abtbaseimg{
	width: 100%;
	float: left;
	text-align: center;
	margin: 3rem 0;
}
.abtb,.abtb .swiper-wrapper,.abtb .swiper-slide{
	width: 100%;
	float: left;
}
.abtb{
	overflow: hidden;
	position: relative;
}
.abtb .swiper-slide{
	background: #E4EAF0;
	cursor: pointer;
}
.abtb .toggle{
	float: right;
	width: 55%;
}
.abtb .toggle img{
	width: 100%;
	float: left;
}
.abtb .box{
	width: 45%;
	float: left;
	padding: 3rem;
}
.abtb .box>div{
	width: 100%;
	float: left;
}
.abtb .box .name{
	font-size: 1.875rem;
	line-height: 3rem;
	color: #16181a;
	margin-top: 2rem;
}
.abtb .box .desc{
	font-size: 1rem;
	line-height: 2rem;
	height: 14rem;
	overflow: hidden;
	color: #666;
	margin-top: 2rem;
}
.abtb .btn{
	position: absolute;
	left: 3rem;
	bottom: 3rem;
	width: 2.5rem;
	height: 2.5rem;
	border: #D5D7DA 1px solid;
	background: #fff;
	z-index: 1;
	border-radius: 0.25rem;
	cursor: pointer;
}
.abtb .btn.next{
	left: 6rem;
}
.abtb .btn:before{
	position: absolute;
    content: '';
    left:55%;
    top: 45%;
    width: 0;
    height: 0;
    border-left: 2px solid #7F8891;
    border-bottom: 2px solid #7F8891;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}
.abtb .btn.next:before{
	left: 40%;
	border-right: 2px solid #7F8891;
    border-top: 2px solid #7F8891;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;	
}
.abtb .btn:hover,.abtb .btn.swiper-button-disabled{
	background: #ccc
}




.about .about5{
	width: 100%;
	float: left;
}
.aboutnews .title .name{
	float: left;
	width: initial;
}
.aboutnews .title .more{
	float: right;
	width: initial;
	line-height: 4rem;
	font-size: 0.875rem;
}
.aboutnews .title .more a{
	color: #1482C5;
	position: relative;
	padding-right: 1rem;
}
.aboutnews .title .more a:before{
	position: absolute;
    content: '';
    right:0;
    top: 45%;
    width: 0;
    height: 0;
    border-right: 2px solid #1482C5;
    border-top: 2px solid #1482C5;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.aboutnews .info{
	margin-top: 2rem;
}
.aboutnews .info,.aboutnews ul{
	width: 100%;
	float: left;
}
.aboutnews li{
	width: 32.3333%;
	margin-left:1.5%;
}
.aboutnews li:nth-child(3n-2){
	margin-left: 0;
}
.aboutnews li>div,.aboutnews li .img,.aboutnews li .img img,.aboutnews li .text>div{
	width: 100%;
	float: left;
}
.aboutnews li .img{
	cursor:pointer;
	overflow: hidden;
}
.aboutnews li .img{
	height:0;
	padding-bottom: 66.6666%;
	position: relative;
}
.aboutnews li .img a{
	display: inline-block;
	width: 100%;
	float: left;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	height: 100%;
}
.aboutnews li .img img{
	height: 100%;
	min-width: 100%;
	width: auto;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}

.aboutnews li .text{
	background: #F5F7FA;
	padding: 1.625rem;
}
.aboutnews li .name{
	font-size: 1.125rem;
	color: #333;
	line-height: 1.5rem;
	height: 3rem;
	font-weight: bold;
	overflow: hidden;
}
.aboutnews li .time{
	font-size: 0.875rem;
	color: #969696;
	line-height: 1rem;
	height: 1rem;
	overflow: hidden;
	margin-top: 2rem;
}
.aboutnews li .time font{
	display: inline-block;
	float: left;
	position: relative;
	padding:0 0.5rem;
}
.aboutnews li .time font:before{
	position: absolute;
	content: '';
	width: 1px;
	height: 60%;
	top: 25%;
	left: 0;
	background: #969696;
}
.aboutnews li .time font:nth-child(1){
	padding-left: 0;
}
.aboutnews li .time font:nth-child(1)::before{
	display: none;
}
.aboutnews li .time .sort{
	color: #E83F4A;
}
.aboutnews li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05) translate(-50%,0);
    -moz-transform: scale(1.05) translate(-50%,0);
    -ms-transform: scale(1.05) translate(-50%,0);
    -o-transform: scale(1.05) translate(-50%,0);
}


.about .about6{
	padding-bottom: 15rem;
	background:#F6F7FB url(/phone/images/about9.jpg); 
	background-position: right bottom;
	background-size: 100% 100%;
}
.about6 .title{
	text-align: left;
}

.aboutcoop,.aboutcoop>div{
	width: 100%;
	float: left;
}

.aboutcoop .text{
	margin-top: 3rem;
	height: 28.875rem;
}
.aboutcoop .toggle{
	width: 43%;
	float: left;
	background: #fff;
	padding: 3rem;
}
.aboutcoop .toggle>div,.aboutcoop .box>div{
	width: 100%;
	float: left;
}
.aboutcoop .toggle .name{
	font-size: 1.5rem;
	color: #007ac1;
	line-height: 3rem;
}
.aboutcoop .toggle .link{
	margin-top: 1rem;
}
.aboutcoop .toggle .link p{
	line-height: 2rem;
	margin: 0.5rem 0;
	color: #495770;
	display: flex;
}
.aboutcoop .toggle .link p img{
	width: 8rem;
	float: left;
	margin-left: 1rem;
}
.aboutcoop .toggle .link p font{
	width: 1rem;
	display: inline-block;
	float: left;
	color: #007AC1;
	line-height: 2rem; 
	padding-right: 1rem;
}
.aboutcoop .toggle .link p span{
	flex: 1
}
.aboutcoop .box{
	width: 50%;
	float: right;
	height:100%;
	overflow: hidden;
	overflow-y: auto;
	padding-right: 2rem;
}
.aboutcoop .box .name{
	font-size: 1.875rem;
	color: #d70008;
	line-height: 2rem;
}
.aboutcoop .box .sname{
	font-size: 1.5rem;
	color: #16181a;
	line-height: 2rem;
	margin-top: 1rem;
	margin-bottom: 1.75rem;
}
.aboutcoop .box .desc{
	line-height: 1.875rem;
	color: #495770;
	font-size: 1rem;
}
.aboutcoop .box::-webkit-scrollbar { width:5px;} 
.aboutcoop .box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #D4D9E0;} 
.aboutcoop .box::-webkit-scrollbar-thumb {  background:#007AC1; -webkit-box-shadow: inset 0 0 6px #007AC1; opacity: 1 } 
.aboutcoop .box::-webkit-scrollbar-thumb:window-inactive {  background:#D4D9E0;}




.contact,.contact>div{
	width: 100%;
	float: left;
}
.contact>div{
	padding: 6.25rem 0;
}
.contact .cont2{
	padding-bottom: 0;
}
.contact .cont3{
	background: #F5F7FA;
	padding-bottom: 0;
}
.contact .title,.contact .title>div{
	width: 100%;
	float: left;
}
.contact .title .name{
	font-size: 2.25rem;
	line-height: 3rem;
	color: #16181a;
}

.contact .cont1{
	padding-bottom: 0;
}

.lithree{
	margin-top: 3rem;
	width: 67%;
	float: left;
}
.lithree ul{
	width: 100%;
	float: left;
	display: flex;
}
.lithree li{
	flex: 1;
	width: 33.3333%;
	border-right: #DCDCDC 1px solid;
	line-height: 1.5rem;
	color: #495770;
	font-size: 1rem;
	padding: 0 1.875rem;
}
.lithree li p{
	margin: 0.5rem 0;
}


.contqrcode{
	margin-top: 3rem;
	width: 33%;
	float: left;
	padding: 0 3rem;
	line-height: 2.25rem;
	color: #495770;
	font-size: 1rem;
}
.contqrcode img{
	float: left;
	margin-top: 1rem;
	width: 7.5rem;
	height: 7.5rem;
}

.contmap{
	margin-top: 3rem;
}
.contmap,.contmap>div{
	width: 100%;
	float: left;
}
.contmap #cmap{
	height: 21.875rem;
}
#cmap img{
	max-width: none;
}



.sixlicard,.sixlicard ul{
	width: 100%;
	float: left;
}
.sixlicard{
	margin-top: 3rem;
}
.sixlicard.active{
}
.sixlicard.active ul{
	height: 22.5rem;
}
.sixlicard li{
	width: 32.3333%;
	height: 10.625rem;
	background: #F5F7FA url(../images/contact1.jpg) right top no-repeat;
	margin-left: 1.5%;
	margin-top: 1rem;
}
.sixlicard li:nth-child(-n + 3){
	margin-top: 0;
}
.sixlicard li:nth-child(3n-2){
	margin-left: 0;
}
.sixlicard .text{
	padding: 1.875rem;
}
.sixlicard .text,.sixlicard .text>div{
	width: 100%;
	float: left;
}
.sixlicard .name{
	font-size: 1.125rem;
	color: #333;
	font-weight: bold;
}
.sixlicard .desc{
	margin-top: 2rem;
	font-size: 1rem;
	color: #495770;
	line-height: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
}
.sixlicard .link,.sixlicard .link a{
	width: 100%;
	float: left;
	text-align: center;
}
.sixlicard .link{
	margin-top: 2rem;
}
.sixlicard .link a{
	display: inline-block;
	height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
}
.sixlicard .link a font{
	display: inline-block;
	font-size: 1rem;
	line-height: 3rem;
}

.sixlicard .cclick{
	margin-top: 1.5rem;
	color: #007ac1;
	font-size: 0.875rem;
}
.sixlicard .cclick>font{
	cursor: pointer;
}
.sixlicard .cclick .cup{
	color: #495770;
	display: none;
}
.sixlicard li.on{
	position: relative;
	z-index: 2;
}
.sixlicard li.on .text{
	position: absolute;
	left: 0;
	top: 0;
	padding: 1.125rem 1.875rem;
	z-index: 1;
	background: #F5F7FA url(../images/contact1.jpg) right top no-repeat;
	box-shadow: 0 0.5rem 1rem 0.5rem rgb(73 87 112 / 20%);
}
.sixlicard li.on .cclick .cup{
	display: inline-block;
}
.sixlicard li.on .cclick .cdown{
	display:none;
}
.sixlicard li.on .desc{
	height: auto;
}

.sixlicard .sixlink{
	width: 100%;
	float: left;
	text-align: center;
	height: 11rem;
	line-height: 4rem;
	overflow: hidden;
	color: #D70008;
	font-size: 0.875rem;
	margin-top: 0.5rem;
	background: #fff;
}
.sixlicard .sixlink a{
	position: relative;
	padding-right: 1.5rem;
	color: #D70008;
}
.sixlicard .sixlink a .lname2{
	display: none;
}
.sixlicard .sixlink a:before,.sixlicard .sixlink a:after{
	position: absolute;
	content: '';
	right: 2%;
    top: 20%;
    width: 0;
    height: 0;
    border-right: 1px solid #D70008;
    border-bottom: 1px solid #D70008;
    height: 0.25rem;
    width: 0.25rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    opacity: 1;
}
.sixlicard .sixlink a:after{
	top: 50%;
}
.sixlicard .sixlink a.on:before,.sixlicard .sixlink a.on:after{
	position: absolute;
	content: '';
	right:10%;
    top: 20%;
    width: 0;
    height: 0;
    border-right: 1px solid #D70008;
    border-bottom: 1px solid #D70008;
    height: 0.25rem;
    width: 0.25rem;
    transform: rotate(-135deg) translate(-50%,0%);
    -webkit-transform: rotate(-135deg) translate(-50%,0%);
    -moz-transform: rotate(-135deg) translate(-50%,0%);
    -ms-transform: rotate(-135deg) translate(-50%,0%);
    -o-transform: rotate(-135deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    opacity: 1;
}
.sixlicard .sixlink a.on:after{
	top: 50%;
}



.cont3 .title>div{
	width: auto;
}
.cont3 .title .csort{
	float: right;
	font-size: 1.5rem;
	color: #16181a;
	line-height: 3rem;
}
.cont3 .title .csort font{
	margin-left: 2.5rem;
	cursor: pointer;
}
.cont3 .title .csort font.on{
	color: #007ac1;
}
.cont3 .title .csort font:nth-child(1){
	margin-left: 0;
}

.fourpicslide{
	width: 100%;
	float: left;
	margin-top: 3rem;
}



.fourpicslide,.fourpicslide .csslide{
	width: 100%;
	float: left;
}
.fourpicslide{
	position: relative;
	height: 20rem;
}
.fourpicslide .csslide{
	opacity: 0;
	height: 100%;
	position:absolute;
	z-index: -1;
}
.myskin{
	background:initial!important;
	box-shadow:initial!important;
}


.csslide.on{
	opacity: 1;
	z-index: 1;
}
.fourpicslide .cspic{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.csslide .swiper-wrapper,.csslide .box{
	width: 100%;
	float: left;
}
.csslide .swiper-slide{
	float: left;
	width: auto;
}
.csslide .swiper-slide .box,.csslide .swiper-slide .sbox{
	width: 100%;
	height: 100%;
	float: left;
}
.csslide .swiper-slide:nth-child(2n-1){
	width: 38%;
}
.csslide .swiper-slide:nth-child(2n-0){
	width: 22%;
	margin: 0 1%;
}
.csslide .swiper-slide:nth-child(2n-0) .sbox{
	height: 9.5rem;
}
.csslide .swiper-slide:nth-child(2n-0) .sbox:nth-child(2){
	margin-top: 1rem;
}

.csslide .sbox .img,.csslide .sbox .img img{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}
.csslide .sbox .img{
	position: relative;
	height: 100%;
	cursor: pointer;
}
.csslide .sbox.img1{
	width: 42%;
	margin-left: 0;
}
.csslide .sbox.img2{
	width: 21%;
}
.csslide .sbox.img2 .img{
	height: 9.5rem;
}
.csslide .sbox.img2 .img:nth-child(2){
	margin-top: 1rem;
}
.csslide .sbox.img3{
	width: 35%;
}
.csslide .sbox .img i{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
}
.csslide .sbox .img i:before{
	position: absolute;
	content:'';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,122,193, 0.7);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.csslide .sbox .img:before{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	content: '';
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 3rem;
	height: 3rem;
	border: #fff 2px solid;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.csslide .sbox .img:after{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	content: '+';
	left:50%;
	top: 50%;
	transform: translate(-50%,-55%);
	font-size: 3rem;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.csslide .sbox .img:hover::after,.csslide .sbox .img:hover::before,.csslide .sbox .img:hover i:before{
	opacity: 1;
	visibility: visible;
	z-index: 1;
}





.csslide .btn{
	width: 3.125rem;
	height: 3.125rem;
	position: absolute;
	top:calc(50% - 1.5625rem);
	cursor: pointer;
	border: #007AC1 3px solid;
	border-radius: 100%;
	position: absolute;
	right: -6%;
}
.csslide .btn.prev{
	right: initial;
	left: -6%;
}
.csslide .btn.swiper-button-disabled{
	opacity: 0.8;
	border: #CED0D2 3px solid;
}
.csslide .btn.prev.swiper-button-disabled:before{
	border-left: 3px solid #CED0D2;
    border-bottom: 3px solid #CED0D2;
}
.csslide .btn.next.swiper-button-disabled:before{
	border-right: 2px solid #CED0D2;
    border-top: 2px solid #CED0D2;
}
.csslide .btn.swiper-button-disabled:after{
	background: #D6D7DA;
}
.csslide .btn.next:before{
	position: absolute;
	content: '';
    left: initial;
    bottom: initial;
    right: 25%;
    top: 36%;
    width: 0;
    height: 0;
    border-right: 2px solid #007AC1;
    border-top: 2px solid #007AC1;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.csslide .btn:after{
	position: absolute;
	content:'';
	width: 50%;
	height: 2px;
	background: #007AC1;
	top: calc(50% - 1px);
	left: calc(50% - 25%);
}
.csslide .btn.prev:before{
	position: absolute;
	content: '';
    left: initial;
    bottom: initial;
    left: 25%;
    top: 36%;
    width: 0;
    height: 0;
    border-left: 2px solid #007AC1;
    border-bottom: 2px solid #007AC1;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.5s;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}

.twolink{
	margin-top: 6.25rem;
}
.twolink,.twolink ul{
	width: 100%;
	float: left;
}
.twolink li{
	width: 50%;
	float: left;
	height: 11.25rem;
	position: relative;
	background: url(../images/join1.jpg);
	background-size: 100% 100%;
	color: #fff;
}
.twolink li:nth-child(2){
	background: url(../images/join2.jpg);
	background-size: 100% 100%;
}
.twolink li .box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.twolink li .box i{
	float:left;
	display: inline-block;
	width: 5.625rem;
	height: 5.625rem;
	background: url(../images/join3.png);
	background-size: 100% 100%;
}
.twolink li .box .text{
	float: left;
	font-size: 2.25rem;
	line-height: 3rem;
	margin-left: 2rem;
}
.twolink li .box .text .link{
	float: left;
}
.twolink li .box .text .link a{
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: #fff;
	position: relative;
	padding-right: 1rem;
}
.twolink li .box .text .link a:before{
	position: absolute;
    content: '';
    right: 2%;
    top: 43%;
    width: 0;
    height: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 0.3rem;
    width: 0.3rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.twolink li:nth-child(2) .box i{
	background: url(../images/join4.png);
	background-size: 100% 100%;
}
.twolink li .box .text .link a:hover{
	margin-left: 0.25rem;
}





.cform{
	width: 100%;
	float: left;
}
.cform .title{
	text-align: center;
}
.cform form{
	width: 100%;
	float: left;
	margin-top: 3rem;
}
.cform .cinput{
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 4%;
	height: 3rem;
	border: #DCDCDC 1px solid;
	line-height: 3rem;
	display: flex;
	padding:0 1.5rem;
	color: #6F7276;
	overflow: hidden;
	position: relative;
}
.cform .cinput:nth-child(2n-1){
	margin-left: 0;
}
.cform .cinput .name{
	position: absolute;
	float: left;
	margin-right: 1rem;
	z-index: 1;
}
.cform .cinput .name font{
	color: #f00;
}
.cform .cinput input{
	flex: 1;
	position: relative;
	z-index: 1;
}
.cform .cinput2{
	width: 100%;
	height: 15rem;
}
.cform .cinput2 .name{
	width: 90%;
}
.cform .cinput2 textarea{
	width: 100%;
	float: left;
	margin-top: 3rem;
	height: 10rem;
	line-height: 2rem;
	resize : none;
}


.cform .cinput.on .name{
	opacity: 0;
	z-index: -1;
}

.cform .csubmit{
	width: 100%;
	float: left;
}
.cform .csubmit input{
	width: 10rem;
	height: 3rem;
	color: #fff;
	line-height: 3rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	background: #007AC1
}



.anmenu{
	/*border-top: #E7E7E7 1px solid;*/
	border-bottom: #E7E7E7 1px solid;
}
.newsslide{
	padding: 3rem 0;
	width: 165%;
	float: left;
}
.newsslide .box .img,.newsslide .box .video{
	width: 60%;
	height: 0;
	padding-bottom: 40%;
}
.newsslide .box .video{
	position: relative;
	overflow: hidden;
}
.newsslide .box .video .img{
	width: 100%;
	padding-bottom: 66.6666%;
	position: relative;
}
.newsslide .box .video .img img{
	position: absolute;
	max-width: auto;
	min-width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 0;

}
.newsslide .box .video video{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	float: left;
	z-index: -1;

}
@media (min-aspect-ratio:16/9){
    .newsslide .box .video video{
        width:auto;
        height: 100%;
    }
}
@media (max-aspect-ratio:16/9){
    .newsslide .box .video video{
        width: 100%;
        height: auto;
    }
}

.newsslide .box .video .text{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-30%);
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 6rem;
	padding: 0;
	height: initial;
}
.newsslide .box .video:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.newsslide .box .video .text i{
	display: inline-block;
	width: 100%;
	float: left;
	width: 3.25rem;
	height: 3.25rem;
	background: #fff;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	cursor: pointer;
}
.newsslide .box .video .text i:before{
	position: absolute;
	content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    border-left: 0.8rem solid #007AC1;
}
.newsslide .box .video .text i:after{
    position: absolute;
    content: '';
    width:200%;
    height: 200%;
    left: -50%;
    top: -50%;
    background: rgba(255, 255, 255, 1.0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    animation: nchanges 2s linear 0.5s infinite;
}
.newsslide .box .video .text i:hover::after{
    animation-play-state: paused;
}
@keyframes nchanges {
    0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.0;
    }
    50% {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    opacity: 0.5;
    }
    100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
    }
}
.sovideo .text p{
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	
}

.newsslide .toggle{
	width: 40%;
	background: #F5F7FA;
}
.newsslide .swiper-pagination{
	display: none;
}
.newsslide .name{
	font-size: 1.5rem;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
}
.newsslide .date{
	color: #D91B22;
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 1rem;
}
.newsslide .desc{
	margin: 5% 0;
}


.anews{
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}
.anews .title,.anews .anewsl,.anews .title>div{
	width: 100%;
	float: left;
}
.anews .title{
	text-align: center;
}
.anews .title .name{
	font-size: 2.25rem;
	line-height: 3rem;
	color: #16181a;
}

.anewsl{
	width: 100%;
	float: left;
	margin: 3rem 0 5rem 0;
}
.anewsl ul{
	width: 100%;
	min-height: 15rem;
	float: left;
	margin: 2rem 0;
	position: relative;
}
.anewsl li{
	width: 31.3333%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
.anewsl li:nth-child(3n-2){
	margin-left: 0;
}

.anewsl .img{
	width: 100%;
	height: 0;
	padding-bottom: 66.6666%;
	float: left;
	overflow: hidden;
	border: #D8D8D8 1px solid;
}
.anewsl .img.videoimg{
	padding-bottom: 55%;
	position: relative;
}
.anewsl .img.videoimg i{
	display: inline-block;
	position: absolute;
	top: 50%;
	float: left;
    width: 3.25rem;
    height: 3.25rem;
    background: #fff;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.anewsl .img.videoimg i:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    border-left: 0.8rem solid #007AC1;
}
.anewsl .img a{
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
}
.anewsl .img img{
	width: 100%;
	float: left;
}
.anewsl .text{
	width: 100%;
	float: left;
	background: #F5F8FC;
	border: #D8D8D8 1px solid;
	border-top: none;
	padding: 1.5rem;
}
.anewsl .text>div{
	width: 100%;
	float: left;
}
.anewsl .name{
	font-size: 1.25rem;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	color: #16181a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 1rem;
}
.anewsl .desc{
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 6rem;
	overflow: hidden;
	color: #495770;
	margin-bottom: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: none;
}
.anewsl .more a{
	float: right;
	font-weight: bold;
	color: #007AC1;
	font-size: 0.875rem;
	line-height: 1rem;
	position: relative;
	padding-right: 1rem;
}
.anewsl .more a:before{
	position: absolute;
    content: '';
    right: 2%;
    top: 48%;
    width: 0;
    height: 0;
    border-right: 1px solid #007AC1;
    border-top: 1px solid #007AC1;
    height: 0.3rem;
    width: 0.3rem;
    transform: rotate(45deg) translate(-50%,0%);
    -webkit-transform: rotate(45deg) translate(-50%,0%);
    -moz-transform: rotate(45deg) translate(-50%,0%);
    -ms-transform: rotate(45deg) translate(-50%,0%);
    -o-transform: rotate(45deg) translate(-50%,0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.anewsl .more .date{
	float: left;
}

.anewsl li:hover .text{
	background: #007AC1;
	color: #fff;
}
.anewsl li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.anewsl li:hover .name,.anewsl li:hover .name a,.anewsl li:hover .desc,.anewsl li:hover .more a{
	color: #fff;
}
.anewsl li:hover .more a:before{
	border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}


.newsview .left{
	width: 70%;
	float: left;
}
.newsview .right{
	width: 24%;
	float: right;
}
.newsview .w100{
	width: 100%;
	float: left;
}
.newsview .ncontent{
	width: 100%;
	float: left;
	border-bottom: #F0F0F0 1px solid;
	padding-bottom: 3rem;
	min-height: 25rem;
	line-height: 2;
}
.newsview .ncontent video{
	width: 90%;
	margin: 0 5%;
}
.newsview .right .title{
	width: 100%;
	float: left;
	color: #16181a;
	font-size: 1.5rem;
	line-height: 2rem;
}
.newsview .right ul{
	width: 100%;
	float: left;
	margin-top: 2rem;
}
.newsview .right li{
	width: 100%;
	float: left;
	border-bottom: #DCDCDC 1px solid;
}
.newsview .right li .name,.newsview .right li .img,.newsview .right li .img img,.newsview .right li .date{
	width: 100%;
	float: left;
}
.newsview .right li .img{
	position: relative;
}
.newsview .right li .img i {
    display: inline-block;
    position: absolute;
    top: 50%;
    float: left;
    width: 3.25rem;
    height: 3.25rem;
    background: #fff;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.newsview .right li .img i:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    border-left: 0.8rem solid #007AC1;
}

.newsview .right li .date{
	margin: 1rem 0 0.5rem 0;
	color: #b4b4b4;
	font-size: 0.875rem;
	line-height: 1rem;
}
.newsview .right li .name{
	font-size: 1rem;
	color: #505050;
	line-height: 1.5rem;
	margin-bottom: 1rem;
}


.socaselist .pics-nightlist .desc{
	height: 3rem;
	-webkit-line-clamp: 2;
}


.branchlist{
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}
.branchlist ul{
	width: 100%;
	float: left;
	margin-top: 2rem;
	position: relative;
}
.branchlist li{
	width: 49%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
}
.branchlist li:nth-child(2n-1){
	margin-left: 0;
}

.branchlist .text{
	width: 100%;
	float: left;
	background: #F5F8FC;
	border: #D8D8D8 1px solid;
	padding: 1.5rem;
}
.branchlist .text>div{
	width: 100%;
	float: left;
}
.branchlist .name{
	font-size: 1.5rem;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	color: #16181a;
}
.branchlist .desc{
	font-size: 0.875rem;
	line-height: 1.5rem;
	overflow: hidden;
	color: #495770;
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.branchlist .desc.bauto{
	display:initial;
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;	
}
.branchlist .desc .bautolist{
	min-height: 8rem;
	float: left;
}
.branchlist .desc.bauto p:nth-child(4){
	height: 3rem;
	overflow: hidden;
}

.branchlist li:hover{
	box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 10%);
}
.branchlist li:hover .img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.branchlist li:hover .name a{
	color: #007AC1;
}
.branchlist li:hover .text{
	background: #fff;
}
.branchlist li .link,.branchlist li .link a{
	width: 100%;
	text-align: center;
}
.branchlist li .link{
	margin-top: 2rem;
}
.branchlist li .link a{
	display: inline-block;
	height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
}
.branchlist li .link a font{
	display: inline-block;
	font-size: 1rem;
	line-height: 3rem;
}


.branchview{
	width: 100%;
	float: left;
	padding: 6.25rem 0;
}
.branchview .name,.branchview .desc{
	width: 100%;
	float: left;
}
.branchview .name{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 3rem;
}
.branchview .desc{
	margin-top: 3rem;
	width: 50%;
	margin: 0 25%;
	line-height: 2.5rem;
	font-size: 1.125rem;

	text-align: center;
}
.branchview .back{
	width: 100%;
	float: left;
	margin: 2rem 0 4rem 0;
}
.branchview .back a{
	display: inline-block;
	width: 50%;
	float: left;
	margin: 0 25%;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	background: #007AC1;
	color: #fff;
	border-radius: 0.25rem;
}
.contmap{
	margin-bottom: 2rem;
}


.recruitinglist{
	background: #F5F7FA;
}

#splist{
	margin-top: 2rem;
	width: 100%;
	float: left;
}

.tsdabt .left{
	width: 100%;
}


.applybox{
	width: 40rem!important;
}
#tojob{
	display: none;
	width:100%;
	background: #fff;
	overflow: hidden;
	padding:2rem 3rem;
}
#tojob .title{
	width: 100%;
	float: left;
	text-align: center;
	height: 3rem;
	overflow: hidden;
}
#tojob font{
	padding-left: 3rem;
	line-height: 3rem;
	font-size: 2rem;
}
#tojob font.layui-icon{
	position: absolute;
	font-size: 2.5rem;
	line-height:3.25rem;
	padding-left: 0;
}

#tojob .appinput{
	width: 100%;
	float: left;
	height: 3rem;
	line-height: 3rem;
	border: #dcdcdc 1px solid;
	margin-top: 1.5rem;
	padding: 0 1rem;
	font-size: 1rem;
}
#tojob .appinput.btn{
	border: initial;
}
#tojob .appinput.btn input{
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	background: #007AC1;
	color: #fff;
	width: 50%;
	border-radius: 0.25rem;
	cursor: pointer;
}

@media(max-width:1440px) {
	.nybanner .text{
		left: initial;
		transform: initial;
	}
	.nybanner .text .box{
		width: 40%;
	}
	.nybanner .text .name{
		font-size: 2.3125rem;
		line-height: 3rem;
	}
	.nybanner .text .desc{
		margin-top: 1.875rem;
		line-height: 1.625rem;
	}
	.nybanner .text .link{
		margin-top: 3rem;
	}
	.nybanner .text .link a font{
		padding-left: 0;
	}
	.nypos .w1400{
		width: 100%;
		margin: 0;
	}
	.nypos .box, .nymenu .box{
		height: 3.5rem;
		line-height: 3.5rem;
	}

	.product .filter .w1400{
		padding: 1.875rem 0;
		margin: 0;
	}

	.product-card,.product-pics,.teams .w1400{
		padding: 5rem 0;
		margin: 0 auto;
	}
	.product-card h3{
		font-size: 2.3125rem;
		line-height: 3rem;
	}

	.product .list ul{
		margin: 1.875rem 0;
	}
	.product .list li{
		margin: 0;
		margin-left: 3%;
		margin-bottom: 3%;
	}

	.product .qrcode .text{
		margin: 3rem 0;
		font-size: 2rem;
		line-height: 2.5rem;
	}


	.productview>div,.provvideo .w1400{
		padding: 5rem 0;
	}

	.provvideo .w1400{
		margin: 0;
	}

	.nytitle{
		font-size: 2rem;
		line-height: 3rem;
	}
	.pro-ico ul{
		margin-top: 2rem;
	}
	.pro-ico li .name{
		font-size: 1.25rem; 
		line-height: 2rem;
		height: 2rem;
		margin: 0.5rem 0;
	}

	.productview .provdown li{
		width: 49%;
		margin-left: 2%;
	}
	.nybanner .r360{
		max-height: 100%;
	}

	.teams .cont{
		margin: 2.5rem 0 2rem 0;
	}
	.teams .box{
		margin-top: 3rem;
		padding-bottom: 0;
	}

	.backbone{
		padding: 5rem 0;
	}
	.backbone li{
		margin-top: 4rem;
	}

	.system .system-top ul{
		line-height: 4.5rem;
	}
	.cont-textpic{
		margin-top: 5rem;
	}

	.service>div{
		padding: 5rem 0;
	}
	.lprt .text .box{
		padding: 3rem 4rem;
	}
	.lprt .name{
		font-size: 1.5rem;
	}
	.lprt .desc{
		line-height: 1.5rem;
		max-height: 3rem;
	}
	.lprt .link{
		margin-top: 2rem;
	}
	.eightico li{
		width: 23%;
		margin-left: 2.6666%;
	}
	.service .title .name{
		font-size: 2.5rem;
		line-height: 4rem;
	}
	.service .title .name img{
		height: 4rem;
	}
	.service .title .desc{
		margin: 2rem 0;
	}
	.tnfi ul{
		margin-top: 2rem;
	}
	.tnfi li .name{
		line-height: 1.5rem;
		height: 3rem;
		margin-top: 1.5rem;
	}
	.tninfo ul,.tnfthree{
		margin-bottom: 0rem;
	}
	.tnfthree ul li .text{
		margin-top: 1rem;
	}

	.solution{
		padding: 5rem 0 10rem 0;
	}
	.soluindex .text{
		padding: 2rem;
	}
	.soluindex .name{
		font-size: 1.75rem;
		line-height: 2.5rem;
		max-height: 10rem;
	}
	.soluindex .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		margin: 2rem 0;
		height: 7.5rem;
	}
	.soluindex .link a{
		font-size: 0.75rem;
		padding: 0.625rem 1.25rem;
	}

	.fwslide{
		width: 96%;
		margin: 0 2%;
	}

	.servicelist>div{
		padding: 5rem 0;
	}
	.servicelist .title{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.shornoslide{
		width: 90%;
		margin: 0 5%;
	}
	.serteam .info{
		margin-top: 2rem;
		line-height: 2rem;
	}
	.serbuy .link{
		margin-bottom: 5rem;
	}


	.solist-0{
		padding-bottom: 5rem;
	}
	.solist-1, .solist-2, .solist-3, .solist-4{
		padding: 5rem 0;
	}

	.cont-two-txtpic .name{
		height: 5rem;
		line-height: 5rem;
		font-size: 1.625rem;
	}
	.cont-two-txtpic .desc{
		padding: 2rem;
		height: 21rem;
	}

	.three-pictext .toggle{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.three-pictext .img,.three-pictext .text{
		width: 94%;
		margin: 0 3%;
	}
	.three-pictext .text{
		padding: 2rem;
	}
	.three-pictext .btn{
		right: -3%;
		z-index: 1;
		/*background: #F5F7FA;*/
	}
	.three-pictext .btn.prev{
		left: -3%;
	}


	.sale>div{
		padding: 5rem 0;
	}
	.sale>div:nth-last-child(1){
		padding: 5rem 0 12rem 0;
	}
	.sale .title .name{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.fpcilist li .name,.fwslide .text .name,.tstj .tsname{
		font-size: 1.3125rem;
		line-height: 1.875rem;
		height: 1.875rem;
	}
	.mhbx .text li .name{
		font-size: 1.3125rem;
	}

	.serito>div{
		padding: 5rem 0;
	}
	.sopartner .swiper-slide .name{
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.3125rem;
	}
	.serito .title .name{
		font-size: 2rem;
		line-height: 3rem;
	}
	.serito .title .desc{
		line-height: 1.5rem;
		margin: 2rem 0;
	}
	.tnfi ul{
		margin-top: 1rem;
	}
	.tnfi li{
		padding: 2rem;
	}
	.txl .txname{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 1.5rem;
	}
	.txl .txdesc{
		line-height: 1.5rem;
	}
	.txl .txlink{
		margin-top: 2rem;
	}
	.txl .txlink a{
		height: 3.5rem;
		font-size: 1.125rem;
		line-height: 3.5rem;
	}
	.txl .txlink a img{
		height: 60%;
	}

	.tmes .info{
		margin-top: 1rem;
	}
	.tmes li{
		margin-bottom: 2rem;
	}
	.tmes li .name{
		font-size: 1.3125rem;
		line-height: 1.5rem;
	}
	.fmcs ul{
		margin-top: 1rem;
	}
	.fmcs li:nth-child(-n+5){
		margin-bottom: 2%;
	}
	.fmcs li .img{
		width: 7rem;
		height: 7rem;
	}
	.fmcs li .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 4.5rem;
	}
	.ems .toggle{
		width: 48%;
	}
	.serito .ems{
		padding: 5rem 0 10rem 0;
	}


	.pics-nightlist{
		margin: 2.5rem 0 4.5rem 0;
	}

	.socaseview{
		padding: 5rem 0;
	}
	.vtitle .name{
		font-size: 2rem;
		line-height: 2.25rem;
	}
	.vtitle .more{
		margin: 0.75rem 0 2rem 0;
	}


	.three-num li .num{
		font-size: 3.25rem;
	}
	.casediv-2{
		padding: 5rem 0 2rem 0;
	}
	.case-clickmore ul{
		margin-top: 2.5rem;
	}
	.case-clickmore li{
		padding: 2.25rem;
	}
	.case-clickmore .link{
		margin-top: 2.25rem;
	}
	.case-clickmore .link a{
		width: 7rem;
		height: 2.75rem;
		line-height: 2.75rem;
	}
	.casediv-3{
		padding: 5rem 0 8rem 0;
	}

	.socview{
		padding-top: 5rem;
	}
	.ltjjfa{
		margin-top: 2.5rem;
	}

	@media (min-aspect-ratio:16/9){
	    .ltrv .video video{
	        width: 100%;
	        height: auto;
	    }
	}
	@media (max-aspect-ratio:16/9){
	    .ltrv .video video{
	        width:auto;
	        height: 100%;
	    }
	}


	.about>div,.aboutdepa{
		padding:1rem 0;
	}
	.about .title .name{
		font-size: 2rem;
		line-height: 3rem;
	}
	.aboutview .info{
		margin-top: 2rem;
	}
	.aboutview .box li .num{
		font-size: 2rem;
		line-height: 3rem;
	}
	.animateNum{
		font-size: 3rem;
		line-height: 3rem;
	}
	.abouthonor li .num{
		font-size: 3rem;
		line-height: 3rem;
	}
	.aboutview .toggle{
		line-height: 1.5rem;
	}
	.aboutculture li .img{
		width: 6rem;
		height: 6rem;
	}
	.aboutculture li .title{
		padding-left: 7rem;
	}
	.yearswiper{
		margin-top: 3rem;
	}
	.yearswiper .toggle .text .date{
		font-size: 2rem;
		line-height: 3rem;
	}
	.yearswiper .toggle .text .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
		max-height: 3.75rem;
	}
	.yearswiper .toggle .text .desc{
		line-height: 1.5rem;
		max-height: 10.5rem;
	}
	.abtslidelist{
		width: 96%;
		margin: 0 2%;
	}
	.abtb .box,.aboutcoop .toggle{
		padding: 2.5rem;
	}
	.abtb .btn{
		left: 2.5rem;
	}
	.abtb .btn.next{
		left: 5.5rem;
	}
	.aboutnews .title .more{
		line-height: 3rem;
	}
	.about .about6{
		padding-bottom: 12rem;
	}
	.aboutcoop .box .name{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.aboutcoop .box .sname{
		font-size: 1.25rem;
		line-height: 1.5rem;
		margin: 0.75rem 0;
	}
	.aboutcoop .box .desc{
		line-height: 1.5rem;
	}
	.aboutcoop .toggle .name{
		font-size: 1.25rem;
		line-height: 2rem;
	}

	.newsslide{
		padding: 2.5rem;
	}
	.newsslide .name{
		font-size: 1.3125rem;
		line-height: 1.875rem;
		height: 3.75rem;
	}
	.newsslide .text{
		padding: 1.5rem;
	}
	.newsslide .desc{
		line-height: 1.5rem;
		height: 4.5rem;
		margin: 1rem 0;
	}
	.anews{
		padding: 5rem 0;
	}
	.anews .title .name{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.anewsl{
		margin: 2rem 0 4rem 0;
	}
	.anewsl ul{
		margin: 1rem 0;
	}
	.anewsl .text{
		padding: 1rem;
	}
	.anewsl .name{
		line-height: 1.5rem;
		font-size: 1.125rem;
		height: 3rem;
	}

	.newsview .ncontent{
		padding-bottom: 2rem;
	}
	.spage{
		margin: 1rem 0;
	}
	.spage .right a{
		width: 7rem;
		height: 2.75rem;
		line-height: 2.75rem;
	}
	.newsview .right .title{
		font-size: 1.3125rem;
		line-height: 2rem;
	}
	.newsview .right ul{
		margin-top: 1rem;
	}


	.contact>div{
		padding: 5rem 0;
	}
	.contact .title .name{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.cont3 .title .csort{
		font-size: 1.3125rem;
		line-height: 2.5rem;
	}
	.lithree,.contqrcode,.sixlicard,.fourpicslide,.cform form{
		margin-top: 2rem;
	}
	.cform .cinput{
		margin-bottom: 2%;
	}
	.twolink{
		margin-top: 5rem;
	}
	.twolink li{
		height: initial;
	}
	.twolink li .box{
		top: initial;
		padding: 2rem 0;
		float: left;
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
	.sixlicard .sixlink{
		height: 9rem;
	}


	.branchlist,.branchview{
		padding: 5rem 0;
	}
	.branchview .name{
		font-size: 1.75rem;
		line-height: 2.5rem;
		margin-bottom: 2rem;
	}
	.contmap{
		margin-bottom: 2rem;
	}

	.nymenu .news-xyears{
		height: 3.5rem;
		line-height: 3.5rem;
	}

}

@media(max-width:1366px) {
	.nyinfo{
		margin: 0;
		padding: 0;
	}

	.lsnico .rinfo>div a{
		padding: 5% 10%;
	}
	.lsnico .rinfo>div .num{
		height: 4rem;
		line-height: 4rem;
		font-size: 4rem;
	}
	.lsnico .rinfo>div .title{
		font-size: 1.25rem;
		line-height: 1.75rem;
		height: 1.75rem;
	}

	.three-num li .num font{
		font-size: 3rem;
		line-height: 3rem;
		padding-right: 1.5rem;
	}
	.three-num li .num font:before{
		font-size: 1.5rem;
	}

	.branchview{
		padding: 5rem 0;
	}



}

@media(max-width:1280px) {

	.nybanner .text .name{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.nybanner .text .desc{
		margin-top: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.875rem;
	}
	.nybanner .text .link{
		margin-top: 2rem;
	}
	.nybanner .text .link a{
		padding: 0.3125rem 1rem;
		line-height: 1.875rem;
	}
	.nybanner .img{
		min-height:initial;
	}

	.nypos .box, .nymenu .box{
		height: 3rem;
		line-height: 3rem;
	}

	.nyinfo{
		min-height: 15rem;
		padding-bottom: 2rem;
	}

	.product .filter .w1400{
		padding: 1.5rem 0;
	}
	.product .filter .box{
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
	}
	.product .filter .pro-form1, .product .filter .pro-form2{
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.product .filter .pro-form2 .text{
		line-height: 2.5rem;
	}
	.product .filter .pro-form1 button{
		right: 0;
	}
	.product .filter .pro-form2 i{
		width: 2.5rem;
		height: 2.5rem;
	}
	.product .filter .form-item .box .btn{
		margin-top: 0;
		padding: 0 1rem;
	}
	.product .filter .num{
		margin-top: 0;
	}

	.product-card, .product-pics{
		padding: 4rem 0;
	}
	.product-card .product-tab{
		width: 35%;
	}
	.product-card .tabCon{
		width: 61%;
	}
	.product-card h3{
		margin-bottom: 2rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.product-tab ul{
		height: 38rem;
	}
	.product-tab li,.product-tab .line,.product-tab li a{
		height: 5rem;
	}
	.product-tab li a{
		padding:0.5rem 0;
	}
	.product-tab li .name{
		font-size: 1rem;
		height: 2rem;
		line-height: 2rem;
		padding: 0 3rem;
	}
	.product-tab li .sort{
		font-size: 1.25rem;
		line-height: 2rem;
		line-height: 2rem;
	}

	.tabCon .title .name{
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.tabCon .title .desc{
		line-height: 1.875rem;
		max-height: 7.5rem;
	}

	.product-pics .title{
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.product-pics ul{
		margin-top: 2.5rem;
	}
	.product-pics li .name{
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.product .list ul{
		margin: 1.5rem 0;
	}
	.product .list li .name{
		font-size: 1.3125rem;
		line-height: 3rem;
	}
	.product .qrcode .img img{
		width: 8rem;
	}
	.product .qrcode .text{
		font-size: 1.5rem;
		line-height: 2rem;
		margin: 2rem 0;
	}

	.product .filter .pro-form1 input{
		font-size: 0.875rem;
	}

	.productview>div,.provvideo .w1400{
		padding: 4rem 0;
	}

	.nytitle{
		font-size: 1.875rem;
		line-height: 2.5rem;
	}
	.pro-ico ul{
		margin-top: 1.5rem;
	}
	.pro-ico li .name{
		font-size: 1.125rem; 
		line-height: 1.875rem;
		height: 1.875rem;
		margin: 0.5rem 0;
	}

	.productview .provspec .box{
		margin-top: 1rem;
	}
	.productview .provspec #cpggswiper{
		height: 3rem;
	}
	.productview .provspec .swiper-slide{
		line-height: 3rem;
		font-size: 1.25rem;
	}
	.productview .provdown li{
		width: 49%;
		margin-left: 2%;
	}
	.productview .provspec ul{
		height: 3rem;
	}
	.productview .provspec .boxbtn{
		height: 3rem;
		width: 6rem;
		margin-top: 0;
	}
	.productview .provspec .btn{
		font-size: 1.25rem;
		line-height: 2.25rem;
		width:2.5rem;
		height: 2.5rem;
		font-size: 1.25rem;
	}
	.provvideo .desc{
		font-size: 1rem;
		margin-top: 0.5rem;
		line-height: 1.625rem;
	}
	.productview .provspec .toggle{
		padding: 1.5rem 0;
	}
	.productview .provspec .cont,.productview .provtrait .desc{
		font-size: 1rem;
		line-height: 1.625rem;
	}
	.productview .provdown li a{
		font-size: 1rem;
		padding: 1rem;
	}
	.productview .provdown li i{
		top: 1rem;
		left: 1rem;
	}

	.product-card, .product-pics, .teams .w1400,.backbone{
		padding: 4rem 0;
	}
	.teams .box{
		margin-top: 2.5rem;
	}
	.backbone li{
		width: 49%;
		margin-left: 2%;
	}

	.three-num li .num font{
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	.service>div{
		padding: 4rem 0;
	}
	.lprt .text .box{
		padding: 2rem 3.5rem;
	}
	.lprt .ico,.lprt .ico img{
		height: 3.5rem;
	}
	.lprt .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin: 0.5rem 0;
	}
	.eightico{
		margin-top: 2rem;
	}
	.eightico li{
		padding: 1rem;
	}
	.eightico .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}
	.eightico .img{
		width: 3.5rem;
		height: 3.5rem;
	}
	.service .title .name{
		font-size: 2rem;
		line-height: 3.5rem;
	}
	.service .title .name img{
		height: 3.5rem;
	}
	.service .title .desc{
		margin: 1rem 0;
		line-height: 1.5rem;
	}
	.tninfo .tnname{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.tninfo li .num{
		width: 5rem;
		font-size: 2.5rem;
		line-height: 2.75rem;
	}
	.tninfo li .name{
		font-size: 1.25rem;
		line-height: 2rem;
		height: 2rem;
	}
	.tninfo li .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 2.5rem;
		margin-top: 0.5rem;
	}
	.tnfi li .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
		margin-top: 1rem;
	}

	.tnfthree ul{
		margin-top: 1rem;
	}
	.tnfthree ul li .box .img{
		width: 5rem;
		height: 5rem;
	}
	.tnfthree ul li .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
		padding-bottom: 0.875rem;
		margin-bottom: 0.875rem;
	}
	.service2 .link, .service3 .link, .service4 .link{
		margin-top: 2rem;
	}

	.cont-textpic{
		margin-top: 4rem;
	}
	.cont-textpic .box .text{
		padding-right: 8%;
	}
	.cont-textpic .box .text .name{
		font-size: 1.25rem
	}
	.cont-textpic .box .text .desc{
		line-height: 1.875rem;
	}
	.cont-list li>div{
		padding: 0 2rem;
	}
	.cont-list li{
		height: 4rem;
		line-height: 4rem;
		font-size: 0.875rem;
	}

	.cont-list-four li>div{
		padding: 0 2rem;
	}
	.cont-list-four li {
	    height: 4rem;
	    line-height: 4rem;
	    font-size: 0.875rem;
	}
	.cont-list-four .box-three{
		width: calc(60% - 20rem)
	}
	.cont-list-four .box-four{
		width: 40%;
	}

	.aboutview .box li:nth-child(3){
		text-align: right;
	}

	.solution{
		padding: 4rem 0 8rem 0;
	}
	.soluindex .name{
		font-size: 1.5rem;
		line-height: 2rem;
		max-height: 8rem;
	}
	.soluindex .desc{
		margin: 1.75rem 0;
	}


	.servicelist>div{
		padding: 4rem 0;
	}
	.servicelist .title{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.serteam .info{
		margin-top: 1.5rem;
		line-height: 1.5rem;
	}
	.serbuy .link{
		margin-bottom: 0rem;
	}
	.serbuy .link a{
		line-height: 2.5rem;
		height: 2.5rem;
		width: 8rem;
	}


	.solist-0{
		padding-bottom: 4rem;
	}
	.solist-1, .solist-2, .solist-3, .solist-4{
		padding: 4rem 0;
	}
	.cont-two-txtpic .name{
		height: 4rem;
		line-height: 4rem;
		font-size: 1.5rem;
	}
	.cont-two-txtpic .desc{
		padding: 1.5rem;
		height: 18rem;
		line-height: 1.875rem;
	}

	.night-ico li .name{
		height: 4.25rem;
		line-height: 4.25rem;
		overflow: hidden;
	}

	.three-pictext .slidepage{
		top: -4rem;
	}
	.three-pictext .toggle{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.three-pictext .img,.three-pictext .text{
		width: 94%;
		margin: 0 3%;
	}
	.three-pictext .text{
		padding: 1.5rem;
	}
	.three-pictext .name{
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}
	.three-pictext .desc{
		margin: 0.875rem 0;
		line-height: 1.3125rem;
	}
	.three-pictext .btn{
		right: -4%;
		width: 2.5rem;
		height: 2.5rem;
	}
	.three-pictext .btn.next:before,.three-pictext .btn.prev:before{
		width: 0.45rem;
		height: 0.45rem;
		top:35%;
	}
	.three-pictext .btn.prev:before{
		top:33.5%;
	}
	.three-pictext .btn.prev{
		left: -4%;
	}


	.sopartner .btn.next:before,.sopartner .btn.prev:before{
		top: 35%;
	}
	.sopartner .swiper-slide .name{
		height: 3rem;
		line-height: 3rem;
		font-size: 1.25rem;
	}


	.serito>div{
		padding: 4rem 0;
	}
	.sopartner .swiper-slide .name{
		height: 3rem;
		line-height: 3rem;
		font-size: 1.25rem;
	}
	.serito .title .name{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.serito .title .desc{
		line-height: 1.125rem;
		font-size: 1rem;
		margin: 1rem 0;
	}
	.tnfi li{
		padding: 1.5rem;
	}

	.txl .txname{
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin-top: 1rem;
	}
	.txl .txdesc{
		line-height: 1.25rem;
		font-size: 0.875rem;
	}
	.txl .txlink{
		margin-top: 1.5rem;
	}
	.txl .txlink a{
		height: 3rem;
		line-height: 3rem;
		font-size: 1rem;
	}

	.tmes li{
		margin-bottom: 1rem;
	}
	.tmes li .name{
		font-size: 1.25rem;
		line-height: 1.3125rem;
	}
	.tmes li .desc{
		margin-top: 0.5rem;
	}
	.fmcs ul{
		margin-top: 1rem;
	}
	.fmcs li{
		width: 18%;
		margin-left: 2.5%;
	}
	.fmcs li:nth-child(-n+5){
		margin-bottom: 2%;
	}
	.fmcs li .img{
		width: 7rem;
		height: 7rem;
	}
	.fmcs li .name{
		font-size: 1.125rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}
	.ems .toggle{
		width: 48%;
	}
	.serito .ems{
		padding: 4rem 0;
	}



	.sale>div{
		padding: 4rem 0;
	}
	.sale>div:nth-last-child(1){
		padding: 4rem 0;
	}
	.sale .title .name{
		font-size: 1.875rem;
    	line-height: 2.5rem;
	}
	.lsnum ul{
		margin-top: 2rem;
	}
	.lsnum li{
		margin-bottom: 3%;
	}
	.lsnum .name{
		height: 3rem;
	}
	.fpcilist li .name,.fwslide .text .name,.tstj .tsname{
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}
	.mhbx .text li .name{
		font-size: 1.25rem;
	}
	.tnfe .text .img img{
		width: 6rem;
		height: 6rem;
	}
	.tnfe .text .name{
		margin: 1.5rem 0;
		line-height: 1.5rem;
	}



	.lonertwo{
		padding: 4rem 0;
	}
	.lonertwo .name{
		font-size: 1.3125rem;
	}
	.lonertwo .desc{
		margin-top: 1.5rem;
		line-height: 1.875rem;
	}
	.llinfo .box{
		width: 25%;
	}
	.llinfo .toggle{
		width: 72%;
	}
	.tstj .tsxl ul .s1, .tstj .tsxl ul .s2{
		padding: 0 1rem;
	}
	.tstj .tsxl ul, .tstj .tsipt ul{
		line-height: 2.5rem;
	}
	.tstj .tsxl .s1 li{
		line-height: 2rem;
	}
	.tssubmit input{
		height: 2.5rem;
		line-height: 2.5rem;
		width: 8rem;
	}


	.pics-nightlist{
		margin: 2rem 0 4rem 0;
	}
	.pics-nightlist .text{
		padding: 1.25rem;
	}
	.pics-nightlist .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
		height: 1.875rem;
	}
	.pics-nightlist .desc{
		line-height: 1.25rem;
		height: 5rem;
		margin: 0.625rem 0;
	}

	.socaselist .pics-nightlist .desc{
		height: 5rem;
		line-height: 1.25rem;
		-webkit-line-clamp: 4;
	}


	.socaseview{
		padding: 4rem 0;
	}
	.vtitle .name{
		font-size: 1.875rem;
		line-height: 2rem;
	}
	.vtitle .more{
		margin: 0.625rem 0 1.875rem 0;
		font-size: 0.875rem;
	}
	.vtitle .more>div{
		margin-right: 1.5rem;
	}
	.videolist,.videolist .toggle ul{
		height: 29rem;
	}
	.videolist .toggle li{
		padding: 0.625rem;
	}
	.videolist .toggle li .name p{
		font-size: 1rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}


	.casediv-1{
		padding: 2.5rem 0;
	}
	.three-num li .num{
		font-size: 3rem;
		line-height: 3rem;
	}

	.casediv-2{
		padding: 4rem 0 1.5rem 0;
	}
	.case-clickmore ul{
		margin-top: 2rem;
	}
	.case-clickmore li{
		padding: 2rem;
	}
	.case-clickmore li .img{
		width: 18rem;
		height: 15.75rem;
		margin-right: 2.5rem;
	}
	.case-clickmore .name{
		font-size: 1.625rem;
		line-height: 2rem;
	}
	.case-clickmore .desc{
		margin: 1.5rem 0;
	}
	.case-clickmore .link{
		margin-top: 1.325rem;
	}
	.case-clickmore .link a{
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.casediv-3{
		padding: 4rem 0;
	}
	.partlist ul{
		margin-top: 2rem;
	}


	.socview{
		padding-top: 4rem;
	}
	.ltrv{
		height: 22rem;
	}
	.ltrv .desc{
		margin-top: 1.5rem;
		line-height: 1.75rem;
	}
	.ltrv .desc .i{
		margin: 0.625rem 0;
	}
	.ltrv>div{
		width: 48%;
		margin-left: 4%;
	}

	.lsxjz{
		height: 22rem;
	}


	.about>div,.aboutdepa{
		padding: 4rem 0;
	}
	.about .title .name{
		font-size:1.5rem;
		line-height: 2.5rem;
	}

	.aboutview .info{
		margin-top: 1rem;
	}
	.aboutview .box li .num{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.animateNum{
		font-size: 2rem;
		line-height: 2rem;
		padding-right: 1rem;
	}
	.animateNum::before{
		font-size: 1rem;
		line-height: 1rem;
	}
	.abouthonor li .num{
		font-size: 2rem;
		line-height: 2rem;
	}
	.aboutview .toggle{
		font-size: 1rem;
		line-height: 1.3125rem;
	}
	.aboutview .box{
		width: 45%;
	}
	.aboutview .box ul{
		margin-top: 1rem;
	}
	.aboutview .box li:nth-child(3) .num span{
		position: relative;
	}
	.aboutview .box li .num span{
		height: 2.5rem;
	}
	.aboutculture ul{
		margin-top: 2rem;
	}
	.aboutculture li .img{
		width: 5.5rem;
		height: 5.5rem;
	}
	.aboutculture li .title .desc{
		line-height: 1.5rem;
	}
	.aboutculture li .title{
		padding-left: 7rem;
	}
	.yearswiper{
		margin-top: 2rem;
	}
	.yearswiper .yearsinfo{
		width: calc(100% - 7rem);
	}
	.yearswiper .toggle .text .date{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.yearswiper .toggle .text .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		max-height: 3rem;
	}
	.yearswiper .toggle .text .desc{
		line-height: 1.5rem;
		font-size: 1rem;
		max-height: 11rem;
	}
	.yearswiper .toggle,.yearswiper .toggle>div,.yearswiper .toggle>div img{
		height: 100%;
		object-fit: cover;
	}
	.yearswiper .toggle .text{
		width: 48%;
	}
	.abtslidelist{
		width: 96%;
		margin: 0 2%;
	}
	.abtslidelist .name{
		margin-top: 0.5rem;
	}
	.abtslidelist .btn{
		width: 3rem;
		height: 3rem;
	}
	.abouthonor ul{
		padding-bottom: 1rem;
	}
	.abtb .box .name{
		font-size: 1.5rem;
		line-height:2rem;
		margin-top: 1rem;
	}
	.abtb .box,.aboutcoop .toggle{
		padding: 2rem;
	}
	.abtb .btn{
		left: 2rem;
	}
	.abtb .btn.next{
		left: 5rem;
	}
	.aboutnews .title .more{
		line-height: 3rem;
	}
	.about .about6{
		padding-bottom: 4rem;
	}

	.aboutcoop .box{
		padding-right: 1rem;
	}
	.aboutcoop .box .name{
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}
	.aboutcoop .box .sname{
		font-size: 1.125rem;
		line-height: 1.25rem;
		margin: 0.75rem 0;
	}
	.aboutcoop .box .desc{
		line-height: 1.5rem;
	}
	.aboutcoop .toggle{
		width: 48%;
	}
	.aboutcoop .toggle .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.aboutcoop .toggle .link{
		margin-top: 0.5rem;
	}



	.newsslide{
		padding: 2rem;
	}
	.newsslide .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: 3rem;
	}
	.newsslide .text{
		padding: 1rem;
	}
	.newsslide .date{
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
	.newsslide .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 5rem;
		margin: 0.75rem 0;
	}
	.anews{
		padding: 3rem 0;
	}
	.anews .title .name{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.anewsl{
		margin: 1.5rem 0;
	}
	.anewsl ul{
		margin: 0.5rem 0;
	}
	.anewsl .text{
		padding: 1rem;
	}
	.anewsl .name{
		line-height: 1.25rem;
		font-size: 1rem;
		height: 2.5rem;
	}


	.newsview .ncontent{
		padding-bottom: 2rem;
	}
	.spage{
		margin: 1rem 0;
	}
	.spage .right a{
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.newsview .right .title{
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.newsview .right ul{
		margin-top: 1rem;
	}
	.newsview .right{
		width: 28%;
	}


	.contact>div{
		padding: 4rem 0;
	}
	.contact .title .name{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.cont3 .title .csort{
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.lithree,.contqrcode,.sixlicard,.fourpicslide,.cform form{
		margin-top: 1.5rem;
	}
	.cform .cinput{
		margin-bottom: 2%;
	}
	.twolink{
		margin-top: 4rem;
	}
	.twolink li{
		height: initial;
	}
	.twolink li .box{
		padding:1.5rem 0;
	}
	.twolink li .box i{
		width: 4rem;
		height: 4rem;
	}
	.twolink li .box .text{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-left: 1.5rem;
	}
	.sixlicard .link a,.sixlicard .link a font{
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.sixlicard .sixlink{
		height: 8rem;
	}

	.branchlist,.branchview{
		padding: 4rem 0;
	}
	.branchview .desc{
		width: 80%;
		margin: 0 10%;
	}
	.branchview .back{
		margin: 2rem 0;
	}
	.branchview .back a{
		font-size: 1rem;
	}

	.nymenu .news-xyears{
		height: 3rem;
		line-height: 3rem;
	}



}


@media(max-width:1024px) {

	.nybanner .text .name{
		font-size: 1.625rem;
		line-height: 2rem;
	}
	.nybanner .text .desc{
		margin-top: 1rem;
		line-height: 1.3125rem;
	}
	.nybanner .text .desc p{
		margin-bottom:0.3125rem; 
	}
	.nybanner .text .link{
		margin-top: 1.5rem;
	}
	.nybanner .text .link a{
		padding: 0.25rem 0.875rem;
		line-height: 1.625rem;
	}

	.product .filter .w1400{
		padding: 1rem 0 2rem 0;
	}
	.product .filter .box{
		font-weight: initial;
		color: #000;
	}
	.product .filter .pro-form1, .product .filter .pro-form2{
		height: 2.25rem;
		line-height: 2.25rem;
	}
	.product .filter .pro-form1 input{
		width: calc(100% - 1rem);
		font-size: 0.875rem;
	}
	.product .filter .pro-form1 button:before{
		width: 50%;
		height: 50%;
	}
	.product .filter .pro-form1 button:after{
		left: 60%;
		bottom: 8px;
	}
	.product .filter .pro-form2 .text{
		height: 2.25rem;
		line-height: 2.25rem;
		font-size: 0.875rem;
	}
	.product .filter .pro-form2 ul{
		padding: 0.875rem 0;
	}
	.product .filter .form-item .box .btn{
		font-size: 0.875rem;
		height: 1.625rem;
		line-height: 1.625rem;
		margin-top: 0.1875rem;
	}
	.product .filter .demo-slider{
		height: 1.25rem;
	}
	.product .filter .demo-slider .layui-slider{
		height: 2px;
	}
	.product .filter .demo-slider .layui-slider .layui-slider-wrap-btn{
		width: 1rem;
		height: 1rem;
	}

	.lsnico .box{
		width: 30%;
	}
	.lsnico .toggle{
		width: 68%;
	}
	.lsnico .rinfo>div{
		width: 48%;
		margin-left: 4%;
		margin-bottom: 4%;
	}
	.lsnico .rinfo>div:nth-child(3n-2){
		margin-left: 4%;
	}
	.lsnico .rinfo>div:nth-child(2n-1){
		margin-left: 0;
	}
	.lsnico .rinfo>div .num{
		height: 3rem;
		line-height: 3rem;
		font-size: 3rem;
	}
	.lsnico .rinfo>div .title{
		margin-top: 0.5rem;
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 3rem;
	}



	.product-card, .product-pics{
		padding: 3rem 0;
	}

	.product-card .product-tab{
		width: 36%;
	}
	.product-card h3{
		margin-bottom: 1.5rem;
		font-size: 1.875rem;
		line-height: 2rem;
	}
	.product-tab ul{
		height: 30rem;
	}
	.product-tab li, .product-tab .line, .product-tab li a{
		height: 4rem;
	}
	.product-tab li a{
		padding: 0.5rem 0;
	}
	.product-tab li .name{
		font-size: 0.875rem;
		height: 1.5rem;
		line-height: 1.5rem;
		padding: 0 2rem;
	}
	.product-tab li .name:before{
		left: 1rem;
	}
	.product-tab li .sort{
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
		padding: 0 2rem;
	}

	.product-card .tabCon{
		width: 60%;
		height: 100%;
		float: right;
	}
	.tabCon .title .name{
		font-size: 1.3125rem;
		line-height: 2.5rem;
	}
	.tabCon .title .desc{
		line-height: 1.5rem;
		max-height: 6rem;
	}

	.tabCon .info .link a{
		padding: 0.5rem 1.25rem;
	}

	.product-pics .title{
		font-size: 1.875rem;
		line-height: 2rem;
	}
	.product-pics ul{
		margin-top: 2rem;
	}
	.product-pics li .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.product .list ul{
		margin: 1rem 0;
	}
	.product .list li .name{
		font-size: 1.125rem;
		line-height: 2.5rem;
	}
	.product .list li .desc>div{
		font-size: 0.875rem;
		line-height: 1rem;
		padding: 0;
		height: 2rem;
	}
	.product .list li .desc>div i{
		margin-left: 0.4rem;
		margin-top: 0.125rem;
	}
	.product .list li .desc>div font{
		padding: 0.5rem 0.5rem 0.5rem 2.5rem;
	}

	.product .qrcode .text{
		margin: 1.875rem 0;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}


	.productview>div,.provvideo .w1400{
		padding: 3rem 0;
	}
	.nytitle{
		font-size: 1.875rem;
		line-height: 2rem;
	}
	.pro-ico ul{
		margin-top: 1.5rem;
	}
	.pro-ico li{
		margin-bottom: 1rem;
	}
	.pro-ico li .img{
		width: 5rem;
		height: 5rem;
	}
	.pro-ico li .name{
		font-size: 1.125rem; 
		line-height: 1.875rem;
		height: 1.875rem;
		margin: 0.5rem 0;
	}
	.provvideo .desc{
		font-size: 0.875rem;
		margin-top: 0.5rem;
		line-height: 1.5rem;
	}
	.provvideo .video{
		height: 20rem;
	}
	.productview .provdown li{
		width: 49%;
		margin-left: 2%;
	}
	.productview .provspec ul{
		height: 2.5rem;
	}
	.productview .provspec .boxbtn{
		height: 2.5rem;
		width: 6rem;
	}
	.productview .provspec .box{
		margin-top: 1rem;
	}
	.productview .provspec li{
		font-size: 1.125rem;
		line-height: 2.5rem;
	}
	.productview .provspec .btn>div{
		width: 2rem;
		height: 2rem;
		font-size: 1.25rem;
		line-height: 2rem;
	}
	
	.productview .provspec .cont,.productview .provtrait .desc{
		font-size: 0.875rem;
		line-height: 1.5rem;
		margin-top: 1rem;
	}
	.productview .provdown li{
		margin-bottom: 2%;
	}
	.productview .provdown li a{
		font-size: 0.875rem;
		padding: 0.875rem;
	}
	.productview .provdown li i{
		top: 0.875rem;
		left: 0.875rem;
	}
	.productview .provdown li p{
		padding-left: 2.875rem;
	}


	.product-card, .product-pics, .teams .w1400, .backbone{
		padding: 3rem 0;
	}

	.teams .num-list li .name{
		height: 3rem;
	}
	.teams .num-list li .name .num{
		padding-right: 1.5rem;
	}
	.teams .num-list li .name .num2{
		display: none;
	}
	.teams .num-list li .name .num1:before{
		display: none;
	}
	.teams .num-list li .name .num3{	
		line-height: 4rem;
		font-size: 1.25rem;
	}


	.teams .box{
		margin-top: 2rem;
	}
	.num-list li .name .num{
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.num-list li .desc{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.backbone li{
		margin-top: 3rem;
	}
	.backbone li .text .name{
		font-size: 1.3125rem;
		height: 1.3125rem;
		line-height: 1.3125rem;
	}
	.backbone li .text .desc{
		margin: 0.75rem 0;
	}

	.service>div{
		padding: 3rem 0;
	}
	.service .title .name{
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.service .title .name img{
		height: 2.5rem;
	}
	.service .title .desc{
		margin: 0.875rem 0;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.tnfi li{
		padding: 1.5rem;
	}
	.tnfi li .img{
		width: 8rem;
		height: 8rem;
	}
	.tnfi li .img img{
		width: 4rem;
		height: 4rem;
	}
	.tnfi li .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.tninfo li{
		padding: 1.5rem;
	}
	.tninfo li .num{
		width: 4rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.tninfo li .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}
	.tninfo li .desc{
		height: 3.75rem;
	}
	.lprt .text{
		box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 20%);
	}
	.lprt .text .box{
		padding: 1.5rem 3rem;
	}
	.lprt .ico,.lprt .ico img{
		height: 3rem;
	}
	.lprt .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 2.5rem;
	}
	.lprt .link{
		margin-top: 1rem;
	}
	.lprt .link a{
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
	}
	.tnfthree ul li .box .img{
		width: 4rem;
		height: 4rem;
	}
	.tnfthree ul li .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.tnfthree ul li .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		max-height: 5rem;
	}


	.system .system-top ul{
		line-height: 4rem;
		font-size: 1.25rem;
	}
	.cont-textpic{
		margin-top: 3rem;
	}
	.cont-textpic .box .text{
		padding-right: 5%;
	}
	.cont-textpic .box .text .name{
		font-size: 1.125rem;
		line-height: 1.625rem;
		margin-top: 0.875rem;
	}
	.cont-textpic .box .text .desc{
		line-height: 1.5rem;
		font-size: 0.875rem;
	}
	.system .nytitle{
		margin-bottom: 1.5rem;
	}
	.cont-list li,.cont-list li:nth-child(1){
		height: 3rem;
		line-height: 3rem;
	}
	.cont-list li:nth-child(1){
		font-size: 1.125rem;
	}

	.cont-list-four li, .cont-list-four li:nth-child(1) {
	    height: 3rem;
	    line-height: 3rem;
	}
	.cont-list-four li:nth-child(1) {
	    font-size: 1.125rem;
	}

	.servicelist>div{
		padding: 3rem 0;
	}
	.serteam .text{
		width: 63%;
	}
	.serteam .img{
		width: 35%;
	}
	.servicelist .title{
		font-size: 1.5rem;
		line-height:2rem;
	}
	.serteam .info{
		margin-top: 1.5rem;
		line-height: 1.5rem;
	}
	.shornoslide .swiper-slide{
		padding: 0 1rem;
	}
	.serbuy .link{
		margin-bottom: 0rem;
	}
	.serbuy .link a{
		line-height: 2.5rem;
		height: 2.5rem;
		width: 8rem;
	}


	.serito>div{
		padding: 3rem 0;
	}
	.serito .title .name{
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}
	.serito .title .desc{
		line-height: 1.25rem;
		font-size: 0.875rem;
		margin: 0.875rem 0;
	}
	.tnfi li{
		padding: 1rem;
	}

	.txl .txname{
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-top: 0.5rem;
	}
	.txl .txdesc{
		line-height: 1.25rem;
		font-size: 0.875rem;
	}
	.txl .txlink{
		margin-top: 1rem;
	}
	.txl .txlink a{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
		padding: 0 0.5rem;
	}
	.txl .txlink a img{
		margin-right: 0.5rem;
	}
	.tmes .info{
		position: relative;
	}
	.tmes ul{
		width: 100%;
	}
	.tmes li{
		width: 49%;
		margin-left: 2%;
		margin-bottom: 1rem;
	}
	.tmes li:nth-child(2n-1){
		margin-left: 0;
	}
	.tmes li .name{
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.tmes li .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		margin-top: 0.5rem;
	}
	.fmcs ul{
		margin-top: 1rem;
	}
	.fmcs li{
		width: 18%;
		margin-left: 2.5%;
	}
	.fmcs li:nth-child(-n+5){
		margin-bottom: 2%;
	}
	.fmcs li .img{
		width: 7rem;
		height: 7rem;
	}
	.fmcs li .name{
		font-size: 1rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}
	.tmes .img{
		display: none;
	}
	.ems .toggle{
		width: 100%;
	}
	.ems .box{
		width: 80%;
		margin-right: 10%;
	}
	.serito .ems{
		padding: 3rem 0;
	}




	.solution{
		padding: 3rem 0 6rem 0;
	}
	.soluindex .text{
		padding: 1.5rem;
	}
	.soluindex .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
		max-height: 6rem;
	}
	.soluindex .desc{
		font-size: 0.75rem;
		line-height: 1.125rem;
		height: 6.75rem;
		margin: 1rem 0;
	}
	.soluindex .link{
		margin-top: 1rem;
	}


	.solist-0{
		padding-bottom: 3rem;
	}
	.solist-1, .solist-2, .solist-3, .solist-4{
		padding: 3rem 0;
	}
	.cont-two-txtpic .toggle,.night-ico ul,.three-pictext .toggle,.sopartner .info,.cont-two-txtpic .pics{
		margin-top: 1.5rem;
	}
	.cont-two-txtpic .name{
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.3125rem;
	}
	.cont-two-txtpic .desc{
		padding: 1rem;
		height: 15rem;
		line-height: 1.625rem;
	}
	.cont-two-txtpic .pics{
		padding: 0 5%;
	}
	.cont-two-txtpic .swiper .img{
		width: 92%;
		margin: 4%;
	}
	.cont-two-txtpic .btn.next{
		width: 1.5rem;
		height: 1.5rem;
		right: 1%;
		border-right: 2px solid #007AC1;
    	border-top: 2px solid #007AC1;
	}
	.cont-two-txtpic .btn.prev{
		width: 1.5rem;
		height: 1.5rem;
		left: 1%;
		border-left: 2px solid #007AC1;
    	border-bottom: 2px solid #007AC1;
	}

	.night-ico li .name{
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1rem;
		overflow: hidden;
	}

	.sale>div,.sale>div:nth-last-child(1){
		padding: 3rem 0;
	}
	.sale .title .name{
		font-size: 1.875rem;
    	line-height: 2rem;
	}
	.fwslide .btn{
		height: 3rem;
		width: 3rem;
		top: calc( 65% - 1.625rem );
	}
	.lsnum .box{
		padding-right: 3%;
	}
	.lsnum .num{
		font-size: 2.5rem;
		line-height: 2.5rem;
		height: 2.5rem;
	}
	.lsnum ul{
		margin-top: 1rem;
	}
	.lsnum li{
		width: 32.3333%;
		margin-left: 1.5%;
		margin-bottom: 1.5%;
	}
	.lsnum .num span{
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.lsnum .num span.ti{
		font-size: 1rem;
		line-height: 3.25rem;
	}
	.sale .title .desc{
		margin: 1rem 0;
	}
	.gzform{
		width: 80%;
		margin:  0 10%;
	}
	.animateNum{
		padding-right: 1rem;
	}
	.animateNum::before{
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.lsnum .name{
		line-height: 1.25rem;
		height:2.5rem;
	}
	.mhbx .box{
		margin-top: 2rem;
	}
	.llinfo .box li .name,.llinfo .box .line{
		height: 3rem;
		line-height: 3rem;
	}
	.llinfo .toggle{
		margin-bottom: 1rem;
	}
	.llpage{
		margin-top: 1rem;
	}
	.page a, .page li{
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
	}
	.tstj .tsinput{
		margin-bottom: 2%;
	}
	.tstj .tsform{
		margin-top: 1rem;
	}
	.tstj .tsxl ul.cityh li{
		line-height: 2rem;
		font-size: 0.875rem;
	}
	.tstj .tsinput .tsdiv, .tstj .tsinput input, .tstj .tsinput textarea{
		line-height: 2.5rem;
		height: 2.5rem;
	}

	.tnfe li{
		width: 24%;
		margin-left: 1.3333%;
		margin-bottom: 1.3333%;
	}
	.tnfe .text .name{
		margin: 1rem 0 0.5rem 0;
	}
	.fpcilist li .name,.fwslide .text .name,.tstj .tsname{
		font-size: 1.125rem;
    	height: 1.25rem;
    	line-height: 1.25rem;
	}
	.fpcilist li .desc{
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}
	.fpcilist li .text{
		padding: 1rem;
	}
	.mhbx .text li .name{
		font-size: 1.25rem;
		line-height: 3rem;
		height: 3rem;
	}
	.mhbx .rtn{
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 4rem;
	}
	.mhbx .text ul{
		height: 18.5rem;
	}
	.mhbx .box>.img{
		height: 31rem;
	}
	.gzform .input{
		height: 3rem;
		line-height: 3rem;
	}



	.three-pictext .slidepage{
		top: -3rem;
		font-size: 0.875rem;
	}
	.three-pictext .slidepage span{
		font-size: 1.5rem;
		line-height: 1.875rem;
	}
	.three-pictext .toggle{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.three-pictext .img,.three-pictext .text{
		width: 94%;
		margin: 0 3%;
	}
	.three-pictext .text{
		padding: 1rem;
	}
	.three-pictext .name{
		font-size: 1.25rem;
		line-height: 1.625rem;
	}
	.three-pictext .desc{
		margin: 0.625rem 0;
		line-height: 1.3125rem;
	}
	.three-pictext .btn{
		right: -4%;
		width: 2.5rem;
		height: 2.5rem;
	}
	.three-pictext .btn.next:before,.three-pictext .btn.prev:before{
		width: 0.45rem;
		height: 0.45rem;
		top:36%;
	}
	.three-pictext .btn.prev:before{
		top:35%;
	}
	.three-pictext .btn.prev{
		left: -4%;
	}


	.sopartner .btn.next:before,.sopartner .btn.prev:before{
		top: 35%;
	}
	.sopartner .swiper-slide .name{
		height: 3rem;
		line-height: 3rem;
		font-size: 1.25rem;
	}


	.lonertwo{
		padding: 3rem 0;
	}
	.lonertwo .name{
		font-size: 1.125rem;
		line-height: 1.625rem;
	}
	.lonertwo .desc{
		margin-top: 1rem;
		line-height: 1.5rem;
		font-size: 0.875rem;
	}


	.pics-nightlist{
		margin: 1rem 0 3rem 0;
	}
	.pics-nightlist li{
		width: 32%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.pics-nightlist .text{
		padding: 1.125rem;
	}
	.pics-nightlist .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		height: 1.5rem;
	}
	.pics-nightlist .desc{
		margin: 0.5rem 0;
	}



	.socaseview{
		padding: 3rem 0;
	}
	.vtitle .name{
		font-size: 1.5rem;
		line-height: 1.625rem;
	}
	.vtitle .more{
		margin: 0.5rem 0 1.5rem 0;
		font-size: 0.875rem;
		line-height: 3rem;
	}
	.vtitle .share{
		margin-top: 0.5rem;
	}
	.vtitle .more>div{
		margin-right: 1.25rem;
	}
	.videolist,.videolist .toggle ul{
		height: 25rem;
	}
	.videolist .toggle li{
		padding: 0.5rem;
	}
	.videolist .toggle li .ico div{
		width: 2rem;
		height: 2rem;
	}
	.videolist .toggle li .ico div:before{
		border-top: 0.25rem solid transparent;
	    border-left: 0.5rem solid #0079BF;
	    border-bottom: 0.25rem solid transparent;
	}
	.videolist .toggle li.active .ico div:before, .videolist .toggle li.active .ico div:after{
		width: 0.2rem;
		height: 35%;
	}
	.videolist .toggle li .name p{
		font-size: 1rem;
		line-height: 1.25rem;
		height: 3.75rem;
	}


	.casediv-1{
		padding: 2rem 0;
	}
	.three-num li .num{
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	.three-num li .title{
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.casediv-2{
		padding: 3rem 0 1rem 0;
	}

	.case-clickmore li{
		padding: 1.875rem;
	}
	.case-clickmore li .img{
		width: 15rem;
		height: 13.125rem;
		margin-right: 2rem;
	}
	.case-clickmore .sort{
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
	.case-clickmore .name{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.case-clickmore .desc{
		margin: 1rem 0;
		font-size: 0.875rem;
		line-height: 1.3125rem;
		height: 3.9375rem;
		overflow: hidden;
	}
	.case-clickmore .link{
		margin-top: 1.5rem;
	}
	.case-clickmore .link a{
		width: 5.5rem;
		height: 2.25rem;
		line-height: 2.25rem;
		font-size: 0.875rem;
	}
	.case-clickmore .more{
		height: 3rem;
		line-height: 3rem;
	}
	.casediv-3{
		padding: 3rem 0;
	}
	.partlist ul{
		margin-top: 1.5rem;
	}

	.partlist li{
		width: 18.8%;
		margin-left: 1.5%;
		margin-bottom: 1.5%;
	}
	.partlist li:nth-child(6n-5){
		margin-left: 1.5%;
	}
	.partlist li:nth-child(5n-4){
		margin-left: 0;
	}


	.socview{
		padding-top: 3rem;
	}

	.socasecont .name{
		font-size: 1.5rem;
		line-height: 1.625rem;
	}
	.ltrv{
		height: 18rem;
	}
	.ltrv>div:nth-child(1){
		width: 54%;
	}
	.ltrv .video{
		width: 44%;
		margin-left: 2%;
	}
	.ltrv .desc,.ltjjfa .desc,.lsxjz .toggle .desc{
		font-size: 0.875rem;
		line-height: 1.5rem;
		margin-top: 1rem;
	}
	.ltrv .desc .i{
		margin: 0.3125rem 0;
	}
	.ltjjfa{
		margin-top: 2rem;
	}
	.ltjjfa .desc{
		margin-top: 1rem;
	}
	.ltwopic{
		margin: 2rem 0;
	}
	.lsxjz{
		height: 17rem;
	}
	.lsxjz .toggle .desc{
		width: 68%;
		margin-right: 2%;
	}
	.spage{
		margin-top: 1.5rem;
		height: 3.5rem;
	}
	.spage .left>div{
		line-height: 1.75rem;
		font-size: 0.875rem;
	}
	.spage .right a{
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.75rem;
	}


	.about>div,.aboutdepa{
		padding: 3rem 0;
	}
	.about .title .name{
		font-size:1.5rem;
		line-height: 2rem;
		text-align: center;
	}

	.aboutview .info{
		margin-top: 1rem;
	}
	.aboutview .box li .num{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.animateNum{
		font-size: 2rem;
		line-height: 2rem;
		padding-right: 1rem;
	}
	.animateNum::before{
		font-size: 1rem;
		line-height: 1rem;
	}
	.abouthonor li .num{
		font-size: 2rem;
		line-height: 2rem;
	}
	.aboutview .toggle{
		font-size: 1rem;
		line-height: 1.3125rem;
	}
	.aboutview .box{
		width: 100%;
	}
	.aboutview .box ul{
		margin: 1.5rem 0 2rem 0;
	}
	.aboutview .toggle{
		width: 100%;
	}
	.aboutview .box li:nth-child(3) .num span{
		position: relative;
	}

	.aboutculture .title{
		text-align: center;
	}
	.aboutculture .box{
		width: 100%;
		margin-top: 1rem;
	}
	.aboutculture ul{
		margin-top: 0;
	}
	.aboutculture li{
		width: 49%;
		margin-left: 2%;
		margin-top: 2%;
	}
	.aboutculture li:nth-child(2n-1){
		margin-left: 0;
	}
	.aboutculture li .img{
		width: 5rem;
		height: 5rem;
		position: absolute;
	}
	.aboutculture li .title{
		position: initial;
		transform: initial;
		top: initial;
		right: initial;
		height: 5rem;
		overflow: hidden;
	}
	.aboutculture li .title .name{
		text-align: left;
	}
	.aboutculture li .title .desc{
		text-align: left;
		line-height: 1.5rem;
	}
	.aboutculture li .title{
		padding-left: 7rem;
	}
	.aboutculture .toggle{
		display: none;
	}
	.yearswiper{
		margin-top: 2rem;
	}
	.yearswiper .yearsinfo{
		width: calc(100% - 7rem);
	}
	.yearswiper .toggle>div{
		margin-right: 1.5rem;
	}
	.yearswiper .toggle .text .date{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.yearswiper .toggle .text .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		max-height: 3rem;
	}
	.yearswiper .toggle .text .desc{
		line-height: 1.5rem;
		font-size: 1rem;
		max-height: 12rem;
	}
	.yearswiper .toggle,.yearswiper .toggle>div,.yearswiper .toggle>div img{
		height: 100%;
		object-fit: cover;
	}
	.yearswiper .toggle .text{
		width: 48%;
	}
	.abtslidelist{
		width: 96%;
		margin: 0 2%;
	}
	.abtslidelist .toggle{
		margin-top: 1rem;
	}
	.abtslidelist .name{
		margin-top: 0.5rem;
		line-height: 1.5rem;
	}
	.abtslidelist .btn{
		width: 3rem;
		height: 3rem;
	}
	.abouthonor ul{
		padding-bottom: 1rem;
	}
	.abtb .box .name{
		font-size: 1.5rem;
		line-height:2rem;
		margin-top: 1rem;
	}
	.abtb .box .desc{
		line-height: 1.5rem;
		font-size: 0.875rem;
		height: 10.5rem;
		overflow: hidden;
	}
	.abtb .box,.aboutcoop .toggle{
		padding: 1.5rem;
	}
	.abtb .btn{
		bottom: 1rem;
		left: 2rem;
	}
	.abtb .btn.next{
		left: 5rem;
	}
	.aboutnews .info{
		margin-top: 1rem;
	}
	.aboutnews .title .more{
		line-height: 3rem;
	}
	.aboutnews li .text{
		padding: 1rem;
	}
	.aboutnews li .time{
		margin-top: 1rem;
	}
	.about .about6{
		padding-bottom: 3rem;
	}
	.aboutcoop .text{
		margin-top: 2rem;
	}
	.aboutcoop .box{
		padding-right: 1rem;
	}
	.aboutcoop .box .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.aboutcoop .box .sname{
		font-size: 1rem;
		line-height: 1.25rem;
		margin: 0.75rem 0;
	}
	.aboutcoop .box .desc{
		line-height: 1.25rem;
		font-size: 0.875rem;
	}
	.aboutcoop .toggle{
		width: 48%;
	}
	.aboutcoop .toggle .name{
		font-size: 1.125rem;
		line-height: 1.25rem;
	}
	.aboutcoop .toggle .link{
		margin-top: 0.5rem;
	}



	.newsslide{
		padding: 1.5rem;
	}
	.newsslide .name{
		font-size: 1.125rem;
		line-height: 1.3125rem;
		height: 2.625rem;
	}
	.newsslide .text{
		padding: 0.75rem;
	}
	.newsslide .date{
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.newsslide .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 5rem;
		margin: 0.5rem 0;
	}
	.newsslide .link{
		margin-top: 0;
	}
	.newsslide .link a{
		padding: 0.5rem 1rem;
	}
	.anews{
		padding: 3rem 0;
	}
	.anews .title .name{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.anewsl{
		margin: 1.5rem 0;
	}
	.anewsl ul{
		margin: 0.5rem 0;
	}
	.anewsl .text{
		padding: 1rem;
	}
	.anewsl .name{
		line-height: 1.25rem;
		font-size: 1rem;
		height: 2.5rem;
	}


	.newsview .ncontent{
		padding-bottom: 1rem;
	}
	.spage{
		margin: 1.5rem 0;
	}
	.spage .right a{
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.newsview .left{
		width: 100%;
	}
	.newsview .right .title{
		font-size: 1.25rem;
		line-height: 2rem;
		margin-top: 1rem;
	}
	.newsview .right ul{
		margin-top: 1rem;
	}
	.newsview .right .img{
		display: none;
	}
	.newsview .right{
		width: 100%;
	}



	.contact>div{
		padding: 3rem 0;
	}
	.contact .title .name{
		font-size: 1.3125rem;
		line-height: 1.875rem;
	}
	.cont3 .title .csort{
		font-size: 1.125rem;
		line-height: 1.875rem;
	}
	.lithree{
		width: 100%;
	}
	.lithree ul{
		width: 100%;
		display: inline-block;
		margin-bottom: 1rem;
	}
	.lithree li{
		flex: initial;
		width: 50%;
	}
	.lithree li:nth-child(2){
		border-right: initial;
	}
	.contqrcode{
		width: 100%;
	}
	.contqrcode p{
		text-align: center;
	}
	.contqrcode img{
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
	.lithree,.contqrcode,.sixlicard,.fourpicslide,.cform form{
		margin-top: 1rem;
	}
	.twolink{
		margin-top: 3rem;
	}
	.sixlicard li{
		width: 49%;
		margin-left: 2%;
	}
	.sixlicard li:nth-child( -n + 4){
		margin-top: 2%;
	}
	.sixlicard li:nth-child( -n + 2){
		margin-top: 0;
	}
	.sixlicard li:nth-child(3n-2){
		margin-left: 2%;
	}
	.sixlicard li:nth-child(2n-1){
		margin-left: 0;
	}
	.sixlicard .text,.sixlicard li.on .text{
		padding: 1rem;
	}
	.sixlicard .sixlink{
		height: 7rem;
		line-height: 5rem;
	}
	.cform .cinput{
		margin-bottom: 2%;
	}
	.twolink li{
		height: initial;
	}
	.twolink li .box{
		padding:1.5rem 0;
	}
	.twolink li .box i{
		width: 4rem;
		height: 4rem;
	}
	.twolink li .box .text{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-left: 1.5rem;
	}
	.sixlicard .link a,.sixlicard .link a font{
		height: 2.5rem;
		line-height: 2.5rem;
	}



	.branchlist,.branchview{
		padding: 3rem 0;
	}
	.branchview .desc{
		width: 90%;
		margin: 0 5%;
	}
	.branchview .name{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 1.5rem;
	}
	.branchview .back{
		margin: 1rem 0;
	}
	.branchview .back a{
		font-size: 0.875rem;
	}


}




@media(max-width:768px) {
    .nymenu{
        top: 4rem;
    }
.recruitment-t-wrap.kk .recruitment-t-r {width:49% !important}
	.nymenu .line{
		display: none;
	}
	.nymenu.menuH .posh{
		top: 4rem;
	}

	.product-card, .product-pics, .teams .w1400{
		padding: 2rem 0;
	}

	.nybanner .img, .nybanner .img img{
		min-height: 12rem;
		object-fit: cover;
	}
	.nybanner .img img{
		max-width: initial;
	}
	.nybanner .text .box{
		width: 50%;
	}
	.nybanner .text .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.nybanner .text .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 2.5rem;
		overflow: hidden;
			display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.nybanner .text .link{
		margin-top: 0.5rem;
	}
	.nybanner .wjj{
		width: 0.875rem;
		height: 0.875rem;
	}
	.nybanner .wjj:after{
		height: 10%;
	}
	.nybanner .wjj:before{
		top: 25%;
	}

	.nypos .box, .nymenu .box{
		width: 100%;
		float: left;
		height: 3rem;
		line-height: 3rem;
		overflow: hidden;
	}

	.nypos .box{
		width: 100%;
		white-space: nowrap;
	    display: flex;
	    overflow-x: scroll;
	    overflow-y: hidden;
	}
	.nymenu .box{
		overflow: initial;
		position: relative;
	}
	.nymenu .box ul{
		position: absolute;
		top:calc(100% + 1px);
		background: #fff;
		padding: 0.5rem 0;
		z-index: 999;
		width: 100vw;
		left: 50%;
		transform:translate(-50%,0);
		display: none;
		box-shadow: 0 0.25rem 0.5rem 0px rgba(198,200,204, 0.4);
	}
	.nymenu .box ul li{
		width: 100%;
		line-height: 1.25rem;
		margin:0;
		height: initial;
	}
	.nymenu .box ul li a{
		padding: 0.5rem 5%;
	}
	.nymenu li:nth-child(1){
		margin-left:initial;
	}
	.nymenu .box .submenu{
		display: inline-block;
		width: 100%;
		float: left;
		border-bottom: #E7E7E7 1px solid;
		position: relative;
		padding: 0 1rem;
	}
	.nymenu .box .submenu:before{
		position: absolute;
	    content: '';
	    right: 2%;
	    top: 48%;
	    width: 0;
	    height: 0;
	    border-right: 1px solid #4F4F4F;
	    border-top: 1px solid #4F4F4F;
	    height: 0.3rem;
	    width: 0.3rem;
	    transform: rotate(45deg) translate(-50%,0%);
	    -webkit-transform: rotate(45deg) translate(-50%,0%);
	    -moz-transform: rotate(45deg) translate(-50%,0%);
	    -ms-transform: rotate(45deg) translate(-50%,0%);
	    -o-transform: rotate(45deg) translate(-50%,0%);
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s;
	    border-left: 2px solid transparent;
	    border-bottom: 2px solid transparent;
	}
	.nymenu .box.on .submenu:before{
		transform: rotate(135deg) translate(0%,50%);
	    -webkit-transform: rotate(135deg) translate(0%,50%);
	    -moz-transform: rotate(135deg) translate(0%,50%);
	    -ms-transform: rotate(135deg) translate(0%,50%);
	    -o-transform: rotate(135deg) translate(0%,50%);
	}



	.nypos .box{
		overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	}

	.search-main .search-top{
		margin: 2rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.search-main .search-box{
		margin-bottom: 2rem;
	}
	.search-main .search-box li{
		padding: 0;
		display: inline-block;
		padding-bottom: 1rem;
	}
	.search-main .search-box li a{
		display: inline-block;
		width: 100%;
		float: left;
	}
	.search-main .search-box li .img{
		width: 100%;
		height: initial;
	}
	.search-main .search-box li .img img{
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		object-fit: initial;
	}
	.search-main .search-box li .text{
		flex: initial;
		width: 100%;
		float: left;
	}
	.search-main .search-box li .text .text-box{
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		float: left;
		padding: 0;
		margin-top: 1rem;
	}
	.search-main .search-box li .text .text-box .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
		height: initial;
	}
	.search-main .search-box li .text .text-box .date{
		font-size: 0.875rem;
		line-height: 1rem;
	}
	.search-main .search-box li .text .text-box .link a:before{
		right: 0.5%;
		width: 1.5rem;
	}

	.product-card, .product-pics{
		padding:0;
		padding-top: 2rem;
	}
	.product-card .product-tab{
		width: 100%;
		float: left;
	}
	.product-card h3{
		font-size: 1.3125rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	.product-tab .pro_tab_menu{
		width: 100%;
		float: left;
		height: 3rem;
		line-height: 3rem;
		background: #e2e4e6;
		font-size: 1rem;
		padding: 0 0.5rem;
		position: relative;
		display: inline-block;
	}
	.product-tab .pro_tab_menu:before{
		position: absolute;
	    content: '';
	    right: 2%;
	    top: 48%;
	    width: 0;
	    height: 0;
	    border-right: 1px solid #4F4F4F;
	    border-top: 1px solid #4F4F4F;
	    height: 0.3rem;
	    width: 0.3rem;
	    transform: rotate(45deg) translate(-50%,0%);
	    -webkit-transform: rotate(45deg) translate(-50%,0%);
	    -moz-transform: rotate(45deg) translate(-50%,0%);
	    -ms-transform: rotate(45deg) translate(-50%,0%);
	    -o-transform: rotate(45deg) translate(-50%,0%);
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s;
	    border-left: 2px solid transparent;
	    border-bottom: 2px solid transparent;
	}
	.product-tab .pro_tab_menu.on:before{
		transform: rotate(135deg) translate(0%,50%);
    -webkit-transform: rotate(135deg) translate(0%,50%);
    -moz-transform: rotate(135deg) translate(0%,50%);
    -ms-transform: rotate(135deg) translate(0%,50%);
    -o-transform: rotate(135deg) translate(0%,50%);
	}
	.product-tab ul{
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		left: 0;
		top: 100%;
		background: #fff;
		z-index: 1;
		height: initial;
		padding: 0.5rem;
	}
	.product-tab ul li{
		width: 100%;
		float: left;

	}

	.product-tab li, .product-tab .line, .product-tab li a{
		height: 3rem;
	}
	.product-tab li{
		width: initial;
	}
	.product-tab li.active{
		background: #eee;
	}
	.product-tab li a,.pro_tab_menu a{
		padding: 0.25rem 0;
	}
	.pro_tab_menu a{
		display: inline-block;
		width: 100%;
		float: left;
	}
	.product-tab li .name,.pro_tab_menu .name{
		font-size: 0.75rem;
		line-height: 1.25rem;
		height: 1.25rem;
		padding: 0 1rem;
	}
	.pro_tab_menu .name{
		font-weight: bold;
		color: #16181a;
		position: relative;
	}
	.pro_tab_menu .name:before{
		position: absolute;
	    content: '';
	    left: 2rem;
	    top: 48%;
	    content: '';
	    width: 0;
	    height: 0;
	    border-right: 2px solid #D70008;
	    border-top: 2px solid #D70008;
	    height: 0.4rem;
	    width: 0.4rem;
	    transform: rotate(deg);
	    -webkit-transform: rotate(45deg) translate(-50%,0%);
	    border-left: 2px solid transparent;
	    border-bottom: 2px solid transparent;
	}
	.product-tab li .name:before,.pro_tab_menu .name:before{
		left: 0.25rem;
		width: 0.2rem;
		height: 0.2rem;
	}

	.product-tab li .sort,.pro_tab_menu .sort{
		font-size: 1rem;
		padding: 0 1rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}
	.product-tab .line{
		display: none;
	}
	.product-card .tabCon{
		width: 100%;
		margin-top: 2rem;
		height: initial!important;
	}
	.tabCon .content{
		height: initial;
		position: initial;
		opacity: 1;
		visibility: initial;
		transform: initial;
		margin-bottom: 1rem;
		display: none;
	}
	.tabCon .content.active{
		display: inline-block;
	}
	.tabCon .title .name{
		font-size: 1.125rem;
		line-height: 1.875rem;
	}
	.tabCon .title .text{
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.tabCon .title .desc{
		line-height: 1.3125rem;
		height:initial;
		font-size: 0.875rem;
		width: 90%;
		margin: 0.5rem 5% 0 5%;
	}
	.tabCon .info{
		height: initial;
		padding-bottom:initial;
	}

	.tabCon .info .link{
		left: initial;
		right: 1.8rem;
		bottom: 1.5rem;
	}
	.tabCon .info .img{
		width: 90%;
		margin:0.5rem 5% 1rem 5%;
		position: initial;
		height: initial;
	}
	.tabCon .info .link a{
		font-size: 0.75rem;
	}

	.product-pics .title{
		font-size: 1.3125rem;
		font-weight: bold;
	}
	.product-pics ul{
		margin-top: 1rem;
	}
	.product-pics li{
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.product-pics li:nth-child(2n-1){
		margin-left: 0;
	}
	.product-pics li .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		bottom: 0.5rem;
	}

	.product .filter .w1400{
		padding: 0.875rem 0 1.5rem 0;
	}
	.product .filter .form-item{
		width: 48%;
		margin-left: 4%;
		margin-bottom: 4%;
	}
	.product .filter .form-item:nth-child(1){
		width: 100%;
	}
	.product .filter .form-item:nth-child(3),.product .filter .form-item:nth-child(4){
		margin-bottom:0;
	}
	.product .filter .form-item:nth-child(3){
		margin-left: 0
	}

	.product .filter .pro-form2 ul{
		position: relative;
		z-index: 2;
	}
	.product .filter .box{
		font-size: 0.875rem;
	}
	.product .filter .pro-form1 button:before{
		width: 40%;
		height: 40%;
		top: 20%;
	}
	.product .filter .pro-form1 button:after{
		left: 55%;
		bottom:10px;
	}

	.product .list ul{
		margin-bottom: 0;
	}
	.product .list li{
		width: 49%;
		margin-left:2%;
		margin-bottom: 5%;
	}
	.product .list li:nth-child(3n-2){
		margin-left: 2%;
	}
	.product .list li:nth-child(2n-1){
		margin-left: 0;
	}
	.product .list li .name{
		font-size: 1rem;
		line-height: 2rem;
	}
	.product .list li .desc>div{
		font-size: 0.75rem;
	}
	.product .qrcode .img img{
		width: 7rem;
	}
	.product .qrcode .text{
		margin:0;
		margin-top: 1.5rem;
		font-size: 1.125rem;
		line-height: 1.625rem;
	}

	.provbanner{
		background: #E5ECF2;
		float: left;
	}
	.provbanner .text,.provbanner .r360{
		position: initial; 
		top: initial;
		height: initial;
		max-height: initial;
		right: initial;
		transform: initial;
	}
	.provbanner .img{
		display: none;
	}
	.provbanner .text{
		width: 96%;
		float: left;
		margin: 0 2%;
	}
	.provbanner .text .box{
		width: 100%;
		float: left;
		margin-top: 2rem;
		position: initial;
		top: initial;
		transform: initial;
	}
	.provbanner .text .name{
		text-align: center;
	}
	.provbanner .text .title{
		font-size: 1.125rem;
		text-align: center;
	}
	.provbanner .text .desc{
		width: initial;
		float: left;
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
		margin-top: 1rem;
		max-height: 5rem;
		line-height: 1.25rem;
	}
	.provbanner .text .desc p{
		display: inline-block;
		float: left;
		margin-left: 1rem;
		margin: 0;
	}
	.provbanner .text .desc p:nth-child(1){
		margin-left: 0;
	}
	.provbanner .text .link{
		width: 100%;
		float: left;
		margin-top: 1rem;
	}
	.provbanner .text .link a{
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
	.provbanner .r360{
		width: 100%;
		float: left;
		position: relative;
	}
	.provbanner .r360 .r360-start{
	}

	.nytitle{
		font-size: 1.3125rem;
		font-weight: bold;
		line-height: 1.875rem;
	}
	.pro-ico ul{
		margin: 0 0 2rem 0;
	}
	.pro-ico li{
		width: 100%;
		margin: 0;
		margin-top: 1rem;
	}
	.pro-ico li:nth-child(1){
		margin-top: 0;
	}
	.pro-ico li .img{
		width: 4rem;
		height: 4rem;
		float: left;
		position: initial;
	    left: initial;
	    transform: initial;
	}

	.pro-ico li .desc,.pro-ico li .name{
		width: calc(100% - 5rem);
		height: initial;
		white-space: initial;
		margin: 0;
		text-align: left!important;
		float: right;
	}
	.pro-ico li .name{

	}
	.pro-ico li .desc{
		margin-top: 0rem;
		line-height: 1.25rem;
	}
	.productview>div, .provvideo .w1400{
		padding: 2rem 0;
	}

	.productview .tpl-layui-row>div{
		padding: 0!important;
		margin-top: 1rem;
	}
	.productview .tpl-layui-row>div:nth-child(1){
		margin-top: 0;
	}
	.productview .tpl-layui-row>div img{
		display: inline-block;
		float: left;
		width: 4rem;
		height: 4rem;
	}
	.productview .tpl-layui-row>div strong{
		float: right;
		width: calc(100% - 5rem);
		text-align: left;
	}


	.provvideo .w1400{
		display: inline-block;
	}
	.provvideo .text{
		flex: initial;
		width: 100%;
		float: left;
	}
	.provvideo .text .box .nytitle,.productview .provspec .nytitle,.productview .provdown .nytitle,.productview .provtrait .nytitle{
		text-align: center;
	}
	.provvideo .video{
		width: 100%;
		margin: 0;
		height: initial;
		margin-top: 1.5rem;
	}
	.provvideo .video .ico i{
		width: 3rem;
		height: 3rem;
		border-radius: 3rem;
	}
	.provvideo .video .ico i:before{
		border-top: 0.3rem solid transparent;
    	border-bottom: 0.3rem solid transparent;
    	border-left: 0.6rem solid #fff;
	}
	.productview .provspec .box{
		margin-top: 0.5rem;
		overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	    display: inline-block;
	}
	.productview .provspec ul{
		width: 100%;
		float: left;
		justify-content: space-between;
	    white-space: nowrap;
	    display: flex;
	    overflow-y: hidden;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	}
	.productview .provspec .boxbtn,.productview .provspec .line{
		display: none;
	}
	.productview .provspec li{
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
		width: initial;
		margin-left: 0.5rem;
	}
	.productview .provspec .toggle{
		padding: 1rem 0;
	}
	.productview .provspec .cont, .productview .provtrait .desc{
		margin-top: 0;
	}
	.productview .provdown ul{
		margin-top: 1rem;
	}
	.productview .provdown li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 4%;
	}
	.productview .provdown li a{
		padding: 0.5rem 0.25rem;
	}
	.productview .provdown li i{
		width: 1.5rem;
		height: 1.5rem;
		top: 0.75rem;
		background-size: cover;
	}
	.productview .provdown li p{
		padding-left: 2.5rem;
	}

	.teams .num-list ul{
		padding: 0;
	}
	.teams .num-list li .name{
		height: 2rem;
	}
	.teams .num-list li .name .num{
		padding-right: 1rem;
	}
	.teams .num-list li .name .num2{
		display: none;
	}
	.teams .num-list li .name .num1:before{
		display: none;
	}
	.teams .num-list li .name .num3{	
		line-height: 1.875rem;
		font-size: 0.75rem;
	}
	.teams .num-list li .desc{
		line-height: 1rem;
	}

	.teams .cont{
		margin: 1rem 0 1rem 0;
	}
	.teams .box{
		margin-top: 1.5rem;
	}
	.teams .img{
		position: relative;
		height: 10rem;
	}
	.teams .img img{
		position: absolute;
		width: auto;
		max-width: auto!important;
		height: 10rem;
		left: 50%;
		transform:translate(-50%,0);
	}
	.num-list ul{
		padding: 0 10%;
	}
	.num-list li .name .num{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.num-list li .desc{
		font-size: 0.75rem;
		line-height: 1.25rem;
	}

	.sale>div, .sale>div:nth-last-child(1){
		padding: 2rem 0;
	}
	.lsnum{
		display: inline-block;
	}
	.lsnum>div{
		width: 100%;
	}
	.lsnum .box{
		padding-right: 0;
		margin-bottom: 1rem;
	}
	.lsnum .toggle{
		flex: initial;
	}
	.lsnum .toggle .img{
		top: initial;
		transform: initial;
	}
	.sale .title .name{
		text-align: center;
		font-size: 1.3125rem;
	    font-weight: bold;
	    line-height: 1.875rem;
	}
	.lsnum li{
		width: 49%;
		margin-left: 2%;
		text-align: center;
	}
	.lsnum li:nth-child(3n-2){
		margin-left: 2%;
	}
	.lsnum li:nth-child(2n-1){
		margin-left: 0;
	}
	.fwslide .btn{
		right: -8%;
	}
	.fwslide .btn.prev{
		left: -8%;
	}
	.fwslide .text .fwnext{
		display: none;
	}
	.fpcilist li .name, .fwslide .text .name, .tstj .tsname{
		font-size: 1rem;
	}
	.sale .title .desc{

		line-height: 1.5rem;
		font-size: 0.875rem;
		margin: 0.5rem 0;
	}
	.gzform{
		width:100%;
		margin: 0;
		margin-top: 0.5rem; 
	}
	.gzform .input{
		font-size: 0.875rem;
	}
	.gzform .gzgo{
		width: 6rem;
	}
	.gzform .gzinfo{
		margin-top: 1.5rem;
	}
	.gzinfo .gzbe{
		margin: 0;
		margin-top: 1rem;
	}
	.gzform .gzname{
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 1rem;
	}
	.gzinfo .gzbe .name{
		line-height: 1.5rem;
	}
	.mhbx .box{
		display: inline-block;
		margin-top: 1rem;
	}
	.mhbx .code{
		left: 50%;
		transform: translate(-50%,0);
	}
	.mhbx .code .iname{
		line-height: 1.125rem;
	}
	.mhbx .box>.img{
		margin-top: 1.5rem;
	}
	.mhbx .box>.img,.mhbx .img li{
		width: 100%;
	}
	.mhbx .rtn{
		margin-top: 7.5rem;
		margin-bottom: 0.5rem;
		text-align: center;
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.mhbx .box .text{
		width: 100%;
	}
	.mhbx .text ul{
		height: initial;
		overflow: initial;
	}
	.mhbx .box>.img{
		flex: initial;
		height: initial;
	}
	.mhbx .text li .name{
		font-size: 1rem;
		line-height: 2rem;
		height: 2rem;
	}
	.mhbx .text li .name font{
		font-size: 1.5rem;
	}
	.mhbx .text li .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.tstj .tsinput{
		width: 100%;
		margin-left: 0;
	}
	.tstj .tsinput .name{
		line-height: 2.5rem;
	}
	.tssubmit input{
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}


	.serito>div{
		padding: 2rem 0;
	}
	.serito .title .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.serito .title .desc{
		margin: 0.5rem 0;
	}
	.txl .text{
		position: initial;
		top: initial;
		transform: initial;
		left: initial;
	}
	.txl .img{
		height: 15rem;
	}
	.txl .img img{
		height: 100%;
		object-fit: cover;
	}
	.txl .box{
		width: 100%;
	}

	.tmes li{
		width: 100%;
		margin-left: 0;
	}

	.fmcs li{
		width:49%;
		margin-left: 2%;
	}
	.fmcs li .img{
		width: 6rem;
		height: 6rem;
	}
	.fmcs li:nth-child(5n-4){
		margin-left: 2%;
	}
	.fmcs li:nth-child(2n-1){
		margin-left: 0;
	}
	.fmcs li:nth-child(-n+8){
		margin-bottom: 2%;
	}
	.serito .title .desc{
		margin-top: 1rem;
	}
	.ems .title .name{
		text-align: center;
	}
	.ems .box{
		width: 100%;
		margin: 0;
		margin-top: 1rem;
	}
	.serito .ems{
		padding: 2rem 0;
	}


	.newsview .ncontent{
		min-height:initial;
		font-size: 1rem;
	}


	.about>div,.aboutdepa{
		padding:2rem 0;
	}
	.about .title .name{
		font-size:1.5rem;
		line-height: 1.875rem;
		text-align: center;
	}

	.aboutview .info{
		margin-top: 1rem;
	}
	.aboutview .box li .num{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.animateNum{
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding-right: 0.875rem;
	}
	.animateNum::before{
		font-size: 0.875rem;
		line-height: 1rem;
	}
	.abouthonor li .name{
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.abouthonor li .num{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.aboutview .toggle{
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.aboutview .box{
		width: 100%;
	}
	.aboutview .box ul{
		margin: 1rem 0 1.5rem 0;
	}
	.aboutview .toggle{
		width: 100%;
	}
	.aboutview .box li .num span,.aboutview .box li:nth-child(3) .num span{
		position: relative;
		font-size: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
	}

	.aboutculture .title{
		text-align: center;
	}
	.aboutculture .box{
		width: 100%;
		margin-top: 1rem;
	}
	.aboutculture ul{
		margin-top: 0;
	}
	.aboutculture li{
		width: 100%;
		margin-left: 0;
		margin-top: 2%;
	}
	.aboutculture li:nth-child(2n-1){
		margin-left: 0;
	}
	.aboutculture li .img{
		width: 4rem;
		height: 4rem;
		position: absolute;
	}
	.aboutculture li .title{
		position: initial;
		transform: initial;
		top: initial;
		right: initial;
		height:initial;
		overflow: hidden;
	}
	.aboutculture li .title .name{
		text-align: left;
	}
	.aboutculture li .title .desc{
		text-align: left;
		line-height: 1.25rem;
		font-size: 0.875rem;
	}
	.aboutculture li .title{
		padding-left: 5rem;
	}
	.aboutculture .toggle{
		display: none;
	}
	.aboutdepa{
		margin: 0;
	}
	.about .about2{
		background-size: 100% 100%!important;
	}
	.yearswiper{
		margin-top: 1rem;
		height:initial;
		border-left: initial;
	}
	.yearswiper .swiper-wrapper{
	
		border-bottom: #4579AD 1px solid;
	}
	.yearswiper .swiper-slide .box{
		height: 2rem;
	}
	.yearswiper .swiper-slide.on .box{
		border-left: initial;
		border-bottom: #fff 2px solid;
	}
	.yearswiper .swiper-slide{
		width: initial;
		margin: 0 0.5rem;
		line-height: 2rem;
		height: 100%;
	}
	.yearswiper .yearsinfo{

		padding-right: 0;
		transform: initial;
		left: initial;
	}
	.yearswiper .toggle{
		margin-top: 1rem;
	}
	.yearswiper .yearsinfo .toggle.on{
		display: inline-block;
	}
	.yearswiper .toggle>div{
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.yearswiper .toggle .text{
		width: 100%;
		max-width: 100%;
		margin-top: 1rem;
		flex: initial;
	}
	.yearswiper .toggle .text .date{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.yearswiper .toggle .text .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		height:initial;
	}
	.yearswiper .toggle .text .desc{
		line-height: 1.5rem;
		font-size: 1rem;
		height:initial;
	}
	
	@media only screen and (max-width:992px){
		.yearswiper .swiper-slide{
		width: initial;
		margin: 0 0.5rem;
		line-height:1.5rem;
		height: 100%;
	}
	
		.yearswiper .toggle .text .name{
		font-size:0.9rem;
		line-height: 1.5rem;
		height:initial;
	}
	.yearswiper .toggle .text .desc{
		line-height: 1.5rem;
		font-size:0.8rem;
		height:initial;
	}}
	.yearswiper .toggle,.yearswiper .toggle>div,.yearswiper .toggle>div img{
		height: 100%;
		object-fit: cover;
	}
	.about3 .abouthonor ul{
		margin-top: 1rem;
	}
	.about3 .abouthonor li{
		width: 50%;
		margin-bottom:1rem;
	}
	.abtslidelist{
		width: 100%;
		margin: 0;
	}
	.abtslidelist .toggle{
		margin-top: 1rem;
	}
	.abtslidelist .swiper-slide{
		padding: 0 0.5rem;
	}
	.abtslidelist .name{
		margin-top: 0.5rem;
		line-height: 1.25rem;
		font-size: 0.875rem;
	}
	.abtslidelist .btn{
		display: none;
		width: 2.5rem;
		height: 2.5rem;
	}
	.abouthonor ul{
		padding-bottom: 1rem;
	}
	.abtb .toggle,.abtb .box{
		width: 100%;
	}
	.abtb .box .name{
		font-size: 1.5rem;
		line-height:2rem;
		margin-top: 0rem;
	}
	.abtb .box .desc{
		line-height: 1.25rem;
		font-size: 0.875rem;
		height: initial;
		overflow: hidden;
		margin-top: 1rem;
		padding-bottom: 4rem;
	}
	.abtb .box,.aboutcoop .toggle{
		padding: 1rem;
	}
	.abtb .btn{
		bottom: 1rem;
		left: 2rem;
	}
	.abtb .btn.next{
		left: 5rem;
	}
	.aboutnews .info{
		margin-top: 1rem;
	}
	.aboutnews li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 2%;
	}
	.aboutnews li .name{
		height: initial;
	}
	.aboutnews .title .more{
		line-height: 3rem;
	}
	.aboutnews li .text{
		padding: 1rem;
	}
	.aboutnews li .time{
		margin-top: 1rem;
	}
	.about .about6{
		padding-bottom: 2rem;
	}
	.aboutcoop .box,.aboutcoop .toggle{
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	.aboutcoop .toggle{
		margin-top: 1rem;
		padding: 1rem;
	}
	.aboutcoop .text{
		height: initial;
		margin-top: 1rem;
	}
	.aboutcoop .box .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.aboutcoop .box .sname{
		font-size: 1rem;
		line-height: 1.25rem;
		margin: 0.75rem 0;
	}
	.aboutcoop .box .desc{
		line-height: 1.25rem;
		font-size: 0.875rem;
	}
	.aboutcoop .box .desc span{
		font-size: 1rem!important;
	}
	.aboutcoop .toggle .name{
		font-size: 1.125rem;
		line-height: 1.25rem;
	}
	.aboutcoop .toggle .link{
		margin-top: 0.5rem;
	}





	.servicelist>div{
		padding: 2rem 0;
	}
	.serteam .text{
		width: 100%;
	}
	.servicelist .title{
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	.serteam .info{
		margin-top: 1rem;
		font-size: 0.875rem;
	}
	.serteam .img{
		width: 100%;
		margin-top: 1rem;
	}
	.serteam .img img{
		margin-top: 0.5rem;
	}
	.serhorno .title{
		text-align: center;
	}
	.shornoslide .toggle{
		margin-top: 1rem;
	}
	.shornoslide .btn{
		width: 2.5rem;
		height: 2.5rem;
		right: -8%;
	}
	.shornoslide .btn.prev{
		left: -8%;
	}
	.shornoslide .swiper-slide{
		padding: 0 0.5rem;
	}

	.llinfo{
		margin-top: 1rem;
	}
	 .llinfo .box .line{
	 	display: none;
	 }
	.llinfo .box li,.llinfo .box li .name{
		height: 2rem;
		line-height: 2rem;
	}

	.llinfo .box li .name:before{
		display: none;
	}
	.llinfo .box li .name{
		padding:0 1rem;
		margin-top: 0.5rem;
		border-left: #ccc 1px solid;
		border-bottom: none;
	}
	.llinfo .box li{
		height: 3rem;
		padding: 0;
	}
	.llinfo .box li:nth-child(1) .name{
		border: none;
	}
	.llinfo .toggle li .name{
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.llinfo .toggle li .name:before{
		width: 0.25rem;
		height: 0.25rem;
	}
	.llinfo .toggle li .desc{
		padding: 1rem 0.5rem;
	}

	.llinfo .box ul{
		white-space: nowrap;
	    display: flex;
	    overflow-x: auto;
	    overflow-y: hidden;
	}


	.llinfo .box li,.llinfo .box li .name{
		width: initial;
		float: left;
	}
	.llinfo .box{
		width: 100%;
		padding: 0;
		margin-bottom: 1rem;
	}
	.llinfo .toggle{
		width: 100%;
	}
	.fwslide .text .desc{
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 3.75rem;
		padding-top: 1rem;
	}
	.fpcilist ul{
		margin-top: 1rem;
	}
	.fpcilist li{
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.fpcilist li:nth-child(2n-1){
		margin-left: 0;
	}
	.fwslide{
		width: 90%;
		margin: 0 5%;
	}

	.service>div{
		padding: 2rem 0;
	}
	.lprt{
		display: inline-block;
	}
	.lprt .img{
		width: 100%;
		text-align: center;
	}
	.tnfe li{
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.tnfe li:nth-child(4n-3){
		margin-left: 2%;
	}
	.tnfe li:nth-child(2n-1){
		margin-left: 0;
	}
	.tnfe .text .img img{
		width: 4rem;
		height: 4rem;
	}
	.tnfe .text .link a{
		opacity: 1;
	}
	.lsnum .num span{
		margin-left: 50%;
		transform: translate(-50%,0);
	}
	.lsnum .num span.ti{
		margin-left: initial;
		transform: initial;
	}
	.lprt .ico img{
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
	.lprt .text{
		width: 100%;
		float: left;
		flex: initial;
		box-shadow:initial;
	}
	.lprt .text .box{
		position: initial;
		top: initial;
		transform: initial;
		padding: 1rem 2%;
	}
	.lprt .name{
		font-size: 1.125rem;
		line-height: 1.5rem;
		text-align: center;
	}
	.lprt .desc{
		height: initial;
		text-align: center;
		max-height: initial;
	}
	.lprt .link{
		margin-top: 0.5rem;
	}
	.lprt .link a{
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}

	.eightico{
		margin-top: 1rem;
	}
	.eightico li{
		width: 49%;
		margin-left: 2%;
		padding: 0.5rem;
	}
	.eightico li:nth-child(4n-3){
		margin-left: 2%;
	}
	.eightico li:nth-child(2n-1){
		margin-left: 0;
	}
	.eightico .img{
		width: 3rem;
		height: 3rem;
		margin-right: 0.5rem;
	}
	.eightico .name{
		font-size: 1rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}
	.eightico .link{
		margin-top: 0.25rem;
	}

	.service .title .name{
		font-size: 1.25rem;
		line-height: 2rem;
	}
	.tnfi li{
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
		padding: 1rem;
	}
	.tnfi li:nth-child(2n-1){
		margin-left: 0;
	}
	.tnfi li .img{
		width: 6rem;
		height: 6rem;
	}
	.tnfi li .img img{
		width: 3rem;
		height: 3rem;
	}
	.tnfi li .name{
		font-size: 1rem;
		line-height: 1.25rem;
		height: 2.5rem;
	}
	.service2 .link, .service3 .link, .service4 .link{
		margin-top: 1rem;
	}

	.lsnico .info{
		margin-top: 1rem;
	}
	.lsnico .box{
		width: 100%;
		padding: 0;
	}
	.lsnico .box li .name{
		height: 3rem;
		line-height: 3rem;
	}
	.lsnico .box li .subname{
		padding: 0.5rem 1.5rem;
	}
	.lsnico .box .line{
		height: 3rem;
		display: none;
	}
	.lsnico .box li.active .name{
		background: #C8E2F9;
	}
	.lsnico .toggle{
		width: 100%;
		margin-top: 4%;
	}
	.lsnico .rinfo>div{
		width: 49%;
		margin-left: 2%;
	}
	.lsnico .rinfo>div:nth-child(3n-2){
		margin-left: 2%;
	}
	.lsnico .rinfo>div:nth-child(2n-1){
		margin-left: 0;
	}
	.lsnico .rinfo>div a{
		padding: 2% 5%;
	}
	.lsnico .rinfo>div .num{
		height: 2rem;
		line-height: 2rem;
		font-size: 2rem;
	}
	.lsnico .rinfo>div .title{
		line-height: 1.25rem;
		height: 3.75rem;
		font-size: 1rem;
		-webkit-line-clamp:3;
	}
	.tninfo .tnname{
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin: 1rem 0;
	}
	.tninfo li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 2%;
	}
	.tninfo li .desc{
		height: initial;
	}
	.tnfthree ul li{
		width: 100%;
		margin-left: 0%;
		border-radius:initial;
		border: initial;
		height: initial;
		padding-bottom: 0;
		background: initial;
		margin-top: 10%;
	}
	.tnfthree ul li:nth-child(1){
		margin-top: 0;
	}
	.tnfthree ul li .box{
		min-width: 60%;
		width: initial;
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		padding: initial;
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
	.tnfthree ul li:hover{
		background: initial;
	}
	.tnfthree ul li:hover .img{
		opacity: 1;
		transform:translate(-50%,0);
	}
	.tnfthree ul li:hover .text{
		margin-top: 1rem;
	}
	.service4{
		background-size: auto 100%!important;
		background-repeat: no-repeat;
	}

	.backbone{
		padding:0;
		padding-bottom: 2rem;
	}
	.backbone li{
		width: 100%;
		margin-left: 0;
		margin-top: 1.5rem;
	}
	.backbone li .text{
		width: 95%;
		top: 90%;
		padding: 1rem;
		box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 20%);
	}
	.backbone li .text .name{
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	.backbone li .text .desc{
		font-size: 1rem;
		line-height: 1.15rem;
		max-height: 3.45rem;
	}
	.backbone li .text .exp{
		line-height: 1.25rem;
		height: 2.25rem;
	}
	.backbone li .text .link a{
		font-size: 0.7rem;
		padding: 0.5rem 1rem;
	}
	.backbone li.active .exp{
		height: 9rem;
	}

	.system .system-top ul{
		height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.125rem;
	}
	.cont-textpic{
		margin-top: 2rem;
		display: inline-block;
	}
	.cont-textpic .box{
		flex: initial;
		width: 100%;
		float: left;
	}
	.cont-textpic .box .text{
		position: initial;
		top: initial;
		transform: initial;
		padding-right: 0;
	}
	.cont-textpic .box .text .name{
		margin-top: 0.75rem;
	}
	.cont-textpic .box .text .desc{
		float: left;
	}
	.system .nytitle{
		margin-bottom: 0.875rem;
	}
	.cont-textpic .toggle{
		width: 100%;
		float: left;
		margin-top: 1rem;
	}
	.cont-list{
		margin-top: 2rem;
	}
	.cont-list li, .cont-list li:nth-child(1){
		height: 3rem;
	}
	.cont-list li{
		font-size: 0.75rem;
	}
	 .cont-list li:nth-child(1){
	 	font-size: 1rem;
	 }
	.cont-list li>div{
		padding: 0 0.5rem;
	}
	.cont-list li .box{
		width: 9rem;
		line-height: 1rem;
	}
	.cont-list li:before{
		width: 9rem;
	}
	.cont-list li .toggle{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		    display: flex;
	}
	.cont-list tr td:nth-last-child(1){
		overflow-x: auto;
		overflow-y: hidden;
	}


	.system .system-info{
		margin-bottom:0rem;
	}

	.cont-list-four{
		padding: 2rem 0;
	}
	.cont-list-four ul{
		overflow-x: auto;
	}
	.cont-list-four li{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		    width: 45rem;
	}
	.cont-list-four li>div{
		padding: 0 1rem;
		overflow: hidden;
		font-size: 0.75rem;
	}
	.cont-list-four li:nth-child(1){
		font-size: 1rem;
	}
	.cont-list-four .box-one, .cont-list-four .box-two{
		width: 9rem;
	}
	.cont-list-four .box-three{
		width: 12rem;
	}
	.cont-list-four .box-four{
		width: 15rem;
	}



	.solution{
		padding: 2rem 0 4rem 0;
	}
	.soluindex .box .img{
		width: 100%;
		padding-top: 11rem;
	}
	.soluindex .toggle{
		width: 100%;
	}
	.soluindex .text{
		padding: 0.625rem;

		text-align: center;
	}
	.soluindex .name{
		font-size: 1rem;
		line-height: 1.5rem;
		height: 3rem;
		overflow: hidden;
	}
	.soluindex .desc{
		line-height: 1rem;
		height: 3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		margin: 0;
		margin-top: 0.625rem;
	}
	.soluindex .link{
		margin-top: 0.625rem;
	}
	.soluindex .link a{
		padding: 0.5rem 1rem;
	}




	.newsslide{
		padding: 1rem;
		width:200%;
	}
	.newsslide .box .img, .newsslide .box .video{
		width: 100%;
		padding: initial;
		height: initial;
	}
	.newsslide .toggle{
		position: initial;
	}
	.newsslide .name{
		font-size: 1.125rem;
		line-height: 1.3125rem;
		height: 2.625rem;
		text-align: left;
	}
	.newsslide .text{
		padding: 0.75rem;
		padding-bottom:3.5rem;
	}
	.newsslide .text .date{
		position: absolute;
		width: initial;
		float: left;
		left: 0.75rem;
		bottom: 0.75rem;
		margin-top: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.newsslide .desc{
		display: none;
	}
	.newsslide .text .link{
		position: absolute;
		right: 0.75rem;
		bottom: 0.75rem;
		float: right;
		width: initial;
	}
	.newsslide .link a{
		padding: 0.5rem 1rem;
	}
	.anews{
		padding: 2rem 0;
	}
	.anews .title .name{
		font-size: 1.3125rem;
		line-height: 1.5rem;
	}
	.anmenu{
		border: initial;
	}
	.anewsl{
		margin: 1rem 0;
	}
	.anewsl ul{
		margin: 0.25rem 0;
	}
	.anewsl li{
		width: 100%;
		margin-left:0%;
		margin-bottom: 2%;
	}
	.anewsl li:nth-child(3n-2){
		margin-left: 0%;
	}
	.anewsl li:nth-child(2n-1){
		margin-left: 0;
	}
	.anewsl .text{
		padding: 1rem;
	}
	.anewsl .name{
		line-height: 1.25rem;
		font-size: 1rem;
		height: initial;
	}
	.anewsl .desc{
		height: initial;
	}
	.nymenu .news-xyears{
		position: initial;
		right: initial;
		top: initial;
		width: 100%;
		float: left;
		border: initial;
		height: 3rem;
		line-height: 3rem;
		background: #fff;
		border-bottom: #E7E7E7 1px solid;
	}



	.solist-0{
		padding-bottom: 2rem;
	}
	.solist-1, .solist-2, .solist-3, .solist-4{
		padding: 2rem 0;
	}

	 .solist-4{
	 	padding-bottom: 1rem;
	 }
	.cont-two-txtpic .toggle,.night-ico ul,.three-pictext .toggle,.sopartner .info,.cont-two-txtpic .pics{
		margin-top: 1rem;
	}
	.cont-two-txtpic li{
		width: 100%;
		margin-left: 0;
	}

	.cont-two-txtpic .name{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.25rem;
		padding: 0 1rem;
	}
	.cont-two-txtpic .desc{
		padding: 0.875rem;
		height: initial;
		line-height: 1.5rem;
	}
	.cont-two-txtpic .pics{
		padding: 0;/*padding: 0 5%;*/
		margin-bottom: 2rem;
	}
	.cont-two-txtpic .btn{
		display: none;
	}
	.cont-two-txtpic .swiper .img{
		width: 92%;
		margin: 4%;
	}
	.cont-two-txtpic .btn.next{
		width: 1.5rem;
		height: 1.5rem;
		right: 1%;
		border-right: 2px solid #007AC1;
    	border-top: 2px solid #007AC1;
	}
	.cont-two-txtpic .btn.prev{
		width: 1.5rem;
		height: 1.5rem;
		left: 1%;
		border-left: 2px solid #007AC1;
    	border-bottom: 2px solid #007AC1;
	}


	.contact>div{
		padding: 2rem 0;
	}
	.contact .title .name{
		text-align: center;
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.lithree li{
		width: 100%;
		border: initial;
		padding:0 5%;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		border-bottom: #dcdcdc 1px solid;
	}
	.lithree li:nth-child(2){
		border: initial;
		padding: 0 5%;
		margin: 0;
	}
	.contqrcode{
		margin-top: 0;
	}
	.contqrcode img{
		width: 60%;
		height: initial;
	}
	.sixlicard.active ul{
		height: 21.5rem;
	}
	.sixlicard li{
		width: 100%;
		margin-left: 0;
		margin-top: 2%;
	}
	.sixlicard li:nth-child(3n-2){
		margin-left: 0;
	}
	.sixlicard li:nth-child( -n + 4){
		margin-top:2%;
	}
	.sixlicard li:nth-child( -n + 1){
		margin-top:0%;
	}
	.sixlicard .cclick font{
		float: right;
	}
	.sixlicard .sixlink{
		height: 5rem;
		line-height: 3rem;
	}
	.cont3 .title .csort font{
		margin-left: 1rem;
	}
	.cont3 .title .csort{
		font-size: 1rem;
	}
	.csslide .swiper-slide:nth-child(2n-1){
		width: 100%;
	}
	.csslide .swiper-slide:nth-child(2n-0){
		width: 100%;
		margin: 0;
	}
	.csslide .btn{
		display: none;
	}
	.twolink{
		margin-top: 2rem;
	}
	.twolink li .box{
		padding: 1rem 0;
	}
	.twolink li .box i{
		width: 3rem;
		height: 3rem;
	}
	.twolink li .box .text{
		font-size: 1rem;
		line-height: 1.25rem;
		margin-left: 0.5rem;
	}
	.twolink li .box .text .name{
		font-size: 1rem;
		line-height: 1.5rem;
		height: 1.5rem;
		overflow: hidden;
	}
	.cform .cinput{
		width: 100%;
		margin-left: 0;
		line-height: 2.5rem;
		height: 2.5rem;
		padding: 0 0.5rem;
	}
	.cform .cinput .name{
		margin-right: initial;
	}
	.cform .cinput2{
		height: 14rem;
	}
	.cform .cinput2 textarea{
		margin-top: 2.5rem;
		height: 10.5rem;
		line-height: 1.5rem;
	}
	.cform .csubmit{
		margin-top: 1rem;
	}
	.cform .csubmit input{
		width: 6rem;
		line-height: 2.5rem;
		height: 2.5rem;
	}



	.branchlist{
		padding: 2rem 0;
	}
	.branchlist li{
		width: 100%;
		margin-left: 0;
	}
	.branchlist .text{
		padding: 1rem;
	}
	.branchlist .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.branchlist .desc .bautolist{
		width: 100%;
		min-height: initial;
	}
	.branchlist li .link{
		float: left;
		margin-top: 1rem;
	}
	.branchlist .desc.bauto p:nth-child(4){
		height: initial;
	}
	.branchlist li .link a,.branchlist li .link a font{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
	}
	.branchlist .desc{
		margin: 0;
		margin-top: 1rem;
	}



	.night-ico ul{
		width: 96%;
		margin-left: 2%;
		margin-right:2%;
	}
	.night-ico li{
		width: 31.3333%;
		margin-left: 3%;
		margin-bottom: 3%;
	}
	.night-ico li:nth-child(3n-2){
		margin-left: 0;
	}
	.night-ico li .name{
		top: 60%;
		height: 2rem;
		line-height: 2rem;
	}


	.three-pictext .slidepage{
		top: -2.5rem;
		font-size: 0.875rem;
	}
	.three-pictext .slidepage span{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.three-pictext .toggle{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.three-pictext .img,.three-pictext .text{
		width: 100%;
		margin: 0;
	}
	.three-pictext .btn{
		display: none;
	}

	.sovideo .img{
		height: 15rem;
	}
	.sovideo .img img{
		height: 20rem;
		width: initial;
		max-width: initial;
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}

	.sopartner .info{
		display: inline-block;
	}
	.sopartner .nytitle{
		text-align: center;
	}
	.sopartner .box{
		width: 100%;
		display: inline-block;
	}
	.sopartner ul{
		padding-right: 0;
	}
	.sopartner li{
		width: 32.3333%;
		margin-left: 1.5%;
	}
	.sopartner li:nth-child(4n-3){
		margin-left: 1.5%;
	}
	.sopartner li:nth-child(3n-2){
		margin-left: 0;
	}
	.sopartner li:nth-child(-n + 12){
		margin-bottom:1.5%;
	}
	.sopartner li.swiper-pagination-bullet-active:before{
		display: none;
	}
	.sopartner li:hover, .sopartner li.swiper-pagination-bullet-active{
		border: #E6E6E6 1px solid;
	}
	.sopartner .toggle{
		width: 100%;
		float: left;

		width: 1px;
		height: 1px;
		overflow: hidden;
		opacity: 0;
	}
	.sopartner .btn{
		display: none;
	}
	.sopartner .swiper-slide .name{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
	}


	.lonertwo{
		padding: 2rem 0;
		padding-bottom: 0;
	}
	.lonertwo>div{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.lonertwo .name{
		font-size: 1.125rem;
		line-height: 1.625rem;
		text-align: center;
	}
	.lonertwo .desc{
		margin-top: 1rem;
		line-height: 1.5rem;
		font-size: 0.875rem;
	}
	.lonertwo .toggle li{
		width: 100%;
		margin-bottom: 2rem;
	}
	.lonertwo .toggle li:nth-last-child(1),.lonertwo>div:nth-last-child(1){
		margin-bottom: 0;
	}



	.pics-nightlist{
		margin: 0;
	}
	.pics-nightlist ul{
		margin-top: 2rem;
	}
	.pics-nightlist li{
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.pics-nightlist li:nth-child(3n-2){
		margin-left: 2%;
	}
	.pics-nightlist li:nth-child(2n-1){
		margin-left: 0;
	}
	.pics-nightlist .text{
		padding: 0.75rem;
	}
	.pics-nightlist .name{
		font-size: 1rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}
	.pics-nightlist .desc{
		margin: 0.5rem 0;
	}
	.page{
		margin-top: 1rem;
	}
	.socaselist .pics-nightlist li{
		width: 100%;
		margin-left: initial;
	}
	.socaselist .pics-nightlist .img{
		height: initial;
		padding: initial;
	}
	.socaselist .pics-nightlist .img a{
		padding: initial;
	}
	.socaselist .pics-nightlist .desc{
		height: initial;
		-webkit-line-clamp:initial;
	}



	.socaseview{
		padding: 2rem 0;
	}
	.vtitle .name{
		font-size: 1.25rem;
		line-height: 1.5rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	.vtitle .more{
		margin: 0.3125rem 0 1rem 0;
		font-size: 0.875rem;
		line-height: 2rem;
	}
	.vtitle .more .form,.vtitle .more .number{
		display: none
	}
	.vtitle .share{
		margin-top: 0rem;
	}
	.vtitle .more>div{
		margin-right: 0;
	}
	.videolist,.videolist .toggle ul{
		height: initial;
	}
	.videolist .box,.videolist .toggle{
		width: 100%;
	}
	.videolist .toggle{
		float: left;
		margin-top: 1rem;
	}
	.videolist .toggle ul{
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
    	display: flex;

	}
	.videolist .toggle li{
		width: 12rem;
		margin-left: 2%;
		padding: 0;
		margin-bottom: 0;
		margin-bottom: 0.5rem;
		display: inline-block;
	}
	.videolist .toggle li:nth-last-child(1){
		margin-bottom: 0.5rem;
	}
	.videolist .toggle li:nth-child(1){
		margin-left: 0;
	}
	.videolist .toggle li .ico{
		width: 12rem;
		height: 8rem;
		padding-bottom: 0;
	}
	.videolist .toggle li .ico img{
		width: initial;
		width: 100%;
		height: 100%;
	}
	.videolist .toggle li .ico div{
		width: 2rem;
		height: 2rem;
	}
	.videolist .toggle li .ico div:before{
		border-top: 0.25rem solid transparent;
	    border-left: 0.5rem solid #0079BF;
	    border-bottom: 0.25rem solid transparent;
	}
	.videolist .toggle li.active .ico div:before, .videolist .toggle li.active .ico div:after{
		width: 0.2rem;
		height: 35%;
	}
	.videolist .toggle li .name{
		width: 100%;
		padding-left: 0;
		padding: 0.5rem;
		flex:initial;
	}
	.videolist .toggle li .name p{
		display: block;
		float: left;
		width: 100%;
		font-size: 0.875rem;
		line-height: 1.25rem;
		height: 1.255rem; 
		-webkit-line-clamp: 1;
	}
	.videolist .toggle li .name i{
		display: none;
	}


	.casediv-1{
		padding: 1.5rem 0;
	}
	.three-num ul{
		padding: 0;
	}
	.three-num li .num{
		font-size: 1.5rem;
		height: 2rem;
	}
	.three-num li .num font{
		padding-right: 1.125rem;
		font-size: 2rem;
		line-height: 2rem;
	}
	.three-num li .num font:before{
		font-size: 1.125rem;
		line-height: 1.125rem;
	}
	.three-num li .title{
		font-size: 0.875rem;
		line-height: 1rem;
		font-weight: initial;
	}


	.branchlist,.branchview{
		padding: 2em 0;
	}
	.branchview .desc{
		width: 100%;
		margin: 0 ;
	}
	.branchview .name{
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin-bottom: 1rem;
	}
	.branchview .back{
		margin: 0.5rem 0;
	}
	.branchview .back a{
		font-size: 0.875rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}



	.casediv-2{
		padding: 2rem 0 0.5rem 0;
	}
	.case-clickmore ul{
		margin-top: 1rem;
	}
	.case-clickmore li{
		padding: 0.5rem;
		display: inline-block;
	}
	.case-clickmore li .img{
		width: 100%;
		height: initial;
		margin: 0;
	}
	.case-clickmore li .text{
		flex: initial;
		margin-top: 0.5rem;
	}
	.case-clickmore .sort{
		font-size: 0.75rem;
		line-height: 1.5rem;
		text-align: center;
	}
	.case-clickmore .name{
		font-size: 1.25rem;
		text-align: center;
	}
	.case-clickmore .desc{
		margin:0;
		margin-bottom: 0.5rem;
	}
	.case-clickmore .link{
		margin-top: 0.5rem;
	}
	.case-clickmore .link a{
		float: right;
		width: 4.5rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.75rem;
	}

	.case-clickmore .more{
		margin-top: 0.5rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.75rem;
	}
	.case-clickmore .more font:before, .case-clickmore .more font:after{
		top: 15%;
	}
	.case-clickmore .more font:after{
		top: 40%;
	}

	.casediv-3{
		padding: 1rem 0 2rem 0;
	}
	.partlist ul{
		margin-top: 1rem;
	}
	.partlist li{
		width: 23.5%;
		margin-left: 2%;
		margin-bottom: 2%;
	}
	.partlist li:nth-child(6n-5),.partlist li:nth-child(5n-4){
		margin-left: 2%;
	}
	.partlist li:nth-child(4n-3){
		margin-left: 0%;
	}



	.applybox{
		width: 90%!important;
	}
	#tojob{
		padding: 1rem;
	}
	#tojob .title{
		height: 2rem;
	}
	#tojob font{
		font-size: 1.25rem;
		line-height: 2rem;
		padding-left: 1.75rem;
	}
	#tojob font.layui-icon{
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
	#tojob .appinput{
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
	}


	.socview{
		padding-top: 2rem;
	}
	.ltrv{
		height: initial;
		display: inline-block;
	}
	.ltrv>div:nth-child(1){
		width: 100%;
	}
	.socasecont .name{
		font-size: 1.125rem;
		line-height: 1.25rem;
		text-align: center;
	}
	.ltrv .desc, .ltjjfa .desc, .lsxjz .toggle .desc{
		margin-top: 0.5rem;
	}
	.ltrv .desc .i{
		margin: 0.25rem 0;
	}
	.ltrv .video{
		flex: initial;
		width: 100%;
		margin: 0;
		margin-top: 1rem;
		height: auto;
	}
	.ltrv .video .text{
		width: 5rem;
	}
	.ltrv .video .text i{
		width: 2.5rem;
		height: 2.5rem;
	}
	.ltrv .video .text i:before{
		left: 55%;
	}
	.ltrv .video{
		height: 18rem;
	}

	.lsxjz{
		height: initial;
	}
	.lsxjz .toggle{
		display: inline-block;
	}
	.lsxjz .toggle .desc{
		width: 100%;
		margin: 0;
		margin-top: 1rem;
	}
	.lsxjz .toggle .lpic{
		flex: initial;
		width: 100%;
		float: left;
		margin-top: 1rem;
	}

	.spage{
		height: initial;
		margin: initial;
		margin-top: 2rem;
	}
	.spage>div{
		width: 100%;
		float: left;
	}
	.spage .left>div{
		font-size: 1rem;
		line-height: 2;
	}
	.spage .right{
		float: left;
		margin-top: 1rem;
	}
	.spage .right a{
		width: 6rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}

	.newsview .right .title{
		margin-top: 2rem;
	}













	.product-tab ul::-webkit-scrollbar,.nypos .box::-webkit-scrollbar,.productview .provspec ul::-webkit-scrollbar ,.cont-list li .toggle::-webkit-scrollbar ,.cont-list-four ul::-webkit-scrollbar ,.videolist .toggle ul::-webkit-scrollbar , .llinfo .box ul::-webkit-scrollbar { height:3px;}
	.product-tab ul::-webkit-scrollbar-track,.nypos .box::-webkit-scrollbar-track,.productview .provspec ul::-webkit-scrollbar-track,.cont-list li .toggle::-webkit-scrollbar-track,.cont-list-four ul::-webkit-scrollbar-track ,.videolist .toggle ul::-webkit-scrollbar-track , .llinfo .box ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #D4D9E0;} 
	.product-tab ul::-webkit-scrollbar-thumb,.nypos .box::-webkit-scrollbar-thumb,.productview .provspec ul::-webkit-scrollbar-thumb ,.cont-list li .toggle::-webkit-scrollbar-thumb,.cont-list-four ul::-webkit-scrollbar-thumb ,.videolist .toggle ul::-webkit-scrollbar-thumb  ,.llinfo .box ul::-webkit-scrollbar-thumb {  background:#007AC1; -webkit-box-shadow: inset 0 0 6px #007AC1; opacity: 1 } 
	.product-tab ul::-webkit-scrollbar-thumb:window-inactive,.nypos .box::-webkit-scrollbar-thumb:window-inactive,.productview .provspec ul::-webkit-scrollbar-thumb:window-inactive,.cont-list li .toggle::-webkit-scrollbar-thumb:window-inactive,.cont-list-four ul::-webkit-scrollbar-thumb:window-inactive ,.videolist .toggle ul::-webkit-scrollbar-thumb:window-inactive ,.llinfo .box ul::-webkit-scrollbar-thumb:window-inactive {  background:#D4D9E0;}

}
















/* 投资者 */


.invest2-main {
	width: 100%;
	margin-top: 6.25rem;
}

.invest2-title1 {
	font-size: 2.57rem;
	color: #16181a;
	font-weight: 550;
}

.invest2-wrap1 {
	margin-top: 3.57rem;
	border-top: 1px solid #007ac1;
	width: 100%;
	overflow-x: auto;
	padding: 2rem 0;
}

.invest2-item {
	width: 100%;
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #dae5eb;
	/* min-width: 30rem; */
}

.invest2-item-l {
	width: 30%;
	padding: 1.5rem 1.78rem;
	font-size: 1.28rem;
	font-weight: 550;
	color: #16181a;
	background-color: #f0f5f7;
	display: flex;
	align-items: center;
}

.invest2-item-l:nth-child(2n) {
	background-color: #dae5eb;
}

.invest2-item-r {
	width: 70%;
	padding: 1.5rem 1.78rem;
	font-size: 1.28rem;
	color: #333333;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
}


@media only screen and (max-width: 1200px) {
	.invest2-main {
		padding: 4.14rem 0;
	}

	.invest2-title1 {
		font-size: 2rem;
	}

	.invest2-wrap1 {
		margin-top: 2.5rem;
	}

	.invest2-item-l {
		padding: 1.2rem 1.5rem;
		font-size: 1.1rem;
	}

	.invest2-item-r {
		padding: 1.2rem 1.5rem;
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest2-main {
		padding: 3.14rem 0;
		margin-top: 2rem;
	}

	.invest2-title1 {
		font-size: 1.7rem;
	}

	.invest2-wrap1 {
		margin-top: 2rem;
	}

	.invest2-item-l {
		padding: 1.05rem 1.3rem;
		font-size: 1rem;
	}

	.invest2-item-r {
		padding: 1.05rem 1.3rem;
		font-size: 1rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest2-main {
		padding: 1.5rem 0;
		margin-top: 0rem;
	}

	.invest2-title1 {
		font-size: 1.5rem;
	}

	.invest2-wrap1 {
		margin-top: 1.5rem;
	}

	.invest2-item-l {
		padding: 0.95rem 1.1rem;
		font-size: 0.9rem;
	}

	.invest2-item-r {
		padding: 0.95rem 1.1rem;
		font-size: 0.9rem;
	}
}

.invest2-wrap3 {
	width: 100%;
	margin-top: 7.14rem;
}

.invest2-wrap3-item1 {
	background-color: #007ac1;
	color: #FFFFFF;
	font-size: 1rem;
	padding: 1.14rem 1.64rem;
}

.invest2-wrap3-item1 span:first-child {
	font-size: 1.71rem;
	font-weight: 550;
	padding-right: 1rem;
}

.invest2-wrap3-item2 {
	display: flex;
	align-items: stretch;
	background-color: #FFFFFF;
	font-size: 1.28rem;
	color: #16181a;
}

.invest2-wrap3-item2:nth-child(2n) {
	background-color: #f0f5f7;
}

.invest2-wrap3-thead {
	padding: 2.57rem 1.64rem;
}

.invest2-wrap3-tbody {
	padding: 1.14rem 1.64rem;
}

.invest2-wrap3-width1 {
	width: 40%;
	display: flex;
	align-items: center;
}

.invest2-wrap3-width2 {
	width: 20%;
	display: flex;
	align-items: center;
	border-left: 1px solid #dae5eb;
}

.invest2-wrap3-width3 {
	width: 20%;
	display: flex;
	align-items: center;
	border-left: 1px solid #dae5eb;
}

@media only screen and (max-width: 1200px) {
	.invest2-wrap3 {
		margin-top: 4.14rem;
	}

	.invest2-wrap3-item1 {
		background-color: #007ac1;
		color: #FFFFFF;
		font-size: 0.95rem;
		padding: 1rem 1.5rem;
	}

	.invest2-wrap3-item1 span:first-child {
		font-size: 1.5rem;
		padding-right: 0.8rem;
	}

	.invest2-wrap3-item2 {
		font-size: 1.1rem;
	}

	.invest2-wrap3-thead {
		padding: 2.3rem 1.5rem;
	}

	.invest2-wrap3-tbody {
		padding: 1rem 1.5rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest2-wrap3 {
		margin-top: 3.14rem;
	}

	.invest2-wrap3-item1 {
		background-color: #007ac1;
		color: #FFFFFF;
		font-size: 0.9rem;
		padding: 0.9rem 1.2rem;
	}

	.invest2-wrap3-item1 span:first-child {
		font-size: 1.3rem;
		padding-right: 0.7rem;
	}

	.invest2-wrap3-item2 {
		font-size: 1rem;
	}

	.invest2-wrap3-thead {
		padding: 1.5rem 1.2rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.9rem 1.2rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest2-wrap3 {
		margin-top: 1.5rem;
	}

	.invest2-wrap3-item1 {
		background-color: #007ac1;
		color: #FFFFFF;
		font-size: 0.8rem;
		padding: 0.8rem 1rem;
	}

	.invest2-wrap3-item1 span:first-child {
		font-size: 1.1rem;
		padding-right: 0.6rem;
	}

	.invest2-wrap3-item2 {
		font-size: 0.9rem;
	}

	.invest2-wrap3-thead {
		padding: 1.1rem 1rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.8rem 1.1rem;
	}
}

@media only screen and (max-width: 650px) {
    .recruitment-t-wrap.kk .recruitment-t-r .pro-form2{
        margin-top: 0;
    }
    .recruitment-t-wrap.kk{
        padding-top: 2% !important;
    }
    .recruitment-t-wrap.kk .recruitment-t-r {width:100% !important}
	.invest2-wrap3-width1 {
		width: 35%;
	}

	.invest2-wrap3-width3 {
		width: 25%;
	}

	.invest2-wrap3-width3.invest2-wrap3-tbody {
		padding: 0.8rem 0 !important;
		text-align: center;
		justify-content: center;
		font-size: 0.8rem !important;
	}

	.invest2-wrap3-item1 {
		padding: 0.8rem 0.8rem;
	}

	.invest2-wrap3-thead {
		padding: 1.1rem 0.8rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.8rem 0.8rem;
	}
}

@media only screen and (max-width: 450px) {
	.invest2-wrap3-width1 {
		width: 30%;
	}

	.invest2-wrap3-width3 {
		width: 30%;
	}

	.invest2-wrap3-width3.invest2-wrap3-tbody {
		padding: 0.8rem 0 !important;
		text-align: center;
		justify-content: center;
	}

	.invest2-wrap3-item1 {
		padding: 0.8rem 0.7rem;
	}

	.invest2-wrap3-thead {
		padding: 1.1rem 0.7rem;
	}

	.invest2-wrap3-tbody {
		padding: 0.8rem 0.7rem;
	}
}

.invest2-wrap2 {
	width: 100%;
	padding-top: 7.14rem;
}

.invest2-title2 {
	font-size: 2.57rem;
	color: #16181a;
	font-weight: 550;
	text-align: center;
}

.invest2-rel {
	width: 37.35rem;
	height: 37.35rem;
	margin: 3.57rem auto 0 auto;
	position: relative;
	z-index: 1;
}

.invest2-rel-image {
	width: 100%;
	height: 100%;
	display: block;
}

.invest2-abs1 {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 550;
	padding-top: 0.5rem;
}

.invest2-abs1-1 {
	text-align: center;
	font-size: 1.28rem;
	color: #333333;
}

.invest2-abs1-2 {
	font-size: 1.71rem;
	color: #d70008;
	text-align: center;
	margin-top: 0.5rem;
}

.invest2-abs1-3 {
	text-align: center;
	font-size: 1.28rem;
	color: #919191;
	margin-top: 0.5rem;
}

.invest2-abs2 {
	font-size: 2.1rem;
	font-weight: 550;
	color: #FFFFFF;
	position: absolute;
	z-index: 2;
	top: 36%;
	left: 6%;
}

.invest2-abs3 {
	font-size: 2.1rem;
	font-weight: 550;
	color: #FFFFFF;
	position: absolute;
	z-index: 2;
	bottom: 23%;
	right: 14%;
}

.invest2-abs4 {
	font-weight: 550;
	position: absolute;
	z-index: 2;
	bottom: 23%;
	right: -38%;
}

.invest2-abs4-1 {
	font-size: 1.28rem;
	color: #333333;
}

.invest2-abs4-2 {
	font-size: 1.28rem;
	color: #919191;
	margin-top: 0.3rem;
}

.invest2-abs4-2 span:first-child {
	font-size: 1.71rem;
	color: #007ac1;
	margin-right: 0.5rem;
}

.invest2-abs5 {
	font-weight: 550;
	position: absolute;
	z-index: 2;
	top: 30%;
	left: -40%;
}

@media only screen and (max-width: 1200px) {
	.invest2-wrap2 {
		padding-top: 4.14rem;
	}

	.invest2-title2 {
		font-size: 2rem;
	}

	.invest2-rel {
		width: 30rem;
		height: 30rem;
		margin: 2.57rem auto 0 auto;
	}

	.invest2-abs1-1 {
		font-size: 1rem;
	}

	.invest2-abs1-2 {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}

	.invest2-abs1-3 {
		font-size: 1rem;
		margin-top: 0.5rem;
	}

	.invest2-abs2 {
		font-size: 1.7rem;
		top: 37%;
	}

	.invest2-abs3 {
		font-size: 1.7rem;
		bottom: 24%;
	}

	.invest2-abs4 {
		bottom: 23%;
		right: -41%;
	}

	.invest2-abs4-1 {
		font-size: 1rem;
	}

	.invest2-abs4-2 {
		font-size: 1rem;
	}

	.invest2-abs4-2 span:first-child {
		font-size: 1.5rem;
		margin-right: 0.3rem;
	}

	.invest2-abs5 {
		top: 30%;
		left: -42%;
	}
}


@media only screen and (max-width: 900px) {
	.invest2-wrap2 {
		padding-top: 3.14rem;
	}

	.invest2-title2 {
		font-size: 1.7rem;
	}

	.invest2-rel {
		width: 23rem;
		height: 23rem;
		margin: 2rem auto 0 auto;
	}

	.invest2-abs1-1 {
		font-size: 0.85rem;
	}

	.invest2-abs1-2 {
		font-size: 1.2rem;
		margin-top: 0.3rem;
	}

	.invest2-abs1-3 {
		font-size: 0.85rem;
		margin-top: 0.2rem;
	}

	.invest2-abs2 {
		font-size: 1.3rem;
		top: 37%;
	}

	.invest2-abs3 {
		font-size: 1.3rem;
		bottom: 24%;
	}

	.invest2-abs4 {
		bottom: 23%;
		right: -41%;
	}

	.invest2-abs4-1 {
		font-size: 0.85rem;
	}

	.invest2-abs4-2 {
		font-size: 0.85rem;
	}

	.invest2-abs4-2 span:first-child {
		font-size: 1.2rem;
		margin-right: 0.2rem;
	}

	.invest2-abs5 {
		top: 30%;
		left: -42%;
	}
}


@media only screen and (max-width: 700px) {
	.invest2-wrap2 {
		padding-top: 1.5rem;
	}

	.invest2-title2 {
		font-size: 1.5rem;
	}

	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: 1.5rem auto 0 auto;
	}

	.invest2-abs1-1 {
		font-size: 0.75rem;
	}

	.invest2-abs1-2 {
		font-size: 1rem;
		margin-top: 0.3rem;
	}

	.invest2-abs1-3 {
		font-size: 0.75rem;
		margin-top: 0.2rem;
	}

	.invest2-abs2 {
		font-size: 1rem;
		top: 37%;
	}

	.invest2-abs3 {
		font-size: 1rem;
		bottom: 24%;
	}

	.invest2-abs4 {
		bottom: 20%;
		right: -43%;
	}

	.invest2-abs4-1 {
		font-size: 0.75rem;
	}

	.invest2-abs4-2 {
		font-size: 0.75rem;
		margin-top: 0.1rem;
	}

	.invest2-abs4-2 span:first-child {
		font-size: 1rem;
		margin-right: 0rem;
	}

	.invest2-abs5 {
		top: 30%;
		left: -45%;
	}
}

@media only screen and (max-width: 550px) {
	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: 1rem auto -1rem auto;
		transform: scale(0.9);
	}
}

@media only screen and (max-width: 500px) {
	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: -0.5rem auto -2rem auto;
		transform: scale(0.8);
	}
}

@media only screen and (max-width: 450px) {
	.invest2-rel {
		width: 18rem;
		height: 18rem;
		margin: -1.5rem auto -3rem auto;
		transform: scale(0.7);
	}

	.invest2-abs5 {
		top: 00%;
		left: -30%;
	}

	.invest2-abs4 {
		bottom: 0%;
		right: -30%;
	}
}


.invest3-banner {
	width: 100%;
	height: auto;
	position: relative;
}

.invest3-banner-image {
	width: 100%;
	height: 35.71rem;
	object-fit: cover;
}

.invest3-banner-abs {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.invest3-banner-abs .invest3-banner-text1 {
	font-size: 2.85rem;
	color: #FFFFFF;
	font-weight: 550;
}

.invest3-banner-abs .invest3-banner-text2 {
	font-size: 1.14rem;
	color: #FFFFFF;
	margin-top: 1.5rem;
}

.invest3-banner-flex {
	display: flex;
	align-items: center;
	margin-top: 5rem;
}

.invest3-banner-l {
	flex: 1;
	display: flex;
	align-items: flex-end;
}

.invest3-banner-text3 {
	font-size: 1.71rem;
	color: #FFFFFF;
	font-weight: 550;
	padding-bottom: 1rem;
}

.invest3-banner-l-wrap {
	display: flex;
	align-items: flex-start;
}

.invest3-banner-text4 {
	font-size: 5.14rem;
	color: #d70008;
	font-weight: 550;
}

.invest3-banner-text5 {
	font-size: 1rem;
	color: #d70008;
	padding-top: 1rem;
	padding-left: 1rem;
}

.invest3-banner-triangle {
	width: 0;
	height: 0;
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	border-bottom: 0.8rem solid #d70008;
	margin-top: 0.5rem;
}

.invest3-banner-r {
	flex: 1;
	display: flex;
	align-items: center;
}

.invest3-banner-r-item {
	position: relative;
	padding-left: 1.2rem;
	flex: 1;
}

.invest3-banner-r-item::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #315079;
	width: 1px;
	height: 90%;
}

.invest3-banner-r-item div:first-child {
	font-size: 1rem;
	color: #007ac1;
}

.invest3-banner-r-item div:last-child {
	color: #FFFFFF;
	margin-top: 0.7rem;
	font-size: 1.14rem;
}

.invest3-banner-r-item div:last-child span:first-child {
	font-size: 1.71rem;
}

.invest3-banner-text6 {
	font-size: 0.92rem;
	color: rgba(255, 255, 255, 0.3);
	margin-top: 3rem;
}

@media only screen and (max-width: 1200px) {

	.about2 .title .name {
    font-size:16px;
    color: #fff;
    text-align: left;
}
	.invest3-banner-image {
		height: 30rem;
	}

	.invest3-banner-abs .invest3-banner-text1 {
		font-size: 2.5rem;
	}

	.invest3-banner-abs .invest3-banner-text2 {
		font-size: 1rem;
		margin-top: 1.2rem;
	}

	.invest3-banner-flex {
		margin-top: 3rem;
	}

	.invest3-banner-text3 {
		font-size: 1.5rem;
		padding-bottom: 0.7rem;
	}

	.invest3-banner-text4 {
		font-size: 4.14rem;
	}

	.invest3-banner-text5 {
		font-size: 0.9rem;
		padding-top: 0.8rem;
	}

	.invest3-banner-triangle {
		border-left: 0.6rem solid transparent;
		border-right: 0.6rem solid transparent;
		border-bottom: 0.6rem solid #d70008;
		margin-top: 0.3rem;
	}

	.invest3-banner-r-item {
		padding-left: 1rem;
	}

	.invest3-banner-r-item div:first-child {
		font-size: 0.9rem;
	}

	.invest3-banner-r-item div:last-child {
		margin-top: 0.6rem;
		font-size: 1rem;
	}

	.invest3-banner-r-item div:last-child span:first-child {
		font-size: 1.5rem;
	}

	.invest3-banner-text6 {
		font-size: 0.8rem;
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest3-banner-image {
		height: 25rem;
	}

	.invest3-banner-abs .invest3-banner-text1 {
		font-size: 2.2rem;
	}

	.invest3-banner-abs .invest3-banner-text2 {
		font-size: 0.8rem;
		margin-top: 1rem;
	}

	.invest3-banner-flex {
		margin-top: 1.5rem;
		display: block;
	}

	.invest3-banner-text3 {
		font-size: 1.2rem;
		padding-bottom: 0.6rem;
	}

	.invest3-banner-text4 {
		font-size: 3.5rem;
	}

	.invest3-banner-text5 {
		font-size: 0.8rem;
		padding-top: 0.8rem;
	}

	.invest3-banner-triangle {
		border-left: 0.5rem solid transparent;
		border-right: 0.5rem solid transparent;
		border-bottom: 0.5rem solid #d70008;
		margin-top: 0.2rem;
	}

	.invest3-banner-r {
		margin-top: 1.5rem;
	}

	.invest3-banner-r-item {
		padding-left: 0.8rem;
	}

	.invest3-banner-r-item div:first-child {
		font-size: 0.8rem;
	}

	.invest3-banner-r-item div:last-child {
		margin-top: 0.5rem;
		font-size: 0.9rem;
	}

	.invest3-banner-r-item div:last-child span:first-child {
		font-size: 1.3rem;
	}

	.invest3-banner-text6 {
		font-size: 0.6rem;
		margin-top: 1.5rem;
	}
}


@media only screen and (max-width: 500px) {
	.invest3-banner-image {
		height: 22rem;
	}

	.invest3-banner-abs .invest3-banner-text1 {
		font-size: 1.8rem;
	}

	.invest3-banner-abs .invest3-banner-text2 {
		font-size: 0.5rem;
		margin-top: 0.6rem;
	}

	.invest3-banner-flex {
		margin-top: 1rem;
		display: block;
	}

	.invest3-banner-text3 {
		font-size: 1rem;
		padding-bottom: 0.6rem;
	}

	.invest3-banner-text4 {
		font-size: 3rem;
	}

	.invest3-banner-r {
		margin-top: 1rem;
	}

	.invest3-banner-r-item {
		padding-left: 0.7rem;
	}

	.invest3-banner-r-item div:first-child {
		font-size: 0.7rem;
	}

	.invest3-banner-r-item div:last-child {
		margin-top: 0.5rem;
		font-size: 0.8rem;
	}

	.invest3-banner-r-item div:last-child span:first-child {
		font-size: 1.1rem;
	}

	.invest3-banner-text6 {
		font-size: 0.6rem;
		margin-top: 1.5rem;
		line-height: 1.2rem;
	}
}

.invest3-main {
	width: 100%;
	margin-top: 6.25rem;
}

.invest3-t-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.invest3-t {
	font-size: 2rem;
	font-weight: 550;
}

.invest3-t-wrap :before,
.invest3-t-wrap :after {
	position: absolute;
	content: '';
}

.invest3-t-r {
	display: flex;
	align-items: center;
}

.invest3-t-wrap .pro-form2 {
	width: 15rem;
	height: 3rem;
	padding: 0 1rem;
	border: none;
	background: #f5f7fa;
	color: #333333;
	position: relative;
	margin-left: 1rem;
}

.invest3-t-wrap .pro-form2 {
	padding: 0;
}

.invest3-t-wrap .pro-form2 .time05 {
	font-size: 1rem;
}

.invest3-t-wrap .pro-form2 .text {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	line-height: 3rem;
	overflow: hidden;
	color: #333;
	position: relative;
	cursor: pointer;
}

.invest3-t-wrap .pro-form2 ul {
	display: none;
	width: 100%;
	padding: 1rem 0;
	border-top: #f5f7fa 1px solid;
	background: #f5f7fa;
	position: absolute;
}

.invest3-t-wrap .pro-form2 li {
	width: 100%;
	float: left;
	line-height: 2rem;
	padding: 0 1rem;
	cursor: pointer;
}


.invest3-t-wrap .pro-form2 i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}

.invest3-t-wrap .pro-form2 i:before {
	left: 40%;
	top: 48%;
	content: '';

	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-moz-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-o-transform: rotate(45deg) translate(-50%, -50%);
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
}

.invest3-t-wrap .pro-form2 .text.on {
	background: #f5f7fa;
}

.invest3-t-wrap .pro-form2 li:hover {
	background: #E3EDFB;
}

.invest3-contianer {
	border-top: 1px solid #007ac1;
	margin-top: 2rem;
	margin-bottom: 4rem;
}

.invest3-item {
	height: 7.14rem;
	padding: 0 2%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f5f7fa;
}

.invest3-item-l {
	display: flex;
	align-items: center;
	flex: 1;
}

.invest3-time1 {
	font-size: 3.0rem;
	font-weight: bold;
	color: #9f9f9f;
	text-align: center;
}

.invest3-time2 {
	display: block;
	width: 2rem;
	height: 0.07rem;
	background-color: #9f9f9f;
	margin: -0.2rem auto 0.3rem auto;
}

.invest3-time3 {
	font-size: 1rem;
	font-weight: bold;
	color: #9f9f9f;
	text-align: center;
}

.invest3-item-content {
	flex: 1;
	padding: 0 2%;
	font-size: 1.2rem;
	color: #333333;
	line-height: 1.75rem;
}

.invest3-item-r {
	border: 1px solid #d8d8d8;
	border-radius: 0.57rem;
	width: 7.14rem;
	height: 3.42rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	color: #007ac1;
	font-size: 1rem;
	flex-shrink: 0;
}

.invest3-item-r img {
	width: 0.875rem;
	height: 0.875rem;
	margin-left: 0.8rem;
	display: block;
}

.invest3-item-r .invest3-item-img2 {
	display: none;
}

.invest3-item:hover {
	background-color: #f5f7fa;
}

.invest3-item:hover .invest3-item-r {
	background-color: #007ac1;
	border: 1px solid #007ac1;
	color: #FFFFFF;
}

.invest3-item:hover .invest3-item-img1 {
	display: none;
}

.invest3-item:hover .invest3-item-img2 {
	display: block;
}


.invest3-container2 {
	width: 100%;
	padding: 5rem 0;
	float: left;
	margin-top: 3rem;
}

.invest3-image {
	width: 7.92rem;
	height: auto;
	display: block;
	margin: 0 auto;
}

.invest3-text {
	font-size: 1.51rem;
	color: #333333;
	margin-top: 2rem;
	text-align: center;
}

@media only screen and (max-width: 1200px) {
	.invest3-container2 {
		padding: 3rem 0;
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest3-container2 {
		padding: 2rem 0;
		margin-top: 1.5rem;
	}

	.invest3-text {
		font-size: 1.21rem;
		margin-top: 1.5rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest3-container2 {
		padding: 1.5rem 0;
		margin-top: 1rem;
	}

	.invest3-text {
		font-size: 1rem;
		margin-top: 1.2rem;
	}
}

@media only screen and (max-width: 500px) {
	.invest3-container2 {
		padding: 1.2rem 0;
		margin-top: 0.5rem;
	}

	.invest3-text {
		font-size: 0.8rem;
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 1200px) {
	.invest3-main {
		width: 100%;
		padding: 3.14rem 0;
	}

	.invest3-t {
		font-size: 1.7rem;
	}

	.invest3-contianer {
		margin-top: 1.5rem;
	}

	.invest3-time1 {
		font-size: 2.5rem;
	}

	.invest3-time2 {
		width: 2rem;
		height: 0.05rem;
		margin: 0rem auto 0.3rem auto;
	}

	.invest3-time3 {
		font-size: 0.9rem;
	}

	.invest3-item-content {
		font-size: 0.95rem;
		line-height: 1.55rem;
	}

	.invest3-item-r {
		border-radius: 0.5rem;
		width: 6.14rem;
		height: 3rem;
		font-size: 0.9rem;
	}

	.invest3-item-r img {
		width: 0.9rem;
		height: 0.9rem;
		margin-left: 0.7rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest3-main {
		width: 100%;
		padding: 2rem 0;
	}

	.invest3-t {
		font-size: 1.6rem;
	}

	.invest3-contianer {
		margin-top: 1.2rem;
	}

	.invest3-time1 {
		font-size: 2.2rem;
	}

	.invest3-time2 {
		width: 2rem;
		height: 0.05rem;
		margin: 0rem auto 0.3rem auto;
	}

	.invest3-time3 {
		font-size: 0.8rem;
	}

	.invest3-item-content {
		font-size: 0.85rem;
		line-height: 1.55rem;
	}

	.invest3-item-r {
		border-radius: 0.5rem;
		width: 5.14rem;
		height: 2.6rem;
		font-size: 0.8rem;
	}

	.invest3-item-r img {
		width: 0.9rem;
		height: 0.9rem;
		margin-left: 0.5rem;
	}

	.invest3-t-r {
		font-size: 0.9rem;
	}

	.invest3-t-wrap .pro-form2 .time05 {
		font-size: 0.9rem;
	}
}


@media only screen and (max-width: 600px) {
	.invest3-main {
		width: 100%;
		padding: 1.2rem 0 0 0;
	}

	.invest3-t {
		font-size: 1.5rem;
	}

	.invest3-contianer {
		margin-top: 1rem;
	}

	.invest3-item {
		height: auto;
		padding: 0.8rem 0;
	}

	.invest3-time1 {
		font-size: 1.9rem;
	}

	.invest3-time2 {
		width: 1rem;
		height: 0.03rem;
		margin: 0rem auto 0.3rem auto;
	}

	.invest3-time3 {
		font-size: 0.6rem;
	}

	.invest3-item-content {
		font-size: 0.78rem;
		line-height: 1.25rem;
	}

	.invest3-item-r {
		border-radius: 0.5rem;
		width: 4.5rem;
		height: 2.2rem;
		font-size: 0.6rem;
	}

	.invest3-item-r img {
		width: 0.75rem;
		height: 0.75rem;
		margin-left: 0.5rem;
	}

	.invest3-t-r {
		font-size: 0.8rem;
	}

	.invest3-t-wrap .pro-form2 .time05 {
		font-size: 0.8rem;
	}

	.invest3-t-wrap .pro-form2 {
		height: 2.5rem;
	}

	.invest3-t-wrap .pro-form2 .text {
		line-height: 2.5rem;
	}
}

@media only screen and (max-width: 450px) {
	.invest3-main {
		width: 100%;
		padding: 1rem 0 0 0;
	}

	.invest3-t {
		font-size: 1.2rem;
	}

	.invest3-contianer {
		margin-top: 0.8rem;
	}

	.invest3-t-wrap {
		display: block;
	}

	.invest3-t-r {
		margin-top: 0.8rem;
	}
}





.invest1-container1 {
	width: 100%;
	padding-top: 6.25rem;
}
.invpbot{
	padding-bottom: 6.25rem;
}

.invest1-wrap1 {
	width: 100%;
	height: 32.14rem;
	z-index: 1;
	overflow: hidden;
	position: relative;
}

.invest1-wrap1-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 0.5s;
	display: block;
}

.invest1-wrap1:hover .invest1-wrap1-image {
	transform: scale(1.05);
}

.invest1-abs1 {
	position: absolute;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
	right: 6%;
	color: #FFFFFF;
	text-align: right;
}

.invest1-abs1-text1 {
	font-size: 2.57rem;
	font-weight: 550;
}

.invest1-abs1-text2 {
	font-size: 1.14rem;
	margin-top: 1.5rem;
}

.invest1-abs1-btn {
	width: 6rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #007ac1;
	color: #FFFFFF;
	border-radius: 0.57rem;
	font-size: 0.875rem;
	margin: 7rem 0 0 auto;
	border: 1px solid #007ac1;
}
.invest1-abs1-btn:hover{
	color: #fff;
	background: #469FD2;
	border: #469FD2 1px solid;
}

@media only screen and (max-width: 1200px) {

	.invpbot{
		padding-bottom:0;
	}
	.invest1-container1 {
		padding: 4.5rem 0;
	}

	.invest1-wrap1 {
		height: 30rem;
	}

	.invest1-abs1-text1 {
		font-size: 2.1rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 1rem;
		margin-top: 1.5rem;
	}

	.invest1-abs1-btn {
		width: 7.5rem;
		height: 3.47rem;
		border-radius: 0.57rem;
		font-size: 1rem;
		font-weight: 550;
		margin: 6rem 0 0 auto;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-container1 {
		padding: 3.5rem 0;
	}

	.invest1-wrap1 {
		height: 25rem;
	}

	.invest1-abs1-text1 {
		font-size: 2rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 0.9rem;
		margin-top: 1.1rem;
	}

	.invest1-abs1-btn {
		width: 7rem;
		height: 3.27rem;
		border-radius: 0.57rem;
		font-size: 0.95rem;
		font-weight: 550;
		margin: 6rem 0 0 auto;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-container1 {
		padding: 2.2rem 0;
		margin-top: 0rem;
	}

	.invest1-wrap1 {
		height: 22rem;
	}

	.invest1-abs1-text1 {
		font-size: 1.8rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 0.8rem;
		margin-top: 0.9rem;
	}

	.invest1-abs1-btn {
		width: 6rem;
		height: 3rem;
		border-radius: 0.57rem;
		font-size: 0.85rem;
		font-weight: 550;
		margin: 5rem 0 0 auto;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-container1 {
		padding: 1.5rem 0;
	}

	.invest1-wrap1 {
		height: 18rem;
	}

	.invest1-abs1-text1 {
		font-size: 1.5rem;
		font-weight: 550;
	}

	.invest1-abs1-text2 {
		font-size: 0.6rem;
		margin-top: 0.7rem;
	}

	.invest1-abs1-btn {
		width: 5rem;
		height: 2.5rem;
		border-radius: 0.37rem;
		font-size: 0.75rem;
		font-weight: 550;
		margin: 4rem 0 0 auto;
	}
}

.invest1-container2 {
	width: 100%;
	padding: 7.14rem 0;
	background-color: #f5f7fa;
}

.invest1-title2-wrap {
	font-size: 2.57rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.invest1-title2-wrap a {
	color: #007ac1;
	font-size: 1rem;
}

.invest1-title2-wrap a:hover {
	color: #007ac1;
}

.invest1-wrap2 {
	display: flex;
	justify-content: space-between;
	margin-top: 2.5rem;
}

.invest1-wrap2-l {
	width: 48%;
	height: 30.28rem;
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.invest1-wrap2-l-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 0.5s;
	display: block;
}

.invest1-wrap2-l:hover .invest1-wrap2-l-image {
	transform: scale(1.05);
}

.invest1-wrap2-l-abs {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 5rem 3rem 0 3rem;
}

.invest1-wrap2-l-text1 {
	font-size: 1.71rem;
	line-height: 2.5rem;
}

.invest1-wrap2-l-text2 {
	font-size: 1rem;
	margin-top: 1.42rem;
}

.invest1-wrap2-l-text3 {
	font-size: 1rem;
	margin-top: 10rem;
	color: #FFFFFF;
	display: block;
}

.invest1-wrap2-r {
	width: 48%;
	height: 30.28rem;
	background-color: #FFFFFF;
	border: 1px solid #e6e6e6;
	padding: 1.42rem 0;
}

.invest1-wrap2-r-item {
	height: 33.3%;
	width: 100%;
	position: relative;
	padding: 0 2.14rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.35rem;
	height: 5rem;
	background-color: #007ac1;
}

.invest1-wrap2-r-content {
	width: 100%;
}

.invest1-wrap2-r-text1 {
	font-size: 1.42rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.invest1-wrap2-r-text2 {
	margin-top: 1rem;
	font-size: 1rem;
	color: #9f9f9f;
}


@media only screen and (max-width: 1200px) {
	.invest1-container2 {
		padding: 4.5rem 0;
	}

	.invest1-title2-wrap {
		font-size: 2.3rem;
	}

	.invest1-wrap2 {
		margin-top: 2.3rem;
	}

	.invest1-wrap2-l {
		width: 48.5%;
		height: 28rem;
	}

	.invest1-wrap2-l-abs {
		padding: 3.5rem 2.5rem 0 2.5rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.9rem;
		margin-top: 1.22rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.9rem;
		margin-top: 10rem;
	}

	.invest1-wrap2-r {
		width: 48.5%;
		height: 28rem;
		padding: 1.22rem 0;
	}

	.invest1-wrap2-r-item {
		padding: 0 2rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.3rem;
		height: 4rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 1.22rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-container2 {
		padding: 3.5rem 0;
	}

	.invest1-title2-wrap {
		font-size: 2.1rem;
	}

	.invest1-wrap2 {
		margin-top: 2.1rem;
	}

	.invest1-wrap2-l {
		width: 48.5%;
		height: 22rem;
	}

	.invest1-wrap2-l-abs {
		padding: 2.5rem 1.5rem 0 1.5rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1.2rem;
		line-height: 2rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.85rem;
		margin-top: 1rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.85rem;
		margin-top: 8rem;
	}

	.invest1-wrap2-r {
		width: 48.5%;
		height: 22rem;
		padding: 1rem 0;
	}

	.invest1-wrap2-r-item {
		padding: 0 1.6rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.2rem;
		height: 3rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 1rem;
	}

	.invest1-wrap2-r-text2 {
		font-size: 0.85rem;
		margin-top: 0.85rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-container2 {
		padding: 2.2rem 0;
	}

	.invest1-title2-wrap {
		font-size: 1.8rem;
	}

	.invest1-wrap2 {
		margin-top: 1.5rem;
	}

	.invest1-wrap2-l {
		width: 49%;
		height: 18rem;
	}

	.invest1-wrap2-l-abs {
		padding: 1.5rem 1rem 0 1rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1rem;
		line-height: 1.6rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.8rem;
		margin-top: 0.9rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.8rem;
		margin-top: 7rem;
	}

	.invest1-wrap2-r {
		width: 49%;
		height: 18rem;
		padding: 0.8rem 0;
	}

	.invest1-wrap2-r-item {
		padding: 0 1.2rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.2rem;
		height: 3rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 0.9rem;
	}

	.invest1-wrap2-r-text2 {
		font-size: 0.8rem;
		margin-top: 0.75rem;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-container2 {
		padding: 1.5rem 0;
	}

	.invest1-title2-wrap {
		font-size: 1.5rem;
	}

	.invest1-wrap2 {
		display: block;
		margin-top: 1.2rem;
	}

	.invest1-title2-wrap a {
		color: #007ac1;
		font-size: 0.8rem;
	}

	.invest1-wrap2-l {
		width: 100%;
		height: 18rem;
	}

	.invest1-wrap2-l-abs {
		padding: 1.5rem 1rem 0 1rem;
	}

	.invest1-wrap2-l-text1 {
		font-size: 1rem;
		line-height: 1.6rem;
	}

	.invest1-wrap2-l-text2 {
		font-size: 0.8rem;
		margin-top: 0.9rem;
	}

	.invest1-wrap2-l-text3 {
		font-size: 0.8rem;
		margin-top: 7rem;
	}

	.invest1-wrap2-r {
		width: 100%;
		height: 18rem;
		padding: 0.8rem 0;
		margin-top: 1.5rem;
	}

	.invest1-wrap2-r-item {
		padding: 0 1.2rem;
	}

	.invest1-wrap2-r-item.active::after,
	.invest1-wrap2-r-item:hover::after {
		width: 0.2rem;
		height: 3rem;
	}

	.invest1-wrap2-r-text1 {
		font-size: 0.9rem;
	}

	.invest1-wrap2-r-text2 {
		font-size: 0.8rem;
		margin-top: 0.75rem;
	}
}

.invest1-wrap3 {
	margin-top: 5rem;
	display: flex;
	justify-content: space-between;
}

.invest1-wrap3-l {
	width: 48%;
	height: 30rem;
	background-color: #FFFFFF;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.invest1-wrap3-item1 {
	width: 100%;
	padding: 4.5rem 1.85rem 0 1.85rem;
	display: flex;
}

.invest1-wrap3-image {
	width: 1.85rem;
	height: 1.78rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: #FFFFFF;
	background-image: url(../images/contact/invest-3.png);
	background-position: center;
	background-size: cover;
	font-style: oblique;
}

.invest1-wrap3-image span {
	display: inline-block;
	margin-left: -0.3rem;
}

.invest1-wrap3-content {
	flex: 1;
	margin-left: 1.42rem;
}

.invest1-wrap3-r {
	width: 48%;
	height: 30rem;
	box-sizing: border-box;
}

.invest1-wrap3-content2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 1.85rem;
	border: 1px solid #e6e6e6;
	height: 9rem;
}

.invest1-wrap3-content2:not(:last-child) {
	margin-bottom: 1.5rem;
}

.invest1-wrap3-content2>div {
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	.invest1-wrap3 {
		margin-top: 4rem;
	}

	.invest1-wrap3-l {
		width: 48.5%;
		height: 25.5rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 3.5rem 1.55rem 0 1.55rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1.22rem;
	}

	.invest1-wrap3-r {
		width: 48.5%;
		height: 25.5rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.55rem;
		height: 7.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 1.5rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-wrap3 {
		margin-top: 3rem;
	}

	.invest1-wrap3-l {
		width: 48.5%;
		height: 22.1rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 3rem 1.35rem 0 1.35rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1.02rem;
	}

	.invest1-wrap3-r {
		width: 48.5%;
		height: 22.1rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.35rem;
		height: 6.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 1.3rem;
	}

	.invest1-wrap3-image {
		transform: scale(0.9);
	}
}

@media only screen and (max-width: 700px) {
	.invest1-wrap3 {
		margin-top: 2rem;
	}

	.invest1-wrap3-l {
		width: 48.5%;
		height: 18.7rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 2.5rem 1.15rem 0 1.15rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1rem;
	}

	.invest1-wrap3-r {
		width: 48.5%;
		height: auto;
		max-height: 18.7rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.15rem;
		height: 5.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 1.1rem;
	}

	.invest1-wrap3-image {
		transform: scale(0.85);
	}
}

@media only screen and (max-width: 500px) {
	.invest1-wrap3 {
		margin-top: 1.5rem;
		display: block;
	}

	.invest1-wrap3-l {
		width: 100%;
		height: 18.7rem;
	}

	.invest1-wrap3-item1 {
		width: 100%;
		padding: 2.5rem 1.15rem 0 1.15rem;
		display: flex;
	}

	.invest1-wrap3-content {
		flex: 1;
		margin-left: 1rem;
	}

	.invest1-wrap3-r {
		width: 100%;
		height: auto;
		max-height: 18.7rem;
		box-sizing: border-box;
	}

	.invest1-wrap3-content2 {
		padding: 0 1.15rem;
		height: 5.5rem;
		margin-top: 1.5rem;
	}

	.invest1-wrap3-content2:not(:last-child) {
		margin-bottom: 0;
	}

	.invest1-wrap3-image {
		transform: scale(0.85);
	}

}

.invest1-flex5 {
	display: flex;
	justify-content: space-between;
}

.invest1-flex5-wrap {
	width: 48%;
}

.invest1-flex5-wrap .invest1-wrap3-l {
	width: 100% !important;
}

@media only screen and (max-width: 1200px) {
	.invest1-flex5-wrap {
		width: 48.5%;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-flex5-wrap {
		width: 48.5%;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-flex5-wrap {
		width: 48.5%;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-flex5 {
		display: block;
		justify-content: space-between;
	}

	.invest1-flex5-wrap {
		width: 100%;
	}

	.invest1-flex5-wrap:last-child {
		margin-top: 1.5rem;
	}
}

.invest1-wrap4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.invest1-item4 {
	width: 48%;
	height: 9.28rem;
	padding: 0 2.27rem 0 2.57rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	margin-top: 4rem;
	box-shadow: 0.71rem 0.71rem 0 #e3e9f0;
}

.invest1-item4-l {
	flex: 1;
	padding-right: 2.27rem;
}

.invest1-item4-image {
	width: 2.14rem;
	height: auto;
}


@media only screen and (max-width: 1200px) {
	.invest1-item4 {
		width: 48.5%;
		margin-top: 3rem;
		height: 8rem;
		padding: 0 2rem 0 2.27rem;
		box-shadow: 0.65rem 0.65rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 2rem;
	}
}

@media only screen and (max-width: 900px) {
	.invest1-item4 {
		width: 48.5%;
		margin-top: 2rem;
		height: 7rem;
		padding: 0 1.7rem 0 1.9rem;
		box-shadow: 0.57rem 0.57rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 1.7rem;
	}
}

@media only screen and (max-width: 700px) {
	.invest1-item4 {
		width: 48.5%;
		margin-top: 1.5rem;
		height: 6rem;
		padding: 0 1.3rem 0 1.5rem;
		box-shadow: 0.55rem 0.55rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 1.3rem;
	}
}

@media only screen and (max-width: 500px) {
	.invest1-wrap4 {
		display: block;
	}

	.invest1-item4 {
		width: 100%;
		margin-top: 1.5rem;
		height: 6rem;
		padding: 0 1.3rem 0 1.5rem;
		box-shadow: 0.55rem 0.55rem 0 #e3e9f0;
	}

	.invest1-item4-l {
		flex: 1;
		padding-right: 1.3rem;
	}
}





/* 联系我们 */



.recruitment-main {
	background-color: #f5f7fa;
	padding-bottom: 8rem;
}

.recruitment-container {
	width: 100%;
	padding: 6.25rem 0;
}

.recruitment-t-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.recruitment-t {
	font-size: 2rem;
	font-weight: 550;
}

.recruitment-t-r {
	display: flex;
	align-items: center;
}

.recruitment-t-wrap .pro-form1,
.recruitment-t-wrap .pro-form2 {
	width: 15rem;
	height: 3rem;
	padding: 0 1rem;
	border: none;
	background: #FFFFFF;
	color: #333333;
	position: relative;
	margin-left: 1rem;
}

.recruitment-t-wrap .pro-form1 input {
	width: calc(100% - 3rem);
	height: 100%;
	line-height: 100%;
	font-size: 0.9rem;
	color: #333333;
}

.recruitment-t-wrap .pro-form1 button {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%);
	cursor: pointer;
}

.recruitment-t-wrap :before,
.recruitment-t-wrap :after {
	position: absolute;
	content: '';
}

.recruitment-t-wrap .pro-form1 button:before {
	width: 60%;
	height: 60%;
	top: 10%;
	left: 10%;
	border: #505050 2px solid;
	border-radius: 100%;
}

.recruitment-t-wrap .pro-form1 button:after {
	width: 0.5rem;
	height: 2px;
	left: 73%;
	bottom: 4px;
	background: #505050;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.recruitment-t-wrap .pro-form2 {
	padding: 0;
}
.recruitment-t-wrap.kk {
    padding-top: 1.875rem;
}
.recruitment-t-wrap.kk .recruitment-t-r {
    margin: 0 0 0 auto;     width: 31.3333%;
}
 .recruitment-t-wrap.kk .recruitment-t-r  .pro-form2{
     width: 100%;
     margin-left: 0;
 }
 .recruitment-t-wrap.kk .pro-form2 ul{
       border: 1px solid #eee
 }
  .recruitment-t-wrap.kk .recruitment-t-r  .toggle{ width: 100%;}
.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 .text{
    border: 1px solid #eee
}

.recruitment-t-wrap .pro-form2 .text {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
	line-height: 3rem;
	overflow: hidden;
	color: #333;
	position: relative;
	cursor: pointer;
}

.recruitment-t-wrap .pro-form2 ul {
	display: none;
	width: 100%;
	padding: 1rem 0;
	border-top: #FFFFFF 1px solid;
	background: #FFFFFF;
	position: absolute;
}

.recruitment-t-wrap .pro-form2 li {
	width: 100%;
	float: left;
}
.recruitment-t-wrap .pro-form2 li a{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 2rem;
	padding: 0 1rem;
}


.recruitment-t-wrap .pro-form2 i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}

.recruitment-t-wrap .pro-form2 i:before {
	left: 40%;
	top: 48%;
	content: '';
	width: 0;
	height: 0;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	height: 0.4rem;
	width: 0.4rem;
	transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-moz-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-o-transform: rotate(45deg) translate(-50%, -50%);
	border-left: 2px solid transparent;
	border-top: 2px solid transparent;
}

.recruitment-t-wrap .pro-form2 .text.on {
	background: #FFFFFF;
}
.recruitment-t-wrap .pro-form2 li.on {
	background: #E3EDFB;
}
.recruitment-t-wrap .pro-form2 li:hover {
	background: #E3EDFB;
}

.recruitment-table-wrap {
	width: 100%;
	margin-top: 2rem;
	overflow-x: auto;
	margin-bottom: 2rem;
}

.recruitment-table {
	min-width: 900px;
}

.recruitment-table-wrap .recruitment-thead {
	display: flex;
	align-items: center;
	background-color: #e4e7ea;
	color: #16181a;
	width: 100%;
	font-size: 1.07rem;
	padding-right: 1rem;
}

.recruitment-table-wrap .recruitment-tr {
	height: 100%;
}

.recruitment-table-wrap .recruitment-tr-1 {
	flex: 1;
	padding: 1.2rem 1.5rem;
}

.recruitment-table-wrap .recruitment-tr-2 {
	width: 9rem;
	text-align: center;
	flex-shrink: 0;
	padding: 1.2rem 0;
}

.recruitment-table-wrap .recruitment-tr-3 {
	width: 9rem;
	text-align: center;
	flex-shrink: 0;
	padding: 1.2rem 0;
}

.recruitment-body {
	color: #495770;
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	width: 100%;
	font-size: 1rem;
	background-color: #FFFFFF;
	padding-right: 1rem;
	cursor: pointer;
	align-items: center;
}

.recruitment-body:hover {
	background-color: #f0f0f0;
}

.recruitment-page-container {
	padding: 2rem 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruitment-page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruitment-page-item {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 0.9rem;
	color: #6a6a6a;
	border: 1px solid #e6e6e6;
	margin-right: 2px;
	cursor: pointer;
}

.recruitment-page-item.active {
	color: #FFFFFF;
	background-color: #d70008;
	border: 1px solid #d70008;
}

.recruitment-page-item:hover {
	color: #FFFFFF;
	background-color: #d70008;
	border: 1px solid #d70008;
}

@media only screen and (max-width: 1280px) {
	.recruitment-table-wrap .recruitment-tr-3{
		width: 7.5rem;
	}
	.recruitment-table-wrap .recruitment-tr-2{
		width: 7.5rem;
	}
}

@media only screen and (max-width: 1024px) {
	.recruitment-table-wrap .recruitment-tr-3{
		width: 7rem;
	}
	.recruitment-table-wrap .recruitment-tr-2{
		width: 7rem;
	}
}

@media only screen and (max-width: 900px) {
	.recruitment-table-wrap .recruitment-thead {
		font-size: 1rem;
	}

	.recruitment-table-wrap .recruitment-tr-1 {
		padding: 1rem 1.2rem;
		width: 14.28rem;
	}

	.recruitment-table-wrap .recruitment-tr-2 {
		padding: 1rem 0;
	}

	.recruitment-table-wrap .recruitment-tr-3 {
		padding: 1rem 0;
	}

	.recruitment-body {
		font-size: 0.9rem;
	}
}


@media only screen and (max-width: 1200px) {
	.recruitment-container {
		width: 100%;
		padding: 3.25rem 0;
	}

	.recruitment-t {
		font-size: 1.7rem;
	}

	.recruitment-page-container {
		padding: 1.7rem 0;
	}
}

@media only screen and (max-width: 850px) {
	.recruitment-container {
		width: 100%;
		padding: 2.25rem 0;
	}
}

@media only screen and (max-width: 650px) {
	.recruitment-container {
		width: 100%;
		padding: 1.35rem 0;
	}

	.recruitment-t-wrap {
		display: block;
	}

	.recruitment-t {
		font-size: 1.5rem;
	}

	.recruitment-t-wrap .pro-form1,
	.recruitment-t-wrap .pro-form2 {
		margin-left: 0;
		margin-right: 1rem;
		margin-top: 1rem;
	}

	.recruitment-table-wrap {
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 500px) {
	.recruitment-t-r {
		display: block;
	}

	.recruitment-t-wrap .pro-form1,
	.recruitment-t-wrap .pro-form2 {
		width: 100%;
	}

	.recruitment-t {
		font-size: 1.3rem;
	}

	.recruitment-table-wrap .recruitment-thead {
		font-size: 0.9rem;
	}

	.recruitment-table-wrap .recruitment-tr-1 {
		padding: 0.9rem 1rem;
		width: 14.28rem;
	}

	.recruitment-table-wrap .recruitment-tr-2 {
		padding: 0.9rem 0;
	}

	.recruitment-table-wrap .recruitment-tr-3 {
		padding: 0.9rem 0;
	}

	.recruitment-body {
		font-size: 0.8rem;
	}

	.recruitment-page-container {
		padding: 1rem 0;
	}

	.recruitment-page-item {
		width: 2rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.7rem;
	}
}






.recruitment3-main-1 {
	width: 100%;
	background-color: #f5f7fa;
}

.recruitment3-container-1 {
	width: 100%;
	padding: 7.14rem 0 5rem 0;
}

.recruitment3-container-1 .recruitment3-title {
	font-size: 2.57rem;
	color: #287ae6;
	padding-bottom: 0.2rem;
}

.recruitment3-container-1 .recruitment3-wrap {
	width: 24.7%;
	margin-top: 2.5rem;
	display: inline-block;
	padding-left: 1rem;
	position: relative;
	font-size: 1.14rem;
	color: #4a4e52;
	box-sizing: border-box;
}

.recruitment3-container-1 .recruitment3-wrap::after {
	content: '';
	background-color: #d10011;
	width: 0.28rem;
	height: 2.14rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.recruitment3-container-1 .recruitment3-wrap span:first-child {
	font-weight: 550;
}

@media only screen and (max-width: 1200px) {
	.recruitment3-container-1 {
		padding: 5.14rem 0 3rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 2rem;
		padding-bottom: 0.71rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 1rem;
		margin-top: 2rem;
		width: 24.5%;
	}

	.recruitment3-container-1 .recruitment3-wrap::after {
		width: 0.25rem;
		height: 1.8rem;
	}
}

@media only screen and (max-width: 900px) {
	.recruitment3-container-1 {
		padding: 2.2rem 0 2rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 1.7rem;
		padding-bottom: 0.5rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 0.9rem;
		margin-top: 1.5rem;
		width: 49%;
		padding-left: 0.75rem;
	}

	.recruitment3-container-1 .recruitment3-wrap::after {
		width: 0.20rem;
		height: 1.5rem;
	}
}


@media only screen and (max-width: 700px) {
	.recruitment3-container-1 {
		padding: 1.7rem 0 1.7rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 1.6rem;
		padding-bottom: 0.2rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 0.9rem;
		margin-top: 0.875rem;
		width: 100%;
		padding-left: 0.75rem;
	}
}

@media only screen and (max-width: 400px) {
	.recruitment3-container-1 {
		padding: 1.5rem 0 1.5rem 0;
	}

	.recruitment3-container-1 .recruitment3-title {
		font-size: 1.5rem;
		padding-bottom: 0.1rem;
	}

	.recruitment3-container-1 .recruitment3-wrap {
		font-size: 0.9rem;
		margin-top: 1.3rem;
		width: 99%;
		padding-left: 0.75rem;
	}
}


.recruitment3-main-2 {
	width: 100%;
	background-color: #FFFFFF;
}

.recruitment3-container-2 {
	width: 100%;
	padding: 7.14rem 0;
	line-height: 2;
}

.recruitment3-wrap2 {
	width: 100%;
	padding-bottom: 5rem;
}

.recruitment3-wrap2 .recruitment3-wrap2-title {
	font-size: 2.14rem;
	font-weight: bold;
	color: #16181a;
}

.recruitment3-wrap2-content {
	font-size: 1.14rem;
	color: #495770;
	margin-top: 1.5rem;
	line-height: 2.85rem;
}

.recruitment3-btns {
	padding-top: 6.25rem;
	display: flex;
	align-items: center;
}

.recruitment3-btn,.recruitment3-btns a.email{
	width: 11.42rem;
	height: 4.14rem;
	line-height: 4.14rem;
	text-align: center;
	color: #FFFFFF;
	border-radius: 0.57rem;
	background-color: #007ac1;
	font-size: 1.28rem;
	font-weight: 550;
	cursor: pointer;
}
.recruitment3-btn:hover{
	background: #02659f;
}

.recruitment3-btns a {
	font-size: 1rem;
	display: block;
	margin-left: 1.85rem;
	color: #55585a;
	font-weight: 550;
}
.recruitment3-btns a.email{
	color: #fff;
	margin-left: 0;
}

.recruitment3-btns a:hover {
	color: #007ac1;
}
.recruitment3-btns a.email:hover{
	color: #fff;
}


@media only screen and (max-width: 1200px) {
	.recruitment3-container-2 {
		padding: 5rem 0;
	}

	.recruitment3-wrap2 {
		padding-bottom: 3.5rem;
	}

	.recruitment3-wrap2 .recruitment3-wrap2-title {
		font-size: 1.85rem;
	}

	.recruitment3-wrap2-content {
		font-size: 1rem;
		margin-top: 1.2rem;
		line-height: 2.5rem;
	}

	.recruitment3-btns {
		padding-top: 0.7rem;
	}

	.recruitment3-btn,.recruitment3-btns a.email {
		width: 10rem;
		height: 4rem;
		line-height: 4rem;
		font-size: 1rem;
	}

	.recruitment3-btns a {
		font-size: 0.95rem;
	}
}

@media only screen and (max-width: 900px) {
	.recruitment3-container-2 {
		padding: 2.5rem 0;
	}

	.recruitment3-wrap2 {
		padding-bottom: 2rem;
	}

	.recruitment3-wrap2 .recruitment3-wrap2-title {
		font-size: 1.5rem;
	}

	.recruitment3-wrap2-content {
		font-size: 0.9rem;
		margin-top: 1rem;
		line-height: 2.1rem;
	}

	.recruitment3-btns {
		padding-top: 0.5rem;
	}

	.recruitment3-btn,.recruitment3-btns a.email {
		width: 8rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 0.8rem;
	}

	.recruitment3-btns a {
		font-size: 0.8rem;
	}
}


@media only screen and (max-width: 700px) {
	.recruitment3-container-2 {
		padding: 2rem 0;
	}

	.recruitment3-wrap2 {
		padding-bottom: 1.7rem;
	}

	.recruitment3-wrap2 .recruitment3-wrap2-title {
		font-size: 1.4rem;
	}

	.recruitment3-wrap2-content {
		font-size: 0.8rem;
		margin-top: 0.6rem;
		line-height: 1.92rem;
	}

	.recruitment3-btns {
		padding-top: 0.3rem;
	}

	.recruitment3-btn,.recruitment3-btns a.email  {
		width: 7rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.7rem;
	}

	.recruitment3-btns a {
		font-size: 0.7rem;
		margin-left: 1rem;
	}
}