html,body{ max-width: 1920px; margin: 0 auto !important; }
/*头部导航*/
.top_bbox{
	width:100%;
	height: auto;
	background: #FFFFFF;
}

  


.top_box{
	width:100%;
	height: 10vh;
	line-height: 10vh;
	position: fixed;
	background: #FFFFFF;
	z-index: 500;
	top: 0px;
	box-shadow: 0px 5px 15px 0.1px rgba(0,0,0,0.05);
}
.top_fiex_d{
	width:100%;
	height:10vh;
}
.top{
	width:75vw
	width:var(--mainwidth);
	width:95%; margin: 0 auto;
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.top_box_logo{
	width:15%;
	height: 100%;
	font-size: 0px;
}
.top_box_logo img{
	height: 7vh;
	margin-top: 1.5vh;
}
.top_box_menu{
	width:85%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.top_box_menu>div{
	margin: 0px 0.75rem;
}
.top_box_menu>div>a{
	font-size: 1.0rem;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	position: relative;
	height: 3rem;
	line-height: 3rem;
	padding: 0px 0.55rem;
	-webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
}
.top_box_menu>div:hover>a{
	color: #FFFFFF;
}
.top_box_menu>div.top_box_menuaon a{
	color: #FFFFFF;
}
.top_box_menu>div.top_box_menuaon .top_down_box>div>div>div a{ color:#000;}
.top_box_menu>div.top_box_menuaon .top_down_box>div>div>div.top_down_leftaon a{color: #1f52a2;}


.top_box_menu_aback{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #6391da;
	transform: skewX(-15deg);
	border-radius: 5px;
	top: 0px;
	left: 0px;
	z-index: -1;
	opacity: 0;
	/*-webkit-transition: all 0.3s 0.1s;*/
    -moz-transition: all 0.3s 0.1s;
   /* transition: all 0.3s 0.1s;*/
}
.top_box_menu>div:hover>a .top_box_menu_aback{
	opacity: 1;
}
.top_box_menu>div.top_box_menuaon .top_box_menu_aback{
	opacity: 1;
}

.top_down_box{
	width:100%;
	height: auto;
	background: #FFFFFF;
	position: absolute;
	left: 0px;
	border-top: 1px #e5e5e5 solid;
	opacity: 0;
	top: -100vh;
	z-index: -1;
	-webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
}
.top_box_menu>div:hover .top_down_box{
	opacity: 1;
	top: 10vh;
}
.top_down{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 4vh 0px;
}
.top_down_left{
	width:15%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-right: 1px #e5e5e5 solid;
}
.top_down_left>div{
	width:100%;
	height: 2.5rem;
	line-height: 2.5rem;
}
.top_down_left>div>a{
	font-size: 1rem;
	color: #000000;
	display: inline-block;
	position: relative;
	padding-right: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.top_down_left>div.top_down_leftaon>a{
	color: #1f52a2;
}
.top_down_left>div>a:after{
	position: absolute;
	content: '>';
	font-size: 1rem;
	color: #1f52a2;
	right: 0px;
	font-family: '宋体';
	font-weight: bold;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.top_down_left>div.top_down_leftaon>a:after{
	opacity: 1;
}
.top_down_right{
	width:85%;
	height: auto;
	padding-left: 5%;
}
.top_down_right_box{
	width:100%;
	height: auto;
}
.top_down_right_box .swiper-slide{
	width:100%;
	height: calc(75vw * 0.85 * 0.235 * 0.8 * 170 / 290 * 2 + 8rem + 3vh);
	height: calc(var(--mainwidth) * 0.85 * 0.235 * 0.8 * 170 / 290 * 2 + 8rem + 3vh);
	overflow: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.top_down_right_con{
	width:23.5%;
	height: auto;
	margin-right: 2%;
	margin-top: 3vh;
}
.top_down_right_con:nth-child(1),.top_down_right_con:nth-child(2),.top_down_right_con:nth-child(3),.top_down_right_con:nth-child(4){
	margin-top: 0vh;
}
.top_down_right_con:nth-child(4n){
	margin-right: 0%;
}
.top_down_right_con_img{
	width:80%;
	height: calc(75vw * 0.85 * 0.235 * 0.8 * 170 / 290);
	height: calc(var(--mainwidth) * 0.85 * 0.235 * 0.8 * 170 / 290);
	margin: 0px auto;
	font-size: 0px;
	overflow: hidden;
	position: relative;
}
.top_down_right_con_img img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.top_down_right_con_img_back{
	width:4rem;
	height: 4rem;
	text-align: center;
	line-height: 3.8rem;
	background: #1f52a2;
	border-radius: 50%;
	font-size: 2.5rem;
	color: #FFFFFF;
	position: absolute;
	top: calc(50% - 2rem);
	left: calc(50% - 2rem);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.top_down_right_con:hover .top_down_right_con_img_back{
	transform: scale(1);
	opacity: 1;
}
.top_down_right_con_title{
	overflow:hidden;
	width:100%;
	height: 4rem;
	line-height: 4rem;
	font-size: 1rem;
	color: rgba(0,0,0,0.8);
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.top_down_right_con:hover .top_down_right_con_title{
	color: #1f52a2;
}
/*头部导航*/

/*n_banner*/

.n_banner{ position: relative; }
.n_banner img{ width: 100%; }
.n_banner_con{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }

.n_banner{
	width:100%;
	height: 600px;
	background-size: cover;
	background-position: center;
}
.n_banner_sj{
display: none;
}
.n_banner_sj img{ width: 100%; }
.n_banner_con{
	width:75vw;
	width:var(--mainwidth);
	height: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.n_banner_title{
	font-size:3.625rem;
	color: #FFFFFF;
	text-align: center;
}
/*n_banner*/

/*内页标题*/
.n_title{
	width:100%;
	height: auto;
	font-size: 2.5rem;
	color: #000000;
	text-align: center;
}
.n_title span{
	display: inline-block;
	position: relative;
	padding-bottom: 1.5rem;
}
.n_title span:after{
	position: absolute;
	content: '';
	width:5rem;
	height: 7px;
	background-image: linear-gradient(to right, #5c81bb , #d7e0ef);
	bottom: 0px;
	left: calc(50% - 2.5rem);
	border-radius: 50px;
}
/*内页标题*/

/*内页标题2*/
.n_title2{
	width:100%;
	height: 7rem;
	line-height: 7rem;
	font-size: 3.062rem;
	color: #000000;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.n_title2_en{
	width:100%;
	font-size:6rem;
	font-weight: bold;
	position: absolute;
	color:#cbd3e4;
	font-family: din_blo;
	text-transform: uppercase;
	top: 0px;
	text-align: center;
}
.n_title2_en span{
	position: relative;
	background-image:-webkit-linear-gradient(bottom,#ffffff,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
/*.n_title2_en span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
        color:#ffffff;
	left: 0px;
	bottom: 10%;
	background: linear-gradient(to top, #ffffff, transparent );
    }*/
.n_title2_title{
	width:100%;
	height: 50px; line-height: 50px; bottom: 0;
	text-align: center;
	font-size:2.4rem;
	position: absolute;
	z-index: 10;
	
	
}
/*内页标题2*/

/*内页标题3*/
.n_title3{
	width:100%;
	height: auto;
	font-size: 2.5rem;
	color: #FFFFFF;
	text-align: center;
}
.n_title3 span{
	display: inline-block;
	position: relative;
	padding-bottom: 1.5rem;
}
.n_title3 span:after{
	position: absolute;
	content: '';
	width:70%;
	height: 7px;
	background-image: linear-gradient(to right , #d7e0ef, #5c81bb);
	bottom: 0px;
	left: 15%;
	border-radius: 50px;
}
/*内页标题3*/

/*新闻列表*/
.news_list{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 10vh;
}

.news_menu{
	width:100%;
	height: auto;
	line-height: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 5vh 0px;
}
.news_menu span{
	font-size:1.375rem;
	color: rgba(0,0,0,0.1);
	padding: 0px 2rem;
}
.news_menu a{
	font-size:1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.news_menu a:hover{
	color: #1f52a2;
}
.news_menu a.news_menuaon{
	color: #1f52a2;
}

.news_list_box{
	width:100%;
	height: auto;
	padding: 4vh 0px;
	border-top: 1px #e5e5e5 solid;
}
.news_list_box:last-child{
	border-bottom: 1px #e5e5e5 solid;
}
.news_list_box a{
	display: block;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.news_list_box_time{
	width:80px;
	height: auto;
	color: #000000;
}
.news_list_box_time_ri{
	font-size:2.625rem;
	font-family: 'Arial';
}
.news_list_box_time_nian{
	font-size:1.25rem;
	font-family: 'Arial';
}
.news_list_box_img{
	width:42%;
	height: calc(75vw * 0.42 * 302 / 580);
	height: calc(var(--mainwidth) * 0.42 * 302 / 580);
	padding: 0px 3vw;
}
.news_list_box_img_box{
	width:100%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
}
.news_list_box_img img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.news_list_box:hover .news_list_box_img img{
	transform: scale(1.03);
}
.news_list_box_con{
	width:calc(58% - 80px);
	height: calc(75vw * 0.42 * 302 / 580);
	height: calc(var(--mainwidth) * 0.42 * 302 / 580);
	position: relative;
}
.news_list_box_con_title{
	font-size:1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.news_list_box:hover .news_list_box_con_title{
	color: #1f52a2;
}
.news_list_box_con_des{
	font-size:1rem;
	color: rgba(0,0,0,0.7);
	line-height: 1.8rem;
	margin-top: 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; text-align: justify;
}
.news_list_box:hover .news_list_box_con_des{
	color: rgba(0,0,0,1);
}
.news_list_box_con_btn{
	width:100%;
	height: auto;
	position: absolute;
	bottom: 0px;
}
.news_list_box_con_btn span{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	background: #1f52a2;
	color: #FFFFFF;
	padding: 0px 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.news_list_box:hover .news_list_box_con_btn span{
	background: #4599cc;
}
/*新闻列表*/

/*视频列表*/
.void_list_bbox{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-top: 1px #e5e5e5 solid;
}
.void_list_box{
	width:32%;
	height: auto;
	position: relative;
	border-bottom: 4px #cccccc solid;
	margin-right: 2%;
	margin-top: 5vh;
}
.void_list_box:nth-child(3n){
	margin-right: 0%;
}
.void_list_box:after{
	position: absolute;
	content: '';
	width: 0%;
	height: 4px;
	background: #1f52a2;
	bottom: -4px;
	left: 0px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.void_list_box:hover:after{
	width: 100%;
}
.void_list_box_img{
	width:100%;
	height: calc(75vw * 0.32 * 252 / 448);
	height: calc(var(--mainwidth) * 0.32 * 252 / 448);
	font-size: 0px;
	overflow: hidden;
	position: relative;
}
.void_list_box_img>img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.void_list_box:hover .void_list_box_img>img{
	transform: scale(1.03);
}
.void_list_box_img_btn{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.void_list_box_img_btn img{
	width: 64px;
	height: 64px;
	margin: 0px auto;
}
.void_list_box_title{
	font-size: 1.125rem;
	color: #000000;
	margin-top: 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.void_list_box:hover .void_list_box_title{
	color: #1f52a2;
}
.void_list_box_count{
	width:100%;
	height: 2rem;
	line-height: 2rem;
	background: url(../image/void_btn2.png) no-repeat left center;
	padding-left: 30px;
	color: rgba(0,0,0,0.6);
	font-size: 1rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
/*视频列表*/

/*新闻详情*/
.show_news_map_box{
	width:100%;
	height: 10vh;
	line-height: 10vh;
	border-bottom: 1px #e5e5e5 solid;
}
.show_news_map{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.show_news_map_left{
	font-size:1.375rem;
}
.show_news_map_right{
	text-align: right;
}
.show_news_map_right a{
	
	cursor:pointer;
	}
.show_news_map_right a{
	font-size: 1rem;
	color: rgba(0,0,0,0.7);
	margin-left: 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.show_news_map_right a:hover{
	color: #1f52a2;
}
.show_news_map_right a.show_news_map_rightaon{
	color: #1f52a2;
}
.show_news{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 5vh;
}

.show_news_title{
	font-size:2.125rem;
	text-align: center;
}
.show_news_tag{
	font-size:1rem;
	text-align: center;
	color: rgba(0,0,0,0.6);
	margin-top: 5vh;
}
.show_news_tag span{
	display: inline-block;
	margin: 0px 1rem;
}
.show_news_des{
	width:100%;
	height: auto;
	padding: 4vh;
	background: #f6f6f6;
	font-size: 1rem;
	color: rgba(0,0,0,0.7);
	line-height: 2rem;
	margin-top: 5vh;
}
.show_news_con{
	width:100%;
	height: auto;
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 5vh;
}
.show_news_con img{
	
	max-width:100%;
	}
.show_bottom_menu{
	width: 100%;
	margin: auto;
	margin-top: 10vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 4rem;
	line-height: 4rem;
	margin-bottom: 3rem;
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
}
.show_bottom_menu_left,.show_bottom_menu_right{
	width:calc(50% - 20px);
	font-size: 1rem;
	color: #000000;
	text-align: left;
	padding-left: 1rem;
	overflow: hidden;
}
.show_bottom_menu_right{
	text-align: right;
	padding-right: 1rem;
}
.show_bottom_menu_left a,.show_bottom_menu_right a{
	font-size: 1rem;
	color: #000000;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.show_bottom_menu_left a:hover,.show_bottom_menu_right a:hover{
	font-size: 1rem;
	color: #1f52a2;
}
.show_bottom_menu_mid a{
	font-size: 1.5rem;
	color: #000000;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.show_bottom_menu_mid a:hover{
	font-size: 1.5rem;
	color: #1f52a2;
}

.show_xg_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 7vh;
}
.show_xg_title{
	font-size:1.6rem;
}
.show_xg{
	width:100%;
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3vh;
}
.show_xg_con{
	width:31%;
	height: auto;
}
.show_xg_con_img{
	width:100%;
	height: calc(75vw * 0.32 * 252 / 448);
	height: calc(var(--mainwidth) * 0.32 * 252 / 448);
	font-size: 0px;
	overflow: hidden;
}
.show_xg_con_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.show_xg_con:hover .show_xg_con_img img{
	transform: scale(1.03);
}
.show_xg_con_time{
	font-size:1rem;
	color: rgba(0,0,0,0.3);
	font-family: 'Arial';
	margin-top: 1.4rem;
}
.show_xg_con_title{
	font-size:1.275rem;
	color: rgba(0,0,0,1);
	margin-top: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.show_xg_con:hover .show_xg_con_title{
	color: #1f52a2;
}

/*新闻详情*/

/*解决方案*/
.fangan_list_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 10vh;
}
.fangan_list_sw{
	width:100%;
	height: auto;
}
.fangan_list{
	width:100%;
	height: auto;
	margin: auto;
	position: relative;
	margin-top: 10vh;
	padding-bottom: 8vh;
}

.fangan_list_back{
	width:42%;
	height: 90%;
	background: #6391da ;
	position: absolute;
	font-size: 0px;
	left: 0px;
	bottom: 0px;
	z-index: -1;
}
.fangan_list:nth-child(even) .fangan_list_back{
	left: auto;
	right: 0px;
}
.fangan_list_back_con{
	width:20vw;
	height: 100%;
	position: absolute;
	background: #5491f1;
	font-size: 0px;
	border-radius: 15px;
	right: -10vw;
	transform: skewX(25deg);
}
.fangan_list:nth-child(even) .fangan_list_back_con{
	transform: skewX(-25deg);
	right: auto;
	left: -10vw;
}
.fangan_list_con{
	width:75vw;
	width:var(--mainwidth);
	height: calc(75vw * 0.5 * 418 / 700);
	height: calc(var(--mainwidth) * 0.5 * 418 / 700);
	margin: auto;
	margin-top: 5vh;
}

.fangan_list_con_left{
	width:50%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
	float: left;
}
.fangan_list:nth-child(even) .fangan_list_con_left{
	float: right;
}
.fangan_list_con_left img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.fangan_list:hover .fangan_list_con_left img{
	transform: scale(1.03);
}
.fangan_list_con_right{
	width:50%;
	height: 100%;
	text-align: right;
	position: relative;
	float: left;
}
.fangan_list:nth-child(even) .fangan_list_con_right{
	text-align: left;
}

.fangan_list_con_right_jia{
	font-size:0px;
}
.fangan_list_con_right_jia img{ width: 26px; height: auto; }
.fangan_list_con_right_title{
	font-size:1.8rem;
	color: #000000;
	margin-top: 1rem;
}
.fangan_list_con_right_con{
	margin-top: 1.5rem;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: rgba(0,0,0,0.8);
}

.fangan_list_con_right_con a{
	color: rgba(0,0,0,0.8);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position:relative;
}



.fangan_list_con_right_con a:before{
	position: absolute;
	content: '';
	width:0rem;
	height: 2px;
	background: #1f52a2;
	left: 0px;
	top: calc(50% - 1px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fangan_list_con_right_con a:hover{
	color:#1f52a2;
	font-size:1.375rem;
	padding-left: 7rem;
}
.fangan_list_con_right_con a:hover:before{
	width:5rem;
}







.fangan_list_con_right_more{
	position: absolute;
	bottom: 0px;
	width:100%;
	text-align: right;
}
.fangan_list:nth-child(even) .fangan_list_con_right_more{
	text-align: left;
}
.fangan_list_con_right_more a{
	display: inline-block;
	font-family: mont;
	font-size: 1.125rem;
	color: #1f52a2;
	position: relative;
	padding-right: 125px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fangan_list_con_right_more a:hover{
	margin-right: 10px;
}
.fangan_list:nth-child(even) .fangan_list_con_right_more a:hover{
	margin-left: 10px;
}
.fangan_list_con_right_more a:after{
	position: absolute;
	content: '';
	width: 116px;
	height: 18px;
	background: url(../image/more.png);
	right: 0px;
	top: calc(50% - 9px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.fangan_sw_menu{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 10vh auto;
	background: #f7f8ff;
	border-radius: 10px;
	padding:2vh 3vh;
}
.fangan_sw_menu div{
	width:6vh;
	height: 6vh;
	background: #1f52a2;
	border-radius: 50%;
	text-align: center;
	font-size: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}
.fangan_sw_menu div img{
	width:11px;
	height: 19px;
	margin: 0px auto;
}

/*解决方案*/

/*方案详情*/
.fangan_banner{
	width:100%;
	height: 66vh;
	background-size: cover;
	background-position: center;
}
.fangan_banner_con{
	width:55%;
	height: 100%;
	background: #1f52a2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: calc((100vw - 75vw) / 2);
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	-webkit-clip-path: polygon(0% 0%,100% 0%,80% 100%,0% 100%,0% 0%);
	clip-path: polygon(0% 0%,100% 0%,80% 100%,0% 100%,0% 0%);
}
.fangan_banner_en{
	width:100%;
	font-size:8rem;
	font-weight: bold;
	position: relative;
	color:#8095c2;
	font-family: din_blo;
	text-transform: uppercase;
	top: 0px;
	text-align: left;
}
.fangan_banner_en span{
	position: relative;
}
.fangan_banner_en span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
	left: 0px;
	bottom: 12%;
	background: linear-gradient(to top, #1f52a2, transparent );
    }
.fangan_banner_title{
	font-size:2.625rem;
	color: #FFFFFF;
	text-align: left;
	margin-top: -1.5rem;
	margin-bottom: 5rem;
	font-weight: bold;
}
.show_fa{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10vh;
	padding-bottom: 10vh;
}
.show_fa_left{
	width:50%;
	height: auto;
	position: relative;
	padding-left: 3vh;
	padding-bottom: 10vh;
	font-size: 0px;
}
.show_fa_left img{
	width:100%;
}
.show_fa_left_back{
	width:60%;
	height: 100%;
	position: absolute;
	background: #1f52a2;
	left: 0px;
	top: 0px;
	z-index: -1;
}
.show_fa_right{
	width:45%;
	height: auto;
}
.show_fa_right_title{
	width:100%;
	height: auto;
	font-size: 2.5rem;
	color: #000000;
	text-align: left;
}
.show_fa_right_title span{
	display: inline-block;
	position: relative;
	padding-bottom: 2rem;
}
.show_fa_right_title span:after{
	position: absolute;
	content: '';
	width:7rem;
	height: 7px;
	background-image: linear-gradient(to right, #5c81bb , #d7e0ef);
	bottom: 0px;
	left: 0px;
	border-radius: 50px;
}
.show_fa_right_con{
	font-size:1.125rem;
	color: rgba(0,0,0,0.8);
	line-height: 1.8rem;
	margin-top: 3rem;
}
.show_facp_box{
	width:100%;
	height: auto;
	padding: 10vh 0px;
	background: #f8faff;
	margin-bottom: -10vh;
}
.show_facp_lbox{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	position: relative;
}
.show_facp{
	width:100%;
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5vh;
}
.show_facp_con{
	width:100%;
	height: auto;
}
.show_facp_con_img{
	width:100%;
	height: calc(75vw * 0.2275);
	height: calc(var(--mainwidth) * 0.2275);
	font-size: 0px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.show_facp_con_img div{
	
	max-height: 90%;
	text-align: center;
	overflow: hidden;
}

.show_facp_con_img img{
	width: 100%;
	height: auto;
	margin: 0px auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position:relative;
}

.show_facp_con:hover .product_con_img_back{
	transform: scale(1);
	opacity: 1;
}

.show_facp_con_title{
	width:100%;
	text-align: center;
	font-size: 1.125rem;
	color: #000000;
	margin-top: 2rem;
}
.show_facp_menu_left,.show_facp_menu_right{
	width:7vh;
	height: 7vh;
	background: #1f52a2;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: calc(50% - 3.5vh);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.show_facp_menu_left img,.show_facp_menu_right img{
	width:11px;
	height: 19px;
	margin: 0px auto;
}
.show_facp_menu_left{
	left: -9vh;
}
.show_facp_menu_right{
	right: -9vh;
}
.show_facp_menu_left:hover{
	
}
/*方案详情*/

/*服务中心*/
.fuwu_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 10vh;
}
.fuwu{
	width:100%;
	height: auto;
	min-height: 958px;
	background-image: url(../image/map.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 60% auto;
	margin-top: 5vh;
}

.fuwu_top{
	width:100%;
	font-size:6.5rem;
	font-weight: bold;
	position: relative;
	color:#cbd3e4;
	font-family: din_blo;
	text-transform: uppercase;
	top: 0px;
	text-align: left;
	z-index: -1;
}
.fuwu_top span{
	position: relative;
	background-image:-webkit-linear-gradient(bottom,#ffffff,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
/*.fuwu_top span:before{
        content: '';
	width:100%;
	height: 100%;
        position: absolute;
        z-index: 0;
        color:#ffffff;
	left: 0px;
	bottom: 0px;
	background: linear-gradient(to left, #ffffff, transparent );
    }*/

.fuwu_con{
	width:32%;
	height: auto;
	background-color: #1f52a2;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 10vh;
	padding: 4vh;
	padding-bottom: 10vh;
	background-image: url(../image/fuwu_back.png),url(../image/fuwu_back2.png);
	background-repeat: no-repeat,no-repeat;
	background-position:90% top,center bottom;
}
.fuwu_con_title{
	color:#FFFFFF;
	font-size: 1.75rem;
	font-weight: bold;
}
.fuwu_con_con{
	color:rgba(255,255,255,0.8);
	font-size: 1rem;
	line-height: 2rem;
	margin-top: 5vh;
}
/*服务中心*/

/*产品中心列表*/
.product_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 10vh;
}
.product_type{
	width:100%;
	height: 12vh;
	line-height: 12vh;
	font-size: 1.875rem;
	border-bottom: 1px #e5e5e5 solid;
	margin-top: 5vh;
}
.product{
	width:80%;
	width：80%; margin:0 auto;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.product_con{
	width:23%;
	height: auto;
	margin-right: 2%;
	margin-top: calc(75vw * 0.05);
	margin-top: calc(var(--mainwidth) * 0.05);
}
.product_con:nth-child(4n){
	margin-right: 0%;
}
.product_con_img{
	width:100%;
	
	font-size: 0px;
	background: #fff;
/*	border-radius: 20px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.product_con_img_img{
	width:100%;
	height: auto;
	max-height: 90%;
	text-align: center;
}
.product_con_img_img img{
	border-radius: 20px;
	max-width: 98%;
	position: relative;
}
.product_con_img_back{
	width:100%;
	height: 100%;
	position: absolute;
	background: rgba(31,82,162,0.6);
	border-radius: 20px;
	font-size: 2.5rem;
	color: #FFFFFF;
	left: 0; top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	transform: scale(0);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.product_con:hover .product_con_img_back{
	transform: scale(1);
	opacity: 1;
}
.product_con_title{
	width: 100%;
	text-align: center;
	margin-top: 1.5rem;
	font-size:1.125rem;
	color: rgba(0,0,0,0.8);
}
/*产品中心列表*/


/*产品中心详情*/
.product_banner{
	width:100%;
	height: 600px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.product_banner_con{
	width:50%; display: none !important;
	height: 100%;
	padding-left: calc((100vw - 75vw) / 2);
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.product_banner_ltitle{
	font-size:1.5rem;
	color: rgba(0,0,0,0.5);
	font-weight: bold;
	letter-spacing: 0.2rem;
}
.product_banner_title{
	font-size:3.125rem;
	color: rgba(0,0,0,1);
	font-weight: bold;
	letter-spacing: 0.3rem;
	margin-top: 1rem;
}
.product_banner_line{
	width:8rem;
	height: 2px;
	background: #1f52a2;
	font-size: 0px;
	margin-top: 5vh;
	margin-bottom: 5vh;
}
.product_banner_tag{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 15vh;
}
.product_banner_tag_box{
	width:16.66%;
	text-align: center;
	height: auto;
}
.product_banner_tag_title{
	width:80%;
	margin: 0px auto;
	text-align: center;
	font-size: 1rem;
	color: rgba(0,0,0,0.6);
}

.showp_jj{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 10vh;
}
.showp_jj_con{
	width:75%;
	height: auto;
	margin: 0px auto;
	font-size: 16px;
	color: rgba(0,0,0,0.8);
	line-height: 2rem;
	text-align: center;
	margin-top: 5vh;
}

.showp_pic_box{
	width:100%;
	height: auto;
	margin-top: 10vh;
	padding: 10vh 0px;
	background: #f8faff;
}
.showp_pic{
	width:100%;
	height: auto;
	margin-top: 5vh;
}
.showp_pic_con{
	width:100%;
	height: calc(100vw * 0.47 * 506 / 834);
	font-size: 0px;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
}
.showp_pic_con img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
.showp_pic_con_back{
	width:100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.6);
	top: 0px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.showp_pic .swiper-slide.swiper-slide-active .showp_pic_con_back{
	background: rgba(0,0,0,0);
}
.showp_pic_menu_left,.showp_pic_menu_right{
	width:33px;
	height: 59px;
	position: absolute;
	top: calc(50% - 30px);
	z-index: 20;
	cursor: pointer;
}
.showp_pic_menu_left{
	left:calc((100vw - 75vw) / 2);
	left:calc((100vw - var(--mainwidth)) / 2);
}
.showp_pic_menu_right{
	right:calc((100vw - 75vw) / 2);
	right:calc((100vw - var(--mainwidth)) / 2);
}

.showp_td_box{
	width:100%;
	height: auto;
	margin-top: 10vh;
}
.showp_td{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
}
.showp_tdno{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:flex-start;
}
.showp_td_con{
	width:80%;
	height: 100%;
	text-align: center;
	margin-top: 5vh;
}
.showp_td_con1{
	width:33.33%;
	height: 100%;
	text-align: center;
	margin-top: 5vh;
}

.showp_td_con_ico{
	width: 100%;
	height: 90px;
	font-size: 0px;
}
.showp_td_con_ico img{
	width: 70px;
	height: 70px;
	object-fit: cover;
	object-position: center;
	margin-top: 20px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.showp_td_con:hover .showp_td_con_ico img{
	margin-top: 15px;
}
.showp_td_con1:hover .showp_td_con_ico img{
	margin-top: 15px;
}
.showp_td_con_title{
	font-size:1.5rem;
	margin-top: 1rem;
}
.showp_td_con_con{
	width:90%;
	margin:auto;
	font-size:1rem;
	margin-top: 1rem;
	color: rgba(0,0,0,0.6);
	line-height: 1.5rem;
	height:auto;
	overflow: hidden;
}
.showp_td_pagination{
	position:relative;
	margin-top: 5vh;
	height: 1rem;
	line-height: 1rem;
	z-index: 2;
	text-align: center;
}
.showp_td_box .swiper-pagination-bullet { 
	display: inline-block; 
	width:10px; 
	height:10px; 
	opacity: 1;
	background-color:rgba(0,0,0,0.2); 
	border-radius:50px; 
	margin:0px 5px; 
	cursor: pointer;
}
.showp_td_box .swiper-pagination-bullet-active{ 
	background-color:rgba(0,0,0,0.6); 
}	

.showp_cs_box{
	width:100%;
	height: auto;
	margin-top: 10vh;
	padding-top: 10vh;
	background: #1f52a2;
}
.showp_cs{
	width:75vw;
	width:var(--mainwidth);
	height: calc(15rem + 18vh);
	overflow: hidden;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.showp_cson{
	height: auto;
}
.showp_cs_con{
	width:33.33%;
	height: auto;
	margin-top: 6vh;
}
.showp_cs_con_con{
	font-size:1.375rem;
	color: #FFFFFF;
	height: 2.5rem;
	line-height: 2.5rem;
	position: relative;
	padding-left: 10vh;
}
.showp_cs_con_conone:before{
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: #FFFFFF;
	border-radius: 50%;
	left: calc(10vh - 1rem);
	top: calc(50% - 3px);
}
.showp_cs_bottom{
	width:75vw;
	width:var(--mainwidth);
	height: 15vh;
	margin: auto;
	margin-top: 5vh;
	text-align: center;
	border-top: 1px rgba(255,255,255,0.1) solid;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.showp_cs_bottom span{
	display: inline-block;
	width: 10rem;
	height: auto;
	padding: 0.8rem 0px;
	margin: 0px auto;
	border: 2px rgba(255,255,255,0.4) solid;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.showp_cs_bottom span img{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.showp_cs_bottom span.showp_cs_bottomson img{
	transform: rotate(180deg);
}
.showp_cs_bottom span:hover{
	border: 2px rgba(255,255,255,1) solid;
	width: 13rem;
}

.showp_xp_box{
	width:100%;
	height: auto;
	margin-top: 10vh;
}
.showp_xp_lbox{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	position: relative;
	margin-top: 5vh;
}
.showp_xp{
	width:100%;
	height: auto;
}
.showp_xp_con{
	width:100%;
	height: auto;
	position: relative;
}
.showp_xp_con_img{
	width:100%;
	height: calc(75vw * 0.2125);
	height: calc(var(--mainwidth) * 0.2125);
	font-size: 0px;
	background: #f8faff;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.showp_xp_con_img_img{
	width:100%;
	height: auto;
	max-height: 90%;
	text-align: center;
}
.showp_xp_con_img_img img{
	max-width: 98%;
	position: relative;
}
.showp_xp_con_img_back{
	width:100%;
	height: 100%;
	position: absolute;
	background: rgba(31,82,162,0.9);
	border-radius: 20px;
	font-size: 2.5rem;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 10;
}
.showp_xp_con:hover .showp_xp_con_img_back{
	transform: scale(1);
	opacity: 1;
}
.showp_xp_con_title{
	font-size:1.5rem;
	color: #000000;
	text-align: center;
	margin-top: 1rem;
}
/*产品中心详情*/

/*关于我们*/
.about_jj_box{
	width:100%;
	height: auto;
	background-image: url(../image/about_jj_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5vh;
}
.about_jj{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.about_jj_left{
	width:14.5%;
	height: auto;
	position: relative;
}
.about_menu{
	padding-top: 3vh;
	line-height: 3rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.about_menu a{
	cursor:pointer;
	}
.about_menufix{
	position: fixed;
	top: 10vh;
	z-index: 400;
	
}
.about_menu a{
	font-size:1rem;
	color: #646464;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	border-left: 1px solid #c0c0c0;
    padding-left: 19px;
	display:block;
}
.about_menuaon a{
	color: #1f52a2;
	border-left: 1px solid #004db7;
}
.about_menu a:hover{
	color: #1f52a2;
}
.about_menubai a{
	color: #6986b6;
}
.about_menubai .about_menuaon a{
	color: #FFFFFF;
}
.about_menubai a:hover{
	color: #FFFFFF;
}
.about_jj_mid{
	width:100%;
	height: auto;
}

.about_jj_mid_entitle{
	width:100%;
	font-size:6rem;
	font-weight: bold;
	position: relative;
	color:#cbd3e4;
	font-family: din_blo;
	text-transform: uppercase;
	text-align: left;
}
.about_jj_mid_entitle:after{
	position: absolute;
	content: attr(text);
	font-size: 1.8rem;
	color: #000000;
	left: 1rem;
	font-weight: normal;
	top: calc(50% - 1rem);
}
.about_jj_mid_entitle span{
	position: relative;
	 background-image:-webkit-linear-gradient(bottom,#fff,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
/*.about_jj_mid_entitle span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
        color:#ffffff;
	left: 0px;
	bottom: 10%;
	background: linear-gradient(0deg, #ffffff, transparent );
    }*/
.about_jj_mid_title{
	color:#1f52a2;
	font-size: 2.0rem;
}
.about_jj_mid_con{
	color:rgba(0,0,0,0.8);
	font-size: 1rem;
	line-height: 2rem !important;
	margin-top: 5vh; text-align: justify;
}
.about_jj_mid_con p{ line-height: 34.5px !important; }

.about_jj_right{
	width:30%;
	height: auto;
	font-size: 0px;
	padding-top: 20vh;
	text-align: right;
}
.about_jj_right2{ padding-top: 10vh; }
.about_jj_right img{
	width:80%;
}

.about_lc_box{
	width:100%;
	height: 90vh;
	background-image: url(../image/about_lc_back.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}
.about_lc{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5vh;
}

.about_lc_entitle{
	width:100%;
	font-size:8rem;
	font-weight: bold;
	position: relative;
	color:#3c66a6;
	font-family: din_blo;
	text-transform: uppercase;
	text-align: left;
	margin-left: 14.5%;
	margin-top: 5vh;
}
.about_lc_entitle:after{
	position: absolute;
	content: attr(text);
	font-size: 2.125rem;
	color: #FFFFFF;
	left: 1rem;
	font-weight: normal;
	top: calc(50% - 1rem);
}
.about_lc_entitle span{
	position: relative;
	 background-image:-webkit-linear-gradient(bottom,#2559a0,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
/*.about_lc_entitle span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
	left: 0px;
	bottom: 10%;
	background: linear-gradient(to top, #2559a0, transparent );
    }*/
.about_lc_swiper{
	width:100%;
	height: 50vh;
	position: absolute;
	bottom: 0px;
	padding-left: 10%;
}
.about_lc_swiper_box{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color:rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.about_lc_swiper_box2{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color:rgba(255,255,255,0.2);
	display: none;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about_lc_swiper .swiper-slide:nth-child(even) .about_lc_swiper_box{
	display:none;
}
.about_lc_swiper .swiper-slide:nth-child(odd) .about_lc_swiper_box{
	display:block;
}
.about_lc_swiper .swiper-slide:nth-child(even) .about_lc_swiper_box2{
	display:block;
}
.about_lc_swiper .swiper-slide:nth-child(odd) .about_lc_swiper_box2{
	display:none;
}

.about_lc_swiper .swiper-slide-active .about_lc_swiper_box{
	color:rgba(255,255,255,1);
}
.about_lc_swiper .swiper-slide-active .about_lc_swiper_box2{
	color:rgba(255,255,255,1);
}
.about_lc_swiper_box_nian{
	font-size: 3.125rem;
	font-weight: bold;
	font-family: 'Arial';
	font-style:oblique;
	text-align: center;
	height: 7.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about_lc_swiper_box_con{
	width:70%;
	margin: 0px auto;
	text-align: center;
	font-size:1rem;
	line-height: 1.5rem;
	height: 7.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about_lc_swiper_box_dian_box{
	width:100%;
	height: auto;
	text-align: center;
	position: relative;
	font-size: 0px;
	margin: 1rem 0px;
}
.about_lc_swiper_box_dian_box:after{
	position: absolute;
	width: 100%;
	height: 6px;
	content: '';
	background: #FFFFFF;
	left: 0px;
	top: 9px;
	z-index: -1;
}
.about_lc_swiper_box_dian_box span{
	display: inline-block;
	width:24px;
	height: 24px;
	border: 7px #FFFFFF solid;
	background: #1f52a2;
	border-radius: 50%;
}
.about_lc_con_box{
	width:calc(75vw * 0.855);
	width:calc(var(--mainwidth) * 0.855);
	height: auto;
	margin: auto;
	position: absolute;
	z-index: 30;
	left: calc((100vw - 75vw) / 2 + 75vw * 0.145);
	left: calc((100vw - var(--mainwidth)) / 2 + var(--mainwidth) * 0.145);
	bottom: 15vh;
	
}
.about_lc_con_swiper{
	width:33%;
	height: auto;
	background: #FFFFFF;
	margin-left: 0%;
	padding: 3vh 0px;
}
.about_lc_con_swiper_img{
	width:calc(100% - 6vh);
	height: calc((75vw * 0.855 * 0.33 - 6vh) * 240 / 460);
	height: calc((var(--mainwidth) * 0.855 * 0.33 - 6vh) * 240 / 460);
	margin: 0px auto;
	font-size: 0px;
	overflow: hidden;
}
.about_lc_con_swiper_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about_lc_con_swiper_con{
	width:calc(100% - 5vh);
	height: auto;
	margin: 0px auto;
	height: 4.5rem;
	line-height: 1.5rem;
	overflow: hidden;
	font-size: 1rem;
	color: rgba(0,0,0,0.8);
	position: relative;
	padding-left: 190px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 3vh;
}
.about_lc_con_swiper_con span{
	display: flex;
	flex-direction: none;
	justify-content: none;
	height: auto;
    overflow-y: auto; 、/*text-align: justify;*/ padding-right: 10px;
	}

.about_lc_con_swiper_con:before{
	position: absolute;
	content: attr(text);
	font-size: 2rem;
	font-family: 'Arial';
	font-weight: bold;
	font-style: oblique;
	color: #1f52a2;
	left: 0px;
}






.kongzhiyangshi1{ width: 70%; margin: 0 auto; margin-top: 20px; line-height: 2.6rem; font-size: 18px; color: rgba(0,0,0,0.7);  text-align: justify;}

.kongzhiyangshi2{  width: 70%; margin: 0 auto; text-align: justify; }



.show_news_con{ text-align:justify; }

.about_lc_menu_box{
	position: absolute;
	bottom: -60px;
	left: 12%;
}
.about_lc_menu_box span{
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	border: 2px #FFFFFF solid;
	border-radius: 50%;
}
.about_lc_menu_box span:hover{
	box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.3);
}
.about_lc_menu_left{
	width:2.5rem;
	height: 2.5rem;
	background-image: url("../image/banner_left2.png");
	background-repeat: no-repeat;
	background-position: center;
}
.about_lc_menu_left:hover{
	
}
.about_lc_menu_right{
	width:2.5rem;
	height: 2.5rem;
	background-image: url("../image/banner_right2.png");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0.5rem;
}
.about_lc_menu_right:hover{
	
}



.about_ry_box{
	width:100%;
	height: auto;
	padding-top: 5vh;
}
.about_ry{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.about_ry_left{
	width:14.5%;
	height: auto;
	position: relative;
}
.about_ry_right{
	width:85.5%;
	height: auto;
	position: relative;
}


.about_ry_con{
	width:100%;
	height: calc(var(--mainwidth) * 0.855 * 0.55 * 637 / 819);
}
.about_ry_con_left{
	width:58%;
	height: 100%;
	float: right;
	
	background-size: 100% auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 10%;
}
.about_ry_con_left img{
	width: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.about_ry_con_left img.about_ry_con_leftimgon{
	opacity: 1;
	
}
.about_ry_con_right{
	width: 40%;
	height: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	float: left;
}
.about_ry_con_right div{
	width: 100%;
	float: right;
	color: rgba(0,0,0,0.7);
	cursor: default;
}
.about_ry_con_right>div>span:first-child{
	display: inline-block;
	margin-right: 1rem;
}
.about_ry_con_right>div>span:nth-child(2){
	display: inline-block;
	position: relative;
	width: 2rem;
	margin-right: 1rem;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.about_ry_con_right .about_ry_con_righton span:nth-child(2){
	width: 4rem;
}
.about_ry_con_right>div>span:nth-child(2):after{
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 1px;
	left: 0px;
	top: calc(50% - 0.3rem);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.about_ry_con_right .about_ry_con_righton span:nth-child(2):after{
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 1px;
	top: calc(50% - 0.5rem);
}
.about_ry_con_right>div>span:nth-child(3){
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.about_ry_con_right .about_ry_con_righton span:nth-child(3){
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	color: #34509f;
}
.about_ry_menu{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 5vh;
}
.about_ry_menu span {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #5491f1;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0px 0.5rem;
}
.about_ry_menu_left{
	background-image: url(../image/banner_left2.png);
    background-position: center;
    background-repeat: no-repeat;
}

.about_ry_menu_right{
	    background-image: url(../image/banner_right2.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1rem;
}
.about_ry_menu_left:hover {
   
	box-shadow: 0px 0px 23px 5px rgba(31,82,162,0.5);
	transform: scale(1.1);
}
.about_ry_menu_right:hover {
    box-shadow: 0px 0px 23px 5px rgba(31,82,162,0.5);
	transform: scale(1.1);
}


.about_ry_menu div{
	width:7vh;
	height: 7vh;
	background: #1f52a2;
	border-radius: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}
.about_ry_menu_right{
	margin-left: 1rem;
}
.about_ry_menu div img{
	width:16px;
	height: 29px;
	object-fit: cover;
	object-position: center;
	margin: 0px auto;
}

.about_zl_box{
	width:100%;
	height: auto;
	background: #f7f8ff;	background: #fff;
	padding-top: 5vh;
	margin-top: 10vh;
	padding-bottom: 10vh;
}
.about_zl{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.about_zl_entitle{
	width:100%;
	font-size:6rem;
	font-weight: bold;
	position: relative;
	color:#e9ecf7;
	font-family: din_blo;
	text-transform: uppercase;
	text-align: left;
}
.about_zl_entitle:after{
	position: absolute;
	content: attr(text);
	font-size: 1.8rem;
	color: #000000;
	left: 1rem;
	font-weight: normal;
	top: calc(50% - 1rem);
}
.about_zl_entitle span{
	position: relative;
	background-image:-webkit-linear-gradient(bottom,#f7f8ff,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
/*.about_zl_entitle span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
        color:#ffffff;
	left: 0px;
	bottom: 10%;
	background: linear-gradient(to top, #f7f8ff, transparent );
    }*/

.about_zl_con{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative; 	background: url(../image/sbzhong.jpg) no-repeat;background-position: center center;
}
.about_zl_con_con{
	width:47%;
	height: auto;
	margin-top: 90px;
	position: relative;
	z-index: 10;
}

.about_zl_con_con_left{
	width:calc(100% - 146px);
	height: auto;
	float: left;
	text-align: left;
	padding-right: 4vh; line-height: 1.56rem;
}
.about_zl_con_con:nth-child(even) .about_zl_con_con_left{
	float: right;
	text-align: right;
	padding-right: 0vh;
	padding-left: 4vh;
}
.about_zl_con_con_left_title{
	font-size:1.5rem;
}
.about_zl_con_con_left_con{
	font-size:1rem;
	color: #909090;
	line-height: 1.5rem;
	margin-top: 1rem;
}
.about_zl_con_con_right{
	width:146px;
	height: 146px;
	background: #5491f1;
	border-radius: 50%;
	float: left;
	font-size: 0px;
	text-align: center; 
}

.about_zl_con_con:nth-child(1) .about_zl_con_con_right{ margin-top: 34px; }
.about_zl_con_con:nth-child(2) .about_zl_con_con_right{ margin-top: 34px; }

.about_zl_con_con:nth-child(3) .about_zl_con_con_right{ margin-top: 78px; }
.about_zl_con_con:nth-child(4) .about_zl_con_con_right{ margin-top: 78px; }












.about_zl_con_con_right img{
	width:100px;
	height: 100px;
	object-fit: cover;
	object-position: center;
	margin: 23px;
}
.about_zl_con_back{
	width:350px; 
	height: 350px;
	border: 2px #d6d7dd dashed;
	border-radius: 50%;
	position: absolute;
	z-index: 0;
	top: calc(50% - 146px);
	left: calc(50% - 175px);
}










@media screen and (max-width: 1820px) {
.about_zl_con_con:nth-child(1) .about_zl_con_con_right{ margin-top: 34px; }
.about_zl_con_con:nth-child(2) .about_zl_con_con_right{ margin-top: 34px; }

.about_zl_con_con:nth-child(3) .about_zl_con_con_right{ margin-top: 78px; }
.about_zl_con_con:nth-child(4) .about_zl_con_con_right{ margin-top: 78px; }


.about_zl_con_back{ top: calc(50% - 146px); }







}
.about_zl_con{ height: 700px; }
.about_lx_box{
	width:100%;
	height: auto;
	padding-top: 10vh;
}
.about_lx{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.about_lx_con{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5vh;
}
.about_lx_con_left{
	width:55%;
	height: auto;
	padding-bottom: 5vh;
	padding-left: 3vh;
	position: relative;
}
.about_lx_con_left_back{
	width:50%; display: none;
	height: 100%;
	position: absolute;
	background: #5491f1;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.about_lx_con_left_map{
	width:100%;
	height: calc((75vw * 0.855 * 0.5 - 3vh) * 373 / 565);
	height: calc((var(--mainwidth) * 0.855 * 0.5 - 3vh) * 373 / 565);
}
.about_lx_con_right{
	width:40%;
	height: auto;
}
.about_lx_con_right_title{
	font-size:1.5rem;
}
.about_lx_con_right_con{
	font-size:1rem;
	color: rgba(0,0,0,0.8);
	margin-top: 2vh;
	line-height: 1.8rem;
}
.about_lx_con_right_code{
	margin-top: 2vh;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	text-align: center;
	line-height: 2rem;
	color: rgba(0,0,0,0.8);
}
.about_lx_con_right_code>div{ width: 110px; }
.about_lx_con_right_code>div img{ width: 100%; }
.about_lx_con_right_code div:last-child{
	margin-left: 5vh;
}
/*关于我们*/

/*首页*/

/*首页菜单*/
#fp-nav{
	display: none;
}
.page_menu{
	position: fixed;
	width:calc((100vw - 85vw) / 2);
	width:calc((100vw - var(--mainwidth)) / 2);
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 450;
}
.page_menu>div>a{
	display: block;
	width:4px;
	height: 14px;
	background: #FFFFFF;
	border-radius:5px;
	margin: 5px auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	position: relative;
}
.page_menuhui>div>a{
	background: #acadb2;
}

.page_menu>div.active>a{
	width:4px;
	height: 34px;
}
.page_menuhui>div.active>a{
	background: #1f52a2;
}



.index_view .top_fiex_d{
	height:0px;
	font-size: 0px;
	overflow: hidden;
}
.section{
	width:100%;
	height: 100vh;
	position: relative;
	padding-top: 10vh;
}
/*第一屏*/
.index_banner{
	width:100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.big_div{
	width:100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.big_div_left{
	position: relative;
	width: 70%;
	height: 100%;
	/*background: #1f52a2; */
	padding-left:  -left: calc((100vw - 85vw) / 2);
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	overflow: hidden;
	-webkit-clip-path: polygon(0% 0%,80% 0%,100% 100%,0% 100%,0% 0%);
	clip-path: polygon(0% 0%,80% 0%,100% 100%,0% 100%,0% 0%);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.big_div_left_img{
	font-size:0px;
	width: 100%;
	height: auto;
}
.big_div_left_img img{
	height: 88px;
}
.big_div_left_title{
	width: 100%;
	position: relative;
	font-size: 2.75rem;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.3rem;
}
.big_div_left_con{
	position: relative;
	width: 100%;
	font-size: 1.625rem;
	color: #ffffff;
	line-height: 2rem;
	margin-top: 5vh;
}
.big_div_left_btn{
	width:100%;
	height: auto;
	margin-top: 10vh;
	padding-bottom: 10vh;
}
.big_div_left_btn a{
	display: inline-block;
	height: 3.5rem;
	line-height: 3.5rem;
	background: #FFFFFF;
	border-radius: 50px;
	color: #333333;
	font-size: 1rem;
	font-weight: bold;
	padding: 0px 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.big_div_left_btn a:hover{
	box-shadow: 0px 0px 23px 5px rgba(255,255,255,0.3);
}
.index_banner_menu_left,.index_banner_menu_right{
	position: absolute;
	bottom: 6rem;
	z-index: 50;
	left: calc((100vw - 85vw) / 2);
	left: calc((100vw - var(--mainwidth)) / 2);
	cursor: pointer;
}
.index_banner_menu_left div,.index_banner_menu_right div{
	width:3rem;
	height: 3rem;
	background-color: #ffffff;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_banner_menu_right{
	left: calc((100vw - 85vw) / 2 + 4.5rem);
	left: calc((100vw - var(--mainwidth)) / 2 + 4.5rem);
}
.index_banner_menu_left div{
	background-image: url(../image/banner_left.png);
}
.index_banner_menu_right div{
	background-image: url(../image/banner_right.png);
}
.index_banner_menu_left:hover div,.index_banner_menu_right:hover div{
	box-shadow: 0px 0px 23px 5px rgba(255,255,255,0.3);
	transform: scale(1.1);
}


.index_banner_pagination{
	position:absolute;
	left: calc((100vw - 85vw) / 2 + 3rem);
	left: calc((100vw - var(--mainwidth)) / 2 + 3rem);
	z-index: 2;
	text-align: left;
	color: #ffffff;
	font-size: 1.6rem;
	bottom: 1rem;
	height: 3rem;
	line-height: 3rem;
}
.index_banner_pagination:before{
	position:absolute;
	content: '';
	width: 3rem;
	height: 2px;
	background: #ffffff;
	left: -3.5rem;
	top: calc(1.5rem - 1px);
}
.index_banner .swiper-pagination-current { 
	
	font-size: 2.5rem;
}
/*第一屏*/


/*第二屏*/
.sectionbox2{
	background-color: #f8faff;
	background-image: url(../image/index_about_back.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 80% auto;
	
}
.index_about_box{
	width:75vw;
	width:var(--mainwidth);
	height: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index_c_title{
	width:100%;
	font-size:6rem;
	font-weight: bold;
	position: relative;
	color:#cbd3e4;
	font-family: din_blo;
	text-transform: uppercase;
	text-align: center;
}
.index_c_title:after{
	position: absolute;
	content: attr(text);
	font-size: 2.4rem;
	color: #000000;
	text-align: center;
	width:100%;
	left: 0px;
	font-weight: normal;
	bottom:0;
}

.index_c_title span {
    position: relative;
 background-image:-webkit-linear-gradient(bottom,#fff,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 

}


.index_c_title2 span {
    position: relative;
 background-image:-webkit-linear-gradient(bottom,#184799,#002052); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 

}
.index_c_title2:after{ color: #fff; }

/*.index_c_title span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
	left: 0px;
	bottom: 10%;
	
	background: linear-gradient(to top, #f8faff, transparent );
    }*/
.index_c_ltitle{
	font-size:1.375rem;
	text-align: center;
}
.index_about{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4vh;
}
.index_about_con{
	width:23%;
	height: auto;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 4vh;
	box-shadow: 0px 5px 15px 0.1px rgba(0,0,0,0.05);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_about_con:hover{
	background:  #5491f1;
}
.index_about_con_en{
	font-size:0.875rem;
	text-transform: uppercase;
	font-family: 'Arial';
	color: rgba(0,0,0,0.4);
	font-weight: bold;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_about_con:hover .index_about_con_en{
	color: rgba(255,255,255,0.6);
}
.index_about_con_title{
	font-size:1.375rem;
	color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_about_con:hover .index_about_con_title{
	color: rgba(255,255,255,0.6);
}
.index_about_con_con{
	font-size:1.3rem;
	color: #1f52a2;
	line-height: 2rem;
	height: 4rem;
	margin-top: 1.5rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_about_con:hover .index_about_con_con{
	color: rgba(255,255,255,1);
}
.index_about_con_img{
	margin-top: 1.5rem;
	font-size:0rem;
	height: calc(75vw * 0.23 * 112 / 257);
	height: calc((var(--mainwidth) * 0.23 - 8vh) * 112 / 257);
	overflow: hidden;
}
.index_about_con_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_about_con:hover .index_about_con_img img{
	transform: scale(1.03);
}
.index_about_btn{
	width:100%;
	height: auto;
	text-align: center;
	margin-top: 5vh;
}
.index_about_btn a{
	display: inline-block;
	height: 3.5rem;
	line-height: 3.5rem;
	padding: 0px 3rem;
	background: #1f52a2;
	border-radius: 50px;
	color: #FFFFFF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_about_btn a:hover{
	letter-spacing: 0.3rem;
	box-shadow: 0px 0px 25px 1px rgba(31,82,162,0.5);
}
/*第二屏*/



/*第三屏*/
.sectionbox3{
	background-image: url(../image/index_product_back.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.index_p_title{
	width:500px;
	height: 130px;
	line-height: 190px;
	background-image: url(../image/index_p_title_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:90% auto;
	margin: 0px auto;
	font-size: 2.4rem;
	color: #FFFFFF;
	text-align: center;
}
.index_product_box{
	width:calc(100vw - ((100vw - 75vw) / 2));
	width:calc(100vw - ((100vw - var(--mainwidth)) / 2));
	margin-left: calc((100vw - 75vw) / 2);

	overflow: hidden; margin-top: 5vh;
}
.index_product{
	width:100%;
	height: 100%;
/*	width:calc(75vw * 1.8);
	width:calc(var(--mainwidth) * 1.8);*/
}
.index_product_con{
	width:100%;
	height: 58vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
}
.index_product_con_left{
/*	width:45%;*/
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10%;
	position:relative;
}
.index_product_con_left_az{
	position:absolute;
	bottom:0;
	}
.index_product_con_left_az a{
	font-size: 1.375rem;
}
.index_product_con_left_title{
	font-size:1.875rem;
	font-weight: bold;
}
.index_product_con_left_ltitle{
	font-size:1.375rem;
	color: #1f52a2;
	margin-top: 2.5rem;
	position: relative;
	padding-left: 7rem;
}
.index_product_con_left_ltitle a{
	color: #1f52a2;
	}
.index_product_con_left_ltitle:before{
	position: absolute;
	content: '';
	width:5rem;
	height: 2px;
	background: #1f52a2;
	left: 0px;
	top: calc(50% - 1px);
}
.index_product_con_left_con{
	margin-top: 1rem;
}
.index_product_con_left_con a{
	display: block;
	line-height: 2rem;
	font-size: 1.062rem;
	color: rgba(0,0,0,0.7);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
}

.index_product_con_left_con a:before{
	position: absolute;
	content: '';
	width:0rem;
	height: 2px;
	background: #1f52a2;
	left: 0px;
	top: calc(50% - 1px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_product_con_left_con a:hover{
	color:#1f52a2;
	font-size:1.375rem;
	padding-left: 7rem;
}
.index_product_con_left_con a:hover:before{
	width:5rem;
}
.index_product_con_right{
	width:65%;
	height: 100%;
	font-size: 0px;
}
.index_product_con_right img{
	
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.index_product_con_back{
	width:80%;
	height: 90%;
	background-image: linear-gradient(to right, #dce4e9 , #f8fcfe);
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0px;
	border-radius: 10px;
}
.index_product_con_back div{ display: none;
	width:30%;
	height: calc(100% + 1px);
	position: absolute;
	background-color: #f8fcfe;
	border-radius: 10px;
	right: -20%;
	transform: skewX(15deg);
}
.index_product_con_bback{
	width:100%;
	height: 90%;
	position: absolute;
	background: rgba(0,0,0,0.2);
	bottom: 0px;
	left: 0px;
	border-radius: 10px;
	opacity: 1;
	z-index: 10;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_product .swiper-slide.swiper-slide-active .index_product_con_bback{
	opacity: 0;
	z-index: -1;
}



.index_product_menu_box{
	
	width:100%;
	position: absolute;
	bottom: 1rem;
	z-index: 20;
	left: calc(var(--mainwidth) * 0.74);
}

.index_product_menu_box span{
	width: 2.5rem;
    height: 2.5rem;
    background-color: #1f52a2;
    border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin: 0px 0.5rem;
}
.index_product_menu_left{
	background-image: url(../image/banner_left2.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*.index_product_menu_left:hover{
	width:66px;
	background: url(../images/index_p_left2.png);
}*/
.index_product_menu_right{
	    background-image: url(../image/banner_right2.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1rem;
}
.index_product_menu_left:hover {
   
	box-shadow: 0px 0px 23px 5px rgba(31,82,162,0.5);
	transform: scale(1.1);
}
.index_product_menu_right:hover {
    box-shadow: 0px 0px 23px 5px rgba(31,82,162,0.5);
	transform: scale(1.1);
}
/*.index_product_menu_right:hover{
	width:66px;
	background: url(../images/index_p_right2.png);
}
*/
/*第三屏*/

/*第四屏*/
.index_fa{
	width:100%;
	height: 100%;
	position: relative;
}
.index_fa_con{
	width:100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.index_fa_con_box{
	width:calc(100vw - ((100vw - 75vw) / 2));
	width:calc(100vw - ((100vw - var(--mainwidth)) / 2));
	height: 32vh;
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.index_fa_con_box_left{
	width:80%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	padding-left: calc((100vw - 75vw) / 2);
	padding-left: calc((100vw - var(--mainwidth)) / 2);
	padding-bottom:5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.index_fa_con_box_left_title{
	font-size:1.875rem;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 1.5rem;
	position: relative;
}
.index_fa_con_box_left_title:after{
	position: absolute;
	content: '';
	width: 3rem;
	height: 2px;
	background: #1f52a2;
	left: 0px;
	bottom: 0px;
}
.index_fa_con_box_left_con{
	line-height: 2rem;
	font-size: 1.062rem;
	margin-top: 1.5rem;
	position: relative;
	    height: 8rem;
    overflow: hidden;
}
.index_fa_con_box_left_con a{
	display: block;
	color: #fff;
}
.index_fa_con_box_left_con a:hover{
	color: rgba(255,255,255,1);
}
.index_fa_con_box_left_btn{
	margin-top: 7vh;
}
.index_fa_con_box_right{
	width:20%;
	height: 100%;
	background: #1f52a2;
	padding: 3vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 20;
}
.index_fa_con_box_right_title{
	font-size:2.4rem;
	color: #FFFFFF;
	width:100%;
	text-align: right;
	margin: 0px auto;
	height: 10vh;
	line-height: 9.6vh;
	border-bottom: 2px #FFFFFF solid;
	background-image: url(../image/index_fa_ico.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.index_fa_con_box_right_btn{
	position: absolute;
    width: 10%;
    left: calc((100vw - 75vw) / 2);
    left: calc((100vw - var(--mainwidth)) / 2);
    bottom: 3rem;
    height: auto;
    z-index: 20;
}
.index_fa_con_box_right_btn a{
	display: inline-block;
	width:5vh;
	height: 5vh;
	border: 2px #FFFFFF solid;
	border-radius: 50%;
	background-image: url(../image/index_fa_j.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_fa_con_box_right_btn a:hover{
	background-color: #FFFFFF;
	background-image: url(../image/index_fa_jlan.png);
}
.index_fa_con_back{
	 opacity: 0.1;
}

.index_fa_pagination{
	position:absolute;
	width:20%;
	right:calc((100vw - 75vw) / 2 + 20%);
	right:calc((100vw - var(--mainwidth)) / 2 + 20%);
	left: auto;
	text-align: right;
	z-index: 2;
	color: #ffffff;
	font-family: 'Arial';
	font-size: 1.375rem;
	bottom: 1rem;
}
.index_fa .swiper-pagination-current { 
	color: #1f52a2;
	font-size: 8.437rem;
}
.index_fa_menu{
	position:absolute;
	width:7%;
	right:calc((100vw - 75vw) / 2);
	right:calc((100vw - var(--mainwidth)) / 2);
	bottom: 7rem;
	height: auto;
	z-index: 20;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.index_fa_menu>div{
	width:2.5rem;
	height: 2.5rem;
	background-color: #FFFFFF;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_fa_menu>div:hover{
	box-shadow: 0px 0px 15px 1px rgba(255,255,255,0.3);
}
.index_fa_menu_left{
	background-image: url("../image/banner_left.png");
	background-position: center;
	background-repeat: no-repeat;
}
.index_fa_menu_right{
	background-image: url("../image/banner_right.png");
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 1rem;
}

/*第四屏*/

/*第五屏*/
.index_news_box{
	width:75vw;
	width:var(--mainwidth);
	height: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index_news_title{
	width:100%;
	font-size:6rem;
	font-weight: bold;
	position: relative;
	font-family: din_blo;
	text-transform: uppercase;
	text-align: center;
}
.index_news_title:after{
	position: absolute;
	content: attr(text);
	font-size: 2.4rem;
	color: #000000;
	text-align: center;
	width:100%;
	left: 0px;
	font-weight: normal;
	bottom:0;
}
.index_news_title span{
	position: relative;
	 background-image:-webkit-linear-gradient(bottom,#fff,#cbd3e4); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
/*.index_news_title span:before{
        content: '';
	width:100%;
	height: 80%;
        position: absolute;
        z-index: 0;
	left: 0px;
	bottom: 10%;
	background: linear-gradient(to top, #ffffff, transparent );
    }
*/.index_news_menu{
	width:100%;
	height: auto;
	text-align: center;
	margin-top: 5vh;
}
.index_news_menu span{
	display: inline-block;
	padding: 0px 2rem;
	color: rgba(0,0,0,0.1);
}
.index_news_menu a{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	color: #000000;
	padding: 0px 0rem;
	border-radius: 50px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_menu a.index_news_menuon{
	padding: 0px 2rem;
	background: #1f52a2;
	color: #FFFFFF;
}
.index_news_sw{
	width:100%;
	height: auto;
}
.index_news{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4vh;
}
.index_news_left,.index_news_right{
	width:32%;
	height: auto;
	box-shadow: 0px 0px 25px 0.1px rgba(0,0,0,0.1);
}
.index_news_left_img{
	width:100%;
	height: calc(75vw * 0.32 * 297 / 444);
	height: calc(var(--mainwidth) * 0.32 * 297 / 444);
	font-size: 0px;
	overflow: hidden;
	position: relative;
}
.index_news_left_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_left:hover .index_news_left_img img{
	transform: scale(1.03);
}
.index_news_left_img_tag{
	position: absolute;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50px;
	background: #000000;
	font-size: 1rem;
	color: #ffffff;
	padding: 0px 1rem;
	top: 2vh;
	left: 2vh;
	z-index: 10;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_left:hover .index_news_left_img_tag{
	background: #1f52a2;
}
.index_news_left_con{
	width:100%;
	height: auto;
	background: #FFFFFF;
	padding: 3vh;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_left:hover .index_news_left_con{
	background: #5491f1;
}
.index_news_left_con_title{
	font-size:1.375rem;
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_left:hover .index_news_left_con_title{
	color: #FFFFFF;
}
.index_news_left_con_time{
	font-size:0.875rem;
	color: rgba(0,0,0,0.5);
	margin-top: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_left:hover .index_news_left_con_time{
	color: rgba(255,255,255,0.5);
}
.index_news_right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.index_news_right_con{
	width:90%;
	height: 100%;
	border-bottom: 1px rgba(0,0,0,0.1) solid;
	margin: 0px auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_right_con:last-child{
	border-bottom: none;
}
.index_news_right_con:hover{
	border-bottom: 1px #1f52a2 solid;
}
.index_news_right_con:last-child:hover{
	border-bottom: none;
}
.index_news_right_con a{
	display: block;
	width:100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.index_news_right_con_title{
	font-size:1.25rem;
	color: #000000;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_right_con:hover .index_news_right_con_title{
	color: #1f52a2;
}
.index_news_right_con_time{
	font-size:0.875rem;
	height: 1.5rem;
	line-height: 1.5rem;
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	margin-top: 0.5rem;
}
.index_news_right_con_time span{
	display: inline-block;
	height: 100%;
	background: #000000;
	color: #FFFFFF;
	left: 0px;
	padding: 0px 0.5rem;
	border-radius: 50px;
	margin-right: 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_right_con:hover .index_news_right_con_time span{
	background: #1f52a2;
}

/*第五屏*/


/*第六屏*/
.sectionbox6{
	background-image: url(../image/index_hb_back.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.index_hb_title{
	width:500px;
	height: 130px;
	line-height: 190px;
	background-image: url(../image/index_hb_title_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90% auto;
	margin: 0px auto;
	font-size: 2.4rem;
	color: #000000;
	text-align: center;
}
.index_hb_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin:0px auto;
	margin-top: 5vh;
}

.index_hb{
	width:100%;
	height: auto;
}
.index_hb_con{
	width:94%;
	height: calc(75vw * 0.2 * 0.94 * 140 / 270);
	height: calc(var(--mainwidth) * 0.2 * 0.94 * 140 / 270);
	background: #FFFFFF;
	border-radius: 10px;
	margin-top: calc(75vw * 0.2 * 0.06);
	margin-top: calc(var(--mainwidth) * 0.2 * 0.06);
	font-size: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.index_hb_con div{
	width: 100%;
	text-align: center;
}
.index_hb_con img{
	max-width: 90%;
	height: auto;
	margin: 0px auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.index_hb_con:hover img{
	transform: scale(1.03);
}
.index_hb_pagination{
	position:relative;
	margin-top: 5vh;
	height: 1rem;
	line-height: 1rem;
	z-index: 2;
	text-align: center;
}
.index_hb_box .swiper-pagination-bullet { 
	display: inline-block; 
	width:13px; 
	height:13px; 
	opacity: 1;
	background-color:rgba(0,0,0,0.2); 
	border-radius:50px; 
	margin:0px 5px; 
	cursor: pointer;
}
.index_hb_box .swiper-pagination-bullet-active{ 
	background-color:#1f52a2; 
}	
/*第六屏*/

/*第七屏*/
.sectionbox7{
	padding-top: 0px;
	position: relative;
}
.sectionbox7 .footer_box{
	margin-top: 0vh;
}

/*首页*/

/*服务查询*/
.chaxun_box{
	width:100%;
	height: 90vh;
	background-image: url("../image/chaxun.jpg");
	background-size: cover;
	background-position: center;
}
.chaxun{
	width:75vw;
	width:var(--mainwidth);
	height: calc(83vh - 1px);
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.chaxun_title{
	width:100%;
	height: auto;
	text-align: center;
	font-size: 3.625rem;
	color: #FFFFFF;
}
.chaxun_search{
	width:100%;
	height: auto;
	padding: 5vh;
	background: #FFFFFF;
	border-radius: 10px;
	margin-top: 5vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.chaxun_search_left{
	width:calc(99% - 12rem);
	background: #f6f6f6;
	border:1px #e1e1e1 solid;
	height: 6vh;
	line-height: 6vh;
}
.chaxun_search_text{
	display: inline-block;
	width:100%;
	height: 100%;
	padding: 0px 2rem;
	border: none;
	background: none;
	font-size: 1.1rem;
}
.chaxun_search_btn{
	display: inline-block;
	width:100%;
	height: 100%;
	padding: 0px 2rem;
	border: none;
	background: none;
	font-size: 1.375rem;
	color: #FFFFFF;
	font-family: '微软雅黑';
	cursor: pointer;
}
.chaxun_search_right{
	width:12rem;
	background: #1f52a2;
	height: 6vh;
	line-height: 6vh;
}
.chaxun_text_title{
	font-size:1.5rem;
	padding-top: 5vh;
	color: #FFFFFF;
}
.chaxun_text{
	font-size:1rem;
	padding-top: 3vh;
	color: #FFFFFF;
	line-height: 1.5rem;
	font-weight: bold;
}
.chaxun_bottom_box{
	width:100%;
	height: 7vh;
	line-height: 7vh;
	border-top: 1px rgba(255,255,255,0.5) solid;
}
.chaxun_bottom{
	width:75vw;
	width:var(--mainwidth);
	height: 7vh;
	line-height: 7vh;
	margin: 0px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: rgba(255,255,255,0.5);
	font-size:0.937rem;
}
.chaxun_bottom a{
	margin:0px 0.5rem;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.chaxun_bottom a:hover{
	color: rgba(255,255,255,1);
}

.chaxun_s_box{
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 600;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: scale(0);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.chaxun_s{
	position: relative;
	width:500px;
	height: 300px;
	background: #FFFFFF;
	border-radius: 10px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.chaxun_s_title{
	width:100%;
	height: auto;
	text-align: center;
	font-size: 1.75rem;
}
.chaxun_s_img{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px 0px;
	padding-top: 17px;
}
.chaxun_s_text{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1rem;
}
.chaxun_s_btn{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 20px;
}
.chaxun_s_btn span{
	display: inline-block;
	height: 55px;
	line-height: 55px;
	width: 200px;
	text-align: center;
	background: #1f52a2;
	font-size: 1.375rem;
	color: #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
}
.chaxun_s_cha{
	width:14px;
	height: 14px;
	font-size: 0px;
	cursor: pointer;
	background-image: url("../image/chaxun_btn_cha.png");
	position: absolute;
	right: -14px;
	top: -14px;
}
/*服务查询*/

/*售后服务*/
.shouhou_con_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 10vh;
}

.shouhou_con_des{
	width:100%;
	height: auto;
	font-size: 1rem;
	color: rgba(0,0,0,0.7);
	padding-top: 5vh;
}
.shouhou_con_lbox{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	margin-top: 5vh;
	position: relative;
}
.shouhou_con{
	width:100%;
	height: auto;
}
.shouhou_con_con{
	width:100%;
	height: auto;
	position: relative;
}
.shouhou_con_con a{
	cursor: pointer;
}
.shouhou_con_con_img{
	width:100%;
	height: calc(75vw * 0.29 * 637 / 396);
	height: calc(var(--mainwidth) * 0.29 * 637 / 396);
	font-size: 0px;
	border: 4px #f2f2f2 solid;
}
.shouhou_con_con_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.shouhou_con_con_back{
	width:100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0px;
	left: 0px;
	font-size: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.shouhou_con_con:hover .shouhou_con_con_back{
	opacity: 1;
}
.shouhou_con_con_back>div{
	width:60%;
	height: calc(75vw * 0.29 * 0.6);
	height: calc(var(--mainwidth) * 0.29 * 0.6);
	position: absolute;
	background: #1f52a2;
	bottom: -25%;
	right: -30%;
	font-size: 0px;
	transform: rotate(45deg);
}
.shouhou_con_con_btn{
	width:40px;
	height: 40px;
	background-image: url("../image/shouhou_ico.png");
	background-size: cover;
	position: absolute;
	right: 15px;
	bottom: 15px;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.shouhou_con_con:hover .shouhou_con_con_btn{
	opacity: 1;
}

.shouhou_con_menu_left,.shouhou_con_menu_right{
	width:7vh;
	height: 7vh;
	background: #1f52a2;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: calc(50% - 3.5vh);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.shouhou_con_menu_left img,.shouhou_con_menu_right img{
	width:11px;
	height: 19px;
	margin: 0px auto;
}
.shouhou_con_menu_left{
	left: -9vh;
}
.shouhou_con_menu_right{
	right: -9vh;
}
.shouhou_con_menu_left:hover,.shouhou_con_menu_right:hover{
	background: #4194c9;
}

.shouhou_xz_box{
	width:100%;
	height: calc(100vw * 826 / 1920);
	background-image:url("../image/shouhou_s_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 10vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.shouhou_xz_box .n_title{
	color: #FFFFFF;
}
.shouhou_xz_box .n_title span:after{
	background-image: linear-gradient(to right , #d7e0ef, #5c81bb);
}
.shouhou_xz_lbox{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin:0px auto;
	position: relative;
	margin-top: 10vh;
}
.shouhou_xz_con{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.shouhou_xz_con_left{
	width:40%;
	height: calc(75vw * 0.45 * 0.4 * 439 / 318);
	height: calc(var(--mainwidth) * 0.45 * 0.4 * 439 / 318);
	font-size: 0px;
	overflow: hidden;
}
.shouhou_xz_con_left img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.shouhou_xz_con_right{
	width: 53%;
	height: auto;
	text-align: left;
	position: relative;
}
.shouhou_xz_con_right_title{
	width:100%;
	height: auto;
	font-size: 1.5rem;
	color: #FFFFFF;
}
.shouhou_xz_con_right_con{
	width:100%;
	height: auto;
	font-size: 1rem;
	color: rgba(255,255,255,0.5);
	line-height: 1.5rem;
	padding-top: 1rem;
}
.shouhou_xz_con_right_btn{
	width:100%;
	height: auto;
	position: absolute;
	bottom: 0px;
}
.shouhou_xz_con_right_btn a{
	display: inline-block;
	height: 2.8rem;
	line-height: calc(2.8rem - 2px);
	font-size: 1rem;
	color: #ffffff;
	padding: 0px 2rem;
	border: 1px rgba(255,255,255,0.5) solid;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.shouhou_xz_con_right_btn a:hover{
	background: #FFFFFF;
	color: #1f52a2;
	border: 1px rgba(255,255,255,0.5) solid;
}
.shouhou_xz_menu_left,.shouhou_xz_menu_right{
	width:5vh;
	height: 5vh;
	background: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: calc(50% - 2.5vh);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.shouhou_xz_menu_left img,.shouhou_xz_menu_right img{
	width:11px;
	height: 19px;
	margin: 0px auto;
}
.shouhou_xz_menu_left{
	left: -9vh;
}
.shouhou_xz_menu_right{
	right: -9vh;
}
.shouhou_sp_box{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin:0px auto;
	margin-top: 10vh;
}
.shouhou_sp_list{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}


/*售后服务*/
.aa{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5vh;
}
/*底部*/
.footer_box{
	width:100%;
	height: auto;
	background: #171717;
	padding-top: 10vh;
	margin-top: 10vh;
	position: relative;
}
.footer{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer_left{
	width:75%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.footer_left_menu{
	width:20%;
	height: auto;
}
.footer_left_menu_title a{
	font-size:1.125rem;
	color: #FFFFFF;
}
.footer_left_menu_con{
	margin-top: 1.2rem;
}
.footer_left_menu_con a{
	display: block;
	font-size:0.937rem;
	line-height: 2rem;
	height: 1.8rem;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	overflow: hidden;
}
.footer_left_menu_con a:hover{
	color: rgba(255,255,255,1);
}
.footer_right{
	width:22%;
	height: auto;
}
.footer_right_title{
	width:100%;
	font-size:1.125rem;
	color: #FFFFFF;
}
.footer_right_con{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 1.5rem;
}
.footer_right_code{
	width:47%;
	height: auto;
	font-size:0.937rem;
	color: rgba(255,255,255,0.5);
	text-align: center;
	line-height: 2rem;
}
.footer_right_code img{
	width:100%;
	height: auto;
}
.footer_link{
	width:75vw;
	width:var(--mainwidth);
	height: auto;
	margin: auto;
	font-size:0.937rem;
	color: rgba(255,255,255,0.5);
	padding:3vh 0px;
}
.footer_link a{
	margin:0px 0.5rem;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.footer_link a:hover{
	color: rgba(255,255,255,1);
}
.footer_bottom_box{
	width:100%;
	height: auto;
	background: #171717;
	position: relative;
}
.footer_bottom{
	width:75vw;
	width:var(--mainwidth);
	height: 7vh;
	line-height: 7vh;
	margin: 0px auto;
	background: #171717;
	border-top: 1px #2f2f2f solid;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: rgba(255,255,255,0.5);
	font-size:0.937rem;
}
.footer_bottom a{
	margin:0px 0.5rem;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.footer_bottom a:hover{
	color: rgba(255,255,255,1);
}
/*底部*/
.gongan{ background: url(../image/bei.png) no-repeat left;padding-left: 25px;}

/*客服*/
.service0002{
	width: 55px;
	height: auto;
	position: fixed;
	right:1%;
	top: 40%;
	display: block;
	z-index: 500;
}
.service0002 a{
	display: block;
	position: absolute;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: rgba(0,0,0,0.7);
	margin: 5px 0px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	right: 0px;
}
.service0002_tel{
	top: 0px;
	overflow: hidden;
	z-index: 30;
}
.service0002_tel .service0002_title{
	font-size:22px;
	line-height: 55px;
	font-weight: bold;
}
.service0002_tel:hover{
	background: #1f52a2;
	width: 246px;
	border-radius: 10px;
}
.service0002_code{
	top: 66px;
	z-index: 10;
}

.service0002_code:hover{
	background: #1f52a2;
}

.service0002_code_con{
	width:140px;
	height: 315px;
	padding: 10px;
	background: #FFFFFF;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	right: -475px;
	top: calc(50% - 158px);
	border-radius: 10px;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.06);
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.service0002_code:hover .service0002_code_con{
	right: 75px;
}
.service0002_code_con:before {
    opacity: 1;
    content: '';
	width: 0px;
	height: 0px;
    position: absolute;
    pointer-events: none;
	right: -20px;
    top: calc(50% - 10px);
    border-color: transparent transparent transparent #ffffff;
    border-width: 10px;
    border-style: solid;
}
.service0002_code_con div{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
}
.service0002_code_con div img{
	width: 100%;
}
.service0002_top{
	top: 132px;
	overflow: hidden;
	z-index: 30;
}
.service0002_top .service0002_title{
	font-size:14px;
	line-height: 55px;
	font-weight: bold;
}
.service0002_top:hover{
	background: #1f52a2;
	width: 146px;
	border-radius: 10px;
}
.service0002_img{
	width: 55px;
	height: 55px;
	margin:0px auto;
	overflow: hidden;
	font-size: 0px;
	float: left;
}
.service0002_img img{
	width:100%;
	height:100%;
	margin:0px auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.service0002_title{
	color:#ffffff;
	font-size: 14px;
	text-align: center;
	float: left;
	height: 46px;
	line-height: 46px;
}

@media screen and (max-width:1919px)and (min-width:1440px){
.fuwu_top{
	font-size:6rem;
	}
.fuwu_con{
	width:30%;
	}
.index_fa_con_box_right_title{
	font-size:2.2rem;
	}	
}
@media screen and (max-width:1439px)and (min-width:1024px){
.fuwu_top{
	font-size:5rem;
	}
.fuwu_con{
	width:27%;
	}
.index_fa_con_box_right_title{
	font-size:2.2rem;
	}	
}

/*视频弹框*/
.videolayer{
	width:100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	top: 0vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: scale(0);
}
.videolayer_con{
	width:45%;
	height: auto;
	margin: 0px auto;
	font-size: 0px;
	position: relative;
}
.videolayer_con_video{
	width:100%;
	height: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scale(0);
}
.videolayer_btn{
	width:35px;
	height: 35px;
	position: absolute;
	background-color: #1f52a2;
	border-radius: 50%;
	background-image: url("../image/video_close.png");
	background-size: 40% 40%;
	background-repeat: no-repeat;
	background-position: center;
	right: -18px;
	top: -18px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.videolayer_btn:hover{
	transform: rotate(360deg);
}
@media screen and (max-width:1023px)and (min-width:300px){
.videolayer_con{
	width:calc(90% - 18px);
}
}




/*图片弹框*/
.piclayer{
	width:100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	top: 0vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: scale(0);
}
.piclayer_con{
	width:45%;
	height: auto;
	margin: 0px auto;
	font-size: 0px;
	position: relative;
}
.piclayer_con_c{
	width:100%;
	height: auto;
	max-height: 90vh;
	overflow: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scale(0);
}
.piclayer_con_pic{
	width:100%;
	height: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	transform: scale(0);
}
.piclayer_btn{
	width:35px;
	height: 35px;
	position: absolute;
	background-color: #1f52a2;
	border-radius: 50%;
	background-image: url("../image/video_close.png");
	background-size: 40% 40%;
	background-repeat: no-repeat;
	background-position: center;
	right: -18px;
	top: -18px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
}
.piclayer_btn:hover{
	transform: rotate(360deg);
}
@media screen and (max-width:1023px)and (min-width:300px){
.piclayer_con{
	width:calc(95% - 18px);
}
}




.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }
.fl{ float:left; }
.fr{ float:right; }
.about_jj_mid_con .fl{ float: left; width: 58.5%;}
.about_jj_mid_con .fr{ float: right; width: 30%; text-align: right; display:table-cell; vertical-align:bottom; }
.about_jj_mid_con .fr img{ max-width: 100%; }


@media screen and (max-width: 1600px) {
.index_fa_con_box{ height: 39vh; }
.index_fa_con_box_left{ padding-bottom: 4%; }

.index_fa_con_back img{ width: 130% !important;  }


.about_jj_right img{ width: 100%; }
.about_jj_mid_con p{ line-height: 32px !important; }
.tuanduixinxi p{ line-height: 2rem !important; }
.about_lc_con_swiper_con{ padding-left: 165px; }


.about_jj_mid_con .fl{ float: left; width: 66%; }

.index_fa_con_box_right_btn{ bottom: 1.2rem; }
.index_fa_con_box_left_con{ margin-top: 1rem; }
.index_fa_con_box_left_title{ padding: 0.6rem 0; }
.index_fa .swiper-pagination-current{ font-size: 6rem; }


.about_jj_mid_con11 .fl{  max-height: 324px; overflow-y:scroll ; padding-right: 10px; }

}


.shoujibanner{ display: none; }


@media screen and (max-width: 620px) {
.about_jj_mid_con .fl{ width: 100%; max-height: inherit; margin-bottom: 15px; padding-right: 0; overflow: inherit; }
.about_jj_mid_con .fr{ width: 100%; max-height: inherit; }
.about_jj_mid_con p{ line-height: 27px; }

.about_zl_con{ height: auto; }


.about_zl_con_con:nth-child(even) .about_zl_con_con_left{ text-align: left; }
.footer_left_menu_con a{ color: rgba(255,255,255,0.8); }
.footer_right_code{ color: rgba(255,255,255,0.8); }
.footer_link a{ color: rgba(255,255,255,0.8); }
.footer_link{ color: rgba(255,255,255,0.8); }
.footer_bottom{ color: rgba(255,255,255,0.8); }
.footer_bottom a{ color: rgba(255,255,255,0.8); }

.product_banner{ display: none; }
.pcbanner{ display: none; }
.shoujibanner{ display: block; height: 100%; }

.sectionbox1{ height: 78vh; }
.sectionbox2{ padding-top: 2vh !important; height: auto; padding-bottom: 8vh; }
.sectionbox3{ padding-top: 4vh !important; height: auto; padding-bottom: 4vh; }
.sectionbox5{ padding-top: 2vh !important; height: auto; padding-bottom: 4vh; }
.sectionbox6{ padding-top: 4vh !important; height: auto; padding-bottom: 4vh; }
.sectionbox7{ padding-top: 4vh !important; height: auto !important; padding-bottom: 0vh; }
.




}