@charset "UTF-8";



.app{

	display: none !important;

}

@media(max-width:991px){

	.app{

		display: block !important;

	}

	.pc{

		display:none !important;

	}

}

/* 视屏 */

#publicity-video {

	width: 100%;

	height: 100%;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	overflow: hidden;

}

#publicity-video video {

	display: block;

}

.msg-box-bg {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: none;

	z-index: 1001;

	background: rgba(0,0,0,0.8);

}

.msg-box {

	width: 60%;

	height: 70%;

	background: rgba(0,0,0,0.8);

	position: absolute;

	left: 50%;

	top: 47%;

	transform: translate(-50%, -50%);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.msg-box .close-box {

	width: 30px;

	height: 30px;

	background: url("../images/btn-close-modal.png") no-repeat center;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

	-webkit-transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.msg-box .close-box:hover {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.abo_video {

	width: 100%;

	cursor: pointer;

	overflow: hidden;

	position: relative;

}





/* 首页 */

/* banner */

.banner .div{

	width: 100%;

	position: relative;

	display:flex;

}

.banner .bj{

	width: 100%;

	vertical-align: middle;

}

.banner .div .rq{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate( -50%,-50%);

}

.banner .div .rq .nr2 {

	/* width: 40%; */

	width: 50%;

	float: right;

}

.banner .div .nr .top{

	width: 100%;

	position: relative;

	padding-bottom: 50px;

}

.banner .div .nr .top::before{

	width: 100%;

	content: '';

	width: 67px;

	height: 3px;

	background: linear-gradient(to right, #44cef6,#4b5dc4);

	position: absolute;

	left: 0;

	bottom: 0;

	transform: translateY(-50%);

}

.banner .div .nr .top .an{

	color: #fff;

	/* font-size: 22px; */

	font-size: 48px;

	background: linear-gradient(to right, #44cef6,#4b5dc4);

	width: 197px;

	height: 35px;

	text-align: center;

	border-radius: 35px;

	line-height: 35px;



	width: auto;

	height: auto;

	line-height: unset;

	padding: 8px 2.083vw;

	border-radius: 1000px;

}

.banner .div .nr .top .h1{

	padding-top: 20px;

}

.banner .div .nr .top h1{

	width: auto;

	float: left;

	/* font-size: 40px; */

	font-size: 30px;

	background-image: -webkit-gradient(linear, left 0, right 0, from( #fff), to(#aae8fa));

	-webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

	padding:0 20px;

	font-weight: bold;

	position: relative;

}

.banner .div .nr .top h1:first-child{

	padding-left: 0px;

}

.banner .div .nr .top h1:before{

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 1px;

	height: 100%;

	background: #535f7d;

}

.banner .div .nr .top h1:last-child:before{

	display: none;

}

.banner .div .nr .top p{

	padding-top: 15px;

	/* font-size: 26px; */

	font-size: 20px;

	color: #abbde9;

	font-weight: lighter;

}

.banner .div .nr .btn{

	padding-top: 45px;

}

.banner .div .nr .btn .p p{

	float: left;

	font-size: 20px;

	color: #abbde9;

	position: relative;

	width: 170px;



}

.banner .div .nr  .btn .p p span{

	width: 21px;

	display: block;

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

}

.banner .div .nr .btn .p p:first-child{

	margin-right: 17px;

}

.banner .div .nr .btn .p p:last-child{

	margin-left: 17px;

}

.banner .div .nr .btn .p p:first-child:before{

	content: '';

	position: absolute;

	top: 0;

	right: -17px;

	width: 1px;

	height: 100%;

	background: #535f7d;

}

.banner .nr .btn li{

	width: 142px;

	padding-top: 32px;

	float: left;

	margin-right: 14px;

}

.banner .nr .btn li .li-top{

	width: 142px;

	height: 142px;

	position: relative;

	border:1px solid #ddd;

    border-image: linear-gradient(#4b5dc4,#44cef6) 30 30;

	position: relative;

}

.banner .nr .btn li .li-top img{

	max-width: 75%;

	max-height: 75%;

	position: relative;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}

.banner .nr .btn li .li-top:before{

	width: 134px;

	height: 134px;

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	background: linear-gradient(to bottom, #44cef6,#4b5dc4);

	opacity: 0;

	transition: all 0.5s;

}

.banner .nr .btn li:hover .li-top:before{

	opacity: 1;

}

.banner .nr .btn li p{

	padding-top: 10px;

	text-align: center;

	font-size: 18px;

	color: #fff;

}

.banner .nr2 .top2 .p1 {

	font-size: 50px;

	line-height: 64px;

	color: #fff;

}

.banner .div .nr2 .btn {

    padding-top: 15px;

}

.banner .nr2 .top2 .p2 {

	font-size: 24px;

	line-height: 24px;

	padding-top: 28px;

	color: rgb(255, 255, 255,.5);

}

.banner .nr2 .btn li p {

	color: rgb(255, 255, 255,.5);

	font-size: 16px;

}

.banner .nr2 .btn li {

    width: 130px;

}

.banner .nr2 .btn li .li-top {

    width: 130px;

    height: 120px;

}

.banner .div .rq2 {

    top: 54%;

}

.banner .nr2 .btn li .li-top:before {

	width: 124px;

	height: 114px;

}

.banner .swiper-pagination{

	bottom: 45px;

}

.banner .swiper-pagination-bullet {

    width: 75px;

    height: 4px;

    border-radius: 0px;

    background: #fff;

	opacity: .5;

}

.banner .swiper-pagination-bullet-active {

    opacity: 1;

    background: #fff;

}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

}









/* 通用标题 */

.bt {

	width: 100%;

	position: relative;

	z-index: 1;

}

.bt .wz{

	width: 100%;

}

.bt .wz span{

	font-size: 12px;

	color: #b0b0b0;

	letter-spacing: 28px;

	text-transform: uppercase;

	margin-right: 36px;

	float: left;

}

.bt .wz span:last-child{

	margin-right: 0;

}

.bt h1{

	padding-top: 14px;

	color: #333333;

	font-size: 48px;

	font-weight: bold;

}

.bt h2{

	font-size: 200px;

	color: #e9e9e9;

	position: absolute;

	top: 63%;

	left: 77%;

	transform: translate(-50%,-43%);

	text-transform: uppercase;

	font-weight: bold;

	z-index: -1;

}



.con1{

	/* padding-top: 135px; */

	padding-top: 50px;

	overflow: hidden;

	position: relative;

	padding-bottom: 55px;

	background: #f5f5f5;

}

.con1 .bt h1{

	margin-bottom: 40px;

}

.con1 .nr {

	/* width: 56.3%; */

	width: 50%;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	/* left: 0; */

	/* right: unset; */

	

}

.con1 .div {

	width: 100%;

	position: relative;

	z-index: 1;

	/* display: flex;

    justify-content: flex-end; */

}

.con1 .div .img{

	/* width: 63.3%; */

	width: 50%;

	height: 712px;

}

.con1 .div .img img{

	width: 100%;

	vertical-align: middle;

	display: none;

	object-fit: cover;

	height: 100%;

}

.con1 .div .img img.on1{

	display: block;

}

.con1 .nr .nr-div{

	width: 25%;

	height: 356px;

	float: left;

	position: relative;

	background: #fff;

	border-right: 2px solid #bdceda;

}

.con1 .nr .nr-div:nth-child(4n){

	border-right:none;

}

.con1 .nr .nr-div::before{

	content: '';

	width: 100%;

    background: linear-gradient(to right, #274496,#009ee6);

	height: 2px;	

	position: absolute;

	bottom: 0;

	left: 0;

}

.con1 .nr-div .div1{

	padding-top: 80px;

}

.con1 .div1 img{

	display: block;

	width: 72px;

	margin: 0 auto;

	margin-bottom: 20px;

}

.con1 .div1 p{



	font-size: 16px;

	text-align: center;

}

.con1 .div1 h1{

	font-size: 20px;

	text-align: center;

	margin-bottom: 18px;

}



.con1 .bg{

	width: 100%;

	display: block;

	position: absolute;

	left: 0;

	bottom: 0;

}

.con1 .nr-div .div2{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: linear-gradient(to bottom, #44cef6,#4b5dc4);

	opacity: 0;

	transition: all .5s;

}

.con1 .nr-div.on .div2{

	opacity: 1;

}

.con1 .nr-div .div2 .bg{

	position: absolute;

	right: 10px;

	bottom: 10px;

	width: 230px;

}

.con1 .nr-div .div2 .top{

	width: 100%;

	padding-bottom: 21px;

	border-bottom: 1px solid #6ac9f1;

	padding-top: 28px;

	padding-left: 26px;

}

.con1 .nr-div .div2 .top h1{

	font-size: 24px;

	color: #fff;

	float: left;	

}

.con1 .nr-div .div2 .top img{

	width: 20px;

	display: block;

	float: left;

	margin-right: 8px;

}

.con1 .nr-div .div2 .btn{

	padding-left: 40px;

	margin-top: 20px;

	width: 100%;

	height: 252px;

	overflow-y: auto;

}

.con1 .nr-div .div2 .btn::-webkit-scrollbar {

    width: 3px;

    background-color: #999;

    border-radius:50px;

}

.con1 .nr-div .div2 .btn::-webkit-scrollbar-thumb {

    border-radius: 50px;

    background-color: #274496;

}

.con1 .nr-div .div2 .btn a{

	display: block;

	width: 100%;

	position: relative;

	margin-bottom: 15px;

	z-index: 10;

	padding-left: 15px;

	font-size: 16px;

	color: #ffffff;

	font-weight: lighter;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.con1 .nr-div .div2 .btn a::before{

	content: '';

	width: 5px;

	height: 8px;

	background-image: url(../images/img15.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	left: 0;

	top: 6px;

	transition: all .5s;

}

.con1 .nr-div .div2 .btn a:hover::before{

	left: 4px;

}

.con1 .nr-div .div2 .btn a:last-child::before{

	width: 9px;

	height: 9px;

	background-image: url(../images/img16.png);

}

.con1 .nr-div .div2 .btn .gd{

	margin-top: 18px;

	margin-bottom: 0;

}

.con1 .nr-div .div2 .btn .gd img{

	width: 9px;

}

.con1 .nr-div .div2 .gd p{

	padding-left: 19px;

}



.con1 .div .jt_an{

	width: 35%;

	position: absolute;

	/* bottom: 0; */

	/* right: 0; */

	right: unset;

	/* left: 0; */



	bottom: 20px;

    left: 30px;

}

.con1 .div .jt_an .per,

.con1 .div .jt_an .nex{

	width: 46px;

	height: 9px;

	background-image: url(../images/img11.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	bottom: 0;

	right: 0;

	cursor: pointer;

	transition: all .5s;

}

.con1 .div .jt_an .per{

	transform: rotateY(180deg);

	left: 0;

}

.con1 .div .jt_an .per:hover,

.con1 .div .jt_an .nex:hover{

	background-image: url(../images/img12.png);

}





.con1 .app_div{

	width: 100%;

	display: none;

	position: relative;

	padding-bottom: 20px;

}

.con1 .app_div1{

	width: 100%;

}

.con1 .app_div1 img{

	width: 100%;

	vertical-align: middle;

}

.con1 .app_div2{

	width: 100%;

}

.con1 .app_div2 .nr-div{

	width: 100%;

	float: none;

}

.con1 .swiper-slide-thumb-active .nr-div .div2{

	opacity: 1;

}

.con1 .app_div2 .nr-div .div2 .btn {

    height: 168px;

}

.con1 .app_div2 .nr .nr-div {

    height: 220px;

}

.con1 .swiper-button-next,

.con1 .swiper-button-prev{

	width: 40px;

	height: 9px;

	background-image: url(../images/img11.png);

	background-size: contain;

	background-repeat: no-repeat;

	top: 100%;

	right: 0;

	margin-top: 0;

	transition: all .5s;

}

.con1 .swiper-button-prev{

	transform: rotateY(180deg);

	left: 0;

}

.con1 .swiper-button-next:hover,

.con1 .swiper-button-prev:hover{

	background-image: url(../images/img12.png);

}





/* con2 */



.con2{

	width: 100%;

	position: relative;

	z-index: 1;

	overflow: hidden;

	background: #f5f5f5;

}

.con2 .biaoti{

	padding-top: 40px;

	padding-bottom: 40px;

	width: 100%;

}

.con2 .biaoti p{

	font-size: 48px;

	color: #333;

	text-align: center;

	font-weight: lighter;

}

.con2 .biaoti h1{

	font-size: 48px;

	color: #333333;

	text-align: center;

	font-weight: bold;

}

.con2 .biaoti h2{

	font-size: 556px;

    color: #e9e9e9;

    position: absolute;

    /* top: 32%; */
	top: 250px;

    left: 50%;

    transform: translate(-50%,-50%);

    text-transform: uppercase;

    font-weight: bold;

    z-index: -1;

}

.con2 .nr{

	width: 100%;

	height: 100%;

	position: relative;

}

.con2 .bj{

	width: 100%;

	vertical-align: middle;

	opacity: 0;

}

.con2 .div{

	width: 57.5%;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

	transition: all .5s;

}

.con2 .div.on1:before{

	content: '';

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

}

.con2 .div.on1{

	width: 100%;

}

.con2 .div .bj2{

	width: 100%;

	vertical-align: middle;

}

 .con2 .wz{

	width: auto;

	position: absolute;

	left: 50%;

	top: 0;

	transform: translateX(-50%);

}

/*.con2 .wz h1{

	font-size: 72px;

	color: #000;

	font-weight: bold;

}

.con2 .wz p{

	font-size: 24px;

	color: #000;

	font-weight: bold;

} */

.con2 .wz2{

	position: absolute;

	text-align: center;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%)

}

.con2 .wz2 p{

	font-size: 24px;

	color: #fff;

	line-height: 50px;

}

.con2 .on{

	opacity: 0;

}

.con2 .wz2 button{

	width: 176px;

	height: 40px;

	line-height: 35px;

	border-radius: 40px;

	border: 1px solid #fff;

	font-size: 20px;

	color: #fff;

	text-align: left;

	padding: 0 36px;

	position: relative;

	display: block;

	margin: auto;

	margin-top: 90px;

	transition: all .5s;

}

.con2 .wz2 button:hover{

	background: #274496;

	border: 1px solid #274496;

}

.con2 .wz2 button span{

	width: 20px;

	display: block;

	position: absolute;

	top: 50%;

	right: 35px;

	transform: translateY(-50%);

}

.con2 .wz2 button span img{

	display: block;

	width: 100%;

	vertical-align: middle;

}









/* con3 */

.con3{

	width: 100%;

	position: relative;

	padding-top: 50px;
	margin-bottom: -40px;

	overflow: hidden;

	background: #f5f5f5;
}


.con3 .div2{

	width: 100%;

	position: relative;

	z-index: 1;

	padding-top: 40px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	align-items: center;

}

.con3 .div2 .lef {

	width: 33.75%;

	/* height: 348px; */

	overflow-y: auto;

}

.con3 .div2 .lef::-webkit-scrollbar {

    width: 3px;

    background-color: #999;

    border-radius:50px;

}

.con3 .div2 .lef::-webkit-scrollbar-thumb {

    border-radius: 50px;

    background-color: #274496;

}

.con3 .div2 .lef p{

	margin-bottom: 26px;

	line-height: 28px;

	font-size: 18px;

	color: #666666;

}

.con3 .div2 .lef p:last-child{

	padding-bottom: 0;

}

.con3 .div2 .rig {

	width: 59.3%;

	overflow: hidden;

}

.con3 .div2 .rig img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.con3 .div2 .rig:hover img{

	transform: scale(1.05);

}

.con3 .db{

	width: 100%;

	height: 267px;

	background: url(../images/img18.jpg) no-repeat;

	background-size: cover;

	transform: translateY(-75px);

}

.con3 .db .rq{

	display: flex;

	justify-content: space-between;

}

.con3 .db .wz {

	padding-top: 130px;

}

.con3 .db .wz .lef{

	width: auto;

	float: left;

}

.con3 .db .wz .lef span{

	color: #fff;

	font-size: 60px;

	font-weight: bold;

}

.con3 .db .wz .rig{

	width: auto;

	float: left;

	padding-top: 12px;

	padding-left: 20px;

}

.con3 .db .wz .rig p{

	font-size: 20px;

	color: #fff;

	position: relative;

}

.con3 .db .wz .rig p em{

	font-size: 12px;

	width: auto;

	position: absolute;

	top: 0px;

}







/* con4 */

.con4{

	width: 100%;

	position: relative;

	padding-top: 10px;

	padding-bottom: 65px;

	overflow: hidden;

	background: #f5f5f5;

}

.con4 .bt h2 {

    /*left: 80%;*/

}

@media (max-width:768px){
	.con4 .bt h2 {

		left: 40%;
	
	}
}

.con4 .div3{

	width: 100%;

	position: relative;

	z-index: 1;

	margin-top: 40px;

}

.con4 .div3 .nr {

	width: 29.95%;

	height: 717px;

	float: left;

	margin-right: 5.075%;

	background: #fff;

}

.con4 .div3 .nr:last-child{

	margin-right: 0;

}

.con4 .div3 .nr .top{

	position: relative;

	width: 100%;

	height: auto;

}

.con4 .div3 .nr .top img{

	width: 100%;

	vertical-align: middle;

}

.con4 .div3 .nr .top .img2{

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	transition: all .5s;

}

.con4 .div3 .nr:hover .top .img2{

	opacity: 1;

}

.con4 .div3 .nr .btn{

	width: 100%;

	padding: 34px 32px;

}

.con4 .div3 .nr .btn1{

	height: 428px;

}

.con4 .div3 .nr .btn h1{

	font-size: 24px;

	color: #333333;

	margin-bottom: 20px;

	transition: all .5s;

	font-weight: bold;

	line-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	/*! autoprefixer: ignore next */

	-webkit-box-orient: vertical;

	transition: all .5s;

}

.con4 .div3 .nr .btn1 h1{

	height: 72px;

}

.con4 .div3 .nr:hover .btn h1{

	background-image: -webkit-gradient(linear, left 0, right 0, from( #44cef6), to(#4b5dc4));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.con4 .div3 .nr .btn .riq{

	margin-top: 20px;

}

.con4 .div3 .nr .btn .riq button{

	width: 110px;

	height: 36px;

	line-height: 32px;

	text-align: center;

	border-radius: 36px;

	font-size: 20px;

	color: #666666;

	border: 1px solid #b9b9b9;

	margin-right: 40px;

	float: left;

	transition: all .5s;

}

.con4 .div3 .nr:hover .btn .riq button{

	background: linear-gradient(to right, #44cef6,#4b5dc4);

	color: #fff;

	border:none;

}

.con4 .div3 .nr .btn .riq p{

	width: auto;

	float: left;

	padding-left:38px;

	font-size: 20px;

	color: #666666;

	position: relative;

	line-height: 35px;

}

.con4 .div3 .nr .btn .riq p span{

	display: block;

	width: 22px;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}

.con4 .div3 .nr .btn .riq p span img{

	display: block;

	width: 100%;

	vertical-align: middle;

}

.con4 .div3 .nr .btn .wz{

	color: #999999;

	font-size: 18px;

    line-height: 34px;

    margin-top: 28px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

}



.con4 .div3 .nr .btn .div1{

	width: 100%;

	display: block;

	margin-bottom: 30px;

}

.con4 .div3 .nr:last-child  .btn .div1:nth-child(2) h1{

	display: -webkit-inline-box;

}

.con4 .div3 .nr .btn .div1:last-child{

	padding-bottom: 0;

}

.con4 .div3 .nr .btn .div1 .riq2{

	font-size: 18px;

	color: #666666;

	padding-bottom: 6px;;

	margin-top: 6px;

}

.con4 .div3 .nr .btn .div1 h1{

	margin-bottom: 0px;

}



.con4 .div3 .nr .btn .div1 p{

	font-size: 18px;

	line-height: 32px;

	color: #999;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.con4 .div3 .nr:last-child .btn h1{

	background-image: -webkit-gradient(linear, left 0, right 0, from( #000), to(#000));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.con4 .div3 .nr .btn .div1:hover h1{

	background-image: -webkit-gradient(linear, left 0, right 0, from( #44cef6), to(#4b5dc4));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.con4 .div3 .nr .btn2{

	padding: 52px 34px;

}



.con4 .anniu {

	position: absolute;

	top: 7%;

	right: 90px;

	transform: translateY(-50%);

	z-index: 1;

}

.con4 .anniu a{

	font-size: 20px;

	color: #666666;

	/* float: left; */

	margin-left: 20px;

	border: 1px solid #666666;

	border-radius: 36px;

	line-height: 33px;

	height: 36px;

	text-align: center;

	width: 110px;

	transition: all .5s;

	float: left;

}

.con4 .anniu a:hover{

	background: linear-gradient(to right, #44cef6,#4b5dc4);

	color: #fff;

	border:none;

}



@media(max-width:1680px){

	.con1 .nr-div .div2 .top {

		padding-bottom: 0px;

		padding-top: 0px;

		padding-left: 16px;

	}

	.con1 .nr-div .div2 .top h1 {

		font-size: 20px;

		line-height: 68px;

	}

	.con1 .nr-div .div2 .top img {

		width: 16px;

		margin-right: 8px;

		margin-top: 22px;

	}

	.con1 .nr-div .div2 .btn {

		padding-left: 28px;

		margin-top: 16px;

	}



}

@media(max-width:1459px){

	.banner .div .nr .top .an {

		font-size: 15px;

		width: 150px;

		height: 30px;

		border-radius: 30px;

		line-height: 30px;



		font-size: 32px;

		width: auto;

		height: auto;

		line-height: unset;

		border-radius: 1000px;

	}

	.banner .div .nr .top .h1 {

		padding-top: 14px;

	}

	.banner .div .nr .top h1 {

		font-size: 28px;

		padding: 0 12px;

	}

	.banner .div .nr .top h1:before {

		height: 90%;

		top: 50%;

		transform: translateY(-50%);

	}

	.banner .div .nr .top p {

		padding-top: 10px;

		font-size: 18px;

	}

	.banner .div .nr .top {

		padding-bottom: 34px;

	}

	.banner .div .nr .top::before {

		width: 46px;

		height: 2px;

	}

	.banner .div .nr .btn {

		padding-top: 30px;

	}

	.banner .div .nr .btn .p p {

		font-size: 16px;

		width: auto;

		padding-right: 30px;

	}

	.banner .div .nr .btn .p p span {

		width: 15px;

	}

	.banner .div .nr .btn .p p span img{

		width: 100%;

	}

	.banner .nr .btn li {

		width: auto;

		padding-top: 24px;

		margin-right: 10px;

	}

	.banner .nr .btn li .li-top {

		width: 107px;

		height: 107px;

	}

	.banner .nr .btn li p {

		font-size: 14px;

	}

	.banner .nr .btn li .li-top:before{

		width: 96%;

		height: 94%;

	}

	.banner .swiper-pagination-bullet {

		width: 54px;

		height: 3px;

	}

	.banner .swiper-pagination {

		bottom: 28px;

	}

	.banner .nr2 .top2 .p1 {

		font-size: 38px;

		line-height: 49px;

	}

	.banner .nr2 .top2 .p2 {

		font-size: 18px;

		line-height: 18px;

		padding-top: 20px;

	}

	.banner .div .nr2 .btn {

		padding-top: 12px;

	}

	.banner .nr2 .btn li .li-top {

		width: 100px;

		height: 92px;

	}

	.con1 {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.bt .wz span {

		letter-spacing: 20px;

		margin-right: 24px;

	}

	.bt h1 {

		padding-top: 10px;

		font-size: 36px;

	}

	.con1 .bt h1 {

		margin-bottom: 30px;

	}

	.bt h2 {

		font-size: 130px;

	}

	.con1 .nr .nr-div {

		height: 270px;

	}

	.con1 .nr-div .div1 {

		padding-top: 60px;

	}

	.con1 .div1 img {

		width: 54px;

		margin-bottom: 16px;

	}

	.con1 .div1 h1 {

		font-size: 16px;

		margin-bottom: 16px;

	}

	.con1 .div1 p {

		font-size: 13px;

	}

	.con1 .nr-div .div2 .top {

		padding-left: 10px;

	}

	.con1 .div .img{

		height: 540px;

	}

	.con1 .nr-div .div2 .top h1 {

		font-size: 16px;

		line-height: 54px;

	}

	.con1 .nr-div .div2 .top img {

		width: 14px;

		margin-right: 8px;

		margin-top: 18px;

	}

	.con1 .nr-div .div2 .btn {

		padding-left: 18px;

		margin-top: 13px;

		height: 190px;

	}

	.con1 .nr-div .div2 .btn a {

		margin-bottom: 10px;

		padding-left: 15px;

		font-size: 13px;

	}

	.con1 .nr-div .div2 .btn a::before {

		top: 4px;

	}

	.con1 .div .jt_an .per, .con1 .div .jt_an .nex {

		width: 36px;

		height: 8px;

	}

	.con2 .biaoti {

		padding-top: 40px;

		padding-bottom: 30px;

	}

	.con2 .biaoti p {

		font-size: 36px;

	}

	.con2 .biaoti h1 {

		font-size: 36px;

		margin-top: 10px;

	}

	.con2 .biaoti h2 {

		font-size: 400px;

		/* top: 31%; */
		top: 170px;

	}

	.con2 .wz2 p {

		font-size: 20px;

		line-height: 38px;

	}

	.con2 .wz2 button {

		width: 140px;

		height: 36px;

		line-height: 34px;

		border-radius: 36px;

		font-size: 16px;

		padding: 0;

		text-align: center;

		margin-top: 61px;

	}

	.con2 .wz2 button span {

		width: 18px;

		display: inline-block;

		position: static;

		transform: translateY(0%);

	}

	.con3 {

		padding-top: 20px;
		margin-bottom: -40px;

	}

	.con3 .div2 {

		padding-top: 30px;

	}

	.con3 .div2 .lef p {

		margin-bottom: 15px;

		line-height: 26px;

		font-size: 16px;

	}

	.con3 .div2 .lef {

		width: 36%;

		/* height: 288px; */

		padding-right: 10px;

	}

	.con3 .db {

		height: 210px;

		transform: translateY(-58px);

	}

	.con3 .db .wz .lef span {

		font-size: 44px;

	}

	.con3 .db .wz .rig {

		padding-top: 8px;

		padding-left: 10px;

	}

	.con3 .db .wz .rig p {

		font-size: 16px;

	}

	.con3 .db .wz {

		padding-top: 106px;

	}

	.con4 {

		padding-top: 20px;

		padding-bottom: 40px;

	}

	.con4 .div3 {

		margin-top: 30px;

	}

	.con4 .div3 .nr {

		width: 32%;

		height: 580px;

		margin-right: 2%;

	}

	.con4 .div3 .nr .btn1 {

		height: auto;

		padding: 26px 22px;

	}

	.con4 .div3 .nr .btn h1 {

		font-size: 20px;

		margin-bottom: 0;

		line-height: 32px;

	}

	.con4 .div3 .nr .btn1 h1 {

		height: 64px;

	}

	.con4 .div3 .nr .btn .riq {

		margin-top: 16px;

	}

	.con4 .div3 .nr .btn .riq button {

		width: 90px;

		height: 30px;

		line-height: 28px;

		border-radius: 30px;

		font-size: 14px;

		margin-right: 26px;

	}

	.con4 .div3 .nr .btn .riq p {

		padding-left: 26px;

		font-size: 16px;

		line-height: 28px;

	}

	.con4 .div3 .nr .btn .riq p span {

		width: 18px;

	}

	.con4 .div3 .nr .btn .wz {

		font-size: 15px;

		line-height: 30px;

		margin-top: 20px;

	}

	.con4 .div3 .nr .btn2 {

		padding: 38px 26px;

	}

	.con4 .div3 .nr .btn .div1 .riq2 {

		font-size: 14px;

		padding-bottom: 2px;

		margin-top: 2px;

	}

	.con4 .div3 .nr .btn .div1 p {

		font-size: 15px;

		line-height: 28px;

	}

	.con4 .div3 .nr .btn .div1 {

		margin-bottom: 22px;

	}

	.con4 .div3 .nr .btn .div1:last-child{

		margin-bottom: 0;

	}

	.con4 .anniu a {

		font-size: 16px;

		margin-left: 10px;

		border-radius: 32px;

		line-height: 30px;

		height: 32px;

		width: 100px;

	}

	.con4 .anniu {

		right: 60px;

	}



}

@media(max-width:1340px){

	.con1 .nr .nr-div {

		height: 240px;

	}

	.con1 .div .img{

		height: 480px;

	}

	.con1 .nr-div .div1 {

		padding-top: 50px;

	}

	.con1 .nr-div .div2 .top h1 {

		font-size: 16px;

		line-height: 46px;

	}

	.con1 .nr-div .div2 .top img {

		margin-top: 14px;

	}

	.con1 .nr-div .div2 .btn {

		height: 170px;

	}

	.con1 .nr-div .div2 .btn a {

		margin-bottom: 8px;

		padding-left: 15px;

		font-size: 12px;

	}



}

@media (max-width:1259px) {

	.banner .div .nr .top .an{

		font-size: 26px;

	}

	.banner .div .nr .top h1{

		font-size: 22px;

	}

	.banner .div .nr .top p{

		font-size: 16px;

	}

}

@media(max-width:1024px){

	.banner .div .rq{

		top: 54%;

	}

	.banner .div .nr .top h1 {

		font-size: 24px;

	}

	.banner .nr .btn li .li-top {

		width: 90px;

		height: 90px;

	}

	.banner .div .nr .top p {

		font-size: 16px;

	}

	.banner .div .nr .top {

		padding-bottom: 24px;

	}

	.banner .div .nr .btn {

		padding-top: 18px;

	}

	.banner .div .nr .btn .p p {

		font-size: 14px;

		padding-right: 28px;

	}

	.banner .div .nr .btn .p p span {

		top: 64%;

	}

	.bt h2 {

		font-size: 100px;

	}

	.bt .wz span {

		letter-spacing: 14px;

		margin-right: 16px;

	}

	.bt h1 {

		padding-top: 6px;

		font-size: 32px;

	}

	.con1 .bt h1 {

		margin-bottom: 20px;

	}

	.con1 .div .img{

		height: 380px;

	}

	.con1 {

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.con1 .nr .nr-div {

		height: 190px;

	}

	.con1 .div1 img {

		width: 40px;

		margin-bottom: 10px;

	}

	.con1 .div1 h1 {

		font-size: 16px;

		margin-bottom: 8px;

	}

	.con1 .nr-div .div1 {

		padding-top: 42px;

	}

	.con1 .nr-div .div2 .top img {

		width: 12px;

		margin-right: 4px;

		margin-top: 11px;

	}

	.con1 .nr-div .div2 .top h1 {

		font-size: 14px;

		line-height: 40px;

	}

	.con1 .nr-div .div2 .btn {

		padding-left: 6px;

		margin-top: 9px;

		height: 135px;

	}

	.con2 .biaoti p {

		font-size: 32px;

	}

	.con2 .biaoti h1 {

		font-size: 32px;

		margin-top: 6px;

	}

	.con2 .biaoti h2 {

		font-size: 255px;

		/* top: 31%; */
		top: 120px;
	}

	.con3 {

		padding-top: 40px;
		margin-bottom: -25px;

	}

	.con3 .div2 {

		padding-top: 20px;

	}

	.con3 .div2 .lef {

		width: 38%;

		/* height: 198px; */

		padding-right: 8px;

	}

	.con3 .div2 .lef p {

		margin-bottom: 5px;

		line-height: 22px;

		font-size: 14px;

	}

	.con3 .db {

		height: 150px;

		transform: translateY(-32px);

	}

	.con3 .db .wz .lef span {

		font-size: 36px;

	}

	.con3 .db .wz .rig {

		padding-top: 3px;

		padding-left: 6px;

	}

	.con3 .db .wz .rig p {

		font-size: 14px;

	}

	.con3 .db .wz {

		padding-top: 72px;

	}

	.con4 {

		padding-top: 34px;

	

	}

	.con4 .div3 .nr {

		height: 510px;

	}

	.con4 .div3 .nr .btn2 {

		padding: 20px 20px;

	}

	.con4 .div3 .nr .btn2 h1 {

		font-size: 18px;

		line-height: 28px;

	}

	.con4 .div3 .nr .btn .div1 p {

		font-size: 14px;

		line-height: 24px;

	}

	.con4 .anniu {

		top: 10%;

		right: 30px;

	}

	.con4 .div3 {

		margin-top: 20px;

	}



}

@media(max-width:768px){

	.con1 .div .img{

		width: 100%;

	}

	.con1 .nr {

		width: 100%;

		position: static;

		transform: translateY(0%);

	}

	.con2 .wz2 p {

		font-size: 16px;

		line-height: 30px;

	}

	.con2 .wz2 button {

		margin-top: 24px;

	}

	.con2 .div{

		width: 100%;

	}

	.con2 .on {

		opacity: 1;

	}

	.con2 .div:before {

		content: '';

		width: 100%;

		height: 100%;

		background: rgba(0,0,0,0.5);

		position: absolute;

		left: 0;

		top: 0;

		z-index: 11;

	}

	.con2 .biaoti {

		padding-top: 45px;

		padding-bottom: 20px;

	}

	.con3 .div2 .lef{

		width: 100%;

		height: auto;

	}

	.con3 .div2 .rig{

		width: 100%;

		margin-top: 20px;

	}

	.con4 .div3 .nr{

		width: 49%;

		height: auto;

	}

	.con4 .div3 .nr:nth-child(2){

		margin-right: 0;

	}

	.con4 .div3 .nr .btn1{

		height: 332px;

	}

	.con4 .div3 .nr:nth-child(3){

		width: 100%;

		margin-top: 20px;

	}

	.con4 .anniu{

		display: none;

	}



}

@media(max-width:500px){

	.con1 .app_div{

		display: block;

	}

	.con1 .div{

		display: none;

	}

	.con1 .app_div2 {

		margin-top: 0px;

	}

	.con1 {

		padding-top: 45px;

		padding-bottom: 40px;

	}

	.bt .wz span {

		letter-spacing: 10px;

		margin-right: 16px;

	}

	.bt h1 {

		padding-top: 2px;

		font-size: 24px;

	}

	.con1 .bt h1 {

		margin-bottom: 20px;

	}

	.bt h2 {

		font-size: 90px;

		transform: translate(-50%,-80%);

	}

	.con2 .biaoti {

		padding-top: 45px;

		padding-bottom: 20px;

	}

	.con2 .biaoti p {

		font-size: 24px;

		/* font-size: 20px; */

	}

	.con2 .biaoti h1 {

		font-size: 24px;

		/* font-size: 20px; */

		margin-top: 4px;

	}

	.con2 .biaoti h2 {

		font-size: 106px;

		/* top: 15%; */
		top: 65px;

	}

	.con2 .wz2 p {

		font-size: 14px;

		line-height: 24px;

		/* line-height: 20px; */

	}

	.con2 .wz2 button {

		width: 120px;

		height: 32px;

		line-height: 30px;

		border-radius: 30px;

		font-size: 14px;

		margin-top: 20px;

	}

	.con3 {

		padding-top: 45px;
		margin-bottom: 0;
	}

	.con3 .div2 {

		padding-top: 20px;

	}

	.con3 .db .rq{

		flex-wrap: wrap;

	}

	.con3 .db .wz{

		width: 50%;

	}

	.con3 .db .wz {

		padding-top: 20px;

	}

	.con3 .db {

		height: 220px;

		transform: translateY(-20px);

		padding-top: 20px;

		padding-left: 36px;

	}

	.con3 .db .wz .lef span {

		font-size: 34px;

	}

	.con4 {

		padding-top: 25px;

	

	}

	.con4 .div3 {

		margin-top: 20px;

	}

	.con4 .div3 .nr{

		width: 100%;

		margin-right: 0;

	}

	.con4 .div3 .nr:nth-child(2){

		display: none;

	}

	.con4 .div3 .nr .btn1 {

		height: auto;

		padding: 20px 15px;

	}

	.con4 .div3 .nr .btn h1 {

		font-size: 18px;

		margin-bottom: 0;

		line-height: 30px;

	}

	.con4 .div3 .nr .btn1 h1 {

		height: 60px;

	}

	.con4 .div3 .nr .btn .riq p {

		font-size: 14px;

	}

	.con4 .div3 .nr .btn .riq {

		margin-top: 10px;

	}

	.con4 .div3 .nr .btn .wz {

		font-size: 14px;

		line-height: 24px;

		margin-top: 10px;

	}

	.con4 .div3 .nr .btn2 {

		padding: 20px 15px;

	}



}

@media(max-width:375px){

	.con3 .db {

		padding-left: 18px;

	}

}









/* 关于我们 */

.ny_banner{

	width: 100%;

	position: relative;

	overflow: hidden;

}

.ny_banner .bj{

	width: 100%;

	vertical-align: middle;

}

.ny_banner .rq{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.ny_banner .rq .p1{

	font-size: 38px;

	color: #ffffff;

	text-align: center;

	padding-bottom: 30px;

	position: relative;

}

.ny_banner .rq .p1::before{

	content: '';

	width: 55px;

	height: 3px;

	background: #fff;

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translateX(-50%);

}

.ny_banner .rq .p1 span{

	font-size: 12px;

	color: #fff;

	letter-spacing: 20px;

	text-align: center;

	display: block;

	text-transform: uppercase;

}

.ny_banner .rq .p2{

	font-size: 18px;

	color: #ffffff;

	text-align: center;

	margin-top: 25px;

}



.dh{

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	line-height: 60px;

	border-top: 1px solid rgba(255,255,255,.4);

}

.dh a{

	font-size: 16px;

	color: #ffffff;

	opacity: 0.8;

	display: inline-block;

}



/* abo_con1 */

.abo_con1{

	width: 100%;

	border-bottom: 1px solid #e7e7e7;

	position: sticky;

	top: 0;

	background: #fff;

	z-index: 100;

}

.abo_con1 .rq{

	display: table;

	margin: 0 auto;

	width: auto;

}

.abo_con1 .rq span a{

	font-size: 18px;

	color: #333333;

	line-height: 58px;

	margin: 0 42px;

	display: inline-block;

}

.abo_con1 .rq span:hover a{

	color: #2a4194;

	font-weight: bold;

}

.abo_con1 .rq .on a{

	color: #2a4194;

	font-weight: bold;

}





/* abo_con2 */

.i{

	position: absolute;

	top: 0;

	left: 0;

	transform: translateY(-100px);

	opacity: 0;

}

.abo_con2{

	width: 100%;

	position: relative;

	padding-top: 95px;

}

.abo_con2 .top{

	width: 100%;

	padding-bottom: 55px;

}

.abo_con2 .top .rq{

	position: relative;

}

.abo_con2 .top .rq .lef{

	display: none;

}

.abo_con2 .top .rq .lef.on{

	width: 43%;

	display: block;

}

.ab_bt{

	font-size: 48px;

	color: #333333;

	padding-left: 22px;

	position: relative;

}

.ab_bt::before{

	content: '';

	width: 6px;

	height: 45px;

	background-image: linear-gradient(to top, #4b5cc4 , #44cbf5);

	position: absolute;

	left: 0;

	top: 54%;

	transform: translateY(-50%);

}

.abo_con2 .top .rq .lef .div{

	width: 100%;

	margin-top: 50px;

	border-top: 1px solid #d8d8d8;

	padding-top: 48px;

}

.abo_con2 .top .rq .lef .div .p1{

	font-size: 26px;

	color: #333333;

}

.abo_con2 .top .rq .lef .div:hover .p1{

	color:#2a4194;

}

.abo_con2 .top .rq .lef .div .div1{

	width: 100%;

	margin-top: 28px;

	/* height: 370px; */

	height: auto;

	padding-right: 10px;

	overflow-y: auto;

}

.abo_con2 .top .rq .lef .div .div1::-webkit-scrollbar {

    width: 3px;

    background-color: #999;

    border-radius:50px;

}



.abo_con2 .top .rq .lef .div .div1::-webkit-scrollbar-thumb {

    border-radius: 50px;

    background-color: #274496;

}

.abo_con2 .top .rq .lef .div .div1 p{

	font-size: 18px;

	color: #666666;

	line-height: 30px;

	/* margin-bottom: 34px; */

	margin-bottom: 17px;

}

.abo_con2 .top .rq .lef .div .div1 p:last-child{

	margin-bottom: 0;

}

.abo_con2 .top .rq .rig{

	width: 46.2%;

	position: absolute;

	right: 0;

	top: 0;

	overflow: hidden;

}

.abo_con2 .top .rq .rig .div{

	width: 100%;

	position: relative;

	margin-bottom: 3px;

}

.abo_con2 .top .rq .rig .div img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.abo_con2 .top .rq .rig .div:hover img{

	transform: scale(1.05);

}

.abo_con2 .top .rq .rig .div p{

	font-size: 16px;

	color: #ffffff;

	width: 100%;

	text-align: center;

	position: absolute;

	bottom: 24px;

	left: 0;

}





.abo_con2 .bot{

	width: 100%;

	height: 302px;

	background-image: url(../images/img35.png);

	background-size: cover;

	padding-top: 54px;

}

.abo_con2 .bot .div{

	display: none;

}

.abo_con2 .bot .div.on{

	width: 43%;

	display: block;

	position: relative;

}

.abo_con2 .bot .div .div1{

	width: 100%;

}

.abo_con2 .bot .div .div1::before{

	content: '';

	width: 2px;

	height: 170px;

	background: rgba(255,255,255,.2);

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.abo_con2 .bot .div .div2{

	width: 100%;

	display: flex;

	justify-content: space-between;

	margin-bottom: 52px;

}

.abo_con2 .bot .div .div2:last-child{

	margin-bottom: 0;

}

.abo_con2 .bot .div .div3:last-child{

}

.abo_con2 .bot .div .div3 p{

	font-size: 24px;

	color: #fff;

	position: relative;

}

.abo_con2 .bot .div .div3 p em{

	font-size: 24px;

	color: #fff;

	position: absolute;

	top: 8px;

	margin-left: 7px;

}

.abo_con2 .bot .div .div3 p span{

	font-size: 68px;

	line-height: 68px;

	color: #fff;

	font-weight: bold;

	margin-right: 12px;

	display: inline-block;

}



.abo_con2 .bot .div .div1 .div1_l, .abo_con2 .bot .div .div1 .div1_r{

	width: 50%;

    float: left;

}

.abo_con2 .bot .div .div1 .div1_r {

	padding-left: 7%;

}

.abo_con2 .bot .div .div1 p{

	font-size: 24px;

	color: #fff;

	position: relative;

}

.abo_con2 .bot .div .div1 p em{

	font-size: 24px;

	color: #fff;

	position: absolute;

	top: 8px;

	margin-left: 7px;

}

.abo_con2 .bot .div .div1 p span{

	font-size: 54px;

	line-height: 68px;

	color: #fff;

	font-weight: bold;

	margin-right: 12px;

	display: inline-block;

}

.abo_con2 .bot .div .div1 .div1_l p:first-child,.abo_con2 .bot .div .div1 .div1_r p:first-child{

	margin-bottom: 54px;

}





/* abo_con3 */

.abo_con3{

	width: 100%;

	padding-top: 140px;

	padding-bottom: 90px;

	position: relative;

}

.abo_con3 .rq{

	width: 100%;

	padding-top: 48px;

}

.abo_con3 .rq .lef{

	width: 34.2%;

	float: left;

	position: relative;

	overflow: hidden;

}

.abo_con3 .rq .lef::before{

	content: '';

	width: 100%;

	height: 8px;

	background-image: linear-gradient(to right, #4b5cc4 , #44cbf5);

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 2;

}

.abo_con3 .rq .lef img{

	vertical-align: middle;

	width: 100%;

	transition: all .5s;

}

.abo_con3 .rq .lef:hover img{

	transform: scale(1.05);

}

.abo_con3 .rq .lef .div{

	width: 100%;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	padding: 0 15px;

}

.abo_con3 .rq .lef .div .p1{

	font-size: 28px;

	color: #ffffff;

	text-align: center;

	margin-bottom: 18px;

}

.abo_con3 .rq .lef .div .p2{

	font-size: 22px;

	color: #fff;

	text-align: center;

	line-height: 34px;

}



.abo_con3 .rq .rig{

	width: 65.8%;

	float: left;

	padding-left: 105px;

}

.abo_con3 .rq .rig .div{

	width: 100%;

	padding-bottom: 40px;

	margin-bottom: 36px;

	border-bottom: 1px solid #d6d6d6;

}

.abo_con3 .rq .rig .div:last-child{

	border-bottom: none;

	margin-bottom: 0;

	padding-bottom: 0;

}

.abo_con3 .rq .rig .div .div1{

	width: 50%;

	float: left;

	padding-left: 70px;

	padding-right: 150px;

	position: relative;

}

.abo_con3 .rq .rig .div .div1::before{

	content: '';

	width: 1px;

	height: 84px;

	background: #d6d6d6;

	position: absolute;

	top: 0;

	right: 75px;

}

.abo_con3 .rq .rig .div .div1:nth-child(2){

	padding-right: 28px;

}

.abo_con3 .rq .rig .div .div1:nth-child(2)::before{

	display: none;

}

.abo_con3 .rq .rig .div .div1 img{

	width: 51px;

	position: absolute;

	left: 0;

	top: 0;

	transition: all .5s;

}

.abo_con3 .rq .rig .div .div1:hover img{

	transform: scale(1.1);

}

.abo_con3 .rq .rig .div .div1 .p1{

	font-size: 24px;

	color: #333333;

	margin-bottom: 10px;

	transition: all .5s;

}

.abo_con3 .rq .rig .div .div1:hover .p1{

	color: #274496;

}

.abo_con3 .rq .rig .div .div1 .p2{

	font-size: 18px;

	color: #666666;

	line-height: 28px;

}





/* abo_con4 */

.abo_con4{

	width: 100%;

	position: relative;

}

.abo_con4 .bj{

	width: 100%;

	vertical-align: middle;

}

.abo_con4 .rq{

	height: 100%;

	position: absolute;

	left: 50%;

	top: 0;

	transform: translateX(-50%);

	padding-top: 90px;

}

.abo_con4 .rq .div{

	width: 120px;

	position: absolute;

	top: 90px;

	left: 50%;

	transform: translateX(-50%);

}

.abo_con4 .rq .div img{

	width: 100%;

	display: block;

	margin: 0 auto;

}

.abo_con4 .rq .div p{

	font-size: 18px;

	color: #666666;

	text-align: center;

	margin-top: 10px;



}

.abo_con4 .rq .div:hover p{

   color: #2a4194;

   font-weight: bold;

}

/* abo_con5 */

.abo_con5{

	width: 100%;

	height: 876px;

	background-image: url(../images/img78.jpg);

	background-size: cover;

	background-position-x: center;

	background-position-y: bottom;

	position: relative;

	padding-top: 94px;

	padding-bottom: 100px;

	overflow: hidden;

}

.abo_con5 .swiper-button-next,.abo_con5 .swiper-button-prev{

	width: 60px;

    height: 60px;

    background-image: url(../images/img150.png);

    background-size: contain;

    background-repeat: no-repeat;

	right: 0px;

    top: 30%;

}

.abo_con5 .swiper-button-next:hover,.abo_con5 .swiper-button-prev:hover{

	width: 60px;

    height: 60px;

    background-image: url(../images/img151.png);

    background-size: contain;

    background-repeat: no-repeat;

	right: 0px;

    top: 30%;

}

.abo_con5 .swiper-button-prev{

    left: 0px;

    transform: rotate(180deg);

}

.abo_con5 .rq{

	width: 100%;

	padding-top: 86px;

	position: relative;

}

.abo_con5 .rq .p{

	font-size: 390px;

	color: rgba(255,255,255,.8);

	font-weight: bold;

	position: absolute;

	left: 50%;

	top: 30%;

	transform: translate(-50%,-50%);

}

.abo_con5 .rq .top{

	width: 100%;

	height: 415px;

	padding: 0 400px;

}

.abo_con5 .rq .top .div{

	min-width: 475px;

	width: auto;

	display: table;

	background: #fff;

	margin: 0 auto;

	padding: 0 15px;

	padding-top: 46px;

	padding-bottom: 50px;

	position: relative;

}

.abo_con5 .rq .top .div::before{

	content: '';

	width: 100%;

	height: 8px;

	background-image: linear-gradient(to right, #4b5cc4 , #44cbf5);

	position: absolute;

	bottom: 0;

	left: 0;

}

.abo_con5 .rq .top .div .p1{

	font-size: 24px;

	color: #333333;

	text-align: center;

	margin-bottom: 12px;

}

.abo_con5 .rq .top .div .p2{

	font-size: 16px;

	line-height: 28px;

	color: #666666;

	text-align: center;

}

.abo_con5 .rq .top .div:hover .p1{

	color: #2a4194;

	font-weight: bold;

}

.abo_con5 .rq .bot{

	width: 100%;

	position: relative;

}

.abo_con5 .rq .bot::before{

	content: '';

	width: 100%;

	height: 1px;

	background: rgba(255,255,255,.3);

	position: absolute;

	left: 0;

	top: 50px;

}

.abo_con5 .rq .bot .p1{

	font-size: 24px;

	color: #fff;

	text-align: center;

	opacity: 0;

}

.abo_con5 .rq .bot .swiper-slide{

	cursor: pointer;

}

.abo_con5 .rq .bot .swiper-slide-thumb-active .p1{

	opacity: 1;

	font-weight: bold;

}

.abo_con5 .rq .bot em{

	display: block;

	margin: 0 auto;

	width: 18px;

	height: 18px;

	background-image: url(../images/img79.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-bottom: 8px;

}

.abo_con5 .rq .bot .p2{

	font-size: 18px;

	color: #fff;

	text-align: center;

}

.abo_con5 .rq .bot .swiper-slide-thumb-active .p2{

	opacity: 0;

}





/* abo_con6 */

.abo_con6{

	width: 100%;

	padding-top: 85px;

	padding-bottom: 110px;

	position: relative;

}

.abo_con6 .rq{

	width: 100%;

	position: relative;

}

.abo_con6 .rq img{

	width: 80.2%;

	display: block;

	margin: 0 auto;

}

.abo_con6 .rq .div{

	width: 125px;

	height: 125px;

	position: absolute;

	top: 41%;

    left: 39.5%;

	transform: translate(-50%,-50%);

}

.abo_con6 .rq .div img{

	width: 100%;

	vertical-align: middle;

}

.abo_con6 .rq .div::before,

.abo_con6 .rq .div::after{

	content: '';

	width: 100%;

	height: 100%;

	border-radius: 50%;

	border: 1px dashed #41b3d9;

	position: absolute;

	top: 50%;

    left: 50%;

	transform: translate(-50%,-50%);

}

.abo_con6 .rq .div::after{

	animation: yfd 6s linear infinite;

}

.abo_con6 .rq .div::before{

	animation: yfd 6s linear infinite 3s;

}

@keyframes yfd{

	0%{

		transform: translate(-50%,-50%) scale(1);

		opacity: 1;

	}

	100%{

		opacity: 0;

		transform: translate(-50%,-50%) scale(4);

	}

}

.abo_con6 .rq .div1{

	position: absolute;

	top: 50%;

    left: 50%;

	transform: translate(-50%,-50%);

}

.abo_con6 .rq .div2{

	top: 27%;

    left: 22%;

}

.abo_con6 .rq .div3{

    top: 48%;

    left: 33%;

}

.abo_con6 .rq .div4{

    top: 61%;

    left: 42%;

}

.abo_con6 .rq .div5{

    top: 41%;

    left: 46%;

}

.abo_con6 .rq .div6{

    top: 39%;

    left: 75%;

}

.abo_con6 .rq .div1 p{

	font-size: 16px;

	color: #333333;

	position: relative;

}

.abo_con6 .rq .div1 p em{

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #20a3e4;

	display: inline-block;

	margin: 0 8px;

	margin-bottom: 2px;

}

.abo_con6 .rq1{

	width: 100%;

	margin-top: 10px;

}

.abo_con6 .rq1 .div{

	width: 33.3333%;

	float: left;

	position: relative;

}

.abo_con6 .rq1 .div::before{

	content: '';

	width: 1px;

	height: 62px;

	background: #d2d2d2;

	position: absolute;

	right: 0;

	top: 0;

}

.abo_con6 .rq1 .div:nth-child(3)::before{

	display: none;

}

.abo_con6 .rq1 .div .p1{

	font-size: 24px;

	color: #004fb0;

	text-align: center;

	margin-bottom: 10px;

}

.abo_con6 .rq1 .div:hover .p1{

	font-weight: bold;

}

.abo_con6 .rq1 .div .p2{

	font-size: 16px;

	color: #666666;

	text-align: center;

}





/* abo_con7 */

.abo_con7{

	width: 100%;

	padding-top: 88px;

	padding-bottom: 70px;

	background: #f5f5f5;

	position: relative;

}

.abo_con7 .rq{

	width: 100%;

	margin-top: 40px;

}

.abo_con7 .rq .div{

	width: 100%;

	height: 105px;

	background: #fff;

	position: relative;

	overflow: hidden;

}

.abo_con7 .rq .div img{

	max-width: 75%;

	max-height: 75%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	transition: linear .5s;

}

.abo_con7 .rq .div:hover img{

	transform: translate(-50%,-50%) scale(1.05);

}

.abo_con7 .rq .swiper-container{

	padding-bottom: 50px;

}

.abo_con7 .rq .swiper-pagination{

	bottom: 0;

}





@media(max-width:1459px){

	.abo_con5 .swiper-button-next, .abo_con5 .swiper-button-prev {

		width: 46px;

		height: 46px;

	}

	.ny_banner .rq .p1 {

		font-size: 32px;

		padding-bottom: 24px;

	}

	.ny_banner .rq .p1 span {

		letter-spacing: 18px;

	}

	.ny_banner .rq .p1::before {

		width: 46px;

		height: 2px;

	}

	.ny_banner .rq .p2 {

		font-size: 16px;

		margin-top: 18px;

	}

	.dh {

		line-height: 48px;

	}

	.dh a {

		font-size: 14px;

	}

.abo_con1 .rq span a {

    font-size: 15px;

    line-height: 50px;

    margin: 0px 30px;

}

.abo_con2 {

    padding-top: 70px;

}

.abo_con2 .top .rq .lef {

    width: 48%;

}

.ab_bt {

    font-size: 34px;

    padding-left: 20px;

}

.ab_bt::before {

    width: 4px;

    height: 35px;

}

.abo_con2 .top .rq .lef .div {

    margin-top: 38px;

    padding-top: 36px;

}

.abo_con2 .top .rq .lef .div .p1 {

    font-size: 22px;

}

.abo_con2 .top .rq .lef .div .div1 p {

    font-size: 15px;

    line-height: 26px;

    /* margin-bottom: 20px; */

	margin-bottom: 10px;

}

.abo_con2 .top .rq .lef .div .div1 {

    margin-top: 20px;

    /* height: 295px; */

	height: auto;

}

.abo_con2 .bot .div {

    width: 48%;

}

.abo_con2 .bot {

    height: 230px;

    padding-top: 30px;

}

.abo_con2 .bot .div .div3 p span {

    font-size: 50px;

    line-height: 50px;

    margin-right: 4px;

}

.abo_con2 .bot .div .div3 p em {

    font-size: 18px;

    top: 6px;

    margin-left: 5px;

}

.abo_con2 .bot .div .div3 p {

    font-size: 18px;

}

.abo_con2 .bot .div .div1 p span {

    font-size: 40px;

    line-height: 50px;

    margin-right: 4px;

}

.abo_con2 .bot .div .div1 p em {

    font-size: 18px;

    top: 6px;

    margin-left: 5px;

}

.abo_con2 .bot .div .div1 p {

    font-size: 18px;

}

.abo_con2 .bot .div .div1::before {

    height: 150px;

}

.abo_con3 {

    padding-top: 108px;

    padding-bottom: 68px;

}

.abo_con3 .rq {

    padding-top: 36px;

}

.abo_con3 .rq .lef .div .p1 {

    font-size: 20px;

    margin-bottom: 12px;

}

.abo_con3 .rq .lef .div .p2 {

    font-size: 16px;

    line-height: 28px;

}

.abo_con3 .rq .lef::before {

    height: 6px;

}

.abo_con3 .rq .rig {

    padding-left: 50px;

}

.abo_con3 .rq .rig .div .div1 {

    padding-left: 54px;

    padding-right: 118px;

}

.abo_con3 .rq .rig .div .div1 img {

    width: 38px;

}

.abo_con3 .rq .rig .div .div1 .p1 {

    font-size: 18px;

    margin-bottom: 4px;

}

.abo_con3 .rq .rig .div .div1 .p2 {

    font-size: 14px;

    line-height: 24px;

}

.abo_con3 .rq .rig .div {

    padding-bottom: 30px;

    margin-bottom: 25px;

}

.abo_con3 .rq .rig .div .div1::before {

    height: 64px;

    right: 52px;

}

.abo_con4 .rq {

    padding-top: 60px;

}

.abo_con4 .rq .div {

    width: 90px;

    top: 60px;

}

.abo_con4 .rq .div p {

    font-size: 14px;

    margin-top: 5px;

}

.abo_con5 {

    height: auto;

    padding-top: 68px;

    padding-bottom: 76px;

}

.abo_con5 .rq {

    padding-top: 64px;

}

.abo_con5 .rq .top {

    height: 260px;

    padding: 0 100px;

}

.abo_con5 .rq .top .div {

    padding-top: 36px;

    padding-bottom: 40px;

}

.abo_con5 .rq .top .div .p1 {

    font-size: 18px;

    margin-bottom: 6px;

}

.abo_con5 .rq .top .div .p2 {

    font-size: 14px;

    line-height: 24px;

}

.abo_con5 .rq .p {

    font-size: 290px;

    top: 26%;

}

.abo_con5 .rq .bot .p1 {

    font-size: 18px;

}

.abo_con5 .rq .bot .p2 {

    font-size: 14px;

}

.abo_con5 .rq .bot em {

    width: 12px;

    height: 12px;

    margin-top: 6px;

    margin-bottom: 4px;

}

.abo_con5 .rq .bot::before {

    top: 35px;

}

.abo_con6 {

    padding-top: 65px;

    padding-bottom: 82px;

}

.abo_con6 .rq .div {

    width: 95px;

    height: 95px;

}

.abo_con6 .rq .div1 p {

    font-size: 14px;

}

.abo_con6 .rq .div1 p em {

    width: 5px;

    height: 5px;

}

.abo_con6 .rq1 .div .p1 {

    font-size: 18px;

    margin-bottom: 6px;

}

.abo_con6 .rq1 .div .p2 {

    font-size: 14px;

}

.abo_con7 {

    padding-top: 66px;

    padding-bottom: 52px;

}

.abo_con7 .rq {

    margin-top: 30px;

}

.abo_con7 .rq .div {

    height: 80px;

}

.abo_con7 .rq .swiper-container {

    padding-bottom: 40px;

}





}

@media(max-width:1024px){

	.abo_con2 .bot .div .div1 .div1_l p:first-child, .abo_con2 .bot .div .div1 .div1_r p:first-child {

		margin-bottom: 30px;

	}

	.abo_con2 .top .rq .lef .div {

		margin-top: 18px;

		padding-top: 18px;

	}

	.ab_bt {

		font-size: 28px;

		padding-left: 16px;

	}

	.ab_bt::before {

		width: 3px;

		height: 28px;

	}

	.abo_con2 .top .rq .lef .div .p1 {

		font-size: 20px;

	}

	.abo_con2 .top .rq .lef .div .div1 p {

		font-size: 14px;

		line-height: 23px;

		/* margin-bottom: 14px; */

		margin-bottom: 10px;

	}

	.abo_con2 .top .rq .lef .div .div1 {

		margin-top: 14px;

		/* height: 258px; */

		height: auto;

	}

	.abo_con2 .top {

		padding-bottom: 30px;

	}

	.abo_con2 .bot {

		height: 160px;

		padding-top: 28px;

	}

	.abo_con2 .bot .div .div3 p span {

		font-size: 36px;

		line-height: 36px;

		margin-right: 4px;

	}

	.abo_con2 .bot .div .div3 p em {

		font-size: 14px;

		top: 2px;

		margin-left: 5px;

	}

	.abo_con2 .bot .div .div3 p {

		font-size: 14px;

	}

	.abo_con2 .bot .div .div1 p span {

		font-size: 36px;

		line-height: 36px;

		margin-right: 4px;

	}

	.abo_con2 .bot .div .div1 p  em {

		font-size: 14px;

		top: 2px;

		margin-left: 5px;

	}

	.abo_con2 .bot .div .div1 p  {

		font-size: 14px;

	}

	.abo_con2 .bot .div .div2 {

		margin-bottom: 30px;

	}

	.abo_con2 .bot .div .div1::before {

		height: 100px;

	}

	.abo_con2 .top .rq .rig .div p {

		font-size: 14px;

		bottom: 14px;

	}

	.abo_con1 {

		top: 60px;

	}

	.abo_con3 {

		padding-top: 80px;

		padding-bottom: 50px;

	}

	.abo_con3 .rq .rig {

		padding-left: 30px;

	}

	.abo_con3 .rq .rig .div .div1 {

		padding-left: 54px;

		padding-right: 40px;

	}

	.abo_con3 .rq .rig .div .div1::before {

		height: 66px;

		right: 20px;

	}

	.abo_con4 .rq {

		padding-top: 36px;

	}

	.abo_con4 .rq .div {

		width: 60px;

		top: 36px;

	}

	.abo_con5 .rq .top {

		height: 200px;

		padding: 0 60px;

	}

	.abo_con5 .rq .p {

		font-size: 225px;

		top: 32%;

	}

	.abo_con7 .rq .div {

		height: 60px;

	}



}

@media(max-width:768px){

	.abo_con2 .bot .div.on {

		width: 50%;

		display: block;

	}

	.abo_con1 .rq{

		overflow-x: auto;

		white-space: nowrap;

		display: block;

		width: 100%;

	}

	.abo_con1 .rq span{

		display: inline-block;

	}

	.abo_con1 .rq::-webkit-scrollbar {

		height: 1px;

		background-color: rgba(0,0,0,0);

		border-radius:50px;

	}

	.abo_con1 .rq::-webkit-scrollbar-thumb {

		border-radius: 50px;

		background-color: rgba(0,0,0,0);

	}

	.abo_con1 .rq span a {

		font-size: 14px;

		line-height: 50px;

		margin: 0px 18px;

	}

	.abo_con2 .top .rq .lef.on{

		width: 100%;

	}

	.abo_con2 .top .rq .rig{

		width: 100%;

		position: sticky;

	}

	.abo_con2 .bot .div{

		width: 80%;

		margin: 0 auto;

	}

	.abo_con3 .rq .lef{

		width: 100%;

	}

	.abo_con3 .rq .rig{

		width: 100%;

		padding-left: 0;

		margin-top: 20px;

	}

	.abo_con5 .rq .top {

		height: auto;

		padding: 0 0px;

		margin-bottom: 40px;

	}

	.abo_con5 {

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.abo_con5 .rq .p {

		top: 39%;

	}

	.abo_con6 .rq .div {

		width: 66px;

		height: 66px;

	}

	



}

@media(max-width:500px){

	.abo_con2 .bot .div .div1 .div1_r {

		padding-left: 6%;

	}

	.abo_con2 {

		padding-top: 45px;

	}

	.ab_bt {

		font-size: 24px;

		padding-left: 12px;

	}

	.ab_bt::before {

		width: 3px;

		height: 25px;

	}

	.abo_con2 .top .rq .lef .div .div1 {

		margin-top: 10px;

		/* height: 258px; */

		height: auto;

		margin-bottom: 25px;

	}

	.abo_con2 .bot .div.on{

		width: 100%;

	}

	.abo_con3 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo_con3 .rq {

		padding-top: 24px;

	}

	.abo_con3 .rq .rig .div {

		padding-bottom: 0px;

		margin-bottom: 0px;

		border-bottom:none;

	}

	.abo_con3 .rq .rig .div .div1{

		width: 100%;

		padding: 0 !important;

		border-bottom: 1px solid #d6d6d6;

		padding-bottom: 10px !important;

		padding-left: 50px !important;

		margin-bottom: 10px;

	}

	.abo_con3 .rq .rig .div .div1::before{

		display: none;

	}

	.abo_con5 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo_con5 .rq .top .div {

		min-width: 100%;

		padding: 0 15px;

		padding-top: 28px;

		padding-bottom: 30px;

	}

	.abo_con5 .rq {

		padding-top: 28px;

	}

	.abo_con5 .rq .top .div .p1 {

		margin-bottom: 3px;

	}

	.abo_con5 .rq .p {

		font-size: 188px;

		top: 35%;

	}

	.abo_con6 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo_con6 .rq img {

		width: 100%;

	}

	.abo_con6 .rq .div {

		width: 40px;

		height: 40px;

	}

	@keyframes yfd{

		0%{

			transform: translate(-50%,-50%) scale(1);

			opacity: 1;

		}

		100%{

			opacity: 0;

			transform: translate(-50%,-50%) scale(2);

		}

	}

	.abo_con6 .rq1 .div{

		padding: 0 10px;

	}

	.abo_con6 .rq1 .div .p1 {

		font-size: 16px;

	}

	.abo_con7 {

		padding-top: 45px;

		padding-bottom: 30px;

	}

	.abo_con7 .rq {

		margin-top: 24px;

	}

	.abo_con7 .rq .swiper-container {

		padding-bottom: 30px;

	}



}

@media(max-width:375px){

	.abo_con6 .rq1 .div {

		padding: 0 5px;

	}

}









/* 服务理念 */

.ser_con1{

	width: 100%;

	padding-top: 100px;

	position: relative;

}

.ser_con1 .rq{

	width: 100%;

}

.ser_con1 .lef{

	width: 50%;

	float: left;

	padding-right: 90px;

}

.ser_con1 .lef .p1{

	font-size: 40px;

	color: #fff;

	width: 100%;

	line-height: 80px;

	background-image: linear-gradient(to right, #4b5cc4 , #44cbf5);

	margin-top: 50px;

	padding-left: 35px;

}

.ser_con1 .lef .p1 img{

	width: 56px;

	margin-bottom: -12px;

	margin-right: 4px;

	transition: all .5s;

	overflow: hidden;

}

.ser_con1 .lef .p1:hover img{

	transform: scale(1.05);

}

.ser_con1 .lef .p2{

	font-size: 18px;

	color: #666666;

	margin-top: 55px;

	margin-bottom: 32px;

	line-height: 32px;

}

.ser_con1 .lef .p3{

	font-size: 18px;

	color: #666666;

	line-height: 32px;

}

.ser_con1 .rig{

	width: 50%;

	float: left;

	overflow: hidden;

}

.ser_con1 .rig img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.ser_con1 .rig:hover img{

	transform: scale(1.05);

}

.ser_con1 .rq1{

	width: 100%;

	margin-top: 60px;

	border: 1px solid #e7e7e7;

}

.ser_con1 .rq1 .div{

	width: 33.3333%;

	float: left;

}

.ser_con1 .rq1 .div p{

	font-size: 20px;

	color: #999999;

	text-align: center;

	line-height: 100px;

}

.ser_con1 .rq1 .div p span{

	color: #333333;

}

.ser_con1 .rq1 .div p img{

	width: 56px;

	margin-bottom: -18px;

	margin-right: 10px;

}



/* ser_con2 */

.ser_con2{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 100px;

	position: relative;

}

.ser_con2 .rq{

	width: 100%;

	padding-top: 68px;

}

.ser_con2 .rq .lef{

	width: 48.2%;

	float: left;

	padding-top: 86px;

}

.ser_con2 .rq .lef img{

	width: 100%;

	vertical-align: middle;

}

.ser_con2 .rq .rig{

	width: 51.8%;

	float: left;

	padding-left: 60px;

}

.ser_con2 .rq .rig .div1{

	width: 100%;

	white-space: nowrap;

	overflow-x: auto;

}

.ser_con2 .rq .rig .div1::-webkit-scrollbar {

    height: 5px;

    background-color: #999;

    border-radius:50px;

}

.ser_con2 .rq .rig .div1::-webkit-scrollbar-thumb {

    border-radius: 50px;

    background-color: #2c4096;

}



.ser_con2 .rq .rig .div1 a{

	font-size: 24px;

	color: #333333;

	width: 240px;

	height: 86px;

	text-align: center;

	line-height: 86px;

	background: #f5f5f5;

	/* float: left; */

	display: inline-block;

	position: relative;

	cursor: pointer;

}

.ser_con2 .rq .rig .div1 a:hover span{

	color: #2a4194;

}

.ser_con2 .rq .rig .div1 a::before{

	content: '';

	width: 100%;

	height: 3px;

	background-image: linear-gradient(to right, #4b5cc4 , #44cbf5);

	position: absolute;top: 0;

	left: 0;

	opacity: 0;

	transition: all .5s;

}

.ser_con2 .rq .rig .div1 a.on1::before{

	opacity: 1;

}

.ser_con2 .rq .rig .div2{

	width: 100%;

	height: 550px;

	margin-top: 18px;

	padding-right: 38px;

	overflow-y: auto;

	display: none;

}

.ser_con2 .rq .rig .div2.on2{

	display: block;

}

.ser_con2 .rq .rig .div2::-webkit-scrollbar {

    width: 4px;

    background-color: #e7e7e7;

}

.ser_con2 .rq .rig .div2::-webkit-scrollbar-thumb {

    background-color: #2c4096;

}



.ser_con2 .rq .rig .div{

	width: 100%;

}

.ser_con2 .rq .rig .div .top{

	width: 100%;

	height: 69px;

	padding-left: 96px;

	padding-right: 40px;

	margin-bottom: 22px;

	position: relative;

	cursor: pointer;

}

.ser_con2 .rq .rig .div .top::before{

	content: '';

	width: 25px;

	height: 14px;

	background-image: url(../images/img89.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%) rotate(180deg);

}

.ser_con2 .rq .rig .div.on .top::before{

	transform: translateY(-50%) rotate(0deg);

}

.ser_con2 .rq .rig .div .top i{

	width: 60px;

	height: 69px;

	background-image: url(../images/img55.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	left: 0;

	top: 0;

}

.ser_con2 .rq .rig .div .top p{

	font-size: 20px;

	color: #333333;

	line-height: 60px;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.ser_con2 .rq .rig .div .bot{

	width: 100%;

	height: 69px;

	padding-left: 96px;

	padding-top: 14px;

	margin-bottom: 22px;

	position: relative;

}

.ser_con2 .rq .rig .div.on .bot{

	height: auto;

}

.ser_con2 .rq .rig .div .bot i{

	width: 60px;

	height: 69px;

	background-image: url(../images/img56.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	left: 0;

	top: 0;

}

.ser_con2 .rq .rig .div .bot p{

	font-size: 16px;

	color: #666666;

	line-height: 32px;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.ser_con2 .rq .rig .div.on .bot p{

	white-space: inherit;

}



@media(max-width:1459px){

	.ser_con1 {

		padding-top: 76px;

	}

	.ser_con1 .lef {

		padding-right: 60px;

	}

	.ser_con1 .lef .p1 {

		font-size: 30px;

		line-height: 60px;

		margin-top: 34px;

		padding-left: 20px;

	}

	.ser_con1 .lef .p1 img {

		width: 40px;

		margin-bottom: -8px;

		margin-right: 4px;

	}

	.ser_con1 .lef .p2 {

		font-size: 15px;

		margin-top: 37px;

		margin-bottom: 18px;

		line-height: 28px;

	}

	.ser_con1 .lef .p3 {

		font-size: 15px;

		line-height: 28px;

	}

	.ser_con1 .rq1 {

		margin-top: 44px;

	}

	.ser_con1 .rq1 .div p {

		font-size: 16px;

		line-height: 76px;

	}

	.ser_con1 .rq1 .div p img {

		width: 42px;

		margin-bottom: -14px;

		margin-right: 6px;

	}

	.ser_con2 {

		padding-top: 68px;

		padding-bottom: 76px;

	}

	.ser_con2 .rq {

		padding-top: 50px;

	}

	.ser_con2 .rq .rig .div1 a {

		font-size: 18px;

		width: 180px;

		height: 65px;

		line-height: 65px;

	}

	.ser_con2 .rq .lef {

		padding-top: 65px;

	}

	.ser_con2 .rq .rig .div .top {

		height: 52px;

		padding-left: 72px;

		padding-right: 30px;

		margin-bottom: 15px;

	}

	.ser_con2 .rq .rig .div .bot i,

	.ser_con2 .rq .rig .div .top i {

		width: 46px;

		height: 52px;

	}

	.ser_con2 .rq .rig .div .top p {

		font-size: 17px;

		line-height: 50px;

	}

	.ser_con2 .rq .rig .div .top::before {

		width: 20px;

		height: 11px;

	}

	.ser_con2 .rq .rig .div .bot {

		height: 52px;

		padding-left: 72px;

		padding-top: 6px;

		margin-bottom: 15px;

	}

	.ser_con2 .rq .rig .div .bot p {

		font-size: 14px;

		line-height: 26px;

	}

	.ser_con2 .rq .rig .div2 {

		height: 418px;

		margin-top: 18px;

		padding-right: 28px;

	}



}

@media(max-width:1024px){

	.ser_con1 .lef .p1 {

		font-size: 22px;

		line-height: 48px;

		margin-top: 24px;

		padding-left: 16px;

	}

	.ser_con1 .lef .p1 img {

		width: 30px;

		margin-bottom: -6px;

		margin-right: 4px;

	}

	.ser_con1 .lef .p2 {

		font-size: 14px;

		margin-top: 22px;

		margin-bottom: 14px;

		line-height: 26px;

	}

	.ser_con1 .lef .p3 {

		font-size: 14px;

		line-height: 26px;

	}

	.ser_con1 .rq1 {

		margin-top: 28px;

	}

	.ser_con2 .rq {

		padding-top: 32px;

	}

	.ser_con2 .rq .rig .div1 a {

		font-size: 16px;

		width: 160px;

		height: 54px;

		line-height: 54px;

	}

	.ser_con2 .rq .lef {

		padding-top: 54px;

	}

	.ser_con2 .rq .rig .div2 {

		height: 312px;

		margin-top: 18px;

		padding-right: 28px;

	}



}

@media(max-width:768px){

	.ser_con1 {

		padding-top: 60px;

	}

	.ser_con1 .lef{

		width: 100%;

		padding-right: 0;

	}

	.ser_con1 .rig{

		width: 100%;

		margin-top: 20px;

	}

	.ser_con1 .rq1 .div p img {

		width: 34px;

		margin-bottom: -11px;

		margin-right: 1px;

	}

	.ser_con2 .rq .lef{

		width: 100%;

		padding-top: 0;

	}

	.ser_con2 .rq .rig{

		width: 100%;

		padding-left: 0;

		margin-top: 25px;

	}



}

@media(max-width:500px){

	.ser_con1 {

		padding-top: 45px;

	}

	.ser_con1 .lef .p1 {

		font-size: 16px;

		line-height: 40px;

		margin-top: 24px;

		padding-left: 12px;

	}

	.ser_con1 .lef .p1 img {

		width: 24px;

	}

	.ser_con1 .lef .p2 {

		font-size: 14px;

		margin-top: 20px;

		margin-bottom: 10px;

		line-height: 24px;

	}

	.ser_con1 .lef .p3 {

		font-size: 14px;

		line-height: 24px;

	}

	.ser_con1 .rq1{

		padding: 10px 0;

	}

	.ser_con1 .rq1 .div{

		width: 100%;

	}

	.ser_con1 .rq1 .div p {

		font-size: 14px;

		line-height: 50px;

		text-align: left;

		padding-left: 20px;

	}

	.ser_con1 .rq1 .div p img {

		width: 26px;

		margin-bottom: -7px;

		margin-right: 5px;

	}

	.ser_con2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.ser_con2 .rq .rig .div1 a {

		font-size: 14px;

		width: 110px;

		height: 44px;

		line-height: 44px;

	}

	.ser_con2 .rq .rig .div .top {

		height: 40px;

		padding-left: 46px;

		padding-right: 26px;

		margin-bottom: 12px;

	}

	.ser_con2 .rq .rig .div .bot i, .ser_con2 .rq .rig .div .top i {

		width: 36px;

		height: 40px;

	}

	.ser_con2 .rq .rig .div .top p {

		font-size: 14px;

		line-height: 34px;

	}

	.ser_con2 .rq .rig .div .bot {

		height: 40px;

		padding-left: 46px;

		padding-top: 6px;

		margin-bottom: 12px;

	}

	.ser_con2 .rq .rig .div .bot p {

		font-size: 14px;

		line-height: 24px;

	}

	.ser_con2 .rq .rig .div .top::before {

		width: 17px;

		height: 9px;

		top: 39%;

	}



}







/* 联系我们 */

.con_con1{

	width: 100%;

	padding-top: 100px;

}

.con_con1 .rq{

	width: 100%;

	margin-top: 44px;

}

.con_con1 .top{

	width: 100%;

	padding: 0 24px;

	border-top: 1px solid #d8d8d8;

}

.con_con1 .top p{

	font-size: 20px;

	color: #333333;

	float: left;

	margin-right: 52px;

	position: relative;

	padding-top: 18px;

	transition: all .5s;

	cursor: pointer;

}

.con_con1 .top p.on{

	color: #274496;

}

.con_con1 .top p::before{

	content: '';

	width: 0%;

	height: 3px;

	background: #274496;

	position: absolute;

	left: 0;

	top: 0;

	transition: all .5s;

}

.con_con1 .top p.on::before{

	width: 100%;

}

.con_con1 .top p:last-child{

	margin-right: 0;

}

.con_con1 .bot{

	width: 100%;

	padding-top: 40px;

}

.con_con1 .bot .div{

	width: 100%;

	padding: 0 24px;

}

.con_con1 .bot .div .div1{

	width: 48%;

	float: left;

	margin-right: 4%;

	margin-bottom: 18px;

}

.con_con1 .bot .div .div1:nth-child(2n){

	margin-right: 0;

}

.con_con1 .bot .div .div1 p{

	font-size: 20px;

	color: #333333;

}

.con_con1 .bot .div .div1 p span{

	margin-left: 36px;

}

.con_con1 .bot .div2{

	width: 100%;

	margin-top: 45px;

}

.con_con1 .bot .div2 img{

	width: 100%;

	vertical-align: middle;

}

.con_con1 .bot .bot_div{

	width: 100%;

	display: none;

}

.con_con1 .bot .bot_div.on1{

	display: block;

}





/* con_con2 */

.con_con2{

	width: 100%;

	padding-top: 88px;

	padding-bottom: 90px;

}

.con_con2 .rq{

	width: 100%;

	padding-top: 44px;

}

.con_con2 .rq .div{

	width: 100%;

}

.con_con2 .rq .div input{

	width: 32%;

	height: 76px;

	margin-right: 2%;

	float: left;

	background: #f2f2f2;

	border: 1px solid #d8d8d8;

	padding: 0 22px;

	font-size: 16px;

	color: #999999;

	margin-bottom: 24px;

}

.con_con2 .rq .div input:nth-child(3){

	margin-right: 0;

}

.con_con2 .rq textarea{

	width: 100%;

	height: 236px;

	background: #f2f2f2;

	border: 1px solid #d8d8d8;

	padding: 18px 22px;

	font-size: 16px;

	color: #999999;

}

.con_con2 .rq button{

	font-size: 20px;

	color: #ffffff;

	width: 200px;

	height: 72px;

	background-image: linear-gradient(to right, #4b5cc4 , #44cbf5);

	display: block;

	margin: 0 auto;

	margin-top: 52px;

}





@media(max-width:1459px){

	.con_con1 {

		padding-top: 76px;

	}

	.con_con1 .rq {

		margin-top: 33px;

	}

	.con_con1 .top {

		padding: 0 18px;

	}

	.con_con1 .top p {

		font-size: 16px;

		margin-right: 38px;

		padding-top: 12px;

	}

	.con_con1 .bot {

		padding-top: 30px;

	}

	.con_con1 .bot .div .div1 p {

		font-size: 16px;

	}

	.con_con1 .bot .div2 {

		margin-top: 30px;

	}

	.con_con2 {

		padding-top: 66px;

		padding-bottom: 68px;

	}

	.con_con2 .rq {

		padding-top: 30px;

	}

	.con_con2 .rq .div input {

		height: 56px;

		padding: 0 16px;

		font-size: 14px;

		margin-bottom: 16px;

	}

	.con_con2 .rq textarea {

		height: 180px;

		padding: 14px 16px;

		font-size: 16px;

	}

	.con_con2 .rq button {

		font-size: 16px;

		width: 130px;

		height: 50px;

		margin-top: 30px;

	}





}

@media(max-width:768px){

	.con_con1 .bot .div .div1{

		width: 100%;

		margin-right: 0;

	}



}

@media(max-width:500px){

	.con_con1 {

		padding-top: 45px;

	}

	.con_con1 .rq {

		margin-top: 24px;

	}

	.con_con1 .top {

		padding: 0 0px;

	}

	.con_con1 .top p {

		margin-right: 28px;

		padding-top: 10px;

	}

	.con_con1 .bot .div {

		padding: 0;

	}

	.con_con1 .bot .div .div1 p {

		font-size: 14px;

		line-height: 24px;

	}

	.con_con1 .bot .div .div1 p span {

		margin-left: 10px;

	}

	.con_con1 .bot .div .div1 {

		margin-bottom: 8px;

	}

	.con_con1 .bot .div2 {

		margin-top: 10px;

	}

	.con_con2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.con_con2 .rq {

		padding-top: 24px;

	}

	.con_con2 .rq .div input {

		height: 44px;

		margin-bottom: 10px;

		width: 100%;

		margin-right: 0;

	}

	.con_con2 .rq textarea {

		height: 140px;

		font-size: 14px;

	}

	.con_con2 .rq button {

		font-size: 14px;

		width: 110px;

		height: 40px;

		margin-top: 15px;

	}



}





/* 资料下载 */

.dh2{

	position: static;

	border-bottom: 1px solid #e7e7e7;

}

.dh2 a{

	color: #999999;

}



/* dow_con1 */

.dow_con1{

	width: 100%;

	padding-top: 95px;

	padding-bottom: 95px;

}

.dow_con1 .lef{

	width: 27.5%;

	float: left;

}

.dow_con1 .lef a{

	display: block;

	font-size: 20px;

	color: #333333;

	line-height: 90px;

	background: #f5f5f5;

	padding: 0 25px;

	padding-right: 46px;

	position: relative;

	cursor: pointer;

}

.dow_con1 .lef a:hover{

	color: #264596;

}

.dow_con1 .lef a.on,

.dow_con1 .lef a.on:hover{

	color: #fff;

	background-image: linear-gradient(to right, #4b5cc4 , #44cbf5);

}

.dow_con1 .lef a::before{

	content: '';

	width: calc(100% - 50px);

	height: 1px;

	background: #d9d9d9;

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translateX(-50%);

}

.dow_con1 .lef a.on::before,

.dow_con1 .lef a:last-child::before{

	display: none;

}

.dow_con1 .lef a::after{

	content: '';

	width: 10px;

	height: 16px;

	background-image: url(../images/img63.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	right: 30px;

	top: 50%;

	transform: translateY(-50%);

	transition: all .5s;

}

.dow_con1 .lef a:hover::after{

	background-image: url(../images/img60.png);

}

.dow_con1 .lef a.on::after,

.dow_con1 .lef a.on:hover::after{

	background-image: url(../images/img65.png);

}



.dow_con1 .rig{

	width: 72.5%;

	float: left;

	padding-left: 40px;

}

.dow_con1 .rig .top{

	width: 100%;

	line-height: 100px;

	background: #264697;

	display: flex;

	justify-content: space-between;

}

.dow_con1 .rig .div1{

	width: 30%;

	text-align: center;

}

.dow_con1 .rig .div2{

	width: 15%;

}

.dow_con1 .rig .top p{

	font-size: 20px;

	color: #ffffff;

	text-align: center;

}

.dow_con1 .rig .bot{

	width: 100%;

}

.dow_con1 .rig .bot a{

	display: flex;

	justify-content: space-between;

	line-height: 80px;

	border-bottom: 1px solid #d9d9d9;

}

.dow_con1 .rig .bot .div1 p{

	font-size: 16px;

	color: #666666;

	text-align: center;

	transition: all .5s;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.dow_con1 .rig .bot a:hover .div1 p{

	color: #264697;

}

.dow_con1 .rig .bot .div2 p{

	font-size: 16px;

	color: #666666;

	text-align: center;

}

.dow_con1 .rig .bot .div2 p img{

	width: 20px;

	margin-bottom: -2px;

	margin-right: 5px;

}

.dow_con1 .rig .bot .div2 em{

	width: 40px;

	height: 40px;

	display: block;

	margin: 0 auto;

	background-image: url(../images/img91.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 20px;

	transition: all .5s;

}

.dow_con1 .rig .bot a:hover .div2 em{

	background-image: url(../images/img92.png);

}

.dow_con1 .rig .bot button{

	width: 145px;

	height: 60px;

	background: #e9e9e9;

	font-size: 16px;

	color: #666666;

	margin: 0 auto;

	display: block;

	margin-top: 40px;

	transition: all .5s;

}

.dow_con1 .rig .bot button:hover{

	background: #264697;

	color: #fff;

}

.dow_con1 .rig .bot .div{

	display: none;

}

.dow_con1 .rig .bot .div.on1{

	display: block;

}



@media(max-width:1459px){

	.dow_con1 {

		padding-top: 70px;

		padding-bottom: 70px;

	}

	.dow_con1 .lef a {

		font-size: 16px;

		line-height: 68px;

		padding: 0 18px;

		padding-right: 34px;

	}

	.dow_con1 .lef a::after {

		width: 8px;

		height: 13px;

		right: 18px;

	}

	.dow_con1 .rig .top {

		line-height: 70px;

	}

	.dow_con1 .rig .div1 {

		width: 42%;

	}

	.dow_con1 .rig .top p {

		font-size: 16px;

	}

	.dow_con1 .rig .bot a {

		line-height: 60px;

	}

	.dow_con1 .rig .bot .div1 p {

		font-size: 14px;

	}

	.dow_con1 .rig .bot .div2 p {

		font-size: 14px;

	}

	.dow_con1 .rig .bot .div2 p img {

		width: 16px;

		margin-bottom: -2px;

		margin-right: 5px;

	}

	.dow_con1 .rig .bot .div2 em {

		width: 30px;

		height: 30px;

		margin-top: 15px;

	}

	.dow_con1 .rig .bot button {

		width: 110px;

		height: 48px;

		font-size: 14px;

		margin-top: 30px;

	}



}

@media(max-width:768px){

	.dow_con1 .lef{

		width: 100%;

	}

	.dow_con1 .lef a{

		width: 32%;

		margin-right: 2%;

		margin-bottom: 15px;

		float: left;

	}

	.dow_con1 .lef a:nth-child(3n){

		margin-right: 0;

	}

	.dow_con1 .lef a::before{

		display: none;

	}

	.dow_con1 .rig{

		width: 100%;

		padding-left: 0;

	}

}

@media(max-width:500px){

	.dow_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.dow_con1 .lef a {

		font-size: 14px;

		line-height: 40px;

		padding: 0 10px;

		padding-right: 20px;



		text-overflow: ellipsis;

		overflow: hidden;

		white-space: nowrap;

	}

	.dow_con1 .lef a::after {

		width: 7px;

		height: 11px;

		right: 10px;

	}

	.dow_con1 .rig .div2 {

		width: 24%;

	}

	.dow_con1 .rig .top p {

		font-size: 14px;

	}

	.dow_con1 .rig .top {

		line-height: 50px;

	}

	.dow_con1 .rig .div1 {

		width: 52%;

	}

	.dow_con1 .rig .bot .div1 p {

		font-size: 13px;

	}

	.dow_con1 .rig .bot a {

		line-height: 50px;

	}

	.dow_con1 .rig .bot .div2 p {

		font-size: 13px;

	}

	.dow_con1 .rig .bot .div2 em {

		width: 26px;

		height: 26px;

		margin-top: 12px;

	}



}







/* 产品中心 */

.pro_con1{

	width: 100%;

	padding-top: 100px;

	padding-bottom: 94px;

	background: #f5f5f5;

}

.pro_con1 .div{

	width: 100%;

	margin-bottom: 38px;

}

.pro_con1 .div:last-child{

	margin-bottom: 0;

}

.pro_con1 .div .top{

	width: 100%;

	background: #fff;

	padding: 0 100px;

	overflow: hidden;

	position: relative;

}

.pro_con1 .div.on .top{

	background-image: linear-gradient(to right, #357fc1 , #5643bb);

}

.pro_con1 .div .top .ig{

	width: 222px;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(-30%,-50%);

}

.pro_con1 .div .top .ig3{

	width: 40px;

	height: 40px;

	background-image: url(../images/img114.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	right: 45px;

	top: 50%;

	transform: translateY(-50%);

}

.pro_con1 .div.on .top .ig3{

	background-image: url(../images/img115.png);

}

.pro_con1 .div .top p{

	font-size: 48px;

	color: #333333;

	line-height: 136px;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.pro_con1 .div .top:hover p{

	color: #2a4194

}



.pro_con1 .div.on .top:hover p{

	color: #fff;

}

.pro_con1 .div.on p{

	color: #fff;

}

.pro_con1 .div .top p em{

	display: inline-block;

	width: 65px;

	height: 68px;

	position: relative;

	margin-bottom: -20px;

	transition: all .5s;

}

.pro_con1 .div .top p em:hover img{

	transform: scale(1.05);

}

.pro_con1 .div .top p em img{

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	overflow: hidden;

}

.pro_con1 .div .top p em .ig2{

	opacity: 0;

}

.pro_con1 .div.on .top p em .ig2{

	opacity: 1;

}

.pro_con1 .div .bot{

	width: 100%;

	background: #fff;

	padding: 60px 50px 100px 100px;

	display: none;

}

.pro_con1 .div .bot .div1{

	width: 100%;

	height: 804px;

	padding-right: 50px;

	overflow-y: auto;

}

.pro_con1 .div .bot .div1::-webkit-scrollbar {

    width: 2px;

    background-color: #dfdfdf;

}

.pro_con1 .div .bot .div1::-webkit-scrollbar-thumb {

    background-color: #274496

}

.pro_con1 .div .bot .div2{

	width: 24%;

	margin-right: 1.333333%;

	float: left;

	margin-bottom: 20px;

}

.pro_con1 .div .bot .div2:nth-child(4n){

	margin-right: 0;

}

.pro_con1 .div .bot .div3{

	width: 100%;

	height: 335px;

	border: 1px solid #d8d8d8;

	position: relative;

}

.pro_con1 .div .bot .div3 img{

	max-width: 75%;

	max-height: 75%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	transition: all .5s;

}

.pro_con1 .div .bot .div2:hover .div3 img{

	transform: translate(-50%,-50%) scale(1.05);

}

.pro_con1 .div .bot .div2 p{

	font-size: 18px;

	color: #333333;

	text-align: center;

	line-height: 54px;

	text-align: center;

	background: #eeeeee;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.pro_con1 .div .bot .div2:hover p{

	color: #fff;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

}





@media(max-width:1459px){

	.pro_con1 {

		padding-top: 76px;

		padding-bottom: 68px;

	}

	.pro_con1 .div .top {

		padding: 0 76px;

	}

	.pro_con1 .div .top .ig {

		width: 168px;

	}

	.pro_con1 .div .top p {

		font-size: 36px;

		line-height: 102px;

	}

	.pro_con1 .div .top p em {

		width: 48px;

		height: 50px;

		margin-bottom: -12px;

	}

	.pro_con1 .div .top .ig3 {

		width: 30px;

		height: 31px;

		right: 36px;

	}

	.pro_con1 .div {

		margin-bottom: 26px;

	}

	.pro_con1 .div .bot {

		padding: 45px 38px 76px 76px;

	}

	.pro_con1 .div .bot .div1 {

		height: 610px;

		padding-right: 38px;

	}

	.pro_con1 .div .bot .div3 {

		height: 254px;

	}

	.pro_con1 .div .bot .div2 {

		margin-bottom: 15px;

	}

	.pro_con1 .div .bot .div2 p {

		font-size: 15px;

		line-height: 44px;

	}

	



}

@media(max-width:1024px){

	.pro_con1 .div .top p {

		font-size: 26px;

		line-height: 80px;

	}

	.pro_con1 .div .top {

		padding: 0 40px;

	}

	.pro_con1 .div .top .ig {

		width: 120px;

	}

	.pro_con1 .div .top p em {

		width: 40px;

		height: 42px;

		margin-bottom: -12px;

	}

	.pro_con1 .div .top .ig3 {

		width: 24px;

		height: 25px;

		right: 24px;

	}

	.pro_con1 .div {

		margin-bottom: 15px;

	}

	.pro_con1 .div .bot {

		padding: 30px 20px 40px 40px;

	}

	.pro_con1 .div .bot .div3 {

		height: 190px;

	}

	.pro_con1 .div .bot .div1 {

		height: 490px;

		padding-right: 20px;

	}



}

@media(max-width:768px){

	.pro_con1 .div .bot .div2{

		width: 32%;

		margin-right: 2%;

	}

	.pro_con1 .div .bot .div2:nth-child(4n){

		margin-right: 2%;

	}

	.pro_con1 .div .bot .div2:nth-child(3n){

		margin-right: 0%;

	}

}

@media(max-width:500px){

	.pro_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.pro_con1 .div .top p {

		font-size: 18px;

		line-height: 60px;

	}

	.pro_con1 .div .top {

		padding: 0 20px;

		padding-right: 40px;

	}

	.pro_con1 .div .top .ig {

		width: 90px;

	}

	.pro_con1 .div .top p em {

		width: 32px;

		height: 33px;

		margin-bottom: -10px;

	}

	.pro_con1 .div .top .ig3 {

		width: 20px;

		height: 20px;

		right: 20px;

	}

	.pro_con1 .div .bot {

		padding: 20px 10px 20px 20px;

	}

	.pro_con1 .div .bot .div1 {

		height: 440px;

		padding-right: 10px;

	}

	.pro_con1 .div .bot .div2{

		width: 49%;

		margin-right: 2%;

	}

	.pro_con1 .div .bot .div2:nth-child(3n){

		margin-right: 2%;

	}

	.pro_con1 .div .bot .div2:nth-child(2n){

		margin-right: 0%;

	}

	.pro_con1 .div .bot .div3 {

		height: 168px;

	}

	.pro_con1 .div .bot .div2 p {

		font-size: 14px;

	}



}

@media(max-width:375px){

	.pro_con1 .div .bot .div3 {

		height: 140px;

	}

	.pro_con1 .div .bot .div1 {

		height: 386px;

		padding-right: 10px;

	}



}







/* 产品详情 */

.ny_banner .p3{

	font-size: 48px;

	color: #ffffff;

}

.pro_dat1 .lef{

	width: 67%;

	float: left;

}

.pro_dat1 .lef .rq{

	width: 100%;

	display: block;

}

.pro_dat1 .rq span a{

	margin: 0;

	margin-right: 48px;

}

.pro_dat1 .rq span:last-child a{

	margin-right: 0;

}

.pro_dat1 .rig{

	width: 30%;

	float: right;

	text-align: right;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.pro_dat1 .rig a{

	font-size: 16px;

	color: #888888;

	line-height: 58px;

}





/* pro_dat2 */

.pro_dat2{

	width: 100%;

	padding-top: 70px;

	padding-bottom: 70px;

	background: #f4f4f4;

}

.pro_dat2 .rq{

	width: 100%;

	display: flex;

	flex-wrap: wrap-reverse;

}

.pro_dat2 .rq .lef{

	width: 60.4%;

	padding-right: 50px;

	padding-top: 10px;

	float: left;

}

.pro_dat2 .rq .lef .p1{

	font-size: 38px;

	color: #333333;

}

.pro_dat2 .rq .lef .div{

	width: 100%;

	padding-top: 16px;

}

.pro_dat2 .rq .lef .div p{

	font-size: 16px;

	color: #666666;

	line-height: 26px;

}

.pro_dat2 .rq .lef .div2{

	width: 100%;

	margin-top: 70px;

}

.pro_dat2 .rq .lef .div2 a{

	font-size: 16px;

	color: #333333;

	float: left;

	width: 170px;

	height: 36px;

	text-align: center;

	border: 1px solid #1c5dac;

	border-radius: 36px;

	line-height: 34px;

	margin-right: 18px;

}

.pro_dat2 .rq .lef .div2 a:hover{

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	color: #fff;

	border: 1px solid rgba(0,0,0,0);

}

.pro_dat2 .rq .lef .div2 a:last-child{

	margin-right: 0;

}

.pro_dat2 .rq .lef .div2 .a1 em{

	width: 16px;

	height: 17px;

	display: inline-block;

	background-image: url(../images/img118.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-bottom: -2px;

	margin-right: 10px;

}

.pro_dat2 .rq .lef .div2 .a1:hover em{

	background-image: url(../images/img117.png);

}

.pro_dat2 .rq .lef .div2 .a2 em{

	width: 19px;

	height: 23px;

	display: inline-block;

	background-image: url(../images/img119.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-bottom: -6px;

	margin-right: 10px;

}

.pro_dat2 .rq .lef .div2 .a2:hover em{

	background-image: url(../images/img120.png);

}

.pro_dat2 .rq .rig{

	width: 39.6%;

	float: left;

}

.pro_dat2 .rq .rig .top{

	width: 100%;

	height: 230px;

	background: #e8e8e8;

	position: relative;

}

.pro_dat2 .rq .rig .top img{

	max-width: 75%;

	max-height: 75%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	transition: all .5s;

}

.pro_dat2 .rq .rig:hover .top img{

	transform: scale(1.05) translate(-50%,-50%);

}

.pro_dat2 .rq .rig .bot{

	width: 100%;

	height: 100px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	padding: 15px 75px;

	position: relative;

}

.pro_dat2 .rq .rig .bot::before{

	content: '';

	width: 1px;

	height: 60px;

	background: rgba(255,255,255,.3);

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.pro_dat2 .rq .rig .bot p{

	width: 50%;

	float: left;

	text-align: center;

	font-size: 20px;

	color: #ffffff;

	margin-bottom: 12px;

}

.pro_dat2 .rq .rig .bot p em{

	width: 21px;

	height: 21px;

	background-image: url(../images/img122.png);

	background-size: contain;

	background-repeat: no-repeat;

	display: inline-block;

    margin-bottom: -3px;

    margin-left: 10px;

}



/* pro_dat3 */

.pro_dat3{

	width: 100%;

	padding-bottom: 45px;

	position: relative;

}

.pro_dat3 .top{

	width: 100%;

	background: #d8d8d8;

	position: sticky;

	top: 0;

	z-index: 100;

}

.pro_dat3 .top a{

	font-size: 18px;

	color: #ffffff;

	line-height: 50px;

	margin-right: 46px;

	position: relative;

}

.pro_dat3 .top .on a{

	color: #333333;

}

.pro_dat3 .top span:last-child a{

	margin-right: 0;

}

.pro_dat3 .top a::before{

	content: '';

	width: 1px;

	height: 20px;

	background: #bdbdbd;

	position: absolute;

	right: -23px;

	top: 50%;

	transform: translateY(-50%);

}

.pro_dat3 .top span:last-child a::before{

	display: none;

}

.pro_dat3 .bot{

	width: 100%;

}

.pro_dat3 .bot .div{

	padding-top: 40px;

	padding-bottom: 45px;

	border-bottom: 1px solid #cecece;

	position: relative;

}

.pro_dat3 .bot .div:last-child{

	border-bottom: none;

}

.pro_dat3 .bot .div .p{

	font-size: 22px;

	color: #333333;

	padding-left: 12px;

	position: relative;

}

.pro_dat3 .bot .div .p::before{

	content: '';

	width: 3px;

	height: 24px;

	background-image: linear-gradient(to bottom, #4b5ec5 , #44ccf5);

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}

.pro_dat3 .bot .div1{

	width: 100%;

	padding-top: 16px;

}

.pro_dat3 .bot .div1_1{

	width: 100%;

	margin-bottom: 16px;

}

.pro_dat3 .bot .div1_1 p{

	font-size: 18px;

	color: #666666;

	line-height: 28px;

}

.pro_dat3 .bot .div1_2 p{

	font-size: 16px;

	color: #666666;

	line-height: 26px;

}

.pro_dat3 .bot .div2{

	width: 100%;

	padding-top: 24px;

}

.pro_dat3 .bot .div2 table{

	width: 100%;

}

.pro_dat3 .bot .div2 th{

	font-size: 18px;

	color: #666666;

	padding: 5px 0;

	vertical-align: middle;

	background: #d8d8d8;

}

.pro_dat3 .bot .div2 td{

	font-size: 16px;

	color: #888888;

	border: 1px solid #cecece;

	padding: 10px 0;

	vertical-align: middle;

	text-align: center;

}

.pro_dat3 .bot .div3{

	width: 100%;

	padding-top: 22px;

}

.pro_dat3 .bot .div3 img{

	max-width: 100%;

	display: block;

	margin: 0 auto;

}





/* pro_dat4 */

.pro_dat4{

	width: 100%;

	padding-top: 100px;

	padding-bottom: 95px;

	background: #f5f5f5;

}

.pro_dat4 .top{

	width: 100%;

}

.pro_dat4 .top .lef{

	width: 33%;

	float: left;

}

.pro_dat4 .top .rig{

	width: 67%;

	float: left;

}

.pro_dat4 .top .rig .div1{

	width: 100%;

	margin-bottom: 52px;

}

.pro_dat4 .top .rig .div1 p{

	font-size: 16px;

	color: #666666;

	line-height: 28px;

}

.pro_dat4 .top .rig .div2{

	width: 100%;

	display: flex;

	justify-content: space-between;

}

.pro_dat4 .top .rig .div3{

	position: relative;

}

.pro_dat4 .top .rig .div3::before{

	content: '';

	width: 1px;

	height: 86px;

	background: #d8d8d8;

	position: absolute;

	top: 50%;

	right: -100px;

	transform: translateY(-50%);

}

.pro_dat4 .top .rig .div3:last-child::before{

	display: none;

}

.pro_dat4 .top .rig .div3 img{

	width: 45px;

	display: block;

	margin: 0 auto;

	transition: all .5s;

}

.pro_dat4 .top .rig .div3:hover img{

	transform: translateY(-10px);

}

.pro_dat4 .top .rig .div3 p{

	font-size: 18px;

	color: #666666;

	text-align: center;

	padding-top: 10px;

}

.pro_dat4 .bot{

	width: 100%;

	padding-top: 90px;

}

.pro_dat4 .bot .lef{

    width: 49.7%;

	float: left;

	overflow: hidden;

}

.pro_dat4 .bot .lef img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.pro_dat4 .bot .lef:hover img{

	transform: scale(1.05);

}

.pro_dat4 .bot .rig{

    width: 49.7%;

	float: left;

	margin-left: 0.6%;

}

.pro_dat4 .bot .rig .div{

	width: 49.5%;

	margin-right: 1%;

	float: left;

	margin-bottom: 10px;

	overflow: hidden;

}

.pro_dat4 .bot .rig .div:nth-child(2n){

	margin-right: 0;

}

.pro_dat4 .bot .rig .div img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.pro_dat4 .bot .rig .div:hover img{

	transform: scale(1.05);

}





/* pro_dat5 */

.pro_dat5{

	width: 100%;

	padding-top: 100px;



}

.pro_dat5 .rq{

	width: 100%;

	padding-top: 40px;

}

.pro_dat5 .rq .top{

	width: 100%;

}

.pro_dat5 .rq .top p{

	font-size: 18px;

	color: #333333;

	line-height: 66px;

	background: #ebebeb;

	width: 33%;

	float: left;

	margin-right: 0.5%;

	text-align: center;

	margin-bottom: 5px;

	cursor: pointer;

}

.pro_dat5 .rq .top p:nth-child(3){

	margin-right: 0;

}

.pro_dat5 .rq .top p.on{

	color: #fff;

	background-image: linear-gradient(to bottom, #4b5ec5 , #44ccf5);

}

.pro_dat5 .rq .bot{

	width: 100%;

	padding: 0 100px;

	padding-top: 90px;

	padding-bottom: 75px;

	background: #ebebeb;

}

.pro_dat5 .rq .bot .lef{

	width: 57%;

	float: left;

	padding-right: 280px;

	padding-top: 20px;

}

.pro_dat5 .rq .bot .lef .p1{

	font-size: 30px;

	color: #6d3939;

	line-height: 42px;

	padding-bottom: 30px;

	border-bottom: 1px solid #adadad;

	position: relative;

}

.pro_dat5 .rq .bot .lef .p1::before{

	content: '';

	width: 88px;

	height: 3px;

	background: #666666;

	position: absolute;

	bottom: -2px;

	left: 0;

}

.pro_dat5 .rq .bot .lef .div{

	width: 100%;

	padding-top: 30px;

}

.pro_dat5 .rq .bot .lef .div p{

	font-size: 16px;

	color: #666666;

	line-height: 28px;

}

.pro_dat5 .rq .bot .lef .p1 span{

	display: block;

}

.pro_dat5 .rq .bot .rig{

	width: 43%;

	float: left;

}

.pro_dat5 .rq .bot .rig img{

	width: 100%;

	vertical-align: middle;

}

.pro_dat5 .rq .bot .rq1{

	display: none;

}

.pro_dat5 .rq .bot .rq1.on1{

	display: block;

}



/* pro_dat6 */

.pro_dat6{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 40px;

}

.pro_dat6 .rq{

	width: 100%;

	padding-top: 46px;

}

.pro_dat6 .rq .div{

	width: 100%;

}

.pro_dat6 .rq .div .top{

	width: 100%;

	height: 335px;

	background: #f4f4f4;

	position: relative;

	border: 1px solid #f4f4f4;

	overflow: hidden;

}

.pro_dat6 .rq .div:hover .top{

	border: 1px solid #4b5ec5;	

}

.pro_dat6 .rq .div .top img{

	max-width: 75%;

	max-height: 75%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	transition: all .5s;

}

.pro_dat6 .rq .div:hover .top img{

	transform: translate(-50%,-50%) scale(1.05);

}

.pro_dat6 .rq .div p{

	font-size: 16px;

	color: #333333;

	text-align: center;

	line-height: 55px;

	background: #e9e9e9;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.pro_dat6 .rq .div:hover p{

	color: #fff;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

}

.pro_dat6 .swiper-container{

	padding-bottom: 50px;

}

.pro_dat6 .swiper-pagination{

	bottom: 0;

}





@media(max-width:1459px){

	.ny_banner .p3 {

		font-size: 36px;

	}

	.pro_dat1 .rig a {

		font-size: 14px;

		line-height: 50px;

	}

	.pro_dat2 {

		padding-top: 52px;

		padding-bottom: 52px;

	}

	.pro_dat2 .rq .lef .p1 {

		font-size: 32px;

	}

	.pro_dat2 .rq .lef .div {

		padding-top: 12px;

	}

	.pro_dat4 {

		padding-top: 76px;

		padding-bottom: 70px;

	}

	.pro_dat5 {

		padding-top: 76px;

	}

	.pro_dat5 .rq .bot {

		padding: 0 70px;

		padding-top: 66px;

		padding-bottom: 56px;

	}

	.pro_dat5 .rq .bot .lef {

		padding-right: 180px;

		padding-top: 20px;

	}



}

@media(max-width:1259px){

	.pro_dat2 .rq .rig .bot {

		padding: 15px 40px;

	}

	.pro_dat4 .top .rig .div3::before {

		right: -64px;

	}

	.pro_dat5 .rq .bot .lef {

		padding-right: 30px;

		padding-top: 0px;

	}

	.pro_dat5 .rq .bot .lef .p1 {

		font-size: 24px;

		line-height: 36px;

		padding-bottom: 18px;

	}

	.pro_dat6 .rq .div .top {

		height: 250px;

	}

}

@media(max-width:768px){

	.pro_dat1 .rig{

		display: none;

	}

	.pro_dat1 .lef{

		width: 100%;

	}

	.pro_dat2 .rq .lef{

		width: 100%;

		margin-top: 20px;

		padding-right: 0px;

		padding-top: 0px;

	}

	.pro_dat2 .rq .rig{

		width: 100%;

	}

	.pro_dat2 .rq .rig .bot {

		height: 80px;

	}

	.pro_dat2 .rq .rig .bot p {

		font-size: 16px;

		margin-bottom: 12px;

	}

	.pro_dat2 .rq .rig .bot p em {

		width: 16px;

		height: 16px;

		margin-bottom: -3px;

		margin-left: 10px;

	}

	.pro_dat2 .rq .lef .p1 {

		font-size: 26px;

	}

	.pro_dat2 .rq .lef .div p {

		font-size: 14px;

		line-height: 26px;

	}

	.pro_dat2 .rq .lef .div2 {

		margin-top: 35px;

	}

	.pro_dat2 .rq .lef .div2 a {

		font-size: 14px;

		width: 135px;

		margin-right: 8px;

	}

	.pro_dat2 .rq .lef .div2 .a1 em {

		width: 14px;

		height: 15px;

		margin-bottom: -3px;

		margin-right: 5px;

	}

	.pro_dat2 .rq .lef .div2 .a2 em {

		width: 14px;

		height: 18px;

		margin-bottom: -4px;

		margin-right: 8px;

	}

	.pro_dat3 .top a {

		font-size: 14px;

		line-height: 40px;

		margin-right: 32px;

	}

	.pro_dat3 .top a::before {

		height: 14px;

		right: -19px;

	}

	.pro_dat3 .top{

		top: 112px;

	}

	.pro_dat3 .bot .div {

		padding-top: 30px;

		padding-bottom: 34px;

	}

	.pro_dat3 .bot .div1_1 p {

		font-size: 16px;

		line-height: 26px;

	}

	.pro_dat3 .bot .div1_2 p {

		font-size: 14px;

		line-height: 24px;

	}

	.pro_dat3 .bot .div2 table{

		width: 780px;

	}

	.pro_dat3 .bot .div2{

		overflow-x: auto;

	}

	.pro_dat3 .bot .div2 th {

		font-size: 14px;

	}

	.pro_dat3 .bot .div2 td {

		font-size: 13px;

	}

	.pro_dat3 {

		padding-bottom: 28px;

	}

	.pro_dat4 .top .lef{

		width: 100%;

	}

	.pro_dat4 .top .rig{

		width: 100%;

		margin-top: 24px;

	}

	.pro_dat5 .rq .bot {

		padding: 20px 15px;

	}

	.pro_dat5 .rq .bot .lef .p1 {

		font-size: 18px;

		line-height: 30px;

		padding-bottom: 12px;

	}

	.pro_dat6 .rq {

		padding-top: 24px;

	}

	.pro_dat6 .rq .div .top {

		height: 190px;

	}

	.pro_dat6 .rq .div p {

		font-size: 14px;

		line-height: 40px;

	}



}

@media(max-width:500px){

	.pro_dat2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.pro_dat2 .rq .lef .p1 {

		font-size: 24px;

	}

	.pro_dat4 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.pro_dat4 .top .rig .div1 p {

		font-size: 14px;

		line-height: 24px;

	}

	.pro_dat4 .top .rig {

		margin-top: 18px;

	}

	.pro_dat4 .top .rig .div1 {

		margin-bottom: 34px;

	}

	.pro_dat4 .top .rig .div3 img {

		width: 35px;

	}

	.pro_dat4 .top .rig .div3 p {

		font-size: 14px;

		padding-top: 8px;

	}

	.pro_dat4 .top .rig .div3::before {

		right: -22px;

		height: 52px;

	}

	.pro_dat4 .bot {

		padding-top: 40px;

	}

	.pro_dat4 .bot .rig .div {

		margin-bottom: 3px;

	}

	.pro_dat5 {

		padding-top: 45px;

	}

	.pro_dat5 .rq {

		padding-top: 24px;

	}

	.pro_dat5 .rq .top p {

		font-size: 14px;

		line-height: 40px;

		margin-bottom: 3px;

	}

	.pro_dat5 .rq .bot .lef{

		width: 100%;

		padding-right: 0;

	}

	.pro_dat5 .rq .bot .rig{

		width: 100%;

		margin-top: 15px;

	}

	.pro_dat5 .rq .bot .lef .p1::before {

		width: 68px;

	}

	.pro_dat5 .rq .bot .lef .div p {

		font-size: 14px;

		line-height: 24px;

	}

	.pro_dat5 .rq .bot .lef .div {

		padding-top: 18px;

	}

	.pro_dat6 {

		padding-top: 45px;

		padding-bottom: 25px;

	}

	.pro_dat6 .rq .div .top {

		height: 160px;

	}

	.pro_dat6 .swiper-container {

		padding-bottom: 35px;

	}



}











/* 江西鸿利 */

.abo2_con1{

	width: 100%;

	padding-top: 140px;

}

.abo2_con1 .top{

	width: 100%;

}

.abo2_con1 .top .lef{

	width: 50%;

	padding-right: 84px;

	float: left;

}

.abo2_con1 .top .lef .div{

	width: 100%;

	height: 340px;

	margin-top: 58px;

	overflow-y: auto;

	padding-right: 45px;

}

.abo2_con1 .top .lef .div::-webkit-scrollbar {

    width: 3px;

    background-color: #999;

    border-radius:50px;

}

.abo2_con1 .top .lef .div::-webkit-scrollbar-thumb {

    border-radius: 50px;

    background-color: #274496

}

.abo2_con1 .top .lef .div p{

	font-size: 16px;

	color: #666666;

	line-height: 30px;

	margin-bottom: 25px;

}

.abo2_con1 .top .rig{

	width: 50%;

	float: left;

	position: relative;

}

.abo2_con1 .top .rig .bj{

	width: 100%;

	vertical-align: middle;

}



.abo2_con1 .top .rig::before{

	content: '';

	width: 280px;

	height: 280px;

	background: #45cbf6;

	position: absolute;

	left: -20px;

	bottom: -20px;

	z-index: -1;

}

.abo2_con1 .top .rig::after{

	content: '';

	width: 365px;

	height: 365px;

	background: #274496;

	position: absolute;

	top: -20px;

	right: -20px;

	z-index: -1;

}

.abo2_con1 .top .rig .abo_video::before{

	content: '';

	width: 72px;

	height: 72px;

	background-image: url(../images/img135.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	transition: all .5s;

}

.abo2_con1 .top .rig:hover .abo_video::before {

	transform: scale(1.05) translate(-50%, -50%);

}

.abo2_con1 .bot{

	width: 100%;

	height: 260px;

	margin-top: 56px;

	background: #f8f8f8;

	display: flex;

	justify-content: space-between;

}

.abo2_con1 .bot .div{

	padding-left: 48px;

	padding-top: 52px;

	width: 20%;

}

.abo2_con1 .bot .div .p1{

	font-size: 24px;

	color: #333333;

	margin-bottom: 24px;

}

.abo2_con1 .bot .div .p2{

	font-size: 56px;

	color: #495cc3;

}

.abo2_con1 .bot .div:hover .p1{

	font-weight: bold;

}

.abo2_con1 .bot .div .p2 span{

	font-size: 50px;

}

.abo2_con1 .bot .div .p2 em{

	font-size: 18px;

	color: #666666;

	margin-left: 10px;

}

.abo2_con1 .bot .div .p3{

	font-size: 28px;

	color: #495cc3;

	line-height: 32px;

}

.abo2_con1 .bot .div .p4{

	font-size: 40px;

	color: #495cc3;

}





/* abo2_con2 */

.abo2_con2{

	width: 100%;

	padding-top: 140px;

	padding-bottom: 95px;

}

.ab2_bt{

	font-size: 50px;

	color: #333333;

	text-align: center;

	padding-bottom: 30px;

	position: relative;

}

.ab2_bt::before{

	content: '';

	width: 46px;

	height: 6px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}

.abo2_con2 .p{

	font-size: 40px;

	color: #333333;

	text-align: center;

	padding-top: 20px;

}

.abo2_con2 .rq{

	width: 100%;

	padding-top: 44px;

}

.abo2_con2 .rq .div{

	width: 20%;

	height: 264px;

	border: 1px solid #ededed;

	border-right:none;

	border-top:none;

	float: left;

	padding: 0 15px;

	padding-top: 50px;

}

.abo2_con2 .rq .div:nth-child(5n){

	border-right: 1px solid #ededed;

}

.abo2_con2 .rq .div:nth-child(1),

.abo2_con2 .rq .div:nth-child(2),

.abo2_con2 .rq .div:nth-child(3),

.abo2_con2 .rq .div:nth-child(4),

.abo2_con2 .rq .div:nth-child(5){

	border-top: 1px solid #ededed;

}

.abo2_con2 .rq .div img{

	width: 80px;

	display: block;

	margin: 0 auto;

	transition: all .5s;

}

.abo2_con2 .rq .div:hover img{

	transform: translateY(-10px);

}

.abo2_con2 .rq .div .p1{

	font-size: 18px;

	color: #333333;

	text-align: center;

	margin-top: 25px;

	margin-bottom: 15px;

}

.abo2_con2 .rq .div:hover .p1{

	color: #2a4194;

	font-weight: bold;

}

.abo2_con2 .rq .div .p2{

	font-size: 16px;

	color: #666666;

	text-align: center;



	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}





/* abo2_con3 */

.abo2_con3{

	width: 100%;

	padding-top: 96px;

	padding-bottom: 98px;

	background: #f8f8f8;

}

.abo2_con3 .lef{

	width: 46.3%;

	float: left;

	position: relative;

	overflow: hidden;

}

.abo2_con3 .lef img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;



}

.abo2_con3 .lef:hover img{

	transform: scale(1.05);

}

.abo2_con3 .lef::before{

	content: '';

	width: 100%;

	height: 5px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	position: absolute;

	bottom: 0;

	left: 0;

}

.abo2_con3 .rig{

	width: 53.7%;

	float: left;

	padding-left: 110px;

	padding-top: 54px;

	padding-right: 136px;

}

.abo2_con3 .rig .div1{

	width: 100%;

	border-bottom: 1px solid #d6d6d6;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.abo2_con3 .rig .p1{

	font-size: 28px;

	color: #274597;

}

.abo2_con3 .rig:hover .div1 .p1{

    font-weight: bold;

}

.abo2_con3 .rig .p1 span{

	color: #333;

}

.abo2_con3 .rig .p2{

	font-size: 16px;

	color: #666666;

	letter-spacing: 8px;

	text-transform: uppercase;

	padding-top: 10px;

}

.abo2_con3 .rig .div2{

	width: 100%;

}

.abo2_con3 .rig .div2 p{

	font-size: 20px;

	color: #666666;

	line-height: 32px;

}

.abo2_con3 .rig .div3{

	width: 100%;

	margin-top: 35px;

	display: flex;

	justify-content: space-between;

}

.abo2_con3 .rig .div3 .p1{

	font-size: 20px;

	color: #333333;

}

.abo2_con3 .rig .div3 .p1 span{

	font-size: 60px;

	color: #4b5cc4;

	font-weight: bold;

}

.abo2_con3 .rig .div3 .p2{

	font-size: 20px;

	color: #666666;

}





/* abo2_con4 */

.abo2_con4{

	width: 100%;

	padding-top: 96px;

	padding-bottom: 88px;

	background-image: url(../images/img147.jpg);

	background-size: cover;

	background-position: center;

}

.abo2_con4 .ab2_bt{

	color: #fff;

}

.abo2_con4 .ab2_bt::before{

	background: #fff;

}

.abo2_con4 .top{

	display: table;

	width: auto;

	margin: 0 auto;

	margin-top: 58px;

}

.abo2_con4 .top p{

	font-size: 20px;

	color: #ffffff;

	width: 190px;

	line-height: 60px;

	text-align: center;

	background: #060d23;

	float: left;

	position: relative;

	transition: all .5s;

	cursor: pointer;

}

.abo2_con4 .top p.on{

	background: #45cbf6;

}

.abo2_con4 .top p::before{

	content: '';

	width: 0;

    height: 0;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid #45cbf6;

	position: absolute;

	bottom: -7px;

	left: 50%;

	transform: translateX(-50%);

	opacity: 0;

	transition: all .5s;

}

.abo2_con4 .top p.on::before{

	opacity: 1;

}

.abo2_con4 .bot{

	width: 100%;

	padding-top: 30px;

}

.abo2_con4 .bot .div{

	width: 100%;

	overflow: hidden;

	position: relative;

}

.abo2_con4 .bot .div::before{

	content: '';

	width: 100%;

	height: 100%;

	background: #4b5cc4;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0.5;

	transition: all .5s;

}

.abo2_con4 .bot .swiper-slide-active .div::before{

	opacity: 0;

}

.abo2_con4 .bot .div img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.abo2_con4 .bot .div:hover img{

	transform: scale(1.05);

}

.abo2_con4 .bot .div1{

	width: 100%;

	padding-top: 22px;

	opacity: 0;

	transition: all .5s;

}

.abo2_con4 .bot .swiper-slide-active .div1{

	opacity: 1;

}

.abo2_con4 .bot .div1 .p1{

	font-size: 32px;

	color: #ffffff;

	text-align: center;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.abo2_con4 .bot .swiper-slide:hover .div1 .p1{

	font-weight: bold;

}

.abo2_con4 .bot .div1 .p2{

	font-size: 18px;

	color: #ffffff;

	text-align: center;

	padding-top: 10px;

}

.abo2_con4 .bot .rq{

	display: none;

}

.abo2_con4 .bot .rq.on1{

	display: block;

}



/* abo2_con5 */

.abo2_con5{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 80px;

	background: #f8f8f8;

}

.abo2_con5 .rq{

	width: 100%;

	padding-top: 50px;

}

.abo2_con5 .rq .swiper-slide{

	width: 720px;

}

.abo2_con5 .rq .div{

	width: 100%;

	position: relative;

	overflow: hidden;

}

.abo2_con5 .rq .div::before{

	content: '';

	width: 100%;

	height: 100%;

	background: #fff;

	opacity: 0.4;

	position: absolute;

	left: 0;

	top: 0;

	transition: all .5s;

}

.abo2_con5 .rq .swiper-slide-active .div::before{

	opacity: 0;

}

.abo2_con5 .rq .div img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.abo2_con5 .rq .div:hover img{

	transform: scale(1.05);

}

.abo2_con5 .rq .div1{

	width: 100%;

	padding-top: 42px;

	opacity: 0;

	transition: all .5s;

}

.abo2_con5 .rq .swiper-slide-active .div1{

	opacity: 1;

}

.abo2_con5 .rq .div1 .p1{

	font-size: 32px;

	color: #333333;

	text-align: center;

}

.abo2_con5 .rq .swiper-slide:hover .div1 .p1{

	font-weight: bold;

}

.abo2_con5 .rq .div1 .p2{

	font-size: 18px;

	color: #666666;

	text-align: center;

	padding-top: 18px;

}





/* abo2_con6 */

.abo2_con6{

	width: 100%;

	padding-top: 88px;

	padding-bottom: 85px;

	position: relative;

	overflow: hidden;

}

.abo2_con6 .top .rq{

	width: 100%;

}

.abo2_con6 .top .rq{

	width: 100%;

	margin-top: 168px;

	position: relative;

}

.abo2_con6 .top .rq .swiper-slide{

	padding-bottom: 7px;

}

.abo2_con6 .top .rq .div{

	width: 480px;

	min-height: 210px;

	display: block;

	margin: 0 auto;

	background: #274496;

	position: relative;

	padding: 26px 38px;

}

.abo2_con6 .top .rq .div::before{

	content: '';

	width: 0;

    height: 0;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid #274496;

	position: absolute;

	bottom: -7px;

	left: 50%;

	transform: translateX(-50%);

	opacity: 1;

	transition: all .5s;

}

.abo2_con6 .top .rq .div .p1{

	font-size: 24px;

	color: #ffffff;

}

.abo2_con6 .top .rq .div .p1 span{

	color: #45caf5;

	font-size: 50px;

	font-family: "din";

}

.abo2_con6 .top .rq .div .p2{

	font-size: 18px;

	color: #ffffff;

	line-height: 30px;

}

.abo2_con6 .swiper-button-next,

.abo2_con6 .swiper-button-prev{

	width: 60px;

	height: 60px;

	background-image: url(../images/img150.png);

	background-size: contain;

	background-repeat: no-repeat;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	margin-top: 0;

	border-radius: 50%;

	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

	opacity: 1;

	transition: all .5s;

}

.abo2_con6 .swiper-button-prev{

	left: 0;

	transform: translateY(-50%) rotate(180deg);

}

.abo2_con6 .swiper-button-next:hover,

.abo2_con6 .swiper-button-prev:hover{

	background-image: url(../images/img151.png);

}

.abo2_con6 .bot{

	width: 100%;

	margin-top: 76px;

	position: relative;

}

.abo2_con6 .bot::before{

	content: '';

	width: 100%;

	height: 1px;

	background: #e5e5e5;

	position: absolute;

	left: 0;

	top: 46px;

}

.abo2_con6 .bot .swiper-slide{

	cursor: pointer;

}

.abo2_con6 .bot .p1{

	font-size: 18px;

	color: #999999;

	text-align: center;

}

.abo2_con6 .bot .swiper-slide-thumb-active .p1{

	opacity: 0;

}

.abo2_con6 .bot .p2{

	font-size: 32px;

	color: #333333;

	font-weight: bold;

	text-align: center;

	opacity: 0;

}

.abo2_con6 .bot .swiper-slide-thumb-active .p2{

	opacity: 1;

}

.abo2_con6 .bot em{

	width: 22px;

	height: 22px;

	background-image: url(../images/img152.png);

	background-size: contain;

	background-repeat: no-repeat;

	display: block;

	margin: 0 auto;

	margin-top: 12px;

	margin-bottom: 12px;

}

.abo2_con6 .bot .swiper-slide-thumb-active em{

	background-image: url(../images/img153.png);

}

.abo2_con6 .p{

	font-size: 494px;

	color: #ebeaea;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	font-family: "din";

}

/* abo2_con7 */

.abo2_con7{

	width: 100%;

	padding-top: 100px;

	padding-bottom: 100px;

	background: #f8f8f8;

}

.abo2_con7 .top{

	width: 100%;

}

.abo2_con7 .top .lef{

	width: 50%;

	float: left;

}

.abo2_con7 .top .rig{

	width: 50%;

	float: left;

}

.abo2_con7 .top .rig .div{

	float: right;

	padding-top: 20px;

}

.abo2_con7 .top .rig .div p{

	font-size: 24px;

	color: #999999;

	float: left;

	margin-left: 25px;

	position: relative;

	cursor: pointer;

}

.abo2_con7 .top .rig .div p.on{

	color: #333333;

	font-weight: bold;

}

.abo2_con7 .top .rig .div p::before{

	content: '';

	width: 54px;

	height: 4px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	position: absolute;

	bottom: -10px;

	left: 50%;

	transform: translateX(-50%);

	opacity: 0;

}

.abo2_con7 .top .rig .div p.on::before{

	opacity: 1;

}

.abo2_con7 .bot{

	width: 100%;

	margin-top: 50px;

}

.abo2_con7 .bot .rq{

	width: 100%;

	position: relative;

	display: none;

}

.abo2_con7 .bot .rq.on1{

	display: block;

}

.abo2_con7 .bot .rq .div{

	width: 100%;

	height: 394px;

	background: #fff;

	position: relative;

	overflow: hidden;

}

.abo2_con7 .bot .rq .div img{

	max-height: 85%;

	max-width: 85%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	transition: all .5s;

}

.abo2_con7 .bot .rq .div:hover img{

	transform: scale(1.05) translate(-50%,-50%);

}

.abo2_con7 .swiper-button-next,

.abo2_con7 .swiper-button-prev{

	width: 60px;

	height: 60px;

	background-image: url(../images/img150.png);

	background-size: contain;

	background-repeat: no-repeat;

	right: 130px;

	top: 50%;

	transform: translateY(-50%);

	margin-top: 0;

	border-radius: 50%;

	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

	opacity: 1;

	transition: all .5s;

}

.abo2_con7 .swiper-button-prev{

	left: 130px;

	transform: translateY(-50%) rotate(180deg);

}

.abo2_con7 .swiper-button-next:hover,

.abo2_con7 .swiper-button-prev:hover{

	background-image: url(../images/img151.png);

}





@media(max-width:1459px){

	.abo2_con1 {

		padding-top: 106px;

	}

	.abo2_con1 .top .lef {

		padding-right: 40px;

	}

	.abo2_con1 .top .lef .div {

		height: 280px;

		margin-top: 40px;

		padding-right: 24px;

	}

	.abo2_con1 .top .lef .div p {

		font-size: 15px;

		line-height: 25px;

		margin-bottom: 20px;

	}

	.abo2_con1 .top .rig::before {

		width: 212px;

		height: 214px;

		left: -14px;

		bottom: -14px;

	}

	.abo2_con1 .top .rig::after {

		width: 276px;

		height: 276px;

		top: -14px;

		right: -14px;

	}

	.abo2_con1 .top .rig .abo_video::before {

		width: 54px;

		height: 54px;

	}

	.abo2_con1 .bot {

		height: 200px;

		margin-top: 42px;

	}

	.abo2_con1 .bot .div .p1 {

		font-size: 18px;

		margin-bottom: 18px;

	}

	.abo2_con1 .bot .div .p2 {

		font-size: 42px;

	}

	.abo2_con1 .bot .div .p2 span {

		font-size: 36px;

	}

	.abo2_con1 .bot .div .p2 em {

		font-size: 14px;

		margin-left: 8px;

	}

	.abo2_con1 .bot .div .p3 {

		font-size: 18px;

		line-height: 24px;

	}

	.abo2_con1 .bot .div .p4 {

		font-size: 22px;

	}

	.abo2_con1 .bot .div {

		padding-left: 36px;

		padding-top: 47px;

	}

	.abo2_con2 {

		padding-top: 100px;

		padding-bottom: 72px;

	}

	.ab2_bt {

		font-size: 38px;

		padding-bottom: 22px;

	}

	.ab2_bt::before {

		width: 34px;

		height: 3px;

	}

	.abo2_con2 .p {

		font-size: 30px;

		padding-top: 14px;

	}

	.abo2_con2 .rq {

		padding-top: 33px;

	}

	.abo2_con2 .rq .div {

		height: 220px;

		padding: 0 15px;

		padding-top: 32px;

	}

	.abo2_con2 .rq .div img {

		width: 60px;

	}

	.abo2_con2 .rq .div .p1 {

		font-size: 16px;

		margin-top: 18px;

		margin-bottom: 10px;

	}

	.abo2_con2 .rq .div .p2 {

		font-size: 14px;

	}

	.abo2_con3 {

		padding-top: 72px;

		padding-bottom: 72px;

	}

	.abo2_con3 .rig {

		padding-left: 80px;

		padding-top: 40px;

		padding-right: 0px;

	}

	.abo2_con3 .rig .p1 {

		font-size: 24px;

	}

.abo2_con3 .rig .p2 {

    font-size: 13px;

    letter-spacing: 5px;

    padding-top: 6px;

}

.abo2_con3 .rig .div1 {

    padding-bottom: 18px;

    margin-bottom: 18px;

}

.abo2_con3 .rig .div2 p {

    font-size: 16px;

    line-height: 28px;

}

.abo2_con3 .rig .div3 {

    margin-top: 28px;

}

.abo2_con3 .rig .div3 .p1 {

    font-size: 16px;

}

.abo2_con3 .rig .div3 .p1 span {

    font-size: 45px;

}

.abo2_con3 .rig .div3 .p2 {

    font-size: 16px;

}

.abo2_con4 {

    padding-top: 72px;

    padding-bottom: 66px;

}

.abo2_con4 .top {

    margin-top: 44px;

}

.abo2_con4 .top p {

    font-size: 16px;

    width: 145px;

    line-height: 45px;

}

.abo2_con4 .bot .div1 {

    padding-top: 16px;

}

.abo2_con4 .bot .div1 .p1 {

    font-size: 24px;

}

.abo2_con4 .bot .div1 .p2 {

    font-size: 14px;

    padding-top: 8px;

}

.abo2_con5 {

    padding-top: 68px;

    padding-bottom: 60px;

}

.abo2_con5 .rq {

    padding-top: 38px;

}

.abo2_con5 .rq .swiper-slide {

    width: 610px;

}

.abo2_con5 .rq .div1 {

    padding-top: 30px;

}

.abo2_con5 .rq .div1 .p1 {

    font-size: 24px;

}

.abo2_con5 .rq .div1 .p2 {

    font-size: 14px;

    padding-top: 10px;

}

.abo2_con6 {

    padding-top: 66px;

    padding-bottom: 65px;

}

.abo2_con6 .top .rq {

    margin-top: 120px;

}

.abo2_con6 .p {

    font-size: 375px;

}

.abo2_con6 .top .rq .div {

    width: 380px;

	min-height: 170px;

    padding: 20px 28px;

}

.abo2_con6 .top .rq .div .p1 {

    font-size: 18px;

}

.abo2_con6 .top .rq .div .p1 span {

    font-size: 38px;

	margin-right: 5px;

}

.abo2_con6 .top .rq .div .p2 {

    font-size: 15px;

    line-height: 26px;

}

.abo2_con6 .bot .p1 {

    font-size: 14px;

}

.abo2_con6 .bot em {

    width: 16px;

    height: 16px;

    margin-top: 10px;

    margin-bottom: 10px;

}

.abo2_con6 .bot .p2 {

    font-size: 24px;

}

.abo2_con6 .bot {

    margin-top: 60px;

}

.abo2_con6 .swiper-button-next, .abo2_con6 .swiper-button-prev {

    width: 48px;

    height: 48px;

}

.abo2_con6 .bot::before {

    top: 37px;

}

.abo2_con7 {

    padding-top: 74px;

    padding-bottom: 74px;

}

.abo2_con7 .top .rig .div p {

    font-size: 18px;

    margin-left: 25px;

}

.abo2_con7 .top .rig .div p::before {

    width: 40px;

    height: 2px;

}

.abo2_con7 .bot {

    margin-top: 38px;

}

.abo2_con7 .bot .rq .div {

    height: 300px;

}

.abo2_con7 .swiper-button-next, .abo2_con7 .swiper-button-prev {

    width: 48px;

    height: 48px;

    right: 96px;

}

.abo2_con7 .swiper-button-prev {

	left: 96px;

}

.abo2_con7 .top .rig .div {

    padding-top: 6px;

}













}

@media(max-width:1024px){

	.abo2_con1 {

		padding-top: 80px;

	}

	.abo2_con1 .top .lef .div {

		height: 190px;

		margin-top: 20px;

		padding-right: 20px;

	}

	.abo2_con1 .top .rig::before {

		width: 160px;

		height: 160px;

	}

	.abo2_con1 .top .rig::after {

		width: 160px;

		height: 160px;

	}

	.abo2_con1 .bot .div .p1 {

		font-size: 16px;

		margin-bottom: 10px;

	}

	.abo2_con1 .bot .div .p2 {

		font-size: 30px;

	}

	.abo2_con1 .bot .div .p2 span {

		font-size: 28px;

	}

	.abo2_con1 .bot .div .p2 em {

		font-size: 12px;

		margin-left: 6px;

	}

	.abo2_con1 .bot .div .p3 {

		font-size: 18px;

		line-height: 20px;

	}

	.abo2_con1 .bot .div .p4 {

		font-size: 22px;

	}

	.abo2_con1 .bot .div {

		padding-left: 20px;

		padding-top: 30px;

	}

	.abo2_con1 .bot {

		height: 146px;

		margin-top: 42px;

	}

	.abo2_con2 {

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.ab2_bt {

		font-size: 28px;

		padding-bottom: 14px;

	}

	.abo2_con2 .p {

		font-size: 20px;

		padding-top: 12px;

	}

	.abo2_con3 .rig {

		padding-left: 30px;

		padding-top: 0px;

	}

	.abo2_con3 .rig .div2 p {

		font-size: 14px;

		line-height: 24px;

	}

	.abo2_con3 .rig .div3 .p1 span {

		font-size: 36px;

	}

	.abo2_con3 .rig .div3 .p1 {

		font-size: 13px;

	}

	.abo2_con3 .rig .div3 .p2 {

		font-size: 14px;

		padding-top: 0;

		letter-spacing: 0px;

	}

	.abo2_con4 .top {

		margin-top: 30px;

	}

	.abo2_con4 .bot .div1 .p1 {

		font-size: 20px;

	}

	.abo2_con5 .rq .swiper-slide {

		width: 500px;

	}

	.abo2_con5 .rq .div1 {

		padding-top: 12px;

	}

	.abo2_con5 .rq .div1 .p1 {

		font-size: 20px;

	}

	.abo2_con5 .rq .div1 .p2 {

		font-size: 14px;

		padding-top: 6px;

	}

	.abo2_con6 .top .rq {

		margin-top: 40px;

	}

	.abo2_con6 .p {

		font-size: 300px;

	}

	.abo2_con6 .bot {

		margin-top: 12px;

	}

	.abo2_con6 .bot .p2 {

		font-size: 20px;

	}

	.abo2_con7 .bot .rq .div {

		height: 204px;

	}



}

@media(max-width:768px){

	.abo2_con1 {

		padding-top: 60px;

	}

	.abo2_con1 .top .lef{

		width: 100%;

		padding-right: 0;

	}

	.abo2_con1 .top .rig{

		width: 100%;

		margin-top: 25px;

	}

	.abo2_con1 .bot {

		height: auto;

		margin-top: 42px;

		padding: 20px 0;

	}

	.abo2_con1 .bot .div {

		padding-left: 0px;

		padding-top: 0;

	}

	.abo2_con1 .bot{

		flex-wrap: wrap;

		justify-content: left;

	}

	.abo2_con1 .bot .div {

		width: 33%;

		margin: 10px 0;

	}

	.abo2_con1 .bot .div .p1 {

		font-size: 16px;

		margin-bottom: 4px;

		text-align: center;

	}

	.abo2_con1 .bot .div .p2 {

		font-size: 26px;

		text-align: center;

	}

	.abo2_con1 .bot .div .p2 span {

		font-size: 24px;

	}

	.abo2_con1 .bot .div .p3 {

		font-size: 16px;

		line-height: 20px;

		text-align: center;

		padding: 0 10px;

	}

	.abo2_con1 .bot .div .p4 {

		font-size: 22px;

		text-align: center;

	}

	.abo2_con3 .lef{

		width: 100%;

	}

	.abo2_con3 .rig{

		width: 100%;

		padding-left: 0;

		margin-top: 20px;

	}

	.abo2_con4 .top p {

		font-size: 14px;

		width: 108px;

		line-height: 38px;

	}



}

@media(max-width:500px){

	.abo2_con1 {

		padding-top: 45px;

	}

	.abo2_con1 .top .lef .div {

		height: 190px;

		margin-top: 16px;

		padding-right: 10px;

	}

	.abo2_con1 .top .lef .div p {

		font-size: 14px;

		line-height: 24px;

		margin-bottom: 16px;

	}

	.abo2_con1 .top .rig::before {

		width: 130px;

		height: 130px;

		left: -10px;

		bottom: -10px;

	}

	.abo2_con1 .top .rig::after {

		width: 130px;

		height: 130px;

		top: -10px;

		right: -10px;

	}

	.abo2_con1 .bot .div:nth-child(4),

	.abo2_con1 .bot .div:nth-child(5){

		display: none;

	}

	.abo2_con1 .bot .div {

		margin: 0px 0;

	}

	.abo2_con1 .bot {

		margin-top: 32px;

	}

	.abo2_con2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.ab2_bt {

		font-size: 24px;

		padding-bottom: 10px;

	}

	.abo2_con2 .p {

		font-size: 14px;

		padding-top: 10px;

	}

	.abo2_con2 .rq {

		padding-top: 24px;

	}

	.abo2_con2 .rq .div{

		width: 50%;

		border: 1px solid #ededed;

		border-right: none;

    	border-top: none;

	}

	.abo2_con2 .rq .div:nth-child(1), .abo2_con2 .rq .div:nth-child(2), .abo2_con2 .rq .div:nth-child(3), .abo2_con2 .rq .div:nth-child(4), .abo2_con2 .rq .div:nth-child(5) {

		border-top: none;

	}

	.abo2_con2 .rq .div:nth-child(5n) {

		border-right: none;

	}

	.abo2_con2 .rq .div:nth-child(2n) {

		border-right: 1px solid #ededed;

	}

	.abo2_con2 .rq .div:nth-child(1),

	.abo2_con2 .rq .div:nth-child(2){

		border-top: 1px solid #ededed;

	}

	.abo2_con3 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo2_con3 .rig .div1 {

		padding-bottom: 14px;

		margin-bottom: 14px;

	}

	.abo2_con3 .rig {

		margin-top: 15px;

	}

	.abo2_con3 .rig .p1 {

		font-size: 22px;

	}

	.abo2_con3 .rig .p2 {

		font-size: 12px;

		letter-spacing: 4px;

	}

	.abo2_con3 .rig .div3 {

		margin-top: 18px;

		justify-content: left;

	}

	.abo2_con3 .rig .div3 .div4{

		margin-right: 40px;

	}

	.abo2_con3 .rig .div3 .div4:last-child{

		margin-right: 0;

	}

	.abo2_con3 .rig .div3 .p1 span {

		font-size: 32px;

	}

	.abo2_con4 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo2_con4 .top {

		margin-top: 24px;

	}

	.abo2_con4 .bot {

		padding-top: 20px;

	}

	.abo2_con4 .bot .div1 {

		padding-top: 10px;

	}

	.abo2_con4 .bot .div1 .p1 {

		font-size: 18px;

	}

	.abo2_con4 .bot .div1 .p2 {

		font-size: 13px;

		padding-top: 5px;

	}

	.abo2_con5 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo2_con5 .rq {

		padding-top: 24px;

	}

	.abo2_con5 .rq .div1 .p1 {

		font-size: 18px;

	}

	.abo2_con6 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo2_con6 .top .rq {

		margin-top: 30px;

	}

	.abo2_con6 .top .rq .div {

		width: 100%;

		min-height: 160px;

		padding: 20px 20px;

	}

	.abo2_con6 .top .rq .div .p1 {

		font-size: 14px;

	}

	.abo2_con6 .top .rq .div .p1 span {

		font-size: 30px;

	}

	.abo2_con6 .top .rq .div .p2 {

		font-size: 14px;

		line-height: 24px;

	}

	.abo2_con6 .swiper-button-next, .abo2_con6 .swiper-button-prev{

		display: none;

	}

	.abo2_con6 .p {

		font-size: 260px;

		top: 47%;

	}

	.abo2_con7 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.abo2_con7 .top .lef{

		width: 100%;

	}

	.abo2_con7 .top .rig{

		width: 100%;

		margin-top: 26px;

	}

	.abo2_con7 .top .rig .div{

		float: none;

		padding-top: 0;

		/* display: table;

		width: auto;

		margin: 0 auto; */

	}

	.abo2_con7 .top .rig .div p:first-child{

		margin-left: 0;

	}

	.abo2_con7 .bot {

		margin-top: 30px;

	}

	.abo2_con7 .swiper-button-next{

		right: 12px;

	}

	.abo2_con7 .swiper-button-prev {

		left: 12px;

	}



}







/* 品质管理 */

.qu_con1{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 320px;

	position: relative;

	overflow: hidden;

}

.qu_con1 .p{

	font-size: 420px;

	color: #e9e9e9;

	opacity: 0.6;

	position: absolute;

	bottom: -48px;

	left: 50%;

	transform: translateX(-50%);

	font-weight: bold;

	text-transform: uppercase;

}

.qu_con1 .rq{

	width: 81.4%;

	margin: 0 auto;

	position: relative;

    transition: all .5s;

}

.qu_con1 .rq.on1{

	width: 100%;

}

.qu_con1 .rq::before{

	content: '';

	width: 100%;

	height: 5px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	position: absolute;

	top: 0;

	left: 0;

}

.qu_con1 .rq .bj{

	width: 100%;

	vertical-align: middle;

}

.qu_con1 .rq .div{

	width: 70.5%;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translate(-50%,150px);

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	opacity: 0.95;

	padding: 60px 100px;

}

.qu_con1 .rq .div .top{

	width: 100%;

	border-bottom: 1px solid rgba(255,255,255,.6);

	padding-bottom: 22px;

	margin-bottom: 22px;

}

.qu_con1 .rq .div .top .p1{

	font-size: 34px;

	color: #ffffff;

	text-align: center;

	cursor: pointer;

	transition: all .4s ease-in;

}

.qu_con1 .rq .div .top .p2{

	font-size: 14px;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 10px;

	margin-top: 8px;

	cursor: pointer;

	transition: all .4s ease-in;

}

.qu_con1 .rq .div .bot{

	width: 100%;

}

.qu_con1 .rq .div .bot p{

	font-size: 18px;

	color: #ffffff;

	line-height: 34px;

	text-align: center;

	cursor: pointer;

	transition: all .4s ease-in;

}

.qu_con1 .rq .div .bot:hover p,.qu_con1 .rq .div .top:hover .p2,.qu_con1 .rq .div .top:hover .p1{

	transform: translateY(-10px);

}



/* qu_con2 */

.qu_con2{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 90px;

	background-image: url(../images/img160.jpg);

	background-size: cover;

}

.qu_con2 .div{

	width: 100%;

	border-bottom: 1px solid #bcc2cd;

	padding-bottom: 22px;

	margin-bottom: 22px;

}

.qu_con2 .div .p1{

	font-size: 28px;

	color: #333333;

}

.qu_con2 .div .p2{

	font-size: 14px;

	color: #666666;

	text-transform: uppercase;

	letter-spacing: 8px;

	margin-top: 8px;

}

.qu_con2 .p3{

	font-size: 18px;

	color: #666666;

}

.qu_con2 .top{

	width: 100%;

	margin-top: 45px;

}

.qu_con2 .top .div1{

	width: 23.5%;

	float: left;

	margin-right: 2%;

	position: relative;

	overflow: hidden;

}

.qu_con2 .top .div1:nth-child(4){

	margin-right: 0;

}

.qu_con2 .top .div1::before{

	content: '';

	width: 100%;

	height: 322px;

	background-image: url(../images/img165.png);

	background-size: cover;

	background-position: bottom;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 1;

}

.qu_con2 .top .div1 img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.qu_con2 .top .div1:hover img{

	transform: scale(1.05);

}

.qu_con2 .top .div1 p{

	font-size: 18px;

	color: #ffffff;

	width: 100%;

	text-align: center;

	padding: 0 15px;

	position: absolute;

	left: 0;

	bottom: 12px;

	z-index: 2;

}

.qu_con2 .bot{

	width: 100%;

	margin-top: 98px;

	padding: 105px 96px;

	background: rgba(255,255,255,0.46);

	display: flex;

	flex-wrap: wrap-reverse;

}

.qu_con2 .bot .lef{

	width: 57.4%;

	padding-top: 45px;

	padding-right: 106px;

}

.qu_con2 .bot .lef .div1{

	width: 100%;

	border-bottom: 1px solid #c8d3d8;

	padding-bottom: 22px;

	margin-bottom: 22px;

}

.qu_con2 .bot .lef .div1 .p4{

	font-size: 26px;

	color: #3a55a0;

}

.qu_con2 .bot .lef .div1 .p5{

	font-size: 14px;

	color: #3a55a0;

	text-transform: uppercase;

	letter-spacing: 8px;

	margin-top: 8px;

}

.qu_con2 .bot .lef .div2{

	width: 100%;

}

.qu_con2 .bot .lef .div2 p{

	font-size: 18px;

	color: #666666;

	line-height: 32px;

}



.qu_con2 .bot .rig{

	width: 42.6%;

	position: relative;

}

.qu_con2 .bot .rig img{

	width: 100%;

	vertical-align: middle;

}

.qu_con2 .bot .rig .div1{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 22px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	opacity: 0.9;

	z-index: 10;

}

.qu_con2 .bot .rig .div1 .swiper-pagination{

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

}

.qu_con2 .bot .rig .div1 .swiper-pagination-bullet{

	background: #6792b2;

	opacity: 1;

	margin: 0 4px !important;

}

.qu_con2 .bot .rig .div1 .swiper-pagination-bullet-active{

	background: #91b8d9;

}





/* qu_con3 */

.qu_con3{

	width: 100%;

	padding-top: 190px;

	position: relative;

	overflow: hidden;

}

.qu_con3 .p{

	font-size: 420px;

	color: #e9e9e9;

	opacity: 0.6;

	position: absolute;

	top: -30px;

	left: 50%;

	transform: translateX(-50%);

	font-weight: bold;

	text-transform: uppercase;

	z-index: -1;

}

.qu_con3 .p1{

	font-size: 32px;

	color: #333333;

	text-align: center;

}

.qu_con3 .p2{

	font-size: 14px;

	color: #666666;

	text-transform: uppercase;

	letter-spacing: 8px;

	margin-top: 8px;

	text-align: center;

}

.qu_con3 .rq{

	width: 100%;

	margin-top: 50px;

	padding-top: 58px;

	padding-bottom: 90px;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);

	position: relative;

	background: #fff;

	z-index: 1;

}

.qu_con3 .rq .rq1{

	width: 100%;

	position: relative;

	padding: 0 128px;

}

.qu_con3 .rq .div{

	width: 100%;

	background: #ebebeb;

	border: 1px solid #ebebeb;

	transition: all .5s;

}

.qu_con3 .rq .div:hover{

	border: 1px solid #4b5ec5;

}

.qu_con3 .rq .div .top{

	width: 100%;

	padding: 10px;

	padding-bottom: 0;

}

.qu_con3 .rq .div .top img{

	width: 100%;

	vertical-align: middle;

}

.qu_con3 .rq .div p{

	font-size: 18px;

	color: #666666;

	text-align: center;

	line-height: 54px;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.qu_con3 .rq .div:hover p{

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	color: #fff;

}

.qu_con3 .swiper-button-next,

.qu_con3 .swiper-button-prev{

	width: 80px;

	height: 100%;

	border: 1px solid #f3f3f3;

	background-image: url();

	position: absolute;

	right: 0;

	top: 0;

	opacity: 1;

	margin-top: 0;

}

.qu_con3 .swiper-button-next:hover,

.qu_con3 .swiper-button-prev:hover{

	background-image: linear-gradient(to bottom, #4b5ec5 , #44ccf5);

	background-size: cover;

	border: 1px solid transparent;

}

.qu_con3 .swiper-button-prev{

	left: 0;

}

.qu_con3 .swiper-button-next::before,

.qu_con3 .swiper-button-prev::before{

	content: '';

	width: 46px;

	height: 9px;

	background-image: url(../images/img168.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.qu_con3 .swiper-button-prev::before{

	transform:translate(-50%,-50%) rotateY(180deg);

}

.qu_con3 .swiper-button-next:hover::before,

.qu_con3 .swiper-button-prev:hover::before{

	background-image: url(../images/img11.png);

}



@media(max-width:1459px){

	.qu_con1 {

		padding-top: 68px;

		padding-bottom: 240px;

	}

	.qu_con1 .rq .div {

		transform: translate(-50%, 110px);

		padding: 45px 70px;

	}

	.qu_con1 .rq .div .top .p1 {

		font-size: 26px;

	}

	.qu_con1 .rq .div .top .p2 {

		font-size: 12px;

		letter-spacing: 8px;

		margin-top: 6px;

	}

	.qu_con1 .rq .div .top {

		padding-bottom: 16px;

		margin-bottom: 16px;

	}

	.qu_con1 .rq .div .bot p {

		font-size: 15px;

		line-height: 30px;

	}

	.qu_con1 .p {

		font-size: 320px;

		bottom: -48px;

	}

	.qu_con2 {

		padding-top: 68px;

		padding-bottom: 68px;

	}

	.qu_con2 .div .p1 {

		font-size: 24px;

	}

	.qu_con2 .div .p2 {

		font-size: 12px;

		letter-spacing: 4px;

		margin-top: 6px;

	}

	.qu_con2 .div {

		padding-bottom: 16px;

		margin-bottom: 16px;

	}

	.qu_con2 .p3 {

		font-size: 15px;

		line-height: 26px;

	}

	.qu_con2 .top {

		margin-top: 34px;

	}

	.qu_con2 .top .div1 p {

		font-size: 15px;

	}

	.qu_con2 .bot {

		margin-top: 74px;

		padding: 80px 60px;

	}

	.qu_con2 .bot .lef {

		padding-top: 10px;

		padding-right: 60px;

	}

	.qu_con2 .bot .lef .div1 .p4 {

		font-size: 22px;

	}

	.qu_con2 .bot .lef .div1 .p5 {

		font-size: 12px;

		letter-spacing: 4px;

		margin-top: 4px;

	}

	.qu_con2 .bot .lef .div1 {

		padding-bottom: 16px;

		margin-bottom: 16px;

	}

	.qu_con2 .bot .lef .div2 p {

		font-size: 15px;

		line-height: 28px;

	}

	.qu_con3 {

		padding-top: 140px;

	}

	.qu_con3 .p {

		font-size: 320px;

		top: -30px;

	}

	.qu_con3 .rq {

		margin-top: 38px;

		padding-top: 44px;

		padding-bottom: 68px;

	}

	.qu_con3 .rq .rq1 {

		padding: 0px 96px;

	}

	.qu_con3 .swiper-button-next, .qu_con3 .swiper-button-prev {

		width: 60px;

	}

	.qu_con3 .swiper-button-next::before, .qu_con3 .swiper-button-prev::before {

		width: 30px;

		height: 6px;

	}

	.qu_con3 .rq .div .top {

		padding: 6px 6px 0px;

	}

	.qu_con3 .rq .div p {

		font-size: 15px;

		line-height: 40px;

	}





}

@media(max-width:1024px){

	.qu_con1 .rq .div {

		transform: translate(-50%, 140px);

		padding: 24px 25px;

	}



}

@media(max-width:768px){

	.qu_con1 {

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.qu_con1 .rq .div{

		width: 100%;

		position: static;

		transform: translate(0,0);

	}

	.qu_con1 .p {

		font-size: 180px;

		bottom: -10px;

	}

	.qu_con1 .rq{

		width: 100%;

	}

	.qu_con2 .bot .lef{

		width: 100%;

		padding: 0;

		margin-top: 25px;

	}

	.qu_con2 .bot .rig{

		width: 100%;

	}

	.qu_con2 .bot {

		margin-top: 40px;

		padding: 40px 20px;

	}

	.qu_con3 {

		padding-top: 60px;

	}

	.qu_con3 .p {

		font-size: 190px;

		top: -10px;

	}

	.qu_con3 .rq {

		margin-top: 22px;

		padding-top: 34px;

		padding-bottom: 50px;

	}

	.qu_con3 .rq .rq1 {

		padding: 0px 70px;

	}

	.qu_con3 .p1 {

		font-size: 26px;

	}

	.qu_con3 .p2 {

		font-size: 12px;

		letter-spacing: 4px;

		margin-top: 4px;

	}



}

@media(max-width:500px){

	.qu_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.qu_con1 .rq .div {

		padding: 20px 15px;

	}

	.qu_con1 .rq .div .top .p1 {

		font-size: 22px;

	}

	.qu_con1 .rq .div .top .p2 {

		letter-spacing: 2px;

		margin-top: 4px;

	}

	.qu_con1 .rq .div .bot p {

		font-size: 14px;

		line-height: 24px;

	}

	.qu_con2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.qu_con2 .div .p1 {

		font-size: 22px;

	}

	.qu_con2 .div .p2 {

		letter-spacing: 2px;

		margin-top: 4px;

	}

	.qu_con2 .p3 {

		font-size: 14px;

		line-height: 24px;

	}

	.qu_con2 .top {

		margin-top: 22px;

	}

	.qu_con2 .top .div1{

		width: 49%;

		margin-right: 2%;

		margin-bottom: 10px;

	}

	.qu_con2 .top .div1:nth-child(2n){

		margin-right: 0;

	}

	.qu_con2 .top .div1::before {

		height: 136px;

	}

	.qu_con2 .top .div1 p {

		font-size: 12px;

	}

	.qu_con2 .bot {

		margin-top: 20px;

		padding: 20px 20px;

	}

	.qu_con2 .bot .lef {

		margin-top: 16px;

	}

	.qu_con2 .bot .lef .div1 .p4 {

		font-size: 20px;

	}

	.qu_con2 .bot .lef .div1 .p5 {

		letter-spacing: 0px;

	}

	.qu_con2 .bot .lef .div2 p {

		font-size: 14px;

		line-height: 24px;

	}

	.qu_con3 {

		padding-top: 45px;

	}

	.qu_con3 .p1 {

		font-size: 24px;

	}

	.qu_con3 .rq {

		margin-top: 20px;

		padding-top: 24px;

		padding-bottom: 45px;

	}

	.qu_con3 .p {

		font-size: 110px;

		top: 0px;

	}

}











/* 人力资源 */

.hum_con1{

	width: 100%;

	display: flex;

}

.hum_con1 .lef{

	width: 49.5%;

}

.hum_con1 .lef .div{

	width: 100%;

	height: 50%;

}

.hum_con1 .lef .div .bj{

	width: 100%;

	vertical-align: middle;

}

.hum_con1 .lef .div1{

	width: 50%;

	height: 100%;

	float: left;

	padding-left: 55px;

	padding-right: 95px;

	padding-top: 65px;

	position: relative;

	overflow: hidden;

	transition: all .5s;

}

.hum_con1 .lef .div1:hover{

	background: #263d92;

}

.hum_con1 .div1 .p{

	font-size: 24px;

	color: #263d92;

	border-bottom: 1px solid #cdcdcd;

	padding-bottom: 32px;

	transition: all .5s;

	margin-bottom: 22px;

}

.hum_con1 .lef .div1:hover p{

	color: #fff;

}

.hum_con1 .div1 .p i{

	width: 42px;

	height: 42px;

	background-size: contain;

	background-repeat: no-repeat;

	margin-bottom: -10px;

	margin-right: 5px;

	display: inline-block;

	transition: all .5s;

}

.hum_con1 .lef .div .div1:nth-child(1) p i{

	background-image: url(../images/img172.png);

}

.hum_con1 .lef .div .div1:nth-child(1):hover p i{

	background-image: url(../images/img171.png);

}

.hum_con1 .lef .div .div1:nth-child(2) p i{

	background-image: url(../images/img173.png);

}

.hum_con1 .lef .div .div1:nth-child(2):hover p i{

	background-image: url(../images/img174.png);

}

.hum_con1 .div1 .p1{

	font-size: 18px;

	color: #666666;

	line-height: 32px;

	transition: all .5s;



	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

  

}

.hum_con1 .lef .div1:hover .p1{

	color: #fff;

}

.hum_con1 .div1::before{

	content: '';

	width: 46px;

	height: 9px;

	background-image: url(../images/img168.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	left: 55px;

	bottom: 55px;

	transition: all .5s;

}

.hum_con1 .lef .div1:hover:before{

	background-image: url(../images/img70.png);

}

.hum_con1 .div1::after{

	content: '';

	width: 301px;

	height: 317px;

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

    right: -75px;

    bottom: -116px;

	transition: all .5s;

}

.hum_con1 .lef .div .div1:nth-child(2)::after{

	background-image: url(../images/img175.png);

}

.hum_con1 .lef .div .div1:nth-child(2):hover::after{

	background-image: url(../images/img176.png);

}

.hum_con1 .lef .div .div1:nth-child(1)::after{

	background-image: url(../images/img177.png);

}

.hum_con1 .lef .div .div1:nth-child(1):hover::after{

	background-image: url(../images/img178.png);

}



.hum_con1 .rig{

	width: 50.5%;

	position: relative;

}

.hum_con1 .rig .bj{

	width: 100%;

	vertical-align: middle;

}

.hum_con1 .rig .div1{

	width: 430px;

	height: 390px;

	background: rgba(0,0,0,.5);

	position: absolute;

	right: 0;

	bottom: 0;

	overflow: hidden;

	padding: 50px 55px;

}

.hum_con1 .rig .div1 .p{

	color: #fff;

}

.hum_con1 .rig .div1 .p i{

	background-image: url(../images/img179.png);

}

.hum_con1 .rig .div1 .p1{

	color: #c3c3c3;

}

.hum_con1 .rig .div1::after{

	background-image: url(../images/img180.png);

}



@media(max-width:1459px){

	.hum_con1 .lef .div1 {

		padding-left: 20px;

		padding-right: 40px;

		padding-top: 35px;

	}

	.hum_con1 .div1::before {

		width: 36px;

		height: 7px;

		left: 20px;

		bottom: 30px;

	}

	.hum_con1 .div1 .p {

		font-size: 18px;

		padding-bottom: 24px;

		margin-bottom: 12px;

	}

	.hum_con1 .div1 .p i {

		width: 30px;

		height: 30px;

		margin-bottom: -6px;

		margin-right: 2px;

	}

	.hum_con1 .div1 .p1 {

		font-size: 15px;

		line-height: 26px;

	}

	.hum_con1 .div1::after {

		width: 220px;

		height: 226px;

		right: -52px;

		bottom: -85px;

	}

	.hum_con1 .rig .div1 {

		width: 326px;

		height: 290px;

		padding: 30px 20px;

	}



}

@media(max-width:1024px){

	.hum_con1 .lef .div1 {

		padding-left: 20px;

		padding-right: 20px;

		padding-top: 20px;

	}

	.hum_con1 .div1 .p {

		font-size: 18px;

		padding-bottom: 14px;

		margin-bottom: 10px;

	}

	.hum_con1 .div1 .p i {

		width: 25px;

		height: 25px;

		margin-bottom: -5px;

		margin-right: 2px;

	}

	.hum_con1 .div1 .p1 {

		font-size: 14px;

		line-height: 24px;

	}

	.hum_con1 .div1::before {

		bottom: 20px;

	}

	.hum_con1 .div1::after {

		width: 185px;

		height: 200px;

		right: -53px;

		bottom: -85px;

	}

	.hum_con1 .rig .div1 {

		width: 260px;

		height: 210px;

		padding: 20px 20px;

	}



}

@media(max-width:768px){

	.hum_con1 .lef{

		width: 100%;

	}

	.hum_con1 .rig{

		width: 100%;

	}

	.hum_con1{

		flex-wrap: wrap;

	}

}

@media(max-width:500px){

	.hum_con1 .lef .div1{

		width: 100%;

	}

	.hum_con1 .lef .div{

		height: auto;

	}

	.hum_con1 .lef .div1{

		padding-bottom: 50px;

	}



}





/* 荣誉资质 */

/* hor_con1 */

.hor_con1{

	width: 100%;

	background: #f5f5f5;

	padding-top: 100px;

	padding-bottom: 95px;

}

.hor_con1 .rq{

	width: 100%;

	padding-bottom: 40px;

}

.hor_con1 .rq .div{

	width: 19%;

	height: 394px;

	background: #fff;

	float: left;

	margin-right: 1.25%;

	margin-bottom: 18px;

	position: relative;

	overflow: hidden;

}

.hor_con1 .rq .div:nth-child(5n){

	margin-right: 0;

}

.hor_con1 .rq .div a{

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

}

.hor_con1 .rq .div a::before{

	content: '';

	width: 100%;

	height: 100%;

	background: #263d92;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 1;

	opacity: 0;

	transition: all .5s;

}

.hor_con1 .rq .div:hover a::before{

	opacity: 0.5;

}

.hor_con1 .rq .div a::after{

	content: '';

	width: 85%;

	height: 85%;

	background: #263d92;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 1;

	opacity: 0;

	transition: all .5s;

}

.hor_con1 .rq .div:hover a::after{

	opacity: 0.6;

}

.hor_con1 .rq .div img{

	max-width: 85%;

	max-height: 85%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.hor_con1 .rq .div p{

	font-size: 18px;

	color: #ffffff;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 2;

	opacity: 0;

	transition: all .5s;

}

.hor_con1 .rq .div p em{

	width: 44px;

	height: 44px;

	display: block;

	background-image: url(../images/img186.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin: 0 auto;

	margin-bottom: 5px;

}

.hor_con1 .rq .div:hover p{

	opacity: 1;

}





/* 分页器 */

/* fyq */

.fyq{

	display: table;

	width: auto;

	margin: 0 auto;

}

.fyq li{

	float: left;

	margin: 0 4px;

}

.fyq li a{

	display: block;

	width: 60px;

	line-height: 60px;

	text-align: center;

	font-size: 20px;

	color: #333333;

	background: #e9e9e9;

	transition: all 0s;

}

.fyq .per a,

.fyq .nex a{

	width: 86px;

	font-size: 18px;

}

.fyq .on a,

.fyq li a:hover{

	color: #fff;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

}



@media(max-width:1459px){

	.hor_con1 {

		padding-top: 76px;

		padding-bottom: 70px;

	}

	.hor_con1 .rq .div {

		height: 300px;

	}

	.hor_con1 .rq .div p {

		font-size: 14px;

	}

	.hor_con1 .rq .div p em {

		width: 30px;

		height: 30px;

		margin-bottom: 6px;

	}

	.hor_con1 .rq {

		padding-bottom: 30px;

	}

	.fyq li a {

		width: 46px;

		line-height: 46px;

		font-size: 16px;

	}

	.fyq .per a, .fyq .nex a {

		width: 70px;

		font-size: 14px;

	}

}

@media(max-width:1024px){

	.hor_con1 .rq .div {

		height: 220px;

		margin-bottom: 10px;



	}

	



}

@media(max-width:768px){

	.hor_con1 {

		padding-top: 60px;

		padding-bottom: 60px;

	}

	.hor_con1 .rq .div{

		width: 23.5%;

		height: 200px;

		margin-right: 2%;

	}

	.hor_con1 .rq .div:nth-child(5n){

		margin-right: 2%;

	}

	.hor_con1 .rq .div:nth-child(4n){

		margin-right: 0%;

	}

}

@media(max-width:500px){

	.hor_con1 .rq .div{

		width: 32%;

		height: 146px;

		margin-right: 2%;

	}

	.hor_con1 .rq .div:nth-child(4n){

		margin-right: 2%;

	}

	.hor_con1 .rq .div:nth-child(3n){

		margin-right: 0%;

	}

	.hor_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.hor_con1 .rq {

		padding-bottom: 15px;

	}

	.fyq li a {

		width: 36px;

		line-height: 36px;

		font-size: 14px;

	}

}







/* 社会招聘 */

/* jio_con1 */

.jio_con1{

	width: 100%;

	padding-top: 80px;

	padding-bottom: 100px;

}

.jio_con1 .rq{

	width: 100%;

	padding-top: 48px;

}

.jio_con1 .rq .div{

	width: 18%;

	margin-right: 2.5%;

	float: left;

	position: relative;

	height: 340px;

	border: 1px solid #e7e7e7;

	padding-top: 100px;

	background-image: url(../images/img199.jpg);

	background-size: cover;

	transition: all .5s;

}

.jio_con1 .rq .div:nth-child(5){

	margin-right: 0;

}

.jio_con1 .rq .div:hover{

	border: 1px solid transparent;

	background-image: url(../images/img198.jpg);

}

.jio_con1 .rq .div::before{

	content: '';

	width: 100%;

	height: 6px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

	position: absolute;

	left: 0;

	bottom: -1px;

}

.jio_con1 .rq .div:hover::before{

	opacity: 0;

}

.jio_con1 .rq .div::after{

	content: '';

	width: 72px;

	height: 72px;

	background-image: url(../images/img197.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	right: -58px;

	transform: translateY(-50%);

	z-index: 10;

}

.jio_con1 .rq .div:last-child::after{

	display: none;

}

.jio_con1 .rq .div .div1{

	width: 80px;

	height: 79px;

	margin: 0 auto;

	position: relative;

}

.jio_con1 .rq .div .div1 img{

	width: 100%;

	vertical-align: middle;

	position: absolute;

	top: 0;

	left: 0;

	transition: all .5s;

}

.jio_con1 .rq .div .div1 .ig2{

	opacity: 0;

}

.jio_con1 .rq .div:hover .div1 .ig2{

	opacity: 1;

}

.jio_con1 .rq .div:hover .div1 .ig1{

	opacity: 0;

}

.jio_con1 .rq .div p{

	font-size: 24px;

	color: #666666;

	text-align: center;

	padding: 0 10px;

	margin-top: 16px;

}

.jio_con1 .rq .div:hover p{

	color: #fff;

}





/* jio_con2 */

.jio_con2{

	width: 100%;

	padding-top: 95px;

	padding-bottom: 100px;

	background: #f5f5f5;

}

.jio_con2 .rq{

	width: 100%;

	padding-top: 50px;

}

.jio_con2 .rq .div{

	width: 100%;

	background: #fff;

	margin-bottom: 16px;

}

.jio_con2 .rq .div .top{

	width: 100%;

	height: 156px;

	line-height: 156px;

	padding-left: 65px;

	padding-right: 50px;

	cursor: pointer;

}

.jio_con2 .rq .div .top .div1{

	width: 30%;

	float: left;

}

.jio_con2 .rq .div .top .div1 .p1{

	font-size: 30px;

	color: #274496;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	transition: all .75s;

}

.jio_con2 .rq .div .top:hover .div1 .p1,.jio_con2 .rq .div .top:hover .div1 .p2 span{

	font-weight: bold;

}

.jio_con2 .rq .div .top .div1 .p2{

	font-size: 20px;

	color: #666666;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.jio_con2 .rq .div .top .div1 .p2 span{

	color: #019de5;

	transition: all .75s;

}

.jio_con2 .rq .div .top .div2{

	width: 10%;

	height: 100%;

	float: left;

	position: relative;

}

.jio_con2 .rq .div .top .div2 em{

	width: 60px;

	height: 60px;

	background-image: url(../images/img200.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%) rotate(180deg);

	transition: all .75s;

}

.jio_con2 .rq .div.on .top .div2 em{

	transform: translateY(-50%) rotate(0deg);

	background-image: url(../images/img201.png);

}

.jio_con2 .rq .div .top:hover .div2 em{

	background-image: url(../images/img201.png);

}

.jio_con2 .rq .div .bot{

	width: 100%;

	padding-top: 24px;

	padding-bottom: 60px;

	padding-left: 65px;

	padding-right: 50px;

	border-top: 1px solid #e7e7e7;

	display: none;

}

.jio_con2 .rq .div .bot .div1{

	width: 100%;

}

.jio_con2 .rq .div .bot .div1 p{

	font-size: 16px;

	color: #666666;

	line-height: 32px;

}

.jio_con2 .rq .div .bot a{

	display: inline-block;

	border: 1px solid #274496;

	margin-top: 42px;

}

.jio_con2 .rq .div .bot a em{

	height: 45px;

	width: 45px;

	background: #274496;

	float: left;

	position: relative;

}

.jio_con2 .rq .div .bot a em::before{

	content: '';

	width: 30px;

	height: 22px;

	background-image: url(../images/img202.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.jio_con2 .rq .div .bot a span{

	font-size: 16px;

	color: #274496;

	line-height: 45px;

	float: left;

	padding: 0 12px;

	transition: all .5s;

}

.jio_con2 .rq .div .bot a:hover span{

	color: #fff;

	background: #274496;

}



/* jio_con3 */

.jio_con3{

	width: 100%;

	padding-top: 80px;

	padding-bottom: 100px;

}

.jio_con3 .rq{

	width: 100%;

	padding-top: 50px;

}

.jio_con3 .rq .top{

	width: 100%;

	height: 96px;

	line-height: 96px;

	border: 1px solid #e7e7e7;

}

.jio_con3 .rq .top p{

	width: 33.3333%;

	float: left;

	text-align: center;

	font-size: 20px;

	color: #999999;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.jio_con3 .rq .top p span{

	color: #333333;

	transform: .75s;

}

.jio_con3 .rq .top p:hover span{

	color: #274496;

}

.jio_con3 .rq .top p img{

	display: inline-block;

	width: 56px;

	margin-bottom: -18px;

	margin-right: 10px;

	transition: all .5s;

}

.jio_con3 .rq .top p:hover img{

	animation: zy ease-in 1.5s;

}

@keyframes zy {

	0%{

		transform: rotate(-8deg);

	}

	50% {

		transform: rotate(0deg);

	}

	75% {

		transform: rotate(8deg);

	}

	100% {

		transform: rotate(0deg);

	}

}

.jio_con3 .rq .bot{

	width: 100%;

	margin-top: 35px;

	overflow: hidden;

}

.jio_con3 .rq .bot img{

	width: 100%;

	vertical-align: middle;

	transition: all 1.25s ease-in;

}

.jio_con3 .rq .bot img:hover{

	transform: scale(1.03);

}



@media(max-width:1459px){

	.jio_con1 {

		padding-top: 60px;

		padding-bottom: 78px;

	}

	.jio_con1 .rq {

		padding-top: 36px;

	}

	.jio_con1 .rq .div {

		height: 260px;

		padding-top: 70px;

	}

	.jio_con1 .rq .div::before {

		height: 4px;

	}

	.jio_con1 .rq .div .div1 {

		width: 60px;

		height: 59px;

	}

	.jio_con1 .rq .div p {

		font-size: 18px;

		margin-top: 16px;

	}

	.jio_con1 .rq .div::after {

		width: 54px;

		height: 54px;

		right: -44px;

	}

	.jio_con2 {

		padding-top: 72px;

		padding-bottom: 78px;

	}

	.jio_con2 .rq {

		padding-top: 36px;

	}

	.jio_con2 .rq .div .top {

		height: 116px;

		line-height: 116px;

		padding-left: 48px;

		padding-right: 38px;

	}

	.jio_con2 .rq .div .top .div1 .p1 {

		font-size: 22px;

	}

	.jio_con2 .rq .div .top .div1 .p2 {

		font-size: 16px;

	}

	.jio_con2 .rq .div .top .div2 em {

		width: 48px;

		height: 48px;

	}

	.jio_con2 .rq .div .bot {

		padding-top: 20px;

		padding-bottom: 48px;

		padding-left: 48px;

		padding-right: 38px;

	}

	.jio_con2 .rq .div .bot .div1 p {

		font-size: 14px;

		line-height: 28px;

	}

	.jio_con2 .rq .div .bot a {

		margin-top: 32px;

	}

	.jio_con2 .rq .div .bot a span {

		font-size: 14px;

		line-height: 34px;

		padding: 0 10px;

	}

	.jio_con2 .rq .div .bot a em {

		height: 34px;

		width: 34px;

	}

	.jio_con2 .rq .div .bot a em::before {

		width: 22px;

		height: 16px;

	}

	.jio_con3 {

		padding-top: 60px;

		padding-bottom: 78px;

	}

	.jio_con3 .rq {

		padding-top: 36px;

	}

	.jio_con3 .rq .top {

		height: 72px;

		line-height: 72px;

	}

	.jio_con3 .rq .top p {

		font-size: 16px;

	}

	.jio_con3 .rq .top p img {

		width: 42px;

		margin-bottom: -15px;

		margin-right: 5px;

	}

	.jio_con3 .rq .bot {

		margin-top: 26px;

	}



}

@media(max-width:1024px){

	.jio_con1 .rq .div {

		height: 210px;

		padding-top: 50px;

	}

	.jio_con1 .rq .div .div1 {

		width: 50px;

		height: 50px;

	}

	.jio_con1 .rq .div p {

		font-size: 15px;

		margin-top: 14px;

	}

	.jio_con1 .rq .div::after {

		width: 48px;

		height: 48px;

		right: -37px;

	}

	.jio_con2 .rq .div .top {

		height: 90px;

		line-height: 90px;

		padding-left: 26px;

		padding-right: 26px;

	}

	.jio_con2 .rq .div .bot {

		padding-top: 20px;

		padding-bottom: 48px;

		padding-left: 26px;

		padding-right: 26px;

	}

	.jio_con2 .rq .div .top .div2 em {

		width: 40px;

		height: 40px;

	}

	.jio_con3 .rq .top p img {

		width: 35px;

		margin-bottom: -10px;

		margin-right: 5px;

	}



}

@media(max-width:991px){

	.jio_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.jio_con1 .rq {

		padding-top: 24px;

	}

	.jio_con1 .rq .div{

		width: 32%;

		margin-right: 2%;

		margin-bottom: 10px;

		height: 160px;

		padding-top: 32px;

	}

	.jio_con1 .rq .div:nth-child(3n){

		margin-right: 0;

	}

	.jio_con1 .rq .div::after{

		display: none;

	}

	.jio_con1 .rq .div p {

		font-size: 14px;

		margin-top: 12px;

	}

	.jio_con1 .rq .div .div1 {

		width: 46px;

		height: 46px;

	}

	.jio_con2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.jio_con2 .rq {

		padding-top: 24px;

	}

	.jio_con2 .rq .div .top {

		height: 66px;

		line-height: 66px;

		padding-left: 15px;

		padding-right: 10px;

	}

	.jio_con2 .rq .div .top .div1{

		width: 42.5%;

	}

	.jio_con2 .rq .div .top .div1:nth-child(3){

		display: none;

	}

	.jio_con2 .rq .div .top .div2{

		width: 15%;

	}

	.jio_con2 .rq .div .top .div1 .p1 {

		font-size: 16px;

	}

	.jio_con2 .rq .div .top .div1 .p2 {

		font-size: 14px;

	}

	.jio_con2 .rq .div {

		margin-bottom: 10px;

	}

	.jio_con2 .rq .div .bot {

		padding-top: 20px;

		padding-bottom: 30px;

		padding-left: 15px;

		padding-right: 10px;

	}

	.jio_con2 .rq .div .bot .div1 p {

		line-height: 24px;

	}

	.jio_con2 .rq .div .bot a {

		margin-top: 18px;

	}

	.jio_con3 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.jio_con3 .rq .top p{

		width: 100%;

		text-align: left;

		padding-left: 20px;

		border-bottom: 1px solid #e7e7e7;

	}

	.jio_con3 .rq .top {

		height: auto;

		line-height: 60px;

		border-bottom:none;

	}

	.jio_con3 .rq .bot {

		margin-top: 16px;

	}

	.jio_con3 .rq {

		padding-top: 24px;

	}



}







/* 新闻详情 */

.new_dat1{

	width: 100%;

}

.new_dat1 .lef{

	width: 65%;

	float: left;

	border-right: 1px solid #e7e7e7;

	padding-top: 100px;

	padding-bottom: 94px;

	padding-right: 75px;

}

.new_dat1 .lef .top{

	width: 100%;

	padding-bottom: 42px;

	border-bottom: 1px solid #e7e7e7;

}

.new_dat1 .lef .top .p1{

	font-size: 20px;

	color: #666666;

}

.new_dat1 .lef .top .p1 em{

	width: 22px;

	height: 22px;

	display: inline-block;

	background-image: url(../images/img207.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-bottom: -2px;

	margin-right: 10px;

}

.new_dat1 .lef .top .p2{

	font-size: 40px;

	color: #333333;

	line-height: 60px;

	margin-top: 30px;

}

.new_dat1 .lef .bot{

	width: 100%;

	padding-top: 50px;

}

.new_dat1 .lef .bot p{

	font-size: 16px;

	color: #666666;

	line-height: 32px;

}

.new_dat1 .lef .bot .p1{

	font-size: 20px;

	color: #666666;

	margin-bottom: 10px;

}

.new_dat1 .lef .bot img{

	max-width: 100% !important;

	height: auto !important;

}

.new_dat1 .lef .bot .p2{

	margin-bottom: 34px;

}

.new_dat1 .lef .bot .p3{

	margin-top: 34px;

}

.new_dat1 .lef .div1{

	width: 100%;

	margin-top: 87px;

}

.new_dat1 .lef .div1 a{

	font-size: 16px;

	line-height: 60px;

	color: #333333;

	float: left;

	width: 41.5%;

	text-align: center;

	background: #e9e9e9;

	transition: all 0s;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.new_dat1 .lef .div1 a:hover{

	color: #fff;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

}

.new_dat1 .lef .div1 a:nth-child(2){

	width: 15%;

	margin: 0 1%;

}

.new_dat1 .lef .div1 a em{

	display: inline-block;

	width: 20px;

	height: 20px;

	background-image: url(../images/img210.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-bottom: -4px;

	margin-right: 5px;

}

.new_dat1 .lef .div1 a:hover em{

	background-image: url(../images/img211.png);

}



.new_dat1 .rig{

	width: 35%;

	float: left;

	padding-top: 100px;

	padding-left: 75px;

}

.new_dat1 .rig .div{

	width: 100%;

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 55px;

}

.new_dat1 .rig .div a{

	display: block;

	padding-bottom: 50px;

}

.new_dat1 .rig .div a .p1{

	font-size: 20px;

	color: #666666;

}

.new_dat1 .rig .div a .p1 em{

	display: inline-block;

	width: 22px;

	height: 22px;

	background-image: url(../images/img207.png);

	background-size: contain;

	background-repeat: no-repeat;

	margin-right: 5px;

	margin-bottom: -3px;

}

.new_dat1 .rig .div a .p2{

	font-size: 24px;

	color: #333333;

	margin-top: 15px;

	transition: all .5s;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.new_dat1 .rig .div a:hover .p2{

	color: #293f94;

}



.new_dat1 .rig .div1{

	width: 100%;

}

.new_dat1 .rig .div1 .p1{

	font-size: 32px;

	color: #333333;

}

.new_dat1 .rig .div1 .rq{

	width: 100%;

	margin-top: 22px;

	background: #f4f3f3;

	padding: 16px;

}

.new_dat1 .rig .div1 .rq a{

	font-size: 18px;

	color: #666666;

	line-height: 46px;

	padding: 0 20px;

	background: #fff;

	float: left;

	margin-right: 8px;

	margin-bottom: 6px;

}

.new_dat1 .rig .div1 .rq a:hover{

	color: #fff;

	background: #293f94;

}



@media(max-width:1459px){

	.new_dat1 .lef {

		padding-top: 78px;

		padding-bottom: 70px;

		padding-right: 40px;

	}

	.new_dat1 .lef .top .p1 {

		font-size: 16px;

	}

	.new_dat1 .lef .top .p1 em {

		width: 16px;

		height: 16px;

		margin-bottom: -1px;

		margin-right: 6px;

	}

	.new_dat1 .lef .top .p2 {

		font-size: 30px;

		line-height: 45px;

		margin-top: 20px;

	}

	.new_dat1 .lef .top {

		padding-bottom: 26px;

	}

	.new_dat1 .lef .bot {

		padding-top: 38px;

	}

	.new_dat1 .lef .bot .p1 {

		font-size: 16px;

		margin-bottom: 10px;

	}

	.new_dat1 .lef .bot p {

		font-size: 14px;

		line-height: 26px;

	}

	.new_dat1 .lef .bot .p3 {

		margin-top: 20px;

	}

	.new_dat1 .lef .bot .p2 {

		margin-bottom: 20px;

	}

	.new_dat1 .lef .div1 {

		margin-top: 60px;

	}

	.new_dat1 .lef .div1 a {

		font-size: 14px;

		line-height: 40px;

	}

	.new_dat1 .lef .div1 a em {

		width: 16px;

		height: 16px;

		margin-bottom: -2px;

		margin-right: 3px;

	}

	.new_dat1 .rig {

		padding-top: 78px;

		padding-left: 40px;

	}

	.new_dat1 .rig .div a .p1 {

		font-size: 16px;

	}

	.new_dat1 .rig .div a .p1 em {

		width: 16px;

		height: 16px;

		margin-right: 2px;

		margin-bottom: -1px;

	}

	.new_dat1 .rig .div a .p2 {

		font-size: 18px;

		margin-top: 8px;

	}

	.new_dat1 .rig .div a {

		padding-bottom: 38px;

	}

	.new_dat1 .rig .div {

		margin-bottom: 40px;

	}

	.new_dat1 .rig .div1 .p1 {

		font-size: 24px;

	}

	.new_dat1 .rig .div1 .rq {

		margin-top: 12px;

		padding: 12px;

	}

	.new_dat1 .rig .div1 .rq a {

		font-size: 14px;

		line-height: 36px;

		padding: 0 15px;

	}



}

@media(max-width:991px){

	.new_dat1 .lef{

		width: 100%;

		border-right: none;

		padding-right: 0;

	}

	.new_dat1 .rig{

		display: none;

	}



}

@media(max-width:500px){

	.new_dat1 .lef {

		padding-top: 45px;

		padding-bottom: 50px;

	}

	.new_dat1 .lef .top .p1 {

		font-size: 14px;

	}

	.new_dat1 .lef .top .p2 {

		font-size: 22px;

		line-height: 32px;

		margin-top: 10px;

	}

	.new_dat1 .lef .top {

		padding-bottom: 16px;

	}

	.new_dat1 .lef .bot {

		padding-top: 18px;

	}

	.new_dat1 .lef .bot .p2 {

		margin-bottom: 15px;

	}

	.new_dat1 .lef .bot .p3 {

		margin-top: 15px;

	}

	.new_dat1 .lef .div1 {

		margin-top: 32px;

	}

	.new_dat1 .lef .div1 a{

		width: 100% !important;

		margin: 5px 0 !important;

	}



}









/* 新闻中心 */

.abo_con1_1{

	background: #f2f2f2;

}

.new_con1{

	width: 100%;

	padding-top: 100px;

	padding-bottom: 94px;

}

.new_con1 .rq{

	width: 100%;

	padding-bottom: 20px;

}

.new_con1 .rq .div{

	width: 100%;

	background: #f4f4f4;

	margin-bottom: 35px;

	position: relative;

}

.new_con1 .rq .div a{

	display: block;

	width: 100%;

	height: 100%;

}

.new_con1 .rq .div::before{

	content: '';

	width: 8px;

	height: 100%;

	background-image: linear-gradient(to bottom, #4b5ec5 , #44ccf5);

	position: absolute;

	right: 0;

	top: 0;

	opacity: 0;

	transition: all .5s;

}

.new_con1 .rq .div:hover::before{

	opacity: 1;

}

.new_con1 .rq .div .lef{

	width: 36.6%;

	float: left;

	overflow: hidden;

	position: relative;

}

.new_con1 .rq .div .lef::before{

	content: '';

	width: 100%;

	height: 100%;

	background-image: url(../images/img215.png);

	background-size: cover;

	position: absolute;

	left: -100%;

	top: 0;

	transition: all .5s;

}

.new_con1 .rq .div .lef img{

	width: 100%;

	vertical-align: middle;

}

.new_con1 .rq .div:hover .lef::before{

	left: 0;

}

.new_con1 .rq .div .rig{

	width: 63.4%;

	float: left;

	padding-left: 188px;

	padding-top: 48px;

	padding-right: 98px;

	position: relative;

}

.new_con1 .rq .div .rig .div1{

	position: absolute;

	left: 60px;

	top: 48px;

}

.new_con1 .rq .div .rig .div1 .p1{

	font-size: 50px;

	color: #333333;

	position: relative;

	padding-bottom: 5px;

	text-align: center;

}

.new_con1 .rq .div .rig .div1 .p1::before{

	content: '';

	width: 35px;

	height: 2px;

	background: #acacac;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}

.new_con1 .rq .div .rig .div1 .p2{

	font-size: 20px;

	color: #333333;

	text-align: center;

	margin-top: 20px;

}

.new_con1 .rq .div .rig .p3{

	font-size: 30px;

	color: #333333;

	transition: all .5s;



	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.new_con1 .rq .div:hover .rig .p3{

	color: #274597;

}

.new_con1 .rq .div .rig .p4{

	font-size: 20px;

	color: #999999;

	line-height: 30px;

	margin-top: 22px;

	margin-bottom: 28px;



	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.new_con1 .rq .div .rig .p5{

	font-size: 20px;

	color: #666666;



	transition: all .5s;

}

.new_con1 .rq .div:hover .rig .p5{

	color: #0790d9;

}



@media(max-width:1366px){

	.new_con1 {

		padding-top: 78px;

		padding-bottom: 70px;

	}

	.new_con1 .rq .div {

		margin-bottom: 22px;

	}

	.new_con1 .rq .div .rig {

		padding-left: 140px;

		padding-top: 36px;

		padding-right: 76px;

	}

	.new_con1 .rq .div .rig .div1 {

		left: 44px;

		top: 36px;

	}

	.new_con1 .rq .div .rig .div1 .p1 {

		font-size: 38px;

	}

	.new_con1 .rq .div .rig .div1 .p1::before {

		width: 30px;

	}

	.new_con1 .rq .div .rig .div1 .p2 {

		font-size: 16px;

		margin-top: 14px;

	}

	.new_con1 .rq .div .rig .p3 {

		font-size: 22px;

	}

	.new_con1 .rq .div .rig .p4 {

		font-size: 16px;

		line-height: 28px;

		margin-top: 18px;

		margin-bottom: 22px;

	}

	.new_con1 .rq .div .rig .p5 {

		font-size: 16px;

	}





}

@media(max-width:1024px){

	.new_con1 .rq .div .rig {

		padding-left: 110px;

		padding-top: 18px;

		padding-right: 40px;

	}

	.new_con1 .rq .div .rig .div1 {

		left: 34px;

		top: 18px;

	}

	.new_con1 .rq .div .rig .div1 .p1 {

		font-size: 32px;

	}

	.new_con1 .rq .div .rig .div1 .p2 {

		font-size: 14px;

		margin-top: 10px;

	}

	.new_con1 .rq .div .rig .p4 {

		font-size: 14px;

		line-height: 24px;

		margin-top: 14px;

		margin-bottom: 16px;

	}

	.new_con1 .rq .div::before {

		width: 4px;

	}

}

@media(max-width:768px){

	.new_con1 .rq .div .lef{

		width: 100%;

	}

	.new_con1 .rq .div .rig{

		width: 100%;

		padding-bottom: 20px;

	}

}

@media(max-width:500px){

	.new_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.new_con1 .rq .div .rig {

		padding-left: 70px;

		padding-right: 15px;

	}

	.new_con1 .rq .div .rig .div1 {

		left: 16px;

	}

	.new_con1 .rq .div .rig .div1 .p1 {

		font-size: 28px;

	}

	.new_con1 .rq .div .rig .div1 .p2 {

		font-size: 12px;

		margin-top: 6px;

	}

	.new_con1 .rq .div .rig .p3 {

		font-size: 20px;

	}

	.new_con1 .rq .div .rig .p5 {

		font-size: 14px;

	}

	.new_con1 .rq {

		padding-bottom: 5px;

	}



}







/* 研发实力 */

.ny_banner .div{

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

    opacity: 0.9;

}

.ny_banner .div .dh{

	position: static;

}

.ny_banner .div1{

	width: 100%;

	padding: 25px 0;

}

.ny_banner .div1 .div2{

	width: 25%;

	float: left;

	position: relative;

}

.ny_banner .div1 .div2::before{

	content: '';

	width: 1px;

	height: 66px;

	background: rgba(255,255,255,.2);

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}

.ny_banner .div1 .div2:last-child::before{

	display: none;

}

.ny_banner .div2 .div_p1{

	text-align: center;

	font-size: 18px;

	color: #ffffff;

}

.ny_banner .div2 .div_p1 span{

	font-size: 44px;

	color: #ffffff;

	font-weight: bold;

	margin-right: 5px;

}

.ny_banner .div2 .div_p2{

	font-size: 16px;

	color: #e2e2e2;

	text-align: center;

}



/* rad_con1 */

.rad_con1{

	width: 100%;

	position: relative;

	overflow: hidden;

}

.rad_con1 .bj{

	width: 100%;

	vertical-align: middle;

}

.rad_con1 .rq{

	width: 760px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.rad_con1 .rq .top{

	padding-bottom: 22px;

	margin-bottom: 22px;

	border-bottom: 1px solid rgba(255,255,255,.3);

}

.rad_con1 .rq .top:hover .p1{

	transform: translateY(-10px);

}

.rad_con1 .rq .top:hover .p2{

	transform: translateY(-8px);

}

.rad_con1 .rq .bot:hover p {

	transform: translateY(-10px);;

}

.rad_con2 .p1,

.rad_con1 .rq .p1{

	font-size: 34px;

	text-align: center;

	color: #fff;

	transition: all .4s ease-in;

	cursor: pointer;

}

.rad_con2 .p2,

.rad_con1 .rq .p2{

    font-size: 14px;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 10px;

	margin-top: 8px;

	transition: all .4s ease-in;

	cursor: pointer;

}

.rad_con1 .rq .bot{

	width: 100%;

}

.rad_con1 .rq .bot p{

	font-size: 18px;

	color: #fff;

	line-height: 34px;

	text-align: center;

	transition: all .4s ease-in;

	cursor: pointer;

}



/* rad_con2 */

.rad_con2{

	width: 100%;

	padding-top: 180px;

	overflow: hidden;

	position: relative;

}

.rad_con2 .p1,

.rad_con2 .p2{

	color: #666666;

}

.rad_con2:hover .p1,

.rad_con2:hover .p2{

transform: translateY(-10px);

}

.rad_con2 .p {

    font-size: 420px;

    color: #e9e9e9;

    opacity: 0.6;

    position: absolute;

    top: -50px;

    left: 50%;

    transform: translateX(-50%);

    font-weight: bold;

    text-transform: uppercase;

	z-index: -1;



	white-space: nowrap;

}

.rad_con2 .rq{

	width: 100%;

	margin-top: 50px;

	padding-top: 76px;

	padding-bottom: 95px;

	background-image: url(../images/img218.jpg);

	background-size: cover;

}

.rad_con2 .rq .div{

	display: flex;

}

.rad_con2 .rq .lef{

	width: 51%;

	padding: 0 60px;

	position: relative;

}

.rad_con2 .rq .lef::before{

	content: '';

	width: 100%;

	height: 120px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

    position: absolute;

	bottom: -20px;

	left: 0;

}

.rad_con2 .rq .lef .swiper-slide{

	width: 315px;

}

.rad_con2 .rq .lef .div1{

	width: 100%;

}

.rad_con2 .rq .lef .div1 img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

	overflow: hidden;

}

.rad_con2 .rq .lef .div1:hover img{

	transform: scale(1.05);

}

.rad_con2 .rq .lef p{

	font-size: 18px;

	color: #fff;

	text-align: center;

	margin-top: 12px;

	opacity: 0;

	transition: all .5s;

}

.rad_con2 .rq .lef .swiper-slide-active p{

	opacity: 1;

}

.rad_con2 .rq .rig{

	width: 49%;

	padding-left: 88px;

	padding-top: 70px;

	position: relative;

}

.rad_con2 .rq .rig .div1{

	width: 100%;

	border-bottom: 1px solid #d9d9d9;

	padding-bottom: 24px;

}

.rad_con2 .rq .rig .p3{

	font-size: 18px;

	color: #274597;

	line-height: 32px;

}

.rad_con2 .rq .rig .p4{

	font-size: 18px;

	color: #333333;

	line-height: 32px;

}

.rad_con2 .rq .rig .div2{

	width: 100%;

	height: 120px;

	background: #fff;

	position: absolute;

	bottom: -20px;

	left: 0;

	padding-top: 26px;

	padding-left: 88px;

}

.rad_con2 .rq .rig .div2 p{

	font-size: 20px;

	color: #333333;

	line-height: 34px;

}

.rad_con2 .rq .rig .div2 p span{

	color: #274597;

}



@media(max-width:1459px){

	.ny_banner .div1 {

		padding: 16px 0;

	}

	.ny_banner .div2 .div_p1 {

		font-size: 16px;

	}

	.ny_banner .div2 .div_p1 span {

		font-size: 32px;

	}

	.ny_banner .div2 .div_p2 {

		font-size: 14px;

	}

	.ny_banner .div1 .div2::before {

		height: 40px;

	}

	.rad_con2 .p1, .rad_con1 .rq .p1 {

		font-size: 26px;

	}

	.rad_con2 .p2, .rad_con1 .rq .p2 {

		font-size: 12px;

		letter-spacing: 8px;

		margin-top: 6px;

	}

	.rad_con1 .rq .top {

		padding-bottom: 16px;

		margin-bottom: 16px;

	}

	.rad_con1 .rq .bot p {

		font-size: 16px;

		line-height: 30px;

	}

	.rad_con2 {

		padding-top: 130px;

	}

	.rad_con2 .p {

		font-size: 320px;

		top: -36px;

	}

	.rad_con2 .rq {

		margin-top: 38px;

		padding-top: 57px;

		padding-bottom: 74px;

	}

	.rad_con2 .rq .lef .swiper-slide {

		width: 260px;

	}

	.rad_con2 .rq .lef::before {

		height: 90px;

		bottom: -10px;

	}

	.rad_con2 .rq .lef p {

		font-size: 14px;

		margin-top: 8px;

	}

	.rad_con2 .rq .rig {

		padding-left: 66px;

		padding-top: 50px;

	}

	.rad_con2 .rq .rig .div2 {

		height: 90px;

		bottom: -10px;

		padding-top: 14px;

		padding-left: 66px;

	}

	.rad_con2 .rq .rig .div2 p {

		font-size: 16px;

		line-height: 28px;

	}

	.rad_con2 .rq .rig .p4,

	.rad_con2 .rq .rig .p3 {

		font-size: 16px;

		line-height: 28px;

	}

	.rad_con2 .rq .rig .div1 {

		padding-bottom: 16px;

	}



}

@media(max-width:1024px){

	.rad_dv{

		display: none;

	}

	.ny_banner .div{

		background: rgba(0,0,0,0);

		opacity: 1;

	}

	.rad_con1 .rq .bot p {

		font-size: 14px;

		line-height: 24px;

	}

	.rad_con2 {

		padding-top: 70px;

	}

	.rad_con2 .rq .lef .swiper-slide{

		width: 200px;

	}

}	

@media(max-width:768px){

	.rad_con1 .rq{

		width: 100%;

		padding: 0 20px;

		transform: translate(0,0);

		position: static;

		margin-bottom: 20px;

	}

	.rad_con1 .rq .top {

		border-bottom: 1px solid rgba(0,0,0,.3);

	}

	.rad_con1 .rq .bot p,

	.rad_con2 .p2, .rad_con1 .rq .p2,

	.rad_con2 .p1, .rad_con1 .rq .p1{

		color: #333;

	}

	.rad_con2 .rq {

		margin-top: 24px;

		padding-top: 30px;

		padding-bottom: 60px;

	}

	.rad_con2 .rq .div{

		flex-wrap: wrap;

	}

	.rad_con2 .rq .lef{

		width: 100%;

	}

	.rad_con2 .rq .rig{

		width: 100%;

	}

	.rad_con2 .rq .rig {

		padding-left: 0px;

		padding-top: 40px;

	}

	.rad_con2 .rq .rig .div2 {

		padding-left: 20px;

		position: static;

	}

}

@media(max-width:500px){

	.rad_con2 .p1, .rad_con1 .rq .p1 {

		font-size: 22px;

	}

	.rad_con2 .p2, .rad_con1 .rq .p2 {

		letter-spacing: 2px;

		margin-top: 4px;

	}

	.rad_con2 {

		padding-top: 45px;

	}

	.rad_con2 .p {

		font-size: 180px;

		top: -28px;

	}

	.rad_con2 .rq {

		margin-top: 20px;

		padding-top: 24px;

		padding-bottom: 45px;

	}



}





/* 员工福利 */

.ny_banner .p4{

	font-size: 18px;

	color: #ffffff;

	line-height: 32px;

	width: 780px;

	margin: 0 auto;

	text-align: center;

	margin-top: 20px;

}



/* em_con1 */

.em_con1{

	width: 100%;

	padding-top: 65px;

	padding-bottom: 130px;

	background-image: url(../images/img220.jpg);

	background-size: cover;

}

.em_con1 .p1{

	font-size: 34px;

	color: #fff;

	text-align: center;

}

.em_con1 .p2{

	font-size: 14px;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 10px;

    margin-top: 8px;

}

.em_con1 .rq{

	width: 100%;

	padding-top: 44px;

}

.em_con1 .rq .div{

	width: 50%;

	float: left;

	display: flex;

}

.em_con1 .rq .div .div1{

	width: 50%;

	overflow: hidden;

}

.em_con1 .rq .div .div1 .bj{

	width: 100%;

	vertical-align: middle;

	transition: .5s;

}

.em_con1 .rq .div .div1:hover .bj{

	transform: scale(1.05);

}

.em_con1 .rq .div .div2{

	width: 100%;

	height: 100%;

	padding: 0 66px;

	padding-top: 58px;

	background-image: url(../images/img240.jpg);

	background-size: cover;

	transition: all .5s;

}

.em_con1 .rq .div:hover .div2{

	background-image: url(../images/img239.jpg);

}

.em_con1 .rq .div .div2 .div3{

	width: 44px;

	height: 37px;

	position: relative;

	margin-bottom: 20px;

}

.em_con1 .rq .div .div2 .div3 img{

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	transition: all .5s;

}

.em_con1 .rq .div .div2 .div3 .ig2{

	opacity: 0;

}

.em_con1 .rq .div:hover .div2 .div3 .ig2{

	opacity: 1;

}

.em_con1 .rq .div:hover .div2 .div3 .ig1{

	opacity: 0;

}

.em_con1 .rq .div .div2 .p3{

	font-size: 20px;

	color: #333333;

	position: relative;

	transition: all .5s;

	font-weight: bold;

}

.em_con1 .rq .div:hover .div2 .p3{

	color: #fff;

}

.em_con1 .rq .div .div2 .p3::before{

	content: '';

	width: 3px;

	height: 3px;

	border-radius: 50%;

	background: #b4bedb;

	position: absolute;

	left: -10px;

	top: 50%;

	transform: translateY(-50%);

}

.em_con1 .rq .div .div2 .p4{

	font-size: 18px;

	color: #666666;

	line-height: 34px;

	transition: all .5s;



	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

  

}

.em_con1 .rq .div:hover .div2 .p4{

	color: #fff;

}





/* em_con2 */

.em_con2{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 90px;

}

.em_con2 .p1{

	font-size: 34px;

	color: #333333;

	text-align: center;

}

.em_con2 .p2{

	font-size: 20px;

	color: #333333;

	text-align: center;

	margin-top: 10px;

	line-height: 34px;

}

.em_con2 .rq{

	width: 100%;

	padding-top: 40px;

}

.em_con2 .rq img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.em_con2 .rq .swiper-slide {

	overflow: hidden;

}

.em_con2 .rq .swiper-slide:hover img{

	transform: scale(1.05);

}

.em_con2 .swiper-pagination{

	display: none;

}



@media(max-width:1459px){

	.ny_banner .p4 {

		font-size: 14px;

		line-height: 26px;

		margin-top: 14px;

	}

	.em_con1 .p1 {

		font-size: 26px;

	}

	.em_con1 {

		padding-top: 50px;

		padding-bottom: 90px;

	}

	.em_con1 .p2 {

		font-size: 12px;

		letter-spacing: 8px;

		margin-top: 6px;

	}

	.em_con1 .rq {

		padding-top: 34px;

	}

	.em_con1 .rq .div .div2 {

		padding: 0 50px;

		padding-top: 44px;

	}

	.em_con1 .rq .div .div2 .div3 {

		width: 33px;

		height: 28px;

		margin-bottom: 10px;

	}

	.em_con1 .rq .div .div2 .p3 {

		font-size: 16px;

	}

	.em_con1 .rq .div .div2 .p4 {

		font-size: 16px;

		line-height: 26px;

	}

	.em_con2 {

		padding-top: 68px;

		padding-bottom: 68px;

	}

	.em_con2 .p1 {

		font-size: 26px;

	}

	.em_con2 .p2 {

		font-size: 16px;

		margin-top: 8px;

		line-height: 26px;

	}

	.em_con2 .rq {

		padding-top: 30px;

	}





}

@media(max-width:1259px){

	.em_con1 .rq .div .div2 {

		padding: 0 30px;

		padding-top: 25px;

	}

}

@media(max-width:768px){

	.em_con1 .rq .div{

		flex-wrap: wrap-reverse;

	}

	.em_con1 .rq .div:nth-child(3),

	.em_con1 .rq .div:nth-child(4){

		flex-wrap: wrap;

	}

	.em_con1 .rq .div .div1{

		width: 100%;

	}

	.em_con1 .rq .div .div2 {

		padding: 25px 20px;

	}

}

@media(max-width:500px){

	.em_con1 .rq .div{

		width: 100%;

		margin-bottom: 15px;

	}

	.em_con1 .p1 {

		font-size: 24px;

	}

	.em_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.em_con1 .p2 {

		letter-spacing: 2px;

		margin-top: 4px;

	}

	.em_con1 .rq {

		padding-top: 24px;

	}

	.em_con2 {

		padding-top: 45px;

		padding-bottom: 20px;

	}

	.em_con2 .p1 {

		font-size: 24px;

	}

	.em_con2 .p2 {

		font-size: 14px;

		margin-top: 6px;

		line-height: 24px;

		padding: 0 20px;

	}

	.em_con2 .rq {

		padding-top: 22px;

	}

	.em_con2 .swiper-pagination{

		display: block;

	}

	.em_con2 .swiper-container{

		padding-bottom: 40px;

	}



}





/* 制造实力 */

.ny_banner .abo_video::before{

	content: '';

	width: 89px;

	height: 89px;

	background-image: url(../images/img244.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	top: 68%;

	left: 50%;

	transform: translate(-50%,-50%);

}



/* setn_con1 */

.setn_con1{

	width: 100%;

	position: relative;

	background-image: url(../images/img246.jpg);

	background-size: cover;

	background-position: bottom;

	padding-top: 88px;

	padding-bottom: 98px;

}

.setn_con1 .bj{

	width: 918px;

	display: block;

	margin: 0 auto;

}

.setn_con1 .rq{

	width: 100%;

	padding-top: 38px;

}

.setn_con1 .rq p{

	font-size: 18px;

	color: #333333;

	line-height: 34px;

	text-align: center;

}

.setn_con1 .rq1{

	display: table;

	width: auto;

	margin: 0 auto;

	padding-top: 78px;

}

.setn_con1 .rq1 .div{

	float: left;

	margin: 0 80px;

}

.setn_con1 .rq1 .div .p1{

	font-size: 24px;

	color: #ffffff;

	text-align: center;

}

.setn_con1 .rq1 .div .p1 span{

	font-size: 74px;

	color: #ffffff;

	font-weight: bold;

}

.setn_con1 .rq1 .div .p2{

	color: #ffffff;

	font-size: 24px;

	text-align: center;

}



/* setn_con2 */

.setn_con2{

	width: 100%;

	padding-top: 100px;

	padding-bottom: 100px;

	position: relative;

}

.setn_con2 .bj{

	width: 100%;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: -1;

}

.setn_con2 .div{

	width: 100%;

	display: flex;

	margin-bottom: 60px;

}

.setn_con2 .div:last-child{

	margin-bottom: 0;

}

.setn_con2 .div .lef{

	width: 53.8%;

	padding-left: 100px;

	padding-right: 176px;

	padding-top: 75px;

}

.setn_con2 .div:nth-child(2n) .lef{

	padding-left: 115px;

	padding-right: 220px;

}

.setn_con2 .div .lef .top{

	width: 100%;

	padding-bottom: 22px;

	border-bottom: 1px solid #dbdbdb;

}

.setn_con2 .div .lef .top .p1{

	font-size: 28px;

	color: #333333;

}

.setn_con2 .div .lef .top .p1 span{

	color: #274597;

}

.setn_con2 .div .lef .top .p2{

	font-size: 20px;

	color: #666666;

	text-transform: uppercase;

	letter-spacing: 5px;

	margin-top: 5px;

}

.setn_con2 .div .lef .bot{

	width: 100%;

}

.setn_con2 .div .lef .bot p{

	font-size: 18px;

	color: #666666;

	line-height: 34px;

	margin-top: 26px;

}

.setn_con2 .div .rig{

	width: 46.2%;

	position: relative;

}

.setn_con2 .div .rig::before{

	content: '';

	width: 100%;

	height: 5px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

    position: absolute;

	bottom: 0;

	left: 0;

}

.setn_con2 .div .rig img{

	width: 100%;

	vertical-align: middle;

}



/* setn_con3 */

.setn_con3{

	width: 100%;

	padding-top: 90px;

	padding-bottom: 120px;

	background: #f6f6f6;

	position: relative;

}

.setn_con3::before{

	content: '';

	width: 100%;

	height: 3px;

	background-image: linear-gradient(to right, #4b5ec5 , #44ccf5);

    position: absolute;

	top: 0;

	left: 0;

}

.setn_con3 .div{

	width: 100%;

	padding-bottom: 22px;

	border-bottom: 1px solid #d5d5d5;

}

.setn_con3 .div .p1{

	font-size: 34px;

	color: #333333;

	text-align: center;

}

.setn_con3 .div .p2{

    font-size: 14px;

    color: #666666;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 10px;

    margin-top: 8px;

}

.setn_con3 .rq{

	width: 100%;

	margin-top: 70px;

	padding: 0 70px;

	position: relative;

}

.setn_con3 .rq img{

	width: 100%;

	vertical-align: middle;

}

.setn_con3 .swiper-pagination{

	display: none;

}

.setn_con3 .swiper-button-next,

.setn_con3 .swiper-button-prev{

	width: 46px;

	height: 9px;

	background-image: url(../images/img168.png);

	background-size: contain;

	background-repeat: no-repeat;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	margin-top: 0;

	transition: all .5s;

}

.setn_con3 .swiper-button-prev{

	left: 0;

	transform: translateY(-50%) rotateY(180deg);

}

.setn_con3 .swiper-button-next:hover,

.setn_con3 .swiper-button-prev:hover{

	background-image: url(../images/img12.png);

}



@media(max-width:1459px){

	.ny_banner .abo_video::before {

		width: 68px;

		height: 68px;

	}

	.setn_con1 {

		padding-top: 66px;

		padding-bottom: 76px;

	}

	.setn_con1 .bj {

		width: 690px;

	}

	.setn_con1 .rq {

		padding-top: 30px;

	}

	.setn_con1 .rq p {

		font-size: 15px;

		line-height: 30px;

	}

	.setn_con1 .rq1 {

		padding-top: 68px;

	}

	.setn_con1 .rq1 .div .p1 {

		font-size: 18px;

	}

	.setn_con1 .rq1 .div .p1 span {

		font-size: 56px;

	}

	.setn_con1 .rq1 .div .p2 {

		font-size: 18px;

	}

	.setn_con1 .rq1 .div {

		margin: 0 60px;

	}

	.setn_con2 {

		padding-top: 76px;

		padding-bottom: 76px;

	}

	.setn_con2 .div .lef {

		padding-left: 76px;

		padding-right: 130px;

		padding-top: 40px;

	}

	.setn_con2 .div .lef .top {

		padding-bottom: 16px;

	}

	.setn_con2 .div .lef .top .p1 {

		font-size: 22px;

	}

	.setn_con2 .div .lef .top .p2 {

		font-size: 16px;

		letter-spacing: 4px;

		margin-top: 5px;

	}

	.setn_con2 .div .lef .bot p {

		font-size: 15px;

		color: #666666;

		line-height: 28px;

		margin-top: 16px;

	}

	.setn_con2 .div:nth-child(2n) .lef {

		padding-left: 90px;

		padding-right: 160px;

	}

	.setn_con3 {

		padding-top: 68px;

		padding-bottom: 90px;

	}

	.setn_con3 .div .p1 {

		font-size: 26px;

	}

	.setn_con3 .div .p2 {

		font-size: 12px;

		letter-spacing: 8px;

		margin-top: 6px;

	}

	.setn_con3 .div {

		padding-bottom: 18px;

	}

	.setn_con3 .rq {

		margin-top: 52px;

		padding: 0 52px;

	}

	.setn_con3 .swiper-button-next, .setn_con3 .swiper-button-prev {

		width: 36px;

		height: 7px;

	}





}

@media(max-width:1259px){

	.ny_banner .abo_video::before {

		width: 46px;

		height: 46px;

	}

	.setn_con1 .bj {

		width: 590px;

	}

	.setn_con1 .rq1 {

		padding-top: 50px;

	}

	.setn_con1 .rq1 .div {

		margin: 0 46px;

	}

	.setn_con2 .div .lef {

		padding-left: 0;

		padding-right: 90px;

		padding-top: 20px;

	}

	.setn_con2 .div:nth-child(2n) .lef {

		padding-left: 90px;

		padding-right: 0;

	}

	.setn_con2 .div {

		margin-bottom: 40px;

	}



}

@media(max-width:1024px){

	.setn_con2 .div .lef {

		padding-right: 66px;

		padding-top: 0px;

	}

	.setn_con2 .div:nth-child(2n) .lef {

		padding-left: 66px;

	}

}

@media(max-width:991px){

	.ny_banner .abo_video::before {

		top: 50%;

	}

}

@media(max-width:768px){

	.setn_con1 .bj {

		width: 495px;

	}

	.setn_con1 .rq1 .div {

		margin: 0 30px;

	}

	.setn_con2 .div .lef{

		width: 100%;

		padding: 0 !important;

		margin-top: 20px;

	}

	.setn_con2 .div .rig{

		width: 100%;

	}

	.setn_con2 .div{

		flex-wrap: wrap-reverse;

	}

	.setn_con2 .div:nth-child(2){

		flex-wrap: wrap;

	}

	.setn_con3 .rq{

		padding: 0;

		margin-top: 30px;

	}

	.setn_con3 .swiper-pagination{

		display: block;

	}

	.setn_con3 .swiper-container{

		padding-bottom: 40px;

	}

	.setn_con3 {

		padding-top: 45px;

		padding-bottom: 20px;

	}



}

@media(max-width:500px){

	.setn_con1 .bj {

		width: 280px;

	}

	.setn_con1 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.setn_con1 .rq {

		padding-top: 20px;

	}

	.setn_con1 .rq p {

		font-size: 14px;

		line-height: 24px;

	}

	.setn_con1 .rq1 {

		padding-top: 34px;

	}

	.setn_con1 .rq1 .div .p1 {

		font-size: 14px;

	}

	.setn_con1 .rq1 .div .p1 span {

		font-size: 38px;

	}

	.setn_con1 .rq1 .div .p2 {

		font-size: 14px;

	}

	.setn_con2 {

		padding-top: 45px;

		padding-bottom: 45px;

	}

	.setn_con2 .div .lef {

		margin-top: 16px;

	}

	.setn_con2 .div .lef .top .p1 {

		font-size: 20px;

	}

	.setn_con2 .div .lef .top .p2 {

		font-size: 12px;

		letter-spacing: 2px;

		margin-top: 5px;

	}

	.setn_con2 .div .lef .top {

		padding-bottom: 14px;

	}

	.setn_con2 .div .lef .bot p {

		font-size: 14px;

		color: #666666;

		line-height: 24px;

		margin-top: 14px;

	}

	.setn_con2 .bj{

		display: none;

	}

	.setn_con2 .div {

		margin-bottom: 30px;

	}

	.setn_con3 .div .p1 {

		font-size: 24px;

	}

	.setn_con3 .div .p2 {

		letter-spacing: 4px;

	}

	.setn_con3 .rq {

		margin-top: 26px;

	}

}

@media(max-width:360px){

	.setn_con1 .rq1 .div {

		margin: 0 15px;

	}

}





/* 员工天地 */

.sou_con1{

	width: 100%;

	padding-top: 100px;

	padding-bottom: 98px;

	background: #f7f7f7;

}

.sou_con1 .rq{

	width: 100%;

	position: relative;

}

.sou_con1 .rq .div{

	width: 100%;

	overflow: hidden;

}

.sou_con1 .rq .div img{

	width: 100%;

	vertical-align: middle;

	transition: all .5s;

}

.sou_con1 .rq .div:hover img{

	transform: scale(1.05);

}

.sou_con1 .swiper-slide{

	width: 730px;

}

.sou_con1 .swiper-container{

	padding-bottom: 70px;

}

.swiper-pagination-bullet-active{

	background: #2b4193;

}

.sou_con1 .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

}

.sou_con1 .rq p{

	font-size: 24px;

	color: #333333;

	line-height: 96px;

	background: #fff;

	padding: 0 40px;

	text-align: center;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.sou_con1 .rq .swiper-slide:hover p{

	color: #2a4194;

}



@media(max-width:1459px){

	.sou_con1 {

		padding-top: 78px;

		padding-bottom: 74px;

	}

	.sou_con1 .swiper-slide {

		width: 640px;

	}

	.sou_con1 .rq p {

		font-size: 18px;

		line-height: 66px;

		padding: 0 30px;

	}

	.sou_con1 .swiper-container {

		padding-bottom: 60px;

	}

}

@media(max-width:1340px){

	.sou_con1 .swiper-slide {

		width: 615px;

	}

}

@media(max-width:500px){

	.sou_con1 {

		padding-top: 45px;

		padding-bottom: 20px;

	}

	.sou_con1 .swiper-container {

		padding-bottom: 45px;

	}

	.sou_con1 .swiper-pagination-bullet{

		width: 8px;

		height: 8px;

	}

	.sou_con1 .rq p {

		font-size: 14px;

		line-height: 54px;

		padding: 0 20px;

	}



}

/* 视频弹窗 */

.msg-box-bg {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: none;

	z-index: 1001;

	background: rgba(0,0,0,0.8);

}

.msg-box {

	width: 70%;

	height: 70%;

	background: rgba(0,0,0,0.8);

	position: absolute;

	left: 50%;

	top: 47%;

	transform: translate(-50%, -50%);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.msg-box .close-box {

	width: 30px;

	height: 30px;

	background: url("../images/btn-close-modal.png") no-repeat center;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

	-webkit-transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.msg-box .close-box:hover {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.abo_video {

	width: 100%;

	height: 100%;

	cursor: pointer;

	overflow: hidden;

	position: relative;

}

.abo_video .rq{

  width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  z-index: 10;

}

.abo_video .bf{

	width: 61px;

	height: 61px;

	background: url(../images/img87.png) no-repeat center;

	background-size: contain;

  z-index: 10;

  margin: 0 auto;

	transition: all .5s;

}

.abo_video:hover .bf{

  transform: translateY(-10px);

}

.cli_con3 .rq p{

  text-align: center;

  font-size: 24px;

  color: #333;

  padding-top: 12px;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.fy2 li a{

  border: 1px solid rgb(246,246,246);

}