/*common start*/
html,body{width: 100%;height: 100%;}
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}

a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,textarea,select{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1400px){
	.wapper{
		width: 1400px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#122b88;
	--font-color:#666;
	--main-white:#fff;
	--main-transition:all 0.5s;
}

/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}
img{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.mainFull{width: 100%;height: 100%;overflow: hidden;}
.mainFull .fullSwiper .swiper-wrapper .swiper-slide img{
	display: block;/* width: 100%;height: 100%;object-fit: cover; */
}
.fullSwiper{width: 100%;height: 100%;}

.mainFull  .swiper-pagination-bullet{background: #8c8c8c;opacity: 0.9;position: relative;}
.mainFull  .swiper-pagination-bullet-active:after{
	content: "";
	left: -2px;
	right: -2px;
	top: -2px;
	bottom: -2px;
	position: absolute;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 100%;
}
.mainFull .swiper-pagination-bullet:nth-child(1):before,
.mainFull .swiper-pagination-bullet:nth-child(2):before,
.mainFull .swiper-pagination-bullet:nth-child(3):before,
.mainFull .swiper-pagination-bullet:nth-child(4):before{
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font: 16px arial;
	color: #8c8c8c;
	text-transform: uppercase;
}
.mullPage{right: 2% !important;}
.mullPage .swiper-pagination{z-index: 9;}
.mullPage .swiper-pagination-bullet{width: 10px;height: 10px;margin: 15px auto !important;transition: 0.3s;position: relative;}
/* .mullPage .swiper-pagination-bullet:last-child{
	opacity: 0;
} */
.mullPage .swiper-pagination-bullet-active{width: 10px;height: 10px;background: rgba(255, 255, 255, 0.6);}
.mullPage .swiper-pagination-bullet:hover{width: 10px;height: 10px;background: rgba(255, 255, 255, 0.6);}

.mainFull .swiper-pagination-bullet:nth-child(1):before,
.mainFull .swiper-pagination-bullet:nth-child(2):before,
.mainFull .swiper-pagination-bullet:nth-child(3):before,
.mainFull .swiper-pagination-bullet:nth-child(4):before,
.mainFull .swiper-pagination-bullet:nth-child(5):before,
.mainFull .swiper-pagination-bullet:nth-child(6):before{
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font: 16px arial;
	color: #8c8c8c;
	text-transform: uppercase;
    white-space: nowrap;
}

.footerbox{height: auto !important;width: 100%;}




.zhao{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgb(0, 0, 0,0.5);z-index: 999;display: none;}
.zhao.on{display: block;}
.section{width: 100%;}
#index1box,#index2box,#index3box,#index4box,#index5box,#index6box{width: 100%;position: relative;height: 100%;}

.left_icon{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.left_icon>img{width: 85px;}
.left_icon p{position: absolute;left: 0px;top: 60%;transform: translateY(-50%);color: var(--main-white);font-size: 14px;white-space: nowrap;}
#index2box .left_icon p,#index3box .left_icon p,#index4box .left_icon p{color: #333;}
.right_icon{position: absolute;right: 1%;top: 60%;}
.right_icon p{color: var(--main-white);font-size: 16px;}
.right_icon p span{color: #122b88;font-weight: bold;font-size: 25px;}
#index2box .right_icon p,#index3box .right_icon p,#index4box .right_icon p{color: #333;}
/* 导航 */
header{position: relative;}
.headerbox{position: fixed;left: 0;top: 0;width: 100%;background-color: var(--main-white);z-index: 99;}
.header{width: 100%;margin: 0 auto;height: 90px;display: flex;align-items: center;justify-content: space-between;}
.header .h_logo{margin-left: 5%;}
.header .h_logo img{max-height: 45px;}
.header_right{display: flex;align-items: center;height: 100%;}
.header_right .phone{display: flex;align-items: center;margin-right: 50px;}
.header_right .phone img{margin-right: 10px;width: auto;}
.header_right .phone span{font-size: 16px;color: #e6592e;}

.header_right .language{margin-right: 50px;display: flex;align-items: center;}
.header_right .language img{margin-right: 10px;width: auto;}
.header_right .language span{font-size: 16px;color: #646464;}

.header_right .search{margin-right: 80px;display: flex;align-items: center;cursor: pointer;}
.header_right .search img{margin-right: 10px;width: auto;}
.header_right .search span{font-size: 16px;color: #646464;}


.menu_btn{width: 90px;height: 100%;background-color: #122b88;display: flex;align-items: center;justify-content: center;cursor: pointer;}

.menu_btn img{width: auto;}



.menubox{position: fixed;width: 300px;background-color: rgb(255, 255, 255,0.4);top: 0;z-index: 10000; right: 0;opacity: 0;visibility: hidden;transition: all .5s ease;}
.menubox.on{opacity: 1;visibility: visible;height: 100%;}
.menu_top{width: 100%;display: flex;align-items: center;height: 90px;}
.menu_top .menu_logo{width: 195px;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #efefef;}
.menu_top .menu_logo img{max-height: 40px;}
.menu_top .menu_close{width: 105px;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #122b88;cursor: pointer;}
.menu_top .menu_close span{font-size: 30px;color: #fff;}
.menubox .menu_list{width: 100%;height: 100%;}
.menubox ul{padding: 20px;background-color: rgb(255, 255, 255,0.8);height: 100%;width: 100%;}
.menubox ul li{width: 100%;margin-bottom: 20px;text-align: center;border-bottom: 1px solid #999;padding-bottom: 10px;}
.menubox ul li a{font-size: 18px;color: #333;}
.menubox ul li.hover>a,.menubox ul li:hover>a{color: #122b88;}
.menubox ul li.hover,.menubox ul li:hover{border-bottom: 1px solid #122b88;}
.menubox ul li dl{margin-top: 10px;padding-left: 10px;}
.menubox ul li dl dd:hover a{color: #122b88;}


.lan{position: absolute;bottom: 10%;width: 100%;text-align: center;}
.lan a,.lan span{font-size: 16px;color: #999;}
.lan a{font-weight: bold;}
.lan a:hover{color: var(--primary-color);}

.sou {
	position: fixed;
	transition: var(--main-transition);
	top: 0;
	width: 70%;
	height: 100%;
	right: -70%;
	display: flex;
	justify-content: space-between;
	z-index: 999;
}
.searchshow {
	right: 0 !important;
}
.souleft {
	width: 100px;
	background-color: #122b88;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.souright {
	flex: 1;
	padding: 10%;
	background-color: var(--main-white);
}
.souright h1 {
	color: var(--primary-color);
	font-size: 40px;
	margin-bottom: 35px;
}
.close {
	cursor: pointer;
	transition: var(--main-transition);
	filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
	z-index: 10000;
}
.close:hover {
	transform: rotate(360deg);
}
.inp {
	position: relative;
}
.go {
	position: absolute;
	right: 0;
	top: 0;
}
.souright input {
	display: block;
	width: 100%;
	height: 45px;
	border: none;
	outline: none;
	font-size: 20px;
	color: #222;
	border-bottom: 1px solid #e0e0e0;
}



/* bannerbox */
.bannerbox{
	width: 100%;
	height: 100%;
	font-size: 0;
}
.bannerbox a{display: block;height: 100%;}
.bannerbox img{width: 100%;height: 100%;object-fit: cover;}

.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide img{
	width: 100%;
}

.bannerbox .swiper-pagination-bullet-active{background: var(--primary-color);opacity: 1;}





.pd50{padding: 50px 0;}




/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.inbannerbox img{width: 100%;}
.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .inside{
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}

.main_title{width: 100%;text-align: left;}
.main_title i{margin-bottom: 10px;font-style: normal;}
.main_title i img{max-width: 100%;width: auto;}
.main_title h1{font-size: 40px;color: #fff;font-weight: bold;position: relative;padding-bottom: 8px;}
.main_title h1:after{width: 50px;height: 2px;background-color: #fff;content: "";left: 0;bottom: 0;position: absolute;}

.main_title1 h1{color: #333;}
.main_title1 h1:after{background-color: #122b88;}


/* ================首页样式================ */
#index2box{display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-size: cover;}
.index2{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index2_left{width: 55%;position: relative;text-align: left;}
.index2_right{width: 40%;font-size: 0;}
.index2_right img{width: 100%;}

.index2_left .desc{margin-top: 30px;}
.index2_left .desc p{font-size: 14px;color: #646464;line-height: 24px;}


.number{position: absolute;width: 140%;background-color: #f2f2f2;top: 60%;left: 0;}
.number ul{display: flex;flex-wrap: wrap;}
.number ul li{width: 25%;text-align: center;padding: 60px 40px;transition: var(--main-transition);border-right: 1px solid #fff;}
.number ul li:last-child{border-right: 0;}
.number ul li:hover{background-color: #122b88;}
.number ul li p{font-size: 14px;margin-bottom: 20px;color: #333;}
.number ul li:hover p{color: #fff;}
.number ul li h1{font-size: 45px;font-weight: bold;color: #e6592e;font-style: italic;}
.number ul li:hover h1{color: #fff;font-style: normal;}
.number ul li h1 span{font-size: 12px;color: #333;}
.number ul li:hover h1 span{color: #fff;}



#index3box{display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-size: cover;}
.index3{width: 100%;margin: 0 auto;}
.index3_content{width: 100%;margin: 0 auto;}
.index3_content ul li{width: 100%;}
.index3_content ul li .li_inner{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}

.index3_left{width: 38%;}
.index3_right{width: 58%;font-size: 0;}
.index3_left .left_content{margin-top: 45px;left: 0;text-align: left;}
.index3_left .left_content h3{font-size: 25px;font-weight: bold;margin-bottom: 20px;}
.index3_left .left_content .desc p{font-size: 14px;color: #646464;line-height: 24px;}

.index3_left .left_content .more{display: inline-block;padding: 5px 18px;color: #999;text-align: center;border: 1px solid #999;font-size: 14px;margin-top: 40px;}
.index3_right img{width: 100%;}


.index3_tab{width: 100%;margin-top: 120px;}
.index3_tab ul{display: flex;flex-wrap: wrap;}
.index3_tab ul li{width: 33.33%;background-color: #f2f2f2;position: relative;text-align: center;padding: 30px 20px;color: #333;cursor: pointer;}
.index3_tab ul li .icon{position: absolute;left: 50%;transform: translateX(-50%);top: -30px;width: auto;display: none;}
.index3_tab ul li.on{background-color: var(--primary-color);color: #fff;}
.index3_tab ul li.on .icon{display: block;}



#index4box{display: flex;align-items: center;justify-content: center;}
.index4{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index4_left{width: 55%;}
.index4_right{width: 42%;font-size: 0;}
.index4_right img{width: 100%;}

.index4_left .desc{text-align: left;margin-top: 40px;}
.index4_left .desc p{font-size: 14px;color: #646464;line-height: 24px;}

.btnbox{margin-top: 40px;}
.btnbox a{display: inline-block;padding: 10px 30px;background-color: #e6592e;color: #fff;text-align: center;font-size: 24px;}




#index5box{display: flex;align-items: center;justify-content: center;background-color: #0a111b;}
.index5{position: relative;width: 100%;}

.index5_top{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index5_left{width: 28%;}
.index5_right{width: 68%;font-size: 0;}
.index5_right img{width: 100%;}

.index5_left .desc{text-align: left;margin-top: 40px;}
.index5_left .desc p{font-size: 14px;color: #fff;line-height: 24px;}





.index5_bot{position: absolute;left: 0;bottom: 0%;width: 100%;}
.index5_swiper{width: 90%;margin: 0 auto;overflow: hidden;}
.index5_prev{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0;
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	transform: translateY(-50%);
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: #3b424c;
}
.index5_next{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0;
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	transform: translateY(-50%);
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: #3b424c;
}
.index5_swiper .textbox{padding: 15px;text-align: left;}
.index5_swiper .textbox h3{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 10px;}
.index5_swiper .textbox p{font-size: 14px;color: 333;line-height: 24px;}



#index6box{background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;}
.index6{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index6_left{width: 35%;}
.index6_right{width: 60%;}

.index6_left .desc{margin-top: 30px;margin-bottom: 30px;}
.index6_left .desc ul li{display: flex;align-items: center;padding: 10px 0;margin-bottom: 10px;border-bottom: 1px solid #fff;width: 100%;}
.index6_left .desc ul li>img{max-width: 60px;width: auto;margin-right: 10px;}
.index6_left .desc ul li span{font-size: 16px;color: #fff;}
.index6_left .desc ul li:nth-child(3) span{font-size: 25px;font-weight: bold;color: #fff;}
.index6_left .desc ul li:nth-child(3){border-bottom: 2px solid rgb(255, 255, 255,0.5);}
.ewmbox{text-align: left;}
.ewmbox img{max-height: 150px;width: auto;margin-bottom: 8px;}
.ewmbox p{font-size: 16px;color: #fff;}

.index6_right h3{text-align: left;font-size: 25px;color: #fff;}
.index6_right .form{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.index6_right .form input{width: 45%;border-bottom: 1px solid rgb(255, 255, 255,0.5);font-size: 16px;color: #fff;background-color: transparent;margin-bottom: 50px;}
.index6_right .form input::placeholder{color: #fff;}

.btnbox{width: 100%;margin-top: 50px;text-align: left;}
.btnbox button{display: inline-block;width: 180px;text-align: center;background-color: #e6592e;color: #fff;font-size: 20px;height: 40px;line-height: 40px;cursor: pointer;}





@media only screen and (max-width: 980px) {
	.mainFull {overflow: visible !important;height: auto;}
	.fullSwiper{width: 100%;height: auto;}
	.fullSwiper .swiper-wrapper-main {height: auto;display: block !important;}
	#index1box,#index2box,#index3box,#index4box,#index5box,#index6box{height: auto !important;width: 100%;}
	#index2box,#index3box,#index4box,#index5box,#index6box{padding: 50px 0;}
	.bannerbox{margin-top: 90px;}
	.main_title i img {max-height: 40px;}
	.main_title h1 {font-size: 30px;}
	.header_right .language{display: none;}
	.header_right .phone{display: none;}
	.header_right .search {margin-right: 10px;}
	.sou {width: 100%;right: -100%;}
	.souright h1 {font-size: 25px;}
	.souright {padding: 5%;}
	.left_icon{display: none;}
	.right_icon{display: none;}
	.index2_left {width: 100%;margin-bottom: 20px;}
	.index2_right{width: 100%;}
	.number{position: unset;width: 100%;}
	.number ul li {width: 50%;padding: 10px;}
	.number ul li h1 {font-size: 25px;}
	
	
	.index3_left {width: 100%;margin-bottom: 20px;}
	.index3_right {width: 100%;}	
	.index3_left .left_content {margin-top: 40px;}
	.index3_tab {margin-top: 60px;}
	.index3_left .left_content h3 {font-size: 20px;}
	
	.index3_tab ul li {font-size: 14px;padding: 10px;}
	
	.index4_left {width: 100%;margin-bottom: 20px;}
	.index4_right {width: 100%;}
	.btnbox a {font-size: 16px;}
	
	.index5_left{width: 100%;margin-bottom: 20px;}
	.index5_right{width: 100%;}
	.index5_swiper .textbox h3 {font-size: 16px;}
	
	.index6_left {width: 100%;margin-bottom: 20px;}
	.index6_right {width: 100%;}
	.index6_left .desc p img {max-width: 40px;}
}


@media only screen and (max-width: 680px) {
	.main_title i img {max-height: 30px;}
	.main_title h1 {font-size: 25px;}
	.index6_left .desc p img {max-width: 30px;}
	.index6_right .form input {width: 100%;margin-bottom: 24px;}
	.btnbox {margin-top: 20px;}
	.btnbox button {width: 140px;font-size: 16px;}
	.index6_left .desc p:nth-child(3) span {font-size: 20px;}
	.index6_right h3 {font-size: 20px;}
}