body {
	max-width: 1920px;
	margin: 0 auto !important;
	overflow-x: hidden;
}
.social-share .social-share-icon {
    /* margin-left: 10px; */
    cursor: pointer;
    border: 0 !important;
    color: rgba(0,0,0,0) !important;
    border-radius: 0 !important;
}
.social-share .icon-wechat, .social-share .icon-wechat:hover {
    background: url(../images/weixin.png) no-repeat center center !important;
}
.social-share .icon-weibo, .social-share .icon-weibo:hover{
	background: url(../images/weibo.png) no-repeat center center !important;
}
.social-share .icon-qq, .social-share .icon-qq:hover{
	background: url(../images/qq.png) no-repeat center center !important;
}
.popup {
	position: fixed;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

.popup .mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
	z-index: 99;
}

.popupCon {
	width: 34.375%;

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	background: #FFFFFF;
	box-shadow: 13px 13px 65px 0px rgba(15, 17, 52, 0.1);
	border-radius: 4px;
}

.popupCon .xing {
	color: #FF1F1F;
	margin-right: 4px;
}

.popupCon1 {
	padding: 8% 0;
	position: relative;
	max-height: 82vh;
	overflow-y: auto;
}

.popupCon .close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -10px;
	right: -10px;
	transition: all .5s;
	cursor: pointer;
	z-index: 9;
}

.popupCon .close:hover {
	transform: rotate(180deg);
}

.popupCon .dec {
	color: #999999;
	line-height: 28px;
	margin: 30px 0;
}

.popupCon ul {
	margin: 0 8.89%;
}

.popupCon li {
	width: 100%;
	margin-bottom: 10px;
}

.popupCon .left {
	width: 20.05%;
	display: flex;
	justify-content: flex-end;
}

.popupCon .right {
	width: 87.95%;

}

.popupCon input,
.popupCon select {
	width: 100%;
	border: 1px solid #C7C7C7;
	padding: 8px 0;
	text-indent: 20px;
	color: #AAAAAA;

}

.popupCon select {
	width: 100.5%;
	text-indent: 0;
	padding: 12px 20px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	background: url(../images/select-icon.png) no-repeat scroll 92% center;
}

.popupCon select:focus {
	outline: none;
}

.popupCon .shouqi {
	justify-content: center;
	margin: 30px 0;
	cursor: pointer;
}

.popupCon .shouqi div {
	color: #3E77C3;
	margin-left: 15px;
}

.popupCon .shouqi div img {
	margin-left: 5px;
	transform: rotate(180deg);
	transition: all .3s;
}

.popupCon .shouqiCon {
	display: none;
	margin-bottom: 30px;
}

.popupCon .shouqi1 {
	display: none;
}

.popupCon .sub {
	display: flex;
	justify-content: flex-end;
	margin-right: 8.89%;
}

.popupCon .sub1 {
	width: 83.76%;
	cursor: pointer;
	text-align: center;
	background: #3E77C3;
	border-radius: 5px;
	padding: 12px 0;
	color: #fff;
}

.popupCon .xieyi {
	justify-content: center;
	margin-top: 30px;
}

.popupCon .xieyi input {
	width: auto;
	margin-right: 10px;
}

.popupCon .xieyi a {
	color: #3E77C3;

}




.indexBanner {
	position: relative;
}

.indexBanner-swiper {
	overflow: hidden;
	/* 閫氳繃鏀瑰彉animation-timing-function 鍒朵綔寮规€у垏鎹㈡晥鏋 */
	/* transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; */
}

.indexBanner .img_ratio {
	padding-top: 51.04%;
}

.indexBanner .tit {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	letter-spacing: 1px;
	font-size: 0;
}

.indexBanner .tit .tit_1 {
	letter-spacing: 4px;
}

.indexBanner .tit .tit_3 {
	display: inline-block;
	padding: 12px 80px;
	margin-top: 16.73%;
	background: linear-gradient(180deg, #fff 0%, #D7D7D7 100%);
	position: relative;
	transition: all .3s;
}

.indexBanner .tit .tit_3::before {
	content: '';
	border-style: solid;
	border-width: 0 0px 24px 236px;
	border-color: transparent transparent rgba(255, 255, 255, .2) transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -24px;
	left: 0;
	transform-origin: left;
	transform: rotate(10deg);
	opacity: 0;
	transition: all .3s;
}

.indexBanner .tit .tit_3:hover {
	text-decoration: underline !important;
}

.indexBanner .tit .tit_3:hover::before {
	transform: rotate(0);
	opacity: 1;
}

.banner-pagination {
	top: 90%;
	display: flex;
	align-items: center;
	/* justify-content: center; */
}

.banner-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	opacity: 0.3;
	transition: all .3s;
	margin-right: 14px;
}

.banner-pagination .swiper-pagination-bullet-active {
	width: 18px;
	height: 18px;
	background: #FFFFFF;
	border-radius: 50%;
	opacity: 1;
}


.index_1 {
	background: url(../images/index_1_bg.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
	padding-top: 14.44%;
	padding-bottom: 8.3%;
}

.index_1 .about .wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.index_1 .about .cont .title {
	color: #3E77C3;
}

.index_1 .about .cont .title p:first-child {
	color: #333333;
}

.index_1 .about .cont .fu_title {
	margin-top: 16px;
	margin-bottom: 60px;
}

.index_1 .about .cont .dec_1 {
	color: #fff;
	margin-bottom: 20.34%;
}

.index_1 .about .cont a:hover,
.index_1 .product .btm a:hover {
	color: #3E77C3;
}

.index_1 .about .brief {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: 13.68%;
}

.index_1 .about .brief ul {
	width: 80%;
	justify-content: flex-end;
	color: #fff;
}

.index_1 .about .brief li {
	margin-left: 8.62%;
	align-items: center;
}

.index_1 .about .brief li .left {
	margin-top: -4px;
	margin-right: 5px;
}

.index_1 .product .wrap1 {
	position: relative;
}

.index_1 .product .cont {
	margin-top: 10%;
}

.index_1 .product .top {
	background: url(../images/prouct-bg.jpg) no-repeat center center;
	padding: 7.5% 4.625%;
	color: #fff;
	background-size: 100% 100%;
}

.index_1 .product .top .tabsHeader {
	margin-top: 8.125%;
	width: 50.2%;
	z-index: 999;
	position: relative;
}

.index_1 .product .top .tabsHeader li {
	width: 20%;
	padding: 8px 0;
	background-color: rgba(255, 255, 255, .1);
	margin-right: 4px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	transition: all .3s;
}

.index_1 .product .top .tabsHeader li:hover {
	background-color: #fff;
	color: #1077BF;
}

.index_1 .product .top .tabsHeader .active {
	background-color: #fff;
	color: #1077BF;
}

.index_1 .product .btm {
	padding: 3.75% 4.625%;
}

.index_1 .product .btm .two {
	margin-top: 20px;
	color: #B2B2B2;
	margin-bottom: 4.84%;
	line-height: 30px;
}

.index_1 .product .xianshiqi {
	width: 59.04%;
	position: absolute;
	right: -4%;
	top: 12%;
}

.index_1 .product .xianshiqi .img_ratio {
	padding-top: 100%;
}


.index_2 {
	background: url(../images/index_2_bg.jpg) no-repeat center center;
	padding: 14.58% 0;
	background-size: 100% 100%;
	color: #fff;
}

.index_2 .left {
	width: 37.5%;
}

.index_2 .left li {
	margin-bottom: 20px;
	cursor: pointer;
}

.index_2 .left .top {
	width: 72.23%;
	padding: 13px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: rgba(255, 255, 255, .2);
	transition: all .3s;
}

.index_2 .left .top span:first-child {
	margin-left: 40px;
}

.index_2 .left .top span:last-child {
	margin-right: 20px;

}

.index_2 .left .active .top,
.index_2 .left .btm {
	display: none;

}

.index_2 .left .btm {
	border: 4px solid rgba(255, 255, 255, .2);
	background-image: url(../images/ceshi1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 110% 100%;
	padding: 30px 0;
	padding-left: 40px;
	transition: all .3s;
}

.index_2 .left .btm .title {
	margin: 26px 0;
}

.index_2 .left .active .btm {
	display: block;
}

.index_2 .right1 {
	margin-left: 35.23%;
	display: none;
}
.index_2 .active{
    display: block;
}
.index_2 .right1 .one {
	margin-top: 7%;
}

.index_2 .right1 .three {
	opacity: 0.9;
	margin-bottom: 14%;
}

.index_2 .right1 .more {
	display: inline-block;
	padding: 7px 82px;
	/* margin-top: 16.73%; */
	background: linear-gradient(180deg, #fff 0%, #D7D7D7 100%);
	position: relative;
	transition: all .3s;
}

.index_2 .right1 .more::before {
	content: '';
	border-style: solid;
	border-width: 0 0px 24px 236px;
	border-color: transparent transparent rgba(255, 255, 255, .2) transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -24px;
	left: 0;
	transform-origin: left;
	transform: rotate(10deg);
	opacity: 0;
	transition: all .3s;
}


.index_2 .right1 .more:hover::before {
	transform: rotate(0);
	opacity: 1;
}

.index_3 {
	padding: 7.56% 0;
	background: url(../images/index_3_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}

.index_3 .top a:hover {
	color: #3E77C3;
}

.index_3 .btm ul {
	margin: 0 -21.5px;
	align-items: flex-start;
}

.index_3 .btm li {
	width: 33.3%;
}

.index_3 .btm li .cont {
	display: block;
	margin: 0 21.5px;
}

.index_3 .btm li a:hover img {
	transform: scale(1.03);
}

.index_3 .btm li a:hover .tit {
	color: #1077BF;
}

.index_3 .btm .firstNews {
	position: relative;
}

.index_3 .btm .firstNews .img_ratio {
	padding-top: 130.4%;
	overflow: hidden;
}


.index_3 .btm .firstNews .cont1 {
	width: 77.6%;
	position: absolute;
	bottom: 11%;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}

.index_3 .btm .firstNews .cont1 .tit {
	color: #fff;
}

.index_3 .btm .secondNews .cont {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.index_3 .btm .secondNews .img_ratio {
	padding-top: 65.22%;
	margin-bottom: 15.6%;
	overflow: hidden;
}

.index_3 .btm .threeNews .btm:first-child {
	border-bottom: 1px solid rgba(63, 63, 63, .2);
	margin: 13.04% 0;
	padding-bottom: 14%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner {
	padding-top: 29.17%;
	background-size: 100% 100%;
	background-position: center center;
	position: relative;
}

.banner .wrap {
	/* position: relative; */
}

.banner_pro{	padding-top:0;}
.banner_pro .img_ratio{padding-top: 29.17%; position:relative; z-index:0}
.banner_pro:after{
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,100,160,0.4);
}



.banner_pro .tabsHeader{ margin-top:2em;}
.banner_pro .tabsHeader ul {
	margin: 0 -13px;

}

.banner_pro .tabsHeader li {
	width: 14%;
	/* margin-bottom: 36px; */
}

.banner_pro .tabsHeader li div {
	padding: 8.5px 0;
	background: #eee;
	cursor: pointer;
	transition: all .3s;
	position: relative;
	margin: 0 13px;
	text-align: center;
}
.banner_pro .tabsHeader li div::before {
	content: '';
	border-style: solid;
	border-width: 0 0px 24px 160px;
	border-color: transparent transparent rgba(62, 119, 195, .2) transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -24px;
	left: 0;
	transform-origin: left;
	transform: rotate(10deg);
	opacity: 0;
	transition: all .3s;
}

.banner_pro .tabsHeader .active div,
.banner_pro .tabsHeader li div:hover {
	background: #3E77C3;
	color: #fff;
}

.banner_pro .tabsHeader .active div::before,
.banner_pro .tabsHeader li div:hover::before {
	transform: rotate(0deg);
	opacity: 1;
}


.banner_pro .box1 {
	position: absolute;
	bottom: 8%;
	z-index: 2;
	width: 100%;
	color: #fff;
}

.banner .tit {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	z-index: 2;
}

.crumbs {
	border: 1px solid #DCDCDC;
}

.crumbs,
.crumbs a {
	color: #666666;
}

.page .laypage_main {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page a {
	padding: 16px 19px;
	border: 1px solid #D0D0D0;
	border-radius: 2px;
	margin: 0 5px;
}

.page a:hover {
	background-color: rgba(62, 119, 195, 1);
	color: #fff;
}

.page .xuanzhong {
	background-color: rgba(62, 119, 195, 1);
	color: #fff;
}

.page .laypage_prev,
.page .laypage_next {
	padding: 12px 32px;
}

.cultivate li {
	padding-top: 29.17%;
	background-size: 100% 100%;
	background-position: center center;
	position: relative;
}

.cultivate li .cont {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.cultivate li:nth-child(2n-1) .cont {
	color: #fff;
}

.cultivate li:nth-child(2n-1) .cont .dec {
	opacity: .7;
}

.cultivate li .cont .title {
	margin-bottom: 32px;
}

.recruit {
	padding: 3.17% 0;
}

.recruit .topCon {
	justify-content: space-between;
	align-items: center;
}

.recruit .topCon .right li {
	padding: 8.5px 94px;
	background: #DCDCDC;
	cursor: pointer;
	transition: all .3s;
	position: relative;
}

.recruit .topCon .right li::before {
	content: '';
	border-style: solid;
	border-width: 0 0px 24px 236px;
	border-color: transparent transparent rgba(62, 119, 195, .2) transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -24px;
	left: 0;
	transform-origin: left;
	transform: rotate(10deg);
	opacity: 0;
	transition: all .3s;
}

.recruit .topCon .right li:hover {
	background: #3E77C3;
	color: #fff;
}

.recruit .topCon .right li:hover::before {
	transform: rotate(0deg);
	opacity: 1;
}

.recruit .topCon .right .active {
	background: #3E77C3;
	color: #fff;
}

.recruit .topCon .right .active::before {
	transform: rotate(0deg);
	opacity: 1;
}

.recruit .btmCon .lists {
	margin-top: 4.49%;
	margin-bottom: 3.17%;
}

.recruit .btmCon .listsCon:first-child .top {
	border-top: 1px solid rgba(128, 128, 128, .2);
}

.recruit .btmCon .listsCon .top {
	border-bottom: 1px solid rgba(128, 128, 128, .2);
}

.recruit .btmCon .listsCon .top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 50px 75px 50px 0;
	cursor: pointer;
}
.recruit .btmCon .listsCon .top .jia-act,
.recruit .btmCon .listsCon .top:hover .jia{
	display: none;
}
.recruit .btmCon .listsCon .top:hover .jia-act{
	display: block;
}

.recruit .btmCon .listsCon .top .two ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.recruit .btmCon .listsCon .top .two li {
	width: 25%;
	/* margin-right: 60px; */
	color: #777777;
	margin-bottom: 23px;
}

.recruit .btmCon .listsCon .btm {
	padding: 0 0 47px 0;
}

.recruit .btmCon .listsCon .sub a {
	display: inline-block;
	background-color: #F0361D;
	padding: 17px 58px;
	color: #fff;
	border-radius: 6px;
}

.recruit .btmCon .listsCon .top .jian {
	display: none;
}

.recruit .btmCon .xianshi2 {
	/* background: rgba(62, 119, 195, .3); */
	background-color: #f9fbfd;
}

.recruit .btmCon .xianshi2 .top {
	border-bottom: 0;
}

.recruit .btmCon .xianshi2 .btm {
	border-bottom: 1px solid rgba(128, 128, 128, .2);
}

.recruit .btmCon .xianshi2 .top .one {
	color: #3E77C3;
}

.recruit .btmCon .xianshi2 .top .two li {
	/* color: #fff; */
}

.recruit .btmCon .xianshi2 .top .jia {
	display: none;
}

.recruit .btmCon .xianshi2 .top .jian {
	display: block;
}

.recruit .btmCon .listsCon .btm {
	display: none;
}

.recruit .btmCon .listsCon .btm_nr2 {
	display: flex;
}

.recruit .btmCon .listsCon .btm_nr1 {
	width: 50%;
}

.introduce_1,
.introduce_3 {
	padding: 5.21% 0 6.78% 0;
}

.introduce_1 .left_1 {
	width: 39.584%;
}

.introduce_1 .left_1 .img_ratio {
	padding-top: 100%;
}

.introduce_1 .right1 {
	margin-left: 10.69%;
}

.introduce_1 .right1 .title {
	color: #3F3F3F;
	margin-top: 26px;
}

.introduce_1 .right1 .title::after {
	content: '';
	display: block;
	width: 63px;
	height: 1px;
	background: #999999;
	margin: 14px 0 36px 0;
}

.introduce_1 .right1 .dec {
	color: #666666;
	line-height: 26px;
	text-align: justify;
	margin-bottom: 13%;
}

.introduce_1 .right1 .brief ul {
	width: 100%;
	justify-content: space-between;
}

.introduce_1 .right1 .brief li {
	color: #3E77C3;
}

.introduce_1 .right1 .brief li .right {
	margin-top: -16px;
	margin-left: 5px;
}

.introduce_2 {
	padding: 7.8125% 0 15.1% 0;
	background: url(../images/introduce2-bg.jpg) no-repeat center center;
	background-size: cover;
}

.introduce_2 .cont {
	width: 49.31%;
	text-align: justify;
	color: #fff;
	opacity: .9;
	line-height: 26px;
}

.introduce_3 li {
	width: 25%;
	padding-top: 35.63%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.introduce_3 li .cont {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.introduce_3 li .cont .one {
	width: 120px;
	height: 120px;
	background-color: rgba(255, 255, 255, .4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}

.introduce_3 li .cont:hover .one {
	background: #3E77C3;
}

.memorabilia {
	padding: 3.17% 0;
	background-color: #f4f6f8;
}

/* .memorabilia ul{
	padding: 5% 0;
} */
.memorabilia li {
	position: relative;
}

.memorabilia li:first-child {
	padding-top: 5%;
}

.memorabilia li:last-child {
	padding-bottom: 5%;
}

.memorabilia li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: rgba(222, 222, 222, 1);
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.memorabilia li:nth-child(2n) {
	display: flex;
	justify-content: flex-end;
}

.memorabilia li .cont {
	width: 31.89%;
	padding: 30px 30px 18px 30px;
	border: 1px solid rgba(207, 0, 13, .2);
	margin-top: -10.5%;
	position: relative;
	cursor: pointer;
	transition: all .3s;
}

.memorabilia li .cont::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/quan.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	left: -11.2%;
	top: 30px;
	z-index: 2;
}

.memorabilia li:nth-child(2n-1) .cont::before {
	left: auto;
	right: -11.4%;
}

.memorabilia li:first-child .cont {
	margin-top: 0;
}

.memorabilia li .cont .one .img_ratio {
	padding-top: 56.09%;
}

.memorabilia li .cont .two {
	margin: 10px 0;
	color: #3E77C3;
	transition: all .3s;
}

.memorabilia li .cont:hover {
	background: #3E77C3;
	color: #fff;
}

.memorabilia li .cont:hover .two {
	color: #fff;
}

.memorabilia li:nth-child(2n-1) .cont {
	margin-left: 10.3%;
}

.memorabilia li:nth-child(2n) .cont {
	margin-right: 10.3%;
}

.memorabilia .more {
	display: block;
	width: 18.06%;
	margin: 0 auto;
	padding: 7px 0;
	background: #3E77C3;
	color: #FFFFFF;
	transition: all .3s;
}
.memorabilia .more:hover{
	opacity:0.6; filter: alpha(opacity=60);
}
.culture {
	padding: 3.17% 0 ;
}

.culture .dec {
	margin: 0 -24px;
	align-items: flex-start;
	justify-content: space-between;
	margin: 3.17% 0;
}

.culture .dec1 {
	width: 50%;
}

.culture .dec_1 {
	padding: 0 24px;
	text-align: justify;
	line-height: 33px;
	color: #666666;
}

.culture .dec1:last-child .dec_1 {
	color: #c2c2c2;
	line-height: 27px;
	border-left: 1px dashed #c2c2c2;
}

.culture .captions .img_ratio {
	padding-top: 39.09%;
	margin-bottom: 4.86%;
}

.culture .lists ul {
	margin: 0 -15px;
	/* padding-bottom: 30px; */
}

.culture .lists li {
	width: 33.3%;
	margin-bottom: 3.17%;
}

.culture .lists li a {
	display: block;
	margin: 0 15px;
}

.culture .lists li .img_ratio {
	padding-top: 65.22%;
	overflow: hidden;
}
.culture .lists li:hover .img_ratio img{
	transform: scale(1.03);
}

.culture .lists li .two1 {
	/* width: 80%; */
}
.culture .lists li:hover .two1{
	color: #3E77C3;
}
.news .title {
	margin-bottom: 3.17%;
}

.honor {
	padding: 3.17% 0;
}

.honor .title {
	margin-bottom: 3.17%;
}

.honor .top {
	padding: 5.21% 10.19%;
	background: #F5F5F5;
	position: relative;
	margin:0  15%;
}

.honor .swiper {
	overflow: hidden;
}

.honor .swiper .left {
	width: 89.57%;
	margin: 0 auto;
}
.honor .swiper .swiper-slide{  overflow:hidden; display:block;}
.honor .swiper .right{ flex:1;}
.honor .swiper .left .img_ratio {
	padding-top: 68.45%;
}

.honor .swiper .right1 {
	text-align: center; padding-top:0.5em;
}

.honor .swiper .right1 .two {
	margin-top: 36px;
	line-height: 27px;
	color: #999999;
	text-align: justify;
}

.honor .swiper .swiper-button-prev {
	width: 17px;
	height: 27px;
	background: url(../images/zuo.png) no-repeat;
	background-size: 100% 100%;
	left: 40px;
	transition: all .3s;
}

.honor .swiper .swiper-button-prev:hover {
	background: url(../images/zuo-act.png) no-repeat;
}

.honor .swiper .swiper-button-next {
	width: 17px;
	height: 27px;
	background: url(../images/you.png) no-repeat;
	background-size: 100% 100%;
	right: 40px;
	transition: all .3s;
}

.honor .swiper .swiper-button-next:hover {
	background: url(../images/you-act.png) no-repeat;
}

.honor .btm ul {
	margin: 0 -11px;
	margin-top: 5.57%;
	/* padding-bottom: 6.95%; */
}

.honor .btm li {
	width: 33.3%;
}

.honor .btm li .cont {
	margin: 0 11px;
	cursor: pointer;
}
.honor .btm li .cont:hover .two{
	color: #3E77C3;
}
.honor .btm li .cont .img_ratio {
	padding-top: 56.13%;
}

.honor .btm li .cont .two {
	min-height: 60px;
	line-height: 30px;
	color: #666666;
	margin-top: 18px;
	margin-bottom: 48px;
}

.duty {
	padding-top: 3.17%;
}

.duty .one {
	align-items: flex-start;
	margin-bottom: 3.17%;
}

.duty .one .left {
	width: 44.45%;
}

.duty .one .left .img_ratio {
	padding-top: 56.25%;
}

.duty .one .right {
	width: 55.55%;
}

.duty .one .right1 {
	margin-left: 8.27%;
}

.duty .one .right1 .tit {
	margin-top: 30px;
}

.duty .one .right1 .dec {
	color: #666666;
	line-height: 33px;
	text-align: justify;
	margin-top: 40px;
}

.duty .two {
	position: relative;
}

.duty .two .swiper-button-prev,
.duty .two .swiper-button-next {
	width: 29px;
	height: 40px;
	background-size: 100% 100%;
	background-image: url(../images/you1.png);
}

.duty .two .swiper-button-prev {
	left: 8.07%;
	transform: rotate(180deg);
}

.duty .two .swiper-button-next {
	right: 8.07%;
}

.duty .two .img_ratio {
	padding-top: 65.22%;
	transition: all .3s;
	overflow: hidden;
}
.duty .two a:hover .title{
	color: #3E77C3;
}
.duty .two a:hover img{
	transform: scale(1.03);
}
.duty .two .btm {
	padding: 20px 17px 23px 17px;
	background: #FFFFFF;
}

.duty .two .btm .title {
	min-height: 3em;
	margin-top: 10px;
}

.duty .three .img_ratio {
	padding-top: 29.33%;
	margin-top: -8.85%;
}

.contact {
	padding: 3.17% 0;
}

.contact .top {
	margin-bottom: 3.17%;
}

.contact .top .left {
	width: 39.58%;
}

.contact .top .left .img_ratio {
	padding-top: 100%;
}

.contact .top .right1 {
	margin-left: 16.2%;
	padding-top: 6.97%;
}

.contact .top .right1 .title {
	margin-bottom: 3.17%;
}

.contact .top .right1 .lists {
	margin-bottom: 6.8%;
	padding-bottom: 6.8%;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.contact .top .right1 .lists:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.contact .top .right1 li {
	color: #333;
	margin-bottom: 24px;
}

.contact .top .right1 li:last-child {
	margin-bottom: 0;
}

.circular {
	padding: 3.17% 0;
}

.circular ul {
	margin: 0 -16px;
	/* margin-bottom: 30px; */
}

.circular li {
	width: 25%;
	margin-bottom: 3.17%;
}

.circular li a {
	display: block;
	margin: 0 16px;
}
.circular li a:hover .title{
	color: #3E77C3;
}
.circular li .top {
	position: relative;
}

.circular li .img_ratio {
	padding-top: 133.3%;
}

.circular li .top .chakan {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .3s;
	color: #fff;
}

.circular li .top .chakan1 {
	width: 100%;
	opacity: 1;
	text-align: center;
}

.circular li:hover .chakan {
	opacity: 1;
}

.details {
	padding: 3.17% 0;
}

.details .time {
	border-bottom: 1px solid rgba(32, 32, 32, .2);
}

.details .cont {
	padding-top: 30px;
	padding-bottom: 3.17%;
	border-bottom: 1px solid rgba(32, 32, 32, .2);
}

.details .cont .left {
	width: 65.28%;
	color: #606060;
}

.details .cont .right1 {
	margin-left: 16.84%;
}

.details .cont .right1 li:first-child {
	border-top: 1px solid rgba(32, 32, 32, .2);
	margin-top: 20px;
}

.details .cont .right1 li {
	padding: 20px 0;
	border-bottom: 1px solid rgba(32, 32, 32, .2);
}

.details .cont .right1 li a {
	align-items: flex-start;
}

.details .cont .right1 li .time_1 {
	background-color: #EEEEEE;
	margin-right: 20px;
	color: #333333;
	transition: all .3s;
}

.details .cont .right1 li .tit_1 {
	padding: 10px 0;
}

.details .cont .right1 li:hover .tit_1 {
	color: #3E77C3;
	font-weight: bold;
	font-family: 'SourceHanSans_bold';
}

.details .cont .right1 li:hover .time_1 {
	background: #3E77C3;
	color: #FFFFFF;
}

.details .prevNext a {
	color: #606060;
}

.details .prevNext a:hover {
	color: #3E77C3;
}

.solution {
	padding: 3.17% 0;
}

.solution_1,
.solution_2,
.solution_3 {
	margin-bottom: 6.95%;
}

.solution_1 .title,
.solution_2 .title,
.solution_3 .title {
	padding-bottom: 3.17%;
}

.solution_1 .left {
	width: 49.58%;
}

.solution_1 .left .top,
.solution_1 .right1 .top,
.solution_1 .right1 .btm .cont a {
	display: block;
	position: relative;
	color: #fff;
}

.solution_1 .left .top .img_ratio {
	padding-top: 75.49%;
}

.solution_1 .left .top .nr,
.solution_1 .left .btm .cont a .tit,
.solution_1 .right1 .top .tit,
.solution_1 .right1 .btm .cont .tit {
	width: 89.64%;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}
.solution_1 .img_ratio{
	overflow: hidden;
}
.solution_1 .img_ratio img:hover{
	transform: scale(1.03);
}
.solution_1 .left .top .nr .tit {
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .34);
}

.solution_1 .left .btm,
.solution_1 .right1 .btm {
	margin: 0 -5px;
	margin-top: 10px;
}

.solution_1 .left .btm .cont,
.solution_1 .right1 .btm .cont {
	width: 50%;
}

.solution_1 .left .btm .cont a,
.solution_1 .right1 .btm .cont a {
	display: block;
	margin: 0 5px;
	position: relative;
}

.solution_1 .left .btm .cont a .img_ratio {
	padding-top: 74.72%;
}

.solution_1 .left .btm .cont a .tit,
.solution_1 .right1 .top .tit,
.solution_1 .right1 .btm .cont .tit {
	bottom: 30px;
	left: 37px;
	transform: translate(0);
}

.solution_1 .right1 {
	margin-left: 10px;
}

.solution_1 .right1 .top .img_ratio {
	padding-top: 37.15%;
}

.solution_1 .right1 .btm .cont:first-child .img_ratio {
	padding-top: 152.27%;
}

.solution_1 .right1 .btm .cont:last-child .img_ratio {
	padding-top: 74.72%;

}

.solution_1 .right1 .btm .cont:last-child a:last-child {
	margin-top: 10px;
}



.solution_3 .cont ul {
	margin: 0 -15px;
	padding-bottom: 50px;
}

.solution_3 .cont li {
	width: 50%;
	margin-bottom: 30px;
}

.solution_3 .cont li a {

	justify-content: space-between;
	margin: 0 15px;
	background: #F2F2F2;
	padding: 26.5px 30px;
	transition: all .3s;
}

.solution_3 .cont li a .left {
	display: flex;
	align-items: center;
	color: #303030;
	transition: all .3s;
}

.solution_3 .cont li a .left::before {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	background: #999999;
	margin-right: 30px;
	transition: all .3s;
}

.solution_3 .cont li a .xiazai-act,
.solution_3 .cont li a:hover .xiazai {
	display: none;
	transition: all .3s;
}

.solution_3 .cont li a:hover {
	background: url(../images/jishu-bg.png) no-repeat;
	background-size: 100% 100%;
}

.solution_3 .cont li a:hover .left {
	color: #fff;
}

.solution_3 .cont li a:hover .left::before {
	background-color: #fff;
}

.solution_3 .cont li a:hover .xiazai-act {
	display: block;
}

.solution_3 .cont .more a {
	display: inline-block;
	padding: 7px 82px;
	background: #3E77C3;
	color: #fff;
	transition: all .3s;
}
.solution_3 .cont .more a:hover{
	opacity:0.6; filter: alpha(opacity=60);
}
.support {
	padding: 7.21% 0;
}

.support .left {
	width: 58.19%;
	padding: 7% 0px;
}

.support .left #map-06,
.jsmap-svg-container {
	transform: scale(1.17);
	margin-left: -3%;
}

.support .right {
	 margin-top: 15%; 
}

.support .right1 {
	margin-left: 4.4%;
}

.support .right1 ul {
	margin-top: 17%;
}

.support .right1 li {
	background: #F2F2F2;
	padding: 28px;
	justify-content: space-between;
	color: #666;
	cursor: pointer;
	transition: all .3s;
}

.support .right1 li .one,
.support .right1 li .two {
	width: 50%;
}

.support .right1 li .one p:first-child {
	color: #333;
	transition: all .3s;
}

.support .right1 li:hover {
	background: url(../images/jishu-bg.png) no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
}

.support .right1 li:hover .one p:first-child {
	color: #fff;
}

.support .right1 li .two .dianhua-act,
.support .right1 li:hover .two .dianhua {
	display: none;
}

.support .right1 li:hover .two .dianhua-act {
	display: block;
}

.productLists {
	padding: 3.17% 0;
}

.productLists .title {
	padding-bottom: 3.17%;
}

.productLists .tabsHeader ul {
	margin: 0 -13px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #DCDCDC;
}

.productLists .tabsHeader li {
	width: 14%;
	/* margin-bottom: 36px; */
}

.productLists .tabsHeader li div {
	padding: 8.5px 0;
	background: #DCDCDC;
	cursor: pointer;
	transition: all .3s;
	position: relative;
	margin: 0 13px;
	text-align: center;
}

.productLists .tabsHeader li div::before {
	content: '';
	border-style: solid;
	border-width: 0 0px 24px 160px;
	border-color: transparent transparent rgba(62, 119, 195, .2) transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -24px;
	left: 0;
	transform-origin: left;
	transform: rotate(10deg);
	opacity: 0;
	transition: all .3s;
}

.productLists .tabsHeader .active div,
.productLists .tabsHeader li div:hover {
	background: #3E77C3;
	color: #fff;
}

.productLists .tabsHeader .active div::before,
.productLists .tabsHeader li div:hover::before {
	transform: rotate(0deg);
	opacity: 1;
}

.productLists .tabsCon1 ul {
	margin: 0 -22px;
	margin-bottom: 1%;
}

.productLists .tabsCon li {
	width: 25%;
	margin-bottom: 3.17%;
}

.productLists .tabsCon li .cont {
	display: block;
	margin: 0 11px;
}

.productLists .tabsCon li .one {
	/* padding: 30px 0 8px 0; */
	height: 224px;
	background: #EAEAEA;
	display: flex;
	align-items: center;
	justify-content: center;
}

.productLists .tabsCon li .one img {
	object-fit: contain;
	height: 80%;
	/* width: 46%; */
	    max-width: 100%;
    max-height: 100%;
}

.productLists .tabsCon li .two {
	padding: 16px 0;
	border: 1px solid rgba(0, 0, 0, .2);
	border-top: 0;
	color: #3F3F3F;
}

.productLists .tabsCon li .three {
	border: 1px solid rgba(0, 0, 0, .2);
	border-top: 0;
}

.productLists .tabsCon li .three a {
	display: block;
	width: 50%;
	padding: 16px 0;
	text-align: center;
	color: #999999;
}

.productLists .tabsCon li .three a:first-child {
	border-right: 1px solid rgba(0, 0, 0, .2);
}

.productLists .tabsCon li .cont:hover .one {
	background: url(../images/chanping-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.productLists .tabsCon li .cont .three a:hover {
	color: #3E77C3;
}

.productDetails {
	margin-top: 4.31%;
}

.productDetails .one .left {
	width: 62.9%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.productDetails .one .left .mySwiper2 {
	width: 74.71%;
	overflow: hidden;
}

.productDetails .one .left .mySwiper2 .swiper-slide {
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../images/chanping-bg.jpg) no-repeat center center;
	background-size: cover;
}

.productDetails .one .left .mySwiper2 .img_ratio {
	padding-top: 71%;
	width: 100%;
	margin: 0 auto;
}

.productDetails .one .left .mySwiper {
	width: 19.57%;
	padding-right: 10px;
	height: 53vh;
	overflow: hidden;
}

.productDetails .one .left .mySwiper .swiper-slide {
	height: 21.1% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 5px 24px 3px rgba(0, 0, 0, 0.05);
	/* border-radius: 14px; */
	border: 2px solid #fff;
	background: #EAEAEA;
	padding: 15px 0;
}

.productDetails .one .left .mySwiper .swiper-slide-thumb-active {
	border: 2px solid #3E77C3;
}

.productDetails .one .left .mySwiper .img_ratio {
	padding-top: 60%;
	width: 100%;
	margin: 0 auto;
}

.productDetails .one .right1 {
	margin-left: 16.9%;
}

.productDetails .one .right1 .title {
	color: #000000;
	line-height: 42px;
	margin-bottom: 13.17%;
	padding-bottom: 0;
}

.productDetails .one .right1 .sort {
	display: flex;
	align-items: center;
	line-height: 36px;
	color: #333333;
}

.productDetails .one .right1 .down {
	display: inline-block;
	padding: 16.5px 60px;
	background: #3E77C3;
	color: #fff;
	margin-top: 21.47%;
	transition: all .3s;
}

.productDetails .one .right1 .down:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.productDetails .two {
	margin-top: 7.639%;
	/* margin-bottom: 13.89%; */
}

.productDetails .two .tabs_header ul {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.productDetails .two .tabs_header li {
	margin-right: 38px;
	color: #999999;
	text-align: center;
	/* padding: 0 20px; */
	cursor: pointer;
	display: flex;

}

.productDetails .two .tabs_header li div {
	padding-bottom: 24px;
	transition: all .3s;
}

.productDetails .two .tabs_header li span {
	margin-left: 38px;
}
.productDetails .two .tabs_header li:hover div{
	border-bottom: 4px solid #3E77C3;
	color: #3E77C3;
	font-family: "SourceHanSans_bold";
	font-weight: bold;
}
.productDetails .two .tabs_header .active div {
	border-bottom: 4px solid #3E77C3;
	color: #3E77C3;
	font-family: "SourceHanSans_bold";
	font-weight: bold;
}

.productDetails .two .tabs_con1 {
	display: none;
}

.productDetails .two .block {
	display: block;
}

.productDetails .two .tabs_con2 .tabs_con2_nr {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.productDetails .two .tabs_con1 {
	margin-top: 3.17%;
}
.productDetails .two .tabs_con1 .img_ratio{
	padding-top: 47%;
}
.productDetails .two .tabs_con2 .img_ratio{
	padding-top: 53%;
}
.productDetails .two .tabs_con1 ul:nth-child(2n-1) {
	background: #F4F7FC;
}

.productDetails .two .tabs_con1 li {
	width: 50%;
	height: 44px;
	/* padding: 14px 0; */
	border: 1px solid #DDDDDD;
}

.productDetails .two .tabs_con1 li .one_1 {
	/* padding: 14px 0; */
	width: 38.3%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right: 1px solid #DDDDDD;
}

.productDetails .two .tabs_con1 li .two_1 {
	padding-left: 57px;
	width: 60%;
}

.collaborate {
	padding: 3.17% 0;
	background: url(../images/huoban-bg.png) no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}

.collaborate .title {
	margin-bottom: 40px;
}

.collaborate .area {
	margin-bottom: 9.03%;
}

.collaborate .area:last-child {
	margin-bottom: 0;
}

.collaborate .area .one {
	display: flex;
	justify-content: center;
}

.collaborate .area .one_1 {
	/* width: 19.45%; */
	display: inline-block;
	padding: 12px 68px;
	background-color: #3E77C3;
	color: #FFFFFF;
	margin-bottom: 30px;
}

.collaborate .area .two {
	width: 76.39%;
	margin: 0 auto;
	color: #666666;
	line-height: 26px;
	margin-bottom: 5.56%;
}

.collaborate .area .three .swiper {
	position: relative;
	overflow: hidden;
}

.collaborate .area .three ul {
	flex-wrap: wrap;
}

.collaborate .area .three li {
	width: 20%;
	margin-bottom: 3.17%;
	text-align: center;
}

.collaborate .area .three li img {
	object-fit: cover;
}

.collaborate .area .three .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.collaborate .area .three .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	transition: all .3s;
}

.collaborate .area .three .swiper-pagination-bullet-active {
	width: 18px;
	height: 18px;
}

/* 淇敼鐨勬牱寮忓紑濮 */
.index_banner11{position: relative;width: 100%;}
.index-banner .p{ color: #fff; position:absolute; left: 11.5%; top: 50%; transform: translateY(-50%);}
.index-banner .p .cheng{ position: absolute; background: rgba(244,106,0,0.9); width:1.3em; height: 1.3em; left: -0.7em; top: -0.3em;}
.index-banner .p .p1{ line-height: 1.3; position: relative; z-index: 2;}
/* .index-banner .p .explore{padding: 7px 13px;border-radius: 50px;background: #E30000;display: inline-block;margin-top: 32px; color: #fff;}
.index-banner .p .explore span{padding-right: 35px;} */
.index-banner .p .explore {display: inline-block;padding: 12px 80px;margin-top: 16.73%;background: linear-gradient(180deg, #fff 0%, #D7D7D7 100%);position: relative;transition: all .3s;}
.index-banner .p .explore::before {content: '';border-style: solid;border-width: 0 0px 24px 236px;border-color: transparent transparent rgba(255, 255, 255, .2) transparent;width: 0px;height: 0px;position: absolute;top: -24px;left: 0;transform-origin: left;transform: rotate(10deg);opacity: 0;transition: all .3s;}
.index-banner .p .explore:hover {text-decoration: underline !important;}
.index-banner .p .explore:hover::before {transform: rotate(0);opacity: 1;}
.index-banner .swiper-slide{width: 100% !important;}
.index-banner .swiper-slide video{z-index: 1;}
.index-banner .swiper-slide video,
.index-banner .swiper-slide .img_ratio{width: 100%;}
.index-banner .right-s{ position:absolute; right: 0; bottom: 50px; z-index: 100;width: 100%;}


.index-banner .right-s{position: absolute;left: 12.5%; bottom: 28%;transform: translateX(-50%);z-index: 100; width: 100%; justify-content: center; display: flex;}
.index-banner .right-s ul{display: flex;align-items: center;}
.index-banner .right-s li{ width: 20px; height: 20px;  position: relative; cursor:pointer;}
.index-banner .right-s li canvas{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index-banner .right-s li span{ position: absolute; width: 4px; height: 4px; border-radius: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index-banner .right-s li.cur span{ opacity: 0;}

/* 鍔ㄧ敾 */
.index-banner  .cheng{ transform: translateY(100px); opacity: 0; transition: 1.0s all;
    transition-delay: 0.3s;}
.index-banner  .p{z-index: 2;}
.index-banner  .p1{ transition: 1.3s all; transition-delay: 0.6s;}
.index-banner  .p2{transform: translateY(100px); opacity: 0;  transition: 1.5s all; transition-delay: 0.9s;}
.index-banner .swiper-slide-active .cheng{ transform: translateY(0); opacity: 1;}
.index-banner .swiper-slide-active .p1{transform: translateY(0); opacity: 1;}
.index-banner .swiper-slide-active .p2{transform: translateY(0); opacity: 1;}


.solution_2 .cont{position: relative;background: #FFFFFF;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);padding: 58px 0;}
.solution_2 .cont .swiper-button-next,
.solution_2 .cont .swiper-button-prev{background-color: rgba(0,0,0,.2);width: 60px !important;height: 60px !important;background-size: 17px 27px !important;transition: all .3s;}
.solution_2 .cont .swiper-button-next{right: -130px;}
.solution_2 .cont .swiper-button-prev{left: -130px;}
.solution_2 .cont .swiper-button-next:hover,
.solution_2 .cont .swiper-button-prev:hover{background-color: #3E77C3;}
.solution_2 .swiper{margin: 0 50px;}
.solution_2 .swiper .left{width: 31.65%;text-align: justify;}
.solution_2 .swiper .right1{margin-left: 78px;}
.solution_2 .swiper .right1 .img_ratio{padding-top: 61.32%;}

.qie_con{margin-bottom: 9.73%;margin-top: 5.57%;}
.qie_con1{display: none;}
.qie_con .block{display: block;}
.qie_con .left{width: 35.625%;display: flex;justify-content: flex-end;}
.qie_con .left .tit{margin: 12.04% 0;}
.qie_con .right1{margin-left: 15.8%;}
.qie_con .right1 .img_ratio{padding-top: 62.56%;}

/* 淇敼鐨勬牱寮忕粨鏉 */

@media all and (max-width: 1600px) {
	.popupCon {
		width: 35.375%;
	}

	.memorabilia li .cont::before {
		left: -10.6%;
	}

	.memorabilia li:nth-child(2n-1) .cont::before {
		right: -10.6%;
	}

	.duty .two .swiper-button-prev {
		left: 1%;
	}

	.duty .two .swiper-button-next {
		right: 1%;
	}

	.support {
		padding: 3.17% 0;
	}

	.support .left #map-06,
	.jsmap-svg-container {
		transform: scale(1);
		margin-left: -3%;
	}



	.productDetails .one .left .mySwiper {
		width: 19.57%;
		padding-right: 10px;
		height: 63vh;
		overflow: hidden;
	}

	.collaborate .area .three li img{
		width: 95px;
	}
	
	.solution_2 .cont .swiper-button-next{right: -60px;}
	.solution_2 .cont .swiper-button-prev{left: -60px;}
}

@media all and (max-width: 1400px) {
    .banner_pro .tabsHeader li div::before{ border-width:0 0px 24px 100px;}
	.page .laypage_prev, .page .laypage_next {
	    padding: 3px 10px;
	}
	.page a {
	    padding: 6px 9px;
	    border: 1px solid #D0D0D0;
	    border-radius: 2px;
	    margin: 0 5px;
	}
	.popupCon {
		width: 43.375%;
	}

	.index_1 .about .brief li {
		margin-left: 7.62%;
	}

	.index_2 .left {
		width: 46.5%;
	}

	.index_2 .right1 {
		margin-left: 24.23%;
	}

	.index_3 .btm .threeNews .btm:first-child {
		margin-top: 5px;
	}

	.recruit .topCon .right li {
		padding: 8.5px 52px;
	}

	.recruit .topCon .right li::before {
		border-width: 0 0px 18px 150px;
		top: -18px;
	}

	.memorabilia li:nth-child(2n-1) .cont {
		margin-left: 8.7%;
	}

	.memorabilia li:nth-child(2n) .cont {
		margin-right: 8.7%;
	}

	.contact .top .right1 {
		padding-top: 10px;
	}

	.solution_1 .right1 .btm .cont:first-child .img_ratio {
		padding-top: 153.27%;
	}


	.productLists .tabsHeader li div::before {
		border-width: 0 0px 16px 128px;
		top: -16px;
	}

	.productDetails .one .left .mySwiper {
		width: 19.57%;
		padding-right: 10px;
		height: 56vh;
		overflow: hidden;
	}

	.productDetails .one .right1 .down {
		display: inline-block;
		padding: 16.5px 60px;
		background: #3E77C3;
		color: #fff;
		margin-top: 10.47%;
	}
	.support {
	    padding: 3.17% 0 0% 0;
	}
	.support .right1 ul {
	    margin-top: 5%;
	}
	.support .right1 li{
		padding: 14px;
	}
	.support .right1 li .two img{
		width: 14px;
	}
	.productDetails .one .left .mySwiper .swiper-slide {
	    height: 18.3% !important;
	}
	
	.index-banner .right-s {bottom: 23%;}
}

@media all and (max-width: 1280px) {
	.page a {
	    padding: 4px 9px;
	    border: 1px solid #D0D0D0;
	    border-radius: 2px;
	    margin: 0 5px;
	}
	.popupCon {
		width: 49.375%;
	}

	.popupCon1 {
		padding: 8% 0;
		position: relative;
		max-height: 77vh;
		overflow-y: auto;
	}

	.banner-pagination {
		top: 100%;
	}

	.productDetails .one .left .mySwiper {
		width: 19.57%;
		padding-right: 10px;
		height: 65vh;
		overflow: hidden;
	}
	
	.solution_2 .cont .swiper-button-next,
	.solution_2 .cont .swiper-button-prev{width: 40px !important;height: 40px !important;}
	.solution_2 .cont .swiper-button-next{right: -40px;}
	.solution_2 .cont .swiper-button-prev{left: -40px;}
	
	.index-banner .right-s {bottom: 20%;left: 13.5%;}
	
	.support .left #map-06, 
	.jsmap-svg-container{ margin-left:-13%;}

}

@media all and (max-width: 1000px) {
	.popupCon {
		width: 90%;
		top: 55%;
	}

	.popupCon .dec {
		color: #999999;
		line-height: 28px;
		margin: 14px 30px;
		text-align: left;
	}

	.popupCon li {
		width: 100%;
		margin-bottom: 10px;
		flex-direction: column;
		align-items: flex-start;
	}

	.popupCon .left {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin-bottom: 10px;
	}

	.popupCon .right {
		width: 100%;
	}

	.popupCon .shouqi {
		justify-content: center;
		margin: 30px 0;
		cursor: pointer;
		flex-direction: column;
		align-items: flex-start;
		margin: 14px 30px;
	}

	.popupCon .shouqi div {
		color: #3E77C3;
		margin-left: 0;
	}

	.popupCon .sub {
		display: flex;
		justify-content: flex-end;
		margin-right: 0%;
	}

	.popupCon .sub1 {
		width: 83%;
		cursor: pointer;
		text-align: center;
		background: #3E77C3;
		border-radius: 5px;
		padding: 12px 0;
		color: #fff;
		margin: 0 auto;
	}

	.indexCon,
	.banner {
		margin-top: 60px;
	}

	.indexBanner .img_ratio {
		padding-top: 78%;
	}

	.banner-pagination {
		display: none;
	}

	.indexBanner .tit .tit_1 {
		letter-spacing: 0;
	}

	.indexBanner .tit .tit_2 {
		margin-top: 10px;
		line-height: 23px;
	}

	.indexBanner .tit .tit_3 {
		margin-top: 40px;
		padding: 7px 30px;
	}

	.indexBanner .tit .tit_3::before {
		border-width: 0 0px 14px 126px;
		top: -14px;
	}

	.index_1 .about .cont .fu_title {
		margin-bottom: 20px;
	}

	.index_1 .about .cont .dec_1 {
		margin-bottom: 30px;
		line-height: 23px;
	}

	.index_1 .about .brief ul {
		width: 100%;
		flex-wrap: wrap;
	}

	.index_1 .about .brief li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 8px;
	}

	.index_1 .product .xianshiqi {
		position: static;
		width: 100%;
		margin-top: 20px;
	}

	.index_1 .product .top .tabsHeader {
		width: 100%;
	}

	.index_1 .product .top .tabsHeader ul {
		flex-wrap: wrap;
	}

	.index_1 .product .top .tabsHeader li {
		width: 23%;
		margin-bottom: 4px;
	}

	.index_2 .left {
		width: 100%;
		float: none;
	}

	.index_2 .right1 {
		margin-left: 0;
	}

	.index_2 .left .btm {
		padding: 16px 12px;
	}

	.index_2 .left .btm img {
		width: 28px;
	}

	.index_2 .left .btm .title {
		margin: 14px 0;
	}

	.index_2 .right1 .three {
		margin-bottom: 10%;
	}

	.index_2 .right1 .more {
		padding: 7px 30px;
	}

	.index_2 .right1 .more::before {
		border-width: 0 0px 14px 126px;
		top: -14px;
	}

	.index_3 .btm ul {
		flex-direction: column;
	}

	.index_3 .btm li {
		width: 100%;
	}

	.index_3 .btm .secondNews .img_ratio {
		margin: 13.04% 0;
	}

	.index_3 .btm .threeNews .btm:first-child {
		margin: 13.04% 0;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.cultivate li {
		padding-top: 71.17%;
		background-size: cover;
	}

	.cultivate li .cont {
		width: 84%;
	}

	.recruit .topCon {
		flex-direction: column;
	}

	.recruit .topCon .left {
		display: flex;
		flex-direction: column;
	}

	.recruit .topCon .left span:last-child {
		margin: 8px 0;
		margin-left: 0;
		white-space: nowrap;
	}

	.recruit .topCon .right {
		width: 100%;
		margin-top: 30px;
	}

	.recruit .topCon .right li {
		width: 50%;
		padding: 8px 0;
		text-align: center;
	}

	.recruit .topCon .right li::before {
		border-width: 0 0px 14px 122px;
		top: -14px;
	}

	.recruit .btmCon .listsCon .top {
		padding: 20px 10px;
	}

	.recruit .btmCon .xianshi2 .top {
		background-size: cover;
	}

	.recruit .btmCon .listsCon .top .left {
		display: flex;
		flex-direction: column;
	}

	.recruit .btmCon .listsCon .top .left .one {
		margin-bottom: 15px;
	}

	.recruit .btmCon .listsCon .top .two ul {
		flex-direction: column;
		align-items: flex-start;
	}

	.recruit .btmCon .listsCon .btm {
		padding: 20px 10px;
	}

	.recruit .btmCon .listsCon .btmCon {
		margin-bottom: 20px;
	}

	.recruit .btmCon .listsCon .top .two li {
		width: 100%;
		margin-bottom: 5px;
	}

	.recruit .btmCon .listsCon .btm_nr2 {
		display: block;
	}

	.recruit .btmCon .listsCon .btm_nr1 {
		width: 100%;
	}

	.pageCon {
		display: none;
	}

	.introduce_1 .left_1 {
		width: 100%;
		float: none;
	}

	.introduce_1 .right1 {
		margin-left: 0;
	}

	.introduce_1 .right1 .title::after {
		margin: 8px 0 20px 0;
	}

	.introduce_1 .right1 .brief ul,
	.introduce_3 ul {
		flex-wrap: wrap;
	}

	.introduce_1 .right1 .brief li {
		width: 100%;
		margin-bottom: 16px;
	}

	.introduce_1 .right1 .brief li .right {
		margin-top: 0;
	}

	.introduce_2 .cont {
		width: 100%;
	}

	.introduce_3 li {
		width: 50%;
		padding-top: 79.63%;
	}

	.introduce_3 li .cont .one {
		width: 80px;
		height: 80px;
	}

	.introduce_3 li .cont .one img {
		width: 50%;
	}

	.memorabilia li::after,
	.memorabilia li .cont::before {
		display: none;
	}

	.memorabilia li .cont {
		margin: 0 0 26px 0 !important;
		padding: 0;
		border: 0;
		width: 100%;
	}

	.memorabilia .more {
		width: 50%;
	}

	.culture .dec {
		flex-direction: column;
	}

	.culture .dec1 {
		width: 100%;
	}

	.culture .dec_1 {
		padding: 0;
	}

	.culture .dec1:last-child .dec_1 {
		border-left: 0;
		border-top: 1px dashed #c2c2c2;
		padding-top: 14px;
		margin-top: 14px;
	}

	.culture .lists ul {
		margin: 0;
	}

	.culture .lists li {
		width: 100%;
	}

	.culture .lists li a {
		margin: 0;
	}

	.honor .swiper .swiper-slide {
		flex-direction: column;
	}

	.honor .swiper .left {
		width: 100%;
		margin-bottom: 16px;
	}

	.honor .swiper .right1 {
		margin-left: 0;
	}

	.honor .swiper .right1 .two {
		margin-top: 16px;
	}

	.honor .swiper .swiper-button-prev,
	.honor .swiper .swiper-button-next {
		width: 10px;
		height: 18px;
	}

	.honor .swiper .swiper-button-prev {
		left: 10px;
	}

	.honor .swiper .swiper-button-next {
		right: 10px;
	}

	.honor .btm ul {
		margin: 0;
		margin-top: 5.57%;
		padding-bottom: 0;
	}

	.honor .btm li {
		width: 100%;
	}

	.honor .btm li .cont {
		margin: 0;
	}

	.honor .btm li .cont .two {
		margin-bottom: 18px;
	}

	.duty .one {
		flex-direction: column;
	}

	.duty .one .left,
	.duty .one .right {
		width: 100%;
	}

	.duty .one .right1 {
		margin-left: 0;
	}

	.duty .one .right1 .dec {
		margin-top: 20px;
	}

	.duty .two .swiper-button-prev,
	.duty .two .swiper-button-next {
		width: 16px;
		height: 22px;
	}

	.duty .two .mySwiper {
		overflow: hidden;
	}

	.duty .two .btm {
		padding: 14px 14px 10px 14px;
	}

	.duty .three .img_ratio {
		padding-top: 49.33%;
		margin-top: -34.85%;
	}

	.contact .top .left {
		width: 100%;
		float: none;
	}

	.contact .top .right1 {
		margin-left: 0;
		padding-top: 20px;
	}

	#container {
		height: 250px !important;
		margin-top: 20px;
	}

	.circular li {
		width: 50%;
	}

	.circular li .btm {
		margin-top: 15px;
	}

	.details .cont .left {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.details .cont .right1 {
		margin-left: 0;
	}

	.details .prevNext a {
		align-items: flex-start;

	}

	.details .prevNext a span:first-child {
		width: 20%;
	}

	.details .prevNext a span:last-child {
		width: 90%;
	}

	.details .cont .right1 li:last-child {
		border-bottom: 0;
	}

	.solution_1 .left {
		width: 100%;
		float: none;
	}

	.solution_1 .right1 {
		margin-left: 0;
		margin-top: 10px;
	}

	.solution_1 .left .btm .cont a .tit,
	.solution_1 .right1 .top .tit,
	.solution_1 .right1 .btm .cont .tit {
		bottom: 10px;
		left: 15px;
		transform: translate(0);
	}

	.solution_1 .right1 .btm .cont:first-child .img_ratio {
		padding-top: 155.27%;
	}

	.solution_3 .cont ul {
		padding-bottom: 20px;
	}

	.solution_3 .cont li {
		width: 100%;
		margin-bottom: 18px;
	}

	.solution_3 .cont li a {
		padding: 16px 10px;
	}

	.solution_3 .cont li a .left {
		width: 70%;
		display: block;
	}

	.solution_3 .cont li a .left::before {
		display: none;
	}

	.solution_3 .cont li a .right img {
		width: 16px;
	}

	.support .left {
		width: 100%;
		float: none;
		margin-top: -30%;
	}

	.support .left #map-06,
	.jsmap-svg-container {
		transform: scale(.7);
		margin-left: -90%;
	}

	.support .right {
		margin-top: -34%;
	}

	.support .right1 {
		margin-left: 0;
	}

	.support .right1 .dec {
		margin-top: 10px;
	}

	.support .right1 ul {
		margin-top: 24px;
	}

	.support .right1 li {
		background: #F2F2F2;
		padding: 10px;
		justify-content: space-between;
		color: #666;
		cursor: pointer;
		align-items: flex-start;
		flex-direction: column;
		transition: all .3s;
		margin-bottom: 16px;
	}

	.support .right1 li .one,
	.support .right1 li .two {
		width: 100%;
		margin: 8px 0;
	}

	.productLists .tabsHeader {
		margin-top: 30px;
	}

	.productLists .tabsHeader ul {
		margin: 0 -13px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #DCDCDC;
	}

	.productLists .tabsHeader li {
		width: 50%;
	}

	.productLists .tabsCon li {
		width: 50%;
		margin-bottom: 3.17%;
	}

	.productDetails .one .left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		float: none;
	}

	.productDetails .one .left .mySwiper {
		height: auto;
	}

	.productDetails .one .left .mySwiper .swiper-slide {
		padding: 6.5px 0;
	}

	.productDetails .one .right1 {
		margin-left: -0;
	}

	.productDetails .one .right1 .title {
		color: #000000;
		line-height: 42px;
		margin-bottom: 14px;
		padding-bottom: 0;
	}

	.productDetails .two .tabs_header li {
		margin-right: 0;
		width: 25%;
		color: #999999;
		text-align: center;
		/* padding: 0 20px; */
		cursor: pointer;
		display: flex;
	}

	.productDetails .two .tabs_header li span {
		display: none;
	}

	.productDetails .two .tabs_header li div {
		padding-bottom: 10px;
	}

	.productDetails .two .tabs_header .active div {
		padding-bottom: 8px;
	}

	.productDetails .two .tabs_con1 ul {
		flex-direction: column;
	}

	.productDetails .two .tabs_con1 li {
		width: 100%;
	}

	.collaborate .title {
		margin-bottom: 20px;
	}

	.collaborate .area .one_1 {
		width: 100%;
		padding: 12px 0;
		background-color: #3E77C3;
		color: #FFFFFF;
		margin-bottom: 30px;
	}

	.collaborate .area .two {
		width: 100%;
		margin: 0 auto;
		color: #666666;
		line-height: 26px;
		margin-bottom: 5.56%;
		text-align: justify;
	}

	.collaborate .area .three .swiper {
		position: relative;
		overflow: hidden;
		padding-bottom: 30px;
	}

	.collaborate .area .three li {
		width: 33.3%;
		margin-bottom: 3.17%;
		text-align: center;
	}

	.collaborate .area .three li img {
		/* object-fit: contain; */
		width: 73%;
	}

	.collaborate .area .three .swiper-pagination {
		bottom: 0;
	}

	.culture .lists li .two {
		width: 100%;
	}
	.productDetails .two .tabs_con1 li .two_1 {
	    padding-left: 17px;
	}
	
	.index-banner .right-s {bottom: 30px;left: 50%;}
	.index-banner .swiper-container .swiper-slide .img_ratio{padding-top: 117.56% !important;height: auto !important;}
	.index-banner .swiper-slide video{display: none !important;}
	.index-banner .p{left: 17.5px;}
	.index-banner .p .explore{padding: 5px 13px;}
	.index-banner .right-s ul{border-radius: 4px !important;}
	.index-banner .right-s li img{display: none;}
	.index-banner .right-s li{text-align: center;padding: 12px 0;}
	.index-banner .right-s li span{font-size: 1.3rem;}
	.index-banner .right-s .cur{border-radius: 0 !important;text-align: center;justify-content: center;}
	.index-banner .right-s .cur span{margin-left: 0;}
		
	.solution_2 .cont{padding: 15px 0;}
	.solution_2 .swiper{margin: 0 10px;}
	.solution_2 .swiper .left{width: 100%;float: none;}
	.solution_2 .swiper .right1{margin-left: 0;margin-top: 14px;}
	.solution_2 .cont .swiper-button-next, .solution_2 .cont .swiper-button-prev {width: 30px !important;height: 30px !important;    background-size: 10px auto !important;}
	.solution_2 .cont .swiper-button-next {right: -30px;}
	.solution_2 .cont .swiper-button-prev {left: -30px;}
	
	.qie_con{margin-bottom: 50px;}
	.qie_con .left{width: 100%;float: none;}
	.qie_con .left .tit{margin: 20px 0;text-align: center;}
	.qie_con .right1{margin-left: 0;margin-top: 20px;}
	
	.banner_pro .tabsHeader li div::before{ display:none;}
	.banner_pro .box1{ position:relative; bottom:auto; padding:1em 0;}
	.banner_pro .tabsHeader li{ width:50%; margin-bottom:5px;}
}