@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html {
	font: 12px/1.8 "arial";
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
	font-family: 'SourceHanSansCN', '微软雅黑', 'Verdana';
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	background: transparent; /*修正win8系统IE连接灰色背景*/
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: 0;
}
a:active, a:hover {
	outline: 0;
}
a{ color:#333;}
a:hover{ color:005fb9;}
img {
	border: 0;
	-ms-interpolation-mode:bicubic
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline:none;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}
input.radio {
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 1;
}
ul, ol {
	list-style:none;
}
li {
	list-style:none;
}
/*清除浮动*/
.clear {
	clear: both;
	height:0px;
	line-height:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
dl, dd, dt {
	list-style:none;
	padding:0px;
	margin:0px;
}
html,body{
	position: relative;
}
a{cursor:pointer;}
.w960{
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.ovh{
	overflow: hidden;
}
.mt35{
	margin-top: 35px!important;
}








@font-face {
	font-family: "Geometos"; 
	src: url('font/Geometos.ttf') format('truetype');
}


.iconfont{ font-style: unset;  font-size: unset;}
.main_content{ width:96%; margin:0 auto; max-width: 1600px; }
.main_content_header{ width: 98%; margin: 0 auto; max-width: 1800px; }




/***********top***************/
.header{ float: left; width: 100%; position: fixed; z-index: 99999; background: #fff;box-shadow: 0px 2px 5px #a0a0a0; top: 0;}
.header_logo{ float: left; margin: 18px 0 0;}
.header_logo img{ height: 55px;}
.header_fr{ float: right;}
.header_nav{ float: left; margin-right: 63px;}
.header_nav>ul>li{float: left; position: relative;}
.header_nav>ul>li>a{ display: inline-block; line-height: 90px; font-size: 17px; color: #333333; padding: 0 25px; position: relative;}
.header_nav>ul>li.on>a,.header_nav>ul>li:hover>a{ color: #1d5093;}
.header_nav>ul>li.on>a:after,.header_nav>ul>li:hover>a:after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; width: 36%; height: 3px; background: #005fba; border-radius: 10px; bottom: 0px;}
.header_nav>ul>li>ul{ position: absolute; width: auto;border-top: 0px solid #005fba; background: #fff; left: 50%; transform: translateX(-50%); padding: 10px 0; top: 100%; display: none; box-shadow: 0px 0px 10px #5c5c5c; border-radius: 10px;}
.header_nav>ul>li>ul li{ width: 100%; width: 100%; white-space: nowrap; line-height: 30px; font-size: 16px; position: relative; }
.header_nav>ul>li>ul li>a{ color: #1a191e; padding: 0 20px;}
.header_nav>ul>li>ul li>a:hover,.header_nav>ul>li>ul li.on>a{ color: #005fba;}
.header_nav>ul>li>ul ul{ position: absolute; width: auto; background: #edeff6; left: 100%; top: 0; padding: 10px 0; display: none; border-radius: 10px; }
.header_nav_bg{ position: absolute; background: #fff; top: 100%;  border-radius: 10px;}
.header_nav.on2>ul>li ul{ border-top: 0px solid #005fba; box-shadow: 0px 0px 0px #5c5c5c;}

 .sub-block {
    --flexpad: 40px;
    display: block!important;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    background: #ffffff;
    border-radius: 5px;
    min-width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.4em;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s, margin 0.5s;
  }
 .sub-block .flex-box {
    display: flex;
    padding: var(--flexpad);
    gap: var(--flexpad);
  }
 .sub-block .img-box {
    display: block;
    width: 315px;
  }
 .sub-block .img-box::before {
    padding-top: 75%;
  }
 .sub-block .a-list {
    border-right: 1px solid #cccccc;
    padding-right: var(--flexpad);
  }
 .sub-block .a-list .a {
    display: block;
    border-bottom: 1px solid #eeeeee;
    min-width: 7.4em;
    padding: 0.7em 0;
    background: transparent;
  }
 .sub-block .a-list .a:hover {
    border-bottom-color: var(--main-color);
    color: var(--main-color);
  }
  .header_nav>ul>li:hover .sub-block {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
  }


.header_search{ float: left; position: relative; margin-top: 25px; margin-right: 19px;}
.header_search i{ display: inline-block; font-size: 19px; color: #005fba; line-height: 19px; padding: 9px; border: 2px solid #efefef; border-radius: 100px; cursor: pointer;}
.header_search i:hover{ color: #fff; background: #005fba;  border: 2px solid #005fba;}
.header_tel{ float: left; position: relative; margin-top: 25px; padding: 0 15px; background: #005fba; border-radius: 100px;}
.header_tel a{ display: inline-block; font-size: 19px; color: #ffffff; line-height: 39px;}
.header_tel a i{ font-size: 20px; margin-right: 11px; position: relative; top: 1px;}

.header .searchinput { position: absolute; left: 0; right: 0; top: 100%; background: #fff; text-align: center; border-top: .9975px solid #eaeaea; padding: 30px 0; display: none; z-index: 11;}
.header .searchinput { background: rgba(0,0,0,0.1); box-shadow: 0px 0px 5px .9975px rgba(0,0,0,0.1);}
.header.header_fd .searchinput{  background: rgba(0,0,0,0.5); }
.header .searchinput .close { position: absolute; top: 20px; right: 20px; display: inline-block; line-height: 39.9975px; width: 39.9975px; text-align: center; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; font-size: 20px;}
.header .searchinput .close { opacity: 1; color: #fff;}
.header .searchinput .inb { overflow: hidden; border-bottom: .9975px solid #fff; display: inline-block;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px; color: #fff; border: 0; font-size: 16px;}
.header .searchinput input[type="text"] { width: 399.9975px;}
.header .searchinput input::-webkit-input-placeholder{ color:#fff;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px;}
.header .searchinput input[type="button"], .header .searchinput input[type="submit"] { font-size: 20px; color: #ffff;}
[onclick] { cursor: pointer;}

.head_nav_wap{ display: none ;}
@media screen and (max-width:1400px){
	.header_nav>ul>li>a{ font-size: 15px; padding: 0 15px;}
	.header_search i{ font-size: 17px;}
	.header_tel a{  font-size: 18px;}
	.header_tel a i{ font-size: 18px;}
}
@media screen and (max-width:1200px){
	.header_nav{ margin-right: 20px;}
	.header_nav>ul>li>a { font-size: 14px; padding: 0 12px; }
	.header_search{ margin-top: 28px;}
	.header_search i { font-size: 15px; padding: 8px; line-height: 15px; }
	.header_tel{ margin-top: 28px;}
	.header_tel a { font-size: 16px; line-height: 35px; }
	.header_tel a i { font-size: 16px; margin-right: 6px;}
}
@media screen and (max-width:999px){

	.header{ box-shadow: 0px 0px 5px #a0a0a0;}
	.header_nav,.header_search,.header_tel{ display: none;}
	.head_nav_wap{ display: inline-block ;}
	.header_logo{ margin: 15px 0;}
	.header_logo img { height: 45px; }
	.sp_header{ margin-top: 10px;}
	.header_wap .sp_nav_se span{ background: #fff !important;}
	.header_wap .header_logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
}
@media screen and (max-width:599px){
	.header_logo { margin: 10px 0; }
}



.subMenu{ display: none; position: absolute; top: 100%;  left: 0; width: 100%;  background-color: #fff; line-height: initial; overflow: hidden; box-shadow: 0px 2px 5px #a0a0a0;}
.subMenu_gb{ content: "X"; position: absolute; right: 30px; top: 30px; font-size: 20px; cursor: pointer; color: #dbdbdb;font-weight: bold;  width: 30px; height: 30px;}
.subMenu_gb:hover{ color: #005fb9;}
.subMenu_bg{  position: absolute; right: -10%; bottom: -10%;  width:30%; }
.subMenu_bg img{ width: 100%; opacity: 0.3; float: right;}
.subMenu_fl{ float: left; line-height: initial; padding: 30px; width: 25%;}
.subMenu_fl_title{ font-size: 40px; color: #333333;}
.subMenu_fl_desc{ font-size: 14px; color: #333333; margin-top: 20px;}
.subMenu_fl_ztylist{width: 100%; margin-top: 30px;}
.subMenu_fl_ztylist li{ width: 48%;  margin: 5px 0; border-radius: 10px; overflow: hidden;}
.subMenu_fl_ztylist li .subMenu_fl_ztylist_tu{ width: 100%; overflow: hidden;}
.subMenu_fl_ztylist li .subMenu_fl_ztylist_tu img{ width: 100%;}
.subMenu_fl_ztylist_dtu{ width: 100%; margin-top: 30px;  padding-bottom: 60%;  overflow: hidden;  position: relative;}
.subMenu_fl_ztylist_dtu img{ width: 100%; height: 100%;  position: absolute;  object-fit: cover;}
.subMenu_fr{ float: right; width: 60%;}
.subMenu_fr_menu{ width: 100%; float: left; position: relative;  transition: 0.5s;}
.subMenu_fr_menu_cp{ width: 33.33%;} 
.subMenu_fr_menu_cp.active{ width: 66.66%;  }
.subMenu_fr_menu_l{  width: 100%; float: left; padding:30px 3% 10px; padding-right: 0; -webkit-box-sizing: border-box;box-sizing: border-box; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; height: 100%;} 
.subMenu_fr_menu.active .subMenu_fr_menu_l{   width: 50%;}
.subMenu_fr_menu_top{ width: 93%; position: relative; margin: 2%; margin-right: 5%; -webkit-box-sizing: border-box;box-sizing: border-box;  display: inline-block; border-radius:8px;}
.subMenu_fr_menu_top{ background: #dadada;}
.subMenu_fr_menu_top_tu{ float: right; margin-right: 10px; margin-top: 10px;}
.subMenu_fr_menu_top_tu img{ width: 180px;}
.subMenu_fr_menu_top_title{ position:absolute; top: 10px; left: 5%; font-size: 20px; color: #333333;}
.subMenu_fr_menu_list{ width: 100%; display: inline-block; margin-top: 10px;}
.subMenu_fr_menu_list>ul>li{ float: right; font-size: 18px; width: 88%; padding: 0 5%; line-height: 35px; height: 35px; border-bottom-left-radius: 8px; border-top-left-radius: 8px;}
.subMenu_fr_menu_list>ul>li>a{ color: #333333; display: inline-block; width: 100%; height: 100%; position: relative;}
.subMenu_fr_menu_list>ul>li>a i{ display: none; position: absolute; right: 0;  font-size: 30px; color: #e81424; font-weight: bold;}

.subMenu_fr_menu_zi{ width: 50%; float: left; right: 0; top: 0;    padding:30px 5% 10px; background: #fff; -webkit-box-sizing: border-box;box-sizing: border-box; position: absolute; display: none; }
.subMenu_fr_menu_zi li{ font-size: 18px; color: #333333; }
.subMenu_fr_menu_zi li a{ color: #333333;}
.subMenu_fr_menu_zi li:hover a{ color: #005fb9;}

.subMenu_fr_menu.active .subMenu_fr_menu_top{ background: linear-gradient(to right, #f6a8b3 , 30% ,#005fb9);}
.subMenu_fr_menu.active .subMenu_fr_menu_top_title{color: #fff;}
.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li:hover,.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li.active{ background: #fff;}
.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li:hover>a,.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li.active{ color: #005fb9;}
.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li:hover>a i,.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li.active>a i{ display: inline-block;}
.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li:hover .subMenu_fr_menu_zi,.subMenu_fr_menu.active .subMenu_fr_menu_list>ul>li.active .subMenu_fr_menu_zi{ display:inline-block;}


.subMenu_cp_fl{ float: left; width: 75%;}
.subMenu_dalei{ width: 40%; float: left; padding-top: 30px; border-right: 1px solid #e0e0e0; height: 100%;}
.subMenu_dalei li{ width: 80%; float: left; position: relative; margin-bottom: 30px;}
.subMenu_dalei li .subMenu_dalei_tu{ width: 55%; float: left; text-align: center;}
.subMenu_dalei li .subMenu_dalei_tu img{ max-width: 100%; display: inline-block;}
.subMenu_dalei li .subMenu_dalei_cont{ width: 40%; right: 0; position: absolute; top: 50%; transform: translateY(-50%);}
.subMenu_dalei li .subMenu_dalei_title{ font-size: 18px; font-weight: bold;}
.subMenu_dalei li .subMenu_dalei_titleen{ font-size: 13px; color: #ececec; line-height: 15px; margin-top: 5px;}

.subMenu_dalei_zi{ width: 16%; padding:0 3%; float: left; padding-top: 30px; border-right: 1px solid #ececec; height: 100%;}
.subMenu_dalei_zi li{ width: 100%; float: left; margin-bottom: 15px; display: none;}
.subMenu_dalei_zi li .subMenu_dalei_zi_title{  font-size: 18px; position: relative; color: #000; padding-right: 26px;}
.subMenu_dalei_zi li .subMenu_dalei_zi_title i{ font-size: 26px; color: #dbdbdb; font-weight: bold; position: absolute; right: 0;}
.subMenu_dalei_zi li.active .subMenu_dalei_zi_title{ color: #005fb9;}
.subMenu_dalei_zi li.active .subMenu_dalei_zi_title i{ color: #005fb9;}

.subMenu_dalei_zi_zi{ width:calc(32% - 2px); padding:0 3%; float: left; padding-top: 30px;  height: 100%;}
.subMenu_dalei_zi_zi li{ width: 100%; float: left; margin-bottom: 15px; display: none;}
.subMenu_dalei_zi_zi li .subMenu_dalei_zi_zi_title{ font-size: 18px;  padding-right: 26px;}

.subMenu_zy{ width: 25%; float: right; padding-top: 30px; height: 100%;}
.subMenu_zy_title{ width: 100%; font-size: 28px; float: left; margin-bottom: 10px;color: #333;}
.subMenu_zy_top{ width: 100%  float: left;}
.subMenu_zy_top li{ float: left; width: 30%; margin-right: 3%;}
.subMenu_zy_top li .subMenu_zy_top_tb{ width: 100%;}
.subMenu_zy_top li .subMenu_zy_top_tb img{  width: 100%;}
.subMenu_zy_top li .subMenu_zy_top_title{  width: 100%; text-align: center; margin-top: 10px; margin-top: 3px;font-size: 14px;}
.subMenu_zy_bot{ width: 90%;  float: left; margin-top: 20px; margin-bottom: 20px;}
.subMenu_zy_bot li{ width: 100%; display: none; }
.subMenu_zy_bot li .subMenu_zy_top_tu{ width: 100%; border: 1px solid #ececec; padding: 10px 0; position: relative;}
.subMenu_zy_top_title{ position: absolute;top: 18px; left: 14px; font-size: 24px;}
.subMenu_zy_bot li .subMenu_zy_top_tu img{ width: 100%; }


.subMenu_fw{ width: 100%; float: left; padding: 30px 0;}
.subMenu_fw ul{ display: flex; }
.subMenu_fw li{ width: 24%; margin-right: 1.33%;}
.subMenu_fw li:last-child{ margin-right: 0;}
.subMenu_fw li .subMenu_fw_tu{ width: 100%; padding-bottom: 60%; position: relative; overflow: hidden;}
.subMenu_fw li .subMenu_fw_tu img{ width: 100%; position: absolute; height: 100%; object-fit: cover;}
.subMenu_fw li .subMenu_fw_title{  width: 100%; margin-top: 20px; font-size: 20px;}

@media screen and (max-width:1600px){
  	.subMenu_fl_ztylist li{  width: 55%;}
	.subMenu_fr_menu_top_tu{ margin-top: 20px;}
	.subMenu_fr_menu_top_tu img{ width: 150px;}
	.subMenu_fr_menu_top_title{ font-size: 16px;}
	.subMenu_fr_menu_list>ul>li{ font-size: 16px;}

	.subMenu_dalei_zi li.active .subMenu_dalei_zi_title,.subMenu_dalei_zi li .subMenu_dalei_zi_title,.subMenu_dalei_zi_zi li .subMenu_dalei_zi_zi_title{ font-size: 16px;}
	.subMenu_fw li .subMenu_fw_title{ font-size: 16px; margin-top: 10px;}
	.subMenu_dalei_zi{ width: 21%;}
	.subMenu_dalei_zi_zi{ width: calc(27% - 2px);}
	.subMenu_fr_menu_zi li{ font-size: 16px;}
}
@media screen and (max-width:1400px){
  .subMenu_zy_top_title{ font-size: 16px; top: 10px;left: 10px;}
}
@media screen and (max-width:1330px){
  .subMenu_dalei_zi li.active .subMenu_dalei_zi_title,.subMenu_dalei_zi li .subMenu_dalei_zi_title,.subMenu_dalei_zi_zi li .subMenu_dalei_zi_zi_title{ font-size: 16px;}
	.subMenu_fw li .subMenu_fw_title{margin-top: 10px;font-size: 18px;}
}
@media screen and (max-width:1250px){
  .subMenu_fl_title{ font-size: 26px;}
	.subMenu_fl_desc{ margin-top: 10px; font-size: 12px; line-height: 18px;}
	.subMenu_fr_menu_top_title { font-size: 14px;}
	.subMenu_fr_menu_top_tu img{ width: 110px;}
	.subMenu_fr_menu_list>ul>li{ font-size: 14px; line-height: 30px; height: 30px;}
	.subMenu_fr_menu_zi li{ margin-bottom: 10px; line-height: 20px; font-size: 14px;}
	.subMenu_fr_menu_list>ul>li>a i{ font-size: 20px; width: 14px;}

	.subMenu_dalei_zi li.active .subMenu_dalei_zi_title,.subMenu_dalei_zi li .subMenu_dalei_zi_title,.subMenu_dalei_zi_zi li .subMenu_dalei_zi_zi_title{ font-size: 14px;}
	.subMenu_dalei_zi li .subMenu_dalei_zi_title i{ font-size: 20px;}
	.subMenu_fw li .subMenu_fw_title{margin-top: 10px;font-size: 18px;}
	.subMenu_fw li .subMenu_fw_title{margin-top:5px;font-size: 16px;}
}



.banner{ width: 100%; position: relative; overflow: hidden; float: left;  }
.banner li.swiper-slide{ width: 100%; float: left; position: relative; overflow: hidden;}
.banner li .banner_img { width: 100%; height: 100%; float: left; position: relative; }
.banner li .banner_img img,.banner li .banner_img video { width: 100%;}
.banner li .banner_img_wap {display: none;}
.banner li .banner_img_wap .bannerwap_ship_btn_kuan{  position: absolute;  top: 0; left: 0; width: 100%;  height: 100%;  background: rgba(0,0,0,0.2);}
.banner li .banner_img_wap .bannerwap_ship_btn{     position: absolute;  top: 50%;  transform: translateY(-50%);  width: 96%;  text-align: center;   margin: 0 2%;   color: #fff;}
.banner li .banner_img_wap .bannerwap_ship_btn i{ font-size: 40px; line-height: 50px; cursor: pointer;}
.banner li .banner_img_wap .bannerwap_ship_btn span{ width: 100%;  display: inline-block;  font-size: 23px;}
.banner li .banner_wz{ position: absolute; width: 100%; height: 100%; top: 0;  opacity: 0; transition: 1.5s;z-index: 2;}
.banner li .banner_wz .main_content{ position: relative; height: 100%;}
.banner li.active .banner_wz{  opacity: 1;}
.banner li .banner_ys0{  display: none;}
.banner li .banner_ys1{ }
.banner li.active .banner_ys1{}
.banner_wz_fl{    width: 60%; top:35%; position: absolute; z-index: 2; left: -15%;  transition: 1.5s; opacity: 0;}
.banner li.active .banner_ys1 .banner_wz_fl{ left: 0; opacity: 1;}
.banner li .banner_wz1{ font-size: 70px; line-height: 70px; font-weight: bold; background-image: linear-gradient(to right, #1f9cf8 0%, white 53%); background-clip: text; -webkit-background-clip: text; color: transparent; padding-bottom: 15px;}
.banner li .banner_wz2{ margin-top: 12px; font-size: 70px; color: #ffffff; line-height: 70px; font-weight: bold; }
.banner li .banner_wz3{ margin-top: 27px; font-size: 30px; color: #ffffff; line-height: 26px; width: 100%; }
.banner li .banner_more{ float: left; margin-top: 63px;}
.banner li .banner_more span{ float: left; font-size: 16px; color: #ffffff; padding: 7px 33px; padding-right: 26px; background: #005fb9; border-radius: 100px;}
.banner li .banner_more span i{ margin-left: 7px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ position: absolute; margin-top: 0; left: 3%; top: 51%; transform: translateY(-50%); height: 20px; font-size: 20px; color: #fff; font-weight: bold; line-height: 20px; width: auto; text-align: center; background: none; float: left; padding: 15px; border: 1px solid #fff; border-radius: 100px; opacity: 0.5; display: none;}
.banner .swiper-button-next{ left: auto; right: 3%;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ color: #fff; opacity: 1; background: #005fba; border: 1px solid #005fba; display: inline-block;}

.banne_bot{ left: auto; bottom:57px; width: 100%; position: absolute; z-index: 99;}
.banner_scroll{ float: right; position: absolute; right: 3.2%; bottom: 2px; font-size: 16px; color: #ffffff;}
.banner_scroll::after{ content: ''; position: absolute;height: 100px; width: 1px; background: #fff; top: 127%; opacity: 0.5; left: 73%; transform: translateX(-50%);}
.banner_scroll i{ font-size: 20px;}
.banner_djs *{   box-sizing: border-box;}
.banner_djs{ position: relative; overflow: hidden; float: left; left: 0%;  z-index: 99;}
.banner_djs li{ float: left; position: relative; border-radius: 50%; margin-right: 15px; cursor: pointer;}
.banner_djs li:after{content: ''; position: absolute; width: 7px; height: 7px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100px;}

.banner_djs li:hover,.banner_djs li.mins{ -webkit-box-shadow: inset 0px 0px 0px 3px #99acbd;}
.banner_djs li div {
	width: 38px;
	height: 38px;
	background: none;
	-webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 50%, 50% 0%);
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 0px 0px 3px #005fba;
}
.banner_djs li.mins div {
	-webkit-animation: idea 9s infinite linear;
}
@-webkit-keyframes idea {
	12.5% {
		-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 50% 50%, 50% 0%);
	}
	25% {
		-webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 0%);
	}
	37.5% {
		-webkit-clip-path:polygon(100% 0%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 50%, 50% 0%);
	}
	50% {
		-webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 50% 100%, 50% 100%, 50% 50%, 50% 0%);
	}
	62.5% {
		-webkit-clip-path:  polygon(100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 50% 50%, 50% 0%);
	}
	75% {
		-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 50%, 0% 50%, 50% 50%, 50% 0%);
	}
	87.5% {
		-webkit-clip-path:  polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 50% 50%, 50% 0%);
	}
	100% {
		-webkit-clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 50%, 50% 0%);
	}
}


@media (max-width:1600px) {
	.banner_wz_fl{ transform: translateY(-50%); top: 54%;}
	.banner li .banner_wz1{ font-size: 45px; line-height: 45px;}
	.banner li .banner_wz2{ margin-top: 10px; font-size: 34px; line-height: 40px;}
	.banner li .banner_wz3{ margin-top: 15px; font-size: 14px; line-height: 22px;}
	.banner li .banner_biaoq{ margin-top: 20px;}
	.banner li .banner_biaoq li .banner_bq_title{ font-size: 14px; line-height: 40px; padding: 0 15px;}
	.banner li .banner_more{ margin-top: 40px;}
	.banner li .banner_more span{ font-size: 14px;}
}
@media (max-width:1400px) {
	.banner li .banner_wz1 { font-size: 40px; line-height: 40px; }
	.banner li .banner_wz2{  font-size: 30px; line-height: 35px;}
	.banner li .banner_wz3{ width: 90%; margin-top: 10px;}
	.banner li .banner_biaoq li .banner_bq_title{ line-height: 35px; padding: 0 10px;}
}
@media (max-width:1200px) {
	.banner li .banner_wz1 { font-size: 30px; line-height: 30px; }
	.banner li .banner_wz2 { font-size: 24px; line-height: 30px; margin-top: 5px; }
	.banner li .banner_wz3 { margin-top: 5px; font-size: 12px; line-height: 20px; }
	.banner li .banner_biaoq { margin-top: 10px; }
	.banner li .banner_biaoq li .banner_bq_title{ font-size: 12px; line-height: 30px;}
	.banner .swiper-button-prev{ left: 1%;}
	.banner .swiper-button-next{ right: 1%;}
	.banner_djs li div{ width: 25px; height: 25px;}
	.banner_djs li:after{ width: 5px; height: 5px;}
	.banner li .banner_more { margin-top: 30px; }
	.banner li .banner_more span { font-size: 12px; padding: 5px 20px;}
	.banner_scroll{ bottom: 0; line-height: 18px;}
}
@media (max-width:999px) {
	.banner li .banner_img img, .banner li .banner_img video{ width: 120%; left: 50%; transform: translateX(-50%); position: relative;}
}
@media (max-width:799px) {
	.banner li .banner_img img, .banner li .banner_img video{ width: 150%;}
	.banner_wz_fl{ width: 85%;}
	.banner li .banner_wz1 { font-size: 26px; line-height: 26px; }
	.banner li .banner_wz2{ font-size: 20px; line-height: 24px;}
	.banner li .banner_wz3{ font-size: 11px; line-height: 16px;}
	.banner li .banner_biaoq li{ margin-right: 7px;}
	.banner li .banner_biaoq li .banner_bq_title{ font-size: 10px; line-height: 24px; padding: 0 6px;}
}
@media (max-width:599px) {
	.banner li .banner_img_wap { display: inline-block; }
	.banner li .banner_img_pc { display: none; }
	.banner li .banner_img img, .banner li .banner_img video{ width: 200%;}
	.banner li .banner_img.on img, .banner li .banner_img.on video{ width: 100%;}
	.banner_wz_fl { width: 100%; }
	.banner li .banner_wz1 { font-size: 20px; line-height: 20px; }
	.banner li .banner_wz2 { font-size: 16px; line-height: 20px; }
	.banner li .banner_wz3 { font-size: 10px; line-height: 14px; }
	.banner li .banner_biaoq li { margin-right: 4px;}
	.banner li .banner_biaoq li .banner_bq_title { font-size: 8px; line-height: 18px; padding: 0 4px; }
	.banne_bot{ bottom: 10px;}
	.banner .swiper-pagination-bullet{ width: 20px; height: 2px;   margin: 0 4px;}
	.banner .swiper-button-next, .banner .swiper-button-prev{ font-size: 14px;}
	.banner li .banner_more { margin-top: 20px; }
	.banner li .banner_more span { font-size: 10px; padding: 3px 10px; }
	.banner_djs li div { width: 20px; height: 20px; }
	.banner_scroll{ font-size: 14px;}
	.banner_scroll i { font-size: 18px; }
	
}

.i_pro{ float: left;  width: 100%; position: relative; padding: 89px 0  120px; overflow: hidden; background: #fff;}
.i_pro:before{ content: ''; position: absolute; left: 0; top: 0; width: 31%; height: 100%; background: #fff; z-index: 9;}
.i_pro_fl{ float: left; width: 27.5%; position: relative; z-index: 99; background: #fff;}
.i_pro_name{ font-size: 88px; line-height: 83px; color: #fff; text-shadow: 2px 0 #dfe3ef, -2px 0 #dfe3ef, 0 2px #dfe3ef, 0 -2px #dfe3ef, 2px 2px #dfe3ef, -2px -2px #dfe3ef, 2px -2px #dfe3ef, -2px 2px #dfe3ef;}
.i_pro_title{ float: left; font-size: 50px; line-height: 50px; font-weight: bold; color: #333333; position: relative; margin-top: -38px; width: 100%;}
.i_pro_title span{ color: #005fba;}
.i_pro_desc{ float: left; width: 80%; margin-top: 14px; font-size: 20px; color: #333; line-height: 32px;}
.i_pro_nav{ float: left; width: 90%; margin-top: 50px; position: relative;}
.i_pro_nav:before{ content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #efefef; border-radius: 100px;}
.i_pro_nav li{ float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 25px; margin-bottom: 20px; position: relative;}
.i_pro_nav li a{ line-height: 30px; font-size: 20px; color: #333;} 
.i_pro_nav li.on:before,.i_pro_nav li:hover:before{ content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #005fb9; border-radius: 100px;}
.i_pro_nav li.on a,.i_pro_nav li:hover a{ font-size: 30px; color: #005fb9;}
.i_pro_jt{ float: left; bottom: 166px; left: 8%; width: 100%; position: absolute;}
.i_pro-prev,.i_pro-next{ background: none; left: -20px; margin-top: 0;  font-size: 28px; line-height: 28px; padding: 8px; width: auto; height: auto; right: auto;border: 2px solid #f1f1f1; border-radius: 100px; background: #fff; z-index: 99;}
.i_pro-next{ right: -20px; left: auto;}
.i_pro-prev:hover,.i_pro-next:hover{ background: #005fba; border: 2px solid #005fba; color: #fff;}
.i_pro_fr{ float: left; width: 70%; margin-top: 43px; position: relative;}
.i_pro_list{  float: left; width: 100%; position: relative; z-index: 2;}
.i_pro_list li{ position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4%;}
.i_pro_list li::before{ content: ''; position: absolute; width: 100%; height: 100%; background: #eceff4;left: 0; top: 50%; transform:translateY(-50%); transition: 0.5s;}
.i_pro_list li .i_pro_list_tu{ width: 100%; float: left; position: relative; padding-bottom: 88%; }
.i_pro_list li .i_pro_list_tu img{ position: absolute; width: 100%; height: 100%;  object-fit: contain;}
.i_pro_list li .i_pro_list_cont{ float: left; width: 100%; margin-top: 60px; top: 0; position: relative; transition: 0.5s;}
.i_pro_list li .i_pro_list_title{ font-size: 30px; color: #2d2d2d; font-weight: bold; line-height: 30px;}
.i_pro_list li .i_pro_list_desc{ font-size: 18px; color: #333; margin-top: 9px; line-height: 28px; width: 80%;}
.i_pro_list li:hover::before{ height: 44%; }
.i_pro_list li:hover .i_pro_list_cont{ top: 42px;}

@media (max-width:1600px) {
	.i_pro_jt{ left: 3%;}
}
@media (max-width:1400px) {
	.i_pro_name{ font-size: 60px;}
	.i_pro_title{ font-size: 40px;}
	.i_pro_desc{ font-size: 16px; line-height: 26px; width: 90%;}
	.i_pro_nav{ margin-top: 30px;}
	.i_pro_nav li{ margin-bottom: 15px;}
	.i_pro_nav li a{ font-size: 18px;}
	.i_pro_nav li.on a, .i_pro_nav li:hover a{ font-size: 24px;}
	.i_pro:before{  width: 28%;}
	.i_pro_list li .i_pro_list_title{ font-size: 26px;}
	.i_pro_list li .i_pro_list_desc{ font-size: 16px;}
	.i_pro_list li.swiper-slide-active .i_pro_list_cont { top: 25px; }
	
}
@media (max-width:1200px) {
	.i_pro{ padding: 50px 0;}
	.i_pro_name { font-size: 45px; }
	.i_pro_title { font-size: 32px; line-height: 40px;}
	.i_pro_desc{ font-size: 14px;}
	.i_pro_nav li{ padding-left: 15px;}
	.i_pro_nav li a { font-size: 16px; }
	.i_pro_nav li.on a, .i_pro_nav li:hover a { font-size: 20px; }
	.i_pro_jt .i_pro-prev, .i_pro_jt .i_pro-next{ font-size: 20px; line-height: 20px;}
	.i_pro_jt .i_pro-next { left: 50px; }
	.i_pro_list li{ padding: 3%;}
	.i_pro_list li .i_pro_list_title { font-size: 22px;}
	.i_pro_list li .i_pro_list_desc { font-size: 14px; width: 90%; line-height: 24px; margin-top: 4px; }
	.i_pro_list li .i_pro_list_cont{ margin-top: 40px;}
	.i_pro_list li.swiper-slide-active .i_pro_list_cont { top: 10px; }

}
@media (max-width:999px) {
	.i_pro{ padding-bottom: 100px;}
	.i_pro:before{ display: none;}
	.i_pro_fl{ width: 100%; text-align: center; width: 100%;}
	.i_pro_name{ line-height: 60px;}
	.i_pro_title{ margin-top: -32px;}
	.i_pro_desc{ width: 100%; margin-top: 5px;}
	.i_pro_nav{ margin-top: 20px; width: 100%;}
	.i_pro_nav:before{ display: none;}
	.i_pro_nav li{ display: inline-block; width: auto;float: unset; padding: 5px; margin-bottom: 0; padding-bottom: 10px;}
	.i_pro_nav li.on:before, .i_pro_nav li:hover:before{ width: 50px; height: 3px; top: auto; bottom: 0; left: 50%; transform: translateX(-50%);}
	.i_pro_jt{bottom: 70px; left:0%; }
	.i_pro_jt .i_pro-prev, .i_pro_jt .i_pro-next{ left:45%; transform: translateX(-50%);}
	.i_pro_jt .i_pro-next{ left:55%;}
	.i_pro_fr{ width: 100%;}
	.i_pro-prev{ left: 20px;}
	.i_pro-next{ right: 20px;}
}
@media (max-width:799px) {
	.i_pro_nav{ margin-top: 10px;}
	.i_pro_nav li{ padding-bottom: 5px;}
	.i_pro_nav li a { font-size: 14px; }
	.i_pro_nav li.on a, .i_pro_nav li:hover a { font-size: 16px; }
	.i_pro_fr{ margin-top: 30px;}
}
@media (max-width:599px) {
	.i_pro { padding: 30px 0 50px;  }
	.i_pro_name { line-height: 40px; font-size: 35px; }
	.i_pro_title { font-size: 24px; line-height: 30px; }
	.i_pro_title { margin-top: -20px; }
	.i_pro_desc { font-size: 12px; }
	.i_pro_nav li{ padding: 3px;}
	.i_pro_nav li a { font-size: 12px; }
	.i_pro_nav li.on a, .i_pro_nav li:hover a { font-size: 14px; }
	.i_pro_list li .i_pro_list_title { font-size: 18px; text-align: center; }
	.i_pro_list li .i_pro_list_desc{  font-size: 12px; width: 100%; text-align: center;}
	.i_pro_list li .i_pro_list_cont { margin-top: 20px; }
	.i_pro_jt{ bottom: 50px;}
	.i_pro_jt .i_pro-prev, .i_pro_jt .i_pro-next { font-size: 16px; line-height: 16px; left:40%; }
	.i_pro_jt .i_pro-next { left: 60%; }
	.i_pro_fr { margin-top: 20px; }
	.i_pro-prev,.i_pro-next{display: none;}
	
}








.i_about{ float: left; width: 100%; position: relative; padding: 60px 0 0; background: #f6f7f9; }
.i_about_fl{ float: left; width: 56%;}
.i_about_name{ font-size: 88px; line-height: 88px; color: #f6f7f9; text-shadow: 2px 0 #d6dcea, -2px 0 #d6dcea, 0 2px #d6dcea, 0 -2px #d6dcea, 2px 2px #d6dcea, -2px -2px #d6dcea, 2px -2px #d6dcea, -2px 2px #d6dcea; margin-top: 20px;}
.i_about_title{ font-size: 38px; color: #2a2a2a;  font-weight: bold; position: relative; margin-top: -47px; padding-bottom: 4px; border-bottom: 1px solid #e3e8ee;}
.i_about_title span{ color: #005fb9;}
.i_about_desc{ font-size: 18px; color: #333333; margin-top: 16px; line-height: 30px; position: relative;}
.i_about_desc:before{ content: ''; position: absolute; background: url(../images/about_tb01.png) center center no-repeat; background-size: 100%; width: 29px; height: 22px; left: -51px; top: -2px;}
.i_about_desc:after{ content: ''; position: absolute; background: url(../images/about_tb02.png) center center no-repeat; background-size: 100%; width: 29px; height: 22px; right: -51px; bottom: -13px;}
.i_about_desc p{ margin-bottom: 6px;}
.i_about_more{ float: left; width: 100%; margin-top: 21px;}
.i_about_more a{ font-size: 18px; color: #005fb9; font-weight: bold;}
.i_about_more a i{}
.i_about_bot{ float: left; width: 100%; position: relative; padding: 50px 0; margin-top: 71px;}
.i_about_list{ float: left; width: 100%; position: relative; }
.i_about_list li{ float: left; margin-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding:1% 2%; width: 11.3%; }
.i_about_list li .i_about_list_tb{ text-align: center; margin-top: 16px;}
.i_about_list li .i_about_list_tb img{ height: 55px;}
.i_about_list li .i_about_list_title{ text-align: center; font-size: 26px; color: #ffffff; margin-top: 11px;}
.i_about_list li:hover{ background: #014898; border-radius: 20px;}
.i_about_tu{ position: absolute; right: 0; height: 100%; width: 44%;}
.i_about_tu img{ height: 100%; width: 100%; position: absolute; object-fit: contain;} 

@media (max-width:1600px) {
	.i_about_bot{ padding: 30px 0;}
	.i_about_list li .i_about_list_tb{ margin-top: 5px;}
	.i_about_list li .i_about_list_tb img { height: 45px; }
	.i_about_list li .i_about_list_title{ font-size: 20px; margin-top: 5px;}
	.i_about_tu{ height: 95%;}
	.i_about_tu img{ height: auto; bottom: 0;}
}
@media (max-width:1400px) {
	.i_about_name{ font-size:60px; line-height: 80px; margin-top: 0;}
	.i_about_title{ font-size: 24px;}
	.i_about_desc{ font-size: 16px;}
	.i_about_more{ margin-top: 20px;}
	.i_about_more a{ font-size: 16px;}
	.i_about_bot{ margin-top: 35px;}
}
@media (max-width:1200px) {
	.i_about{ padding: 50px 0 0;}
	.i_about_name { font-size: 45px; line-height: 60px; }
	.i_about_title { font-size: 22px; margin-top: -34px; }
	.i_about_desc { font-size: 14px; }
	.i_about_more a { font-size: 14px; }
	.i_about_list li .i_about_list_tb img { height: 40px; }
	.i_about_list li .i_about_list_title{ font-size: 16px;}
	.i_about_tu { height: 100%; top: 1%; }
}
@media (max-width:999px) {
	.i_about_fl{ width: 100%;}
	.i_about_desc:before,.i_about_desc:after{  display: none;} 
	.i_about_tu{ top: auto; bottom: 0; width: 34%; height: 50%;}
	.i_about_tu img{ }	
	.i_about_list li{ width: 17%;}
	
}

@media (max-width:599px) {
	.i_about { padding:30px 0 0; }
	.i_about_name{ text-align: center; font-size: 35px; line-height: 40px;}
	.i_about_title{ text-align: center; margin-top: -25px;}
	.i_about_desc{ font-size: 14px; line-height: 26px; text-align: center;}
	.i_about_more{ margin-top: 10px; text-align: center;}
	.i_about_tu{ width: 35%;}
	.i_about_list li .i_about_list_tb img { height: 35px; }
	.i_about_list li .i_about_list_title { font-size: 14px; margin-top: 0px; }
	.i_about_bot { padding: 15px 0; }
	.i_about_list li { width:20%; margin-right: 10px; }
}



.i_jjfa{ float: left; width: 100%; position: relative; padding: 60px 0 100px;}
.i_jjfa_top{ float: left; width: 100%; position: relative;}
.i_jjfa_name{ font-size: 88px; line-height: 88px; color: #fff; text-shadow: 2px 0 #dfe3ef, -2px 0 #dfe3ef, 0 2px #dfe3ef, 0 -2px #dfe3ef, 2px 2px #dfe3ef, -2px -2px #dfe3ef, 2px -2px #dfe3ef, -2px 2px #dfe3ef;}
.i_jjfa_title{ font-size: 50px; line-height: 50px; font-weight: bold; position: relative; margin-top: -47px; color: #2a2a2a;}
.i_jjfa_title span{ color: #005fb9;}
.i_jjfa_desc{ font-size: 20.5px; color: #333;  margin-top: 7px;}
.i_jjfa_more{ position: absolute; right: 2%; bottom: 9%;}
.i_jjfa_more a{ font-size: 16px; color: #333333;}
.i_jjfa_more a i{ font-size: 22px; color: #005fb9; line-height: 22px; margin-right: 5px; padding: 10px; border: 2px solid #efefef; border-radius: 100px; position: relative; top: 2px;}
.i_jjfa_more a:hover i{ color: #fff; border: 2px solid #005fb9; background: #005fb9;;}
.i_jjfa_list{ float: left; width: 100%; margin-top: 57px;}
.i_jjfa_list li{ float: left; width: 18.7%; margin-right: 3.2%; position: relative; transition: 0.5s;}
.i_jjfa_list li:nth-child(3n){ margin-right: 0;}
.i_jjfa_list li.on{ width: 56.2%;}
.i_jjfa_list li .i_jjfa_list_tu{ float: left; width: 100%; padding-bottom: 500px; position: relative;}
.i_jjfa_list li .i_jjfa_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; }
.i_jjfa_list li .i_jjfa_list_cont{ position: absolute; width: 100%; bottom: 9%; text-align: center; -webkit-box-sizing: border-box;  box-sizing: border-box; padding: 0px 7%; transition: 0.5s;}
.i_jjfa_list li .i_jjfa_list_title{ color: #fff; font-size: 30px; font-weight: bold;}
.i_jjfa_list li .i_jjfa_list_desc{ font-size: 0px; color: #ffffff; line-height: 0px; opacity: 0.8; width: 86%;  margin-top: 0px; transition: 0.5s;}
.i_jjfa_list li.on .i_jjfa_list_cont{  text-align: left; padding: 10px 7%;}
.i_jjfa_list li.on .i_jjfa_list_title{}
.i_jjfa_list li.on .i_jjfa_list_desc{ margin-top: 8px; font-size: 16px; line-height: 28px;}

@media (max-width:1400px) {
	
	.i_jjfa_name{ font-size: 60px; line-height: 80px;}
	.i_jjfa_title{ font-size: 40px; line-height: 40px;  margin-top: -47px;}
	.i_jjfa_desc{ font-size: 18px;margin-top: 3px;}
}
@media (max-width:1200px) {
	.i_jjfa{ padding: 50px 0;}
	.i_jjfa_name { font-size: 45px; line-height:60px; }
	.i_jjfa_title{  font-size: 32px; line-height: 40px;  margin-top: -34px;}
	.i_jjfa_desc{ margin-top: 0px;}
	.i_jjfa_list{ margin-top: 30px;}
	.i_jjfa_list li .i_jjfa_list_cont{ bottom: 5%;}
	.i_jjfa_list li.on .i_jjfa_list_cont{ padding: 10px 3%;}
	.i_jjfa_list li .i_jjfa_list_title{ font-size: 22px;}
	.i_jjfa_list li.on .i_jjfa_list_desc{ font-size: 14px; line-height: 24px;}
}
@media (max-width:999px) {
	.i_jjfa_list li.on .i_jjfa_list_desc{ font-size: 12px;width: 100%; line-height: 22px;} 
	.i_jjfa_list li .i_jjfa_list_title{font-size: 20px; line-height: 30px;}
	.i_jjfa_list li{ margin-right: 2.2%;}
	.i_jjfa_list li.on { width: 58.2%; }
}
@media (max-width:799px) {
	.i_jjfa_list li .i_jjfa_list_tu{ padding-bottom: 400px;}
}
@media (max-width:599px) {
	.i_jjfa { padding: 30px 0; }
	.i_jjfa_more{ display: none;}
	.i_jjfa_name{ font-size: 35px; line-height: 40px; text-align: center;}
	.i_jjfa_title{ font-size: 24px; line-height: 30px; margin-top: -25px; text-align: center;}
	.i_jjfa_desc{ text-align: center; font-size: 14px;}
	.i_jjfa_list { margin-top: 20px; }
	.i_jjfa_list li,.i_jjfa_list li.on{ width: 100%; margin-bottom: 10px;}
	.i_jjfa_list li .i_jjfa_list_tu { padding-bottom: 100px; }
	.i_jjfa_list li .i_jjfa_list_cont{ top: 50%; transform: translateY(-50%); bottom: auto; }
	.i_jjfa_list li.on .i_jjfa_list_tu{ padding-bottom:250px;}
	.i_jjfa_list li.on .i_jjfa_list_cont{  top: auto; transform: none; bottom: 5%;}
}



.i_lxfs{ float: left; width: 100%; position: relative; padding: 50px 0 39px; background: url(../images/i_lxwm_bg.jpg) right center no-repeat #005fb9;}
.i_lxfs_fl{ float: left;}
.i_lxfs_title{ font-size: 40px; color: #ffffff; font-weight: bold; line-height: 40px; margin-top: 6px;}
.i_lxfs_desc{ font-size: 20px; color: #ffffff; margin-top: 10px;}
.i_lxfs_fr{ float: right; margin-top: 12px; border-radius: 100px; border: 2px solid #83aed8; position: relative; padding-right: 178px;}
.i_lxfs_tel{ float: left; color: #fff; font-size: 30px; padding: 12px 36px; line-height: 30px;}
.i_lxfs_telbtn{ float: left; font-size: 20px; color: #333333; padding: 12px 34px; line-height: 30px; position: absolute; right: -2px; top: -2px; z-index: 999; background: #fff;    border-radius: 100px;}
.i_lxfs_telbtn i{ font-size: 30px; position: relative; top: 5px; margin-right: -4px; left: -15px; color: #005fba;}
.i_lxfs_telbtn a:hover{ color: #005fba;}

@media (max-width:1400px) {
	.i_lxfs_title{ font-size: 32px;}
	.i_lxfs_desc{ font-size: 18px; margin-top: 5px;}
	.i_lxfs_telbtn{ font-size: 18px;}
	.i_lxfs_telbtn i{ font-size: 24px; top: 3px; left: -8px; }
	.i_lxfs_fr{ padding-right: 165px;}
	.i_lxfs_tel{ font-size: 26px; padding: 11px 36px;}
}
@media (max-width:1200px) {
	.i_lxfs_title { font-size: 24px; line-height: 30px; }
	.i_lxfs_desc{ font-size: 16px;}
	.i_lxfs_tel { font-size: 22px; padding:7px 20px; }
	.i_lxfs_telbtn { font-size: 16px; padding: 8px 34px; }
	.i_lxfs_telbtn i{ font-size: 18px;}
}
@media (max-width:799px) {
	.i_lxfs{ background-size: cover; text-align: center;}
	.i_lxfs_fl{ text-align: center; width: 100%;}
	.i_lxfs_fr{ display: inline-block;  float: none; }
	.i_lxfs_telbtn { font-size: 14px; padding: 4px 20px; }
	.i_lxfs_telbtn i { font-size: 15px; top: 2px; left: -4px;}
	.i_lxfs_fr { padding-right: 110px; }
	.i_lxfs_tel { font-size: 18px; padding: 2px 20px; }
}
@media (max-width:599px) {
	.i_lxfs{ padding: 30px 0;}
	.i_lxfs_title{ font-size: 18px;}
	.i_lxfs_desc { font-size: 14px; margin-top: 0px;}
	.i_lxfs_tel { font-size: 16px; padding: 0px 20px; }
	.i_lxfs_telbtn { font-size: 14px; padding: 2px 20px; }
}


.footer{ float: left; width: 100%; position: relative; padding: 60px 0 0; background: url(../images/footer_bot.png) right bottom no-repeat #202328; }
.footer_top{ float: left; width: 100%;}
.footer_fl{ float: left;}
.footer_logo{ margin-top: 10px;}
.footer_logo img{}
.footer_fr{ float: right; width: 59.5%;}
.footer_nav{ float: left; width: 21%;}
.footer_nav ul{ float: left; width: 100%; margin-top: 26px;}
.footer_nav_title{  float: left; width: 100%; }
.footer_nav_title a{ font-size: 20px;color: #ffffff;}
.footer_nav li{ float: left; width: 100%; margin-bottom: 7px;}
.footer_nav li a{ font-size: 18px; color: #cccccc; line-height: 30px;}
.footer_ewn{ float: right; margin-top: 10px; margin-left: 20px;}
.footer_ewn_tu{ width: 120px;}
.footer_ewn_tu img{ width: 100%;}
.footer_ewn_title{ text-align: center; font-size: 16px; color: #cbcbcb; line-height: 35px;}
.footer_cont{ float: left; width: 100%; margin-top: 10px; position: relative;}
.footer_lxwm{ float: left;}
.footer_lxwm_title{ font-size: 20px; color: #ffffff;}
.footer_lxwm_yx{ float: left; width: 100%; }
.footer_lxwm_yx a{ font-size: 16px; color: #cccccc; margin-top: 7px; float: left;}
.footer_lxwm_add{ float: left; width: 100%; font-size: 16px; color: #cccccc;  margin-top: 7px;}
.footer_fx{ position: absolute; bottom: 0; right: 0;}
.footer_fx li{ float: left; margin-left: 30px; position: relative;}
.footer_fx li a{ color: #5f6269; font-size: 26px;}
.footer_fx li a:hover{ color: #fff;}
.footer_fx li .footer_fx_ewm{ position: absolute; width: 100px; bottom: 100%;left: 50%; transform: translateX(-50%); display: none;}
.footer_fx li .footer_fx_ewm img{ width: 100%;}
.footer_fx li:hover .footer_fx_ewm{ display: inline-block;}
.footer_bot{ float: left; width: 100%; margin-top: 22px; border-top: 1px solid #ffffff36; font-size: 16px; color: #fff; padding: 10px 0;opacity: 0.5;}
.footer_bot a{ color: #fff; }
.footer_copy{ float: left;}
.footer_js{ float: right;}


@media (max-width:1600px) {
	.footer_nav{  width: 20%;}
}
@media (max-width:1400px) {
	.footer_fr{  width: 70%;}
	.footer_nav_title a{ font-size: 18px;}
	.footer_nav ul{ margin-top: 20px;}
	.footer_nav li a{ font-size: 16px;}
}
@media (max-width:1200px) {
	.footer{ padding-top: 40px;}
	.footer_logo { margin-top: 0px; }
	.footer_logo img { height: 45px; }
	.footer_nav_title a { font-size: 16px; }
	.footer_nav li a { font-size: 14px; line-height: 24px; }
	.footer_ewn{ margin-left: 5px; margin-top: 0px;}
	.footer_ewn_tu { width: 100px; }
	.footer_ewn_title{ font-size: 12px;}
	.footer_lxwm_title{ font-size: 18px;}
	.footer_lxwm_yx a{ font-size: 14px; margin-top: 0px;}
	.footer_lxwm_add{ font-size: 14px; margin-top: 0px;}
	.footer_fx li{ margin-left: 20px;}
	.footer_bot{ margin-top: 10px; padding: 6px 0; font-size: 14px;}
}
@media (max-width:999px) {

	.footer_nav{ display: none;}
	.footer_fr { width: 50%; }
}
@media (max-width:599px) {
	.footer { padding-top: 20px; }
	.footer_fl{ width: 100%;}
	.footer_logo{ width: 100%; text-align: center;}
	.footer_fr{ width: 100%; text-align: center; margin-top: 20px;}
	.footer_ewn{ margin-left: 0; float: none; display: inline-block;}
	.footer_cont{ width: 100%; text-align: center;}
	.footer_lxwm{ width: 100%;}
	.footer_lxwm_yx{ float: none; width: 100%; text-align: center;}
	.footer_lxwm_yx a{ float: none;}
	.footer_fx{ display: none;} 
	.footer_bot{ text-align: center; font-size: 12px;}
	.footer_copy,.footer_js{ width: 100%;}
}



.contact_kuan{  width: 100%; position: relative; display: inline-block;  padding: 60px 0;}
.contact_gsmc{ font-size: 36px; color: #005fb9; line-height: 90px; padding-bottom: 14px; width: 100%; border-bottom: 1px solid #efefef;}
.contact_content{  width: 100%; position: relative; display: inline-block;  padding: 30px 10px;}
.contact_add{ font-size: 18px; color: #666; width: 51%; float: left;}
.contact_add span{ width: 100%; float: left; font-size: 22px; color: #333; line-height: 50px;}
.contact_email{ font-size: 18px; color: #666; width: 25%; float: left;}
.contact_email span{ width: 100%; float: left;  font-size: 21px; color: #333; line-height: 50px;}
.contact_ewm_kuan{ width: 24%; float: left; text-align: right;}
.contact_ewm{ width: 110px; margin-left: 10px; margin-top: 10px; display: inline-block; text-align: center;}
.contact_ewm img{ width: 100%; border: 1px solid #ddd; width: 105px;}
.contact_ewm span{ width: 100%; float: left; font-size: 14px;line-height: 30px;}
.contact_tel{  width: 50%; float: left; font-size: 18px; color: #666; line-height: 26px;}
.contact_tel span{ width: 100%; float: left; font-size: 36px; font-weight: bold; color: #005fb9; font-family: Arial; line-height: 50px; margin-top: 7px;}
.contact_tel em{ width: 100%; float: left; font-style: normal; font-size: 14px; line-height: 30px;}
.contact_map{  width: 100%; height: 600px;  margin-top: 40px; opacity:1;}

.message_kuan{  width: 100%; position: relative; display: inline-block;  padding: 60px 0;  background: #fafafa;}
.message_title{ font-size: 36px; font-weight: bold;text-align: center;}
.message_desc{ text-align: center; font-size: 20px; color: #666;}
.message_cont{ width: 100%; display: inline-block; margin-top: 26px;}
.message_cont li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 30px;}
.message_cont li:nth-child(3n){ margin-right: 0;}
.message_cont li.message_textarea{  width: 100%;}
.message_cont li.message_button{ width: 100%; text-align: center; margin-top: 21px;}
.message_cont li input{ width: 100%; line-height: 66px; border: 1px solid #ddd; padding: 0 16px; font-size: 18px;  border-radius:5px; }
.message_cont li textarea{ width: 100%; height: 230px; border: 1px solid #ddd; padding: 20px;font-size: 18px; border-radius: 5px; }
.message_cont li button{  border: 0px; background: #005fb9; color: #fff; font-size: 20px; padding: 16px 71px; border-radius: 100px;}

.message_cont li.message_yszc{ width: 100%;  position: relative; float: left;  }
.message_yszc_title{ font-size: 20px;  margin-bottom: 16px; font-weight: bold;}
.message_yszc_title span{    color: red;}
.message_yszc p{  margin-bottom: 6px;  font-size: 15px;  line-height: 1.7;}
.message_yszc p a{  color: red;}
.message_yszc_an{ font-size: 16px;}
.message_cont li .message_yszc_an input{ width: auto; width: 16px; height: 16px; vertical-align: top; margin-top: 7px; margin-right: 10px; opacity: 1;}

.message_cont li.message_yzm{ width: 100%;}
.message_cont li.message_yzm input{ float: left; width: 200px; line-height: 44px; margin-right: 14px;}
.message_cont li.message_yzm img{ float: left; height: 44px;}

@media screen and (max-width:1250px){
	.contact_add,.contact_email{  width: 50%; margin-bottom: 50px;}
	.contact_add span,.contact_email span{ font-size: 20px;}
	.contact_ewm_kuan{ width: 50%; text-align: left;}
}
@media screen and (max-width:999px){
	.contact_content{ padding: 30px 0px;}
	.contact_kuan,.message_kuan{  padding: 30px 0; }
	.contact_gsmc{ font-size: 30px; line-height: 50px; text-align: center;}
	.contact_add,.contact_email,.contact_ewm_kuan,.contact_tel{ width: 100%; text-align: center; margin-bottom: 20px;}
	.contact_map{ margin-top: 0; height: 400px;}
	.message_title{ font-size: 30px;}
	.message_desc{ font-size: 16px;}
	.message_cont li{    margin-bottom: 20px;}
	.message_cont li input{  line-height: 50px; font-size: 16px;}
	.message_cont li textarea{  font-size: 16px;}
	.message_cont li.message_button{  margin-top: 10px;}
	.message_cont li button{ font-size: 20px; padding: 12px 50px;}
}
@media screen and (max-width:599px){
	.contact_gsmc{ font-size: 25px; line-height: 30px;}
	.contact_add span, .contact_email span{ font-size: 18px; line-height: 30px;}
	.contact_tel span{ font-size: 34px; line-height: 34px;}
	.contact_tel em{font-size: 12px;}
	.message_title{ font-size: 24px; font-weight: 100;}
	.message_desc{ font-size: 14px;}
	.message_cont li{ width: 100%; margin-bottom: 10px;}
	.message_cont li input{ font-size: 14px;}
	.message_cont li button { font-size: 16px; padding: 10px 50px;	}
}



.qywh{ width: 100%; position: relative; display: inline-block; top: -100px; z-index: 999;}
.qywh_list{  width: 100%; position: relative; display: inline-block;}
.qywh_list li{ float: left; width: 31%; margin-right: 3.5%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4%; color: #fff; position: relative; background: #005fb9; transition: 0.3s; cursor: pointer;}
.qywh_list li:nth-child(3n){ margin-right: 0px;}
.qywh_list li .qywh_list_title{font-size: 23px; padding-bottom: 25px; position: relative;}
.qywh_list li .qywh_list_title:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 40px; background: #fff; }
.qywh_list li .qywh_list_desc{font-size: 35px; line-height: 52px; margin-top: 10px;}
.qywh_list li .qywh_list_tb{ position: absolute; right: 0; bottom: 0; z-index: 1;}
.qywh_list li .qywh_list_tb img{}
.qywh_list li:hover{ margin-top: -30px;}

@media screen and (max-width:1600px){
	.qywh_list li .qywh_list_desc{ font-size: 30px;}
}
@media screen and (max-width:1330px){
	.qywh_list li{ padding: 3% 2%;}
	.qywh_list li .qywh_list_desc{ font-size: 26px; line-height: 40px;}
}
@media screen and (max-width:999px){
	.qywh{ top: -60px;}
	.qywh_list li{ width: 32%; margin-right: 2%; padding: 2%;}
	.qywh_list li .qywh_list_title{font-size: 18px; padding-bottom: 10px;}
	.qywh_list li .qywh_list_desc{ font-size: 22px; line-height: 32px; padding-bottom: 30px;}
	.qywh_list li .qywh_list_tb img { height: 90px; }
}
@media screen and (max-width:799px){
	.qywh{ margin-top: -60px; top: auto; margin-bottom: 20px;}
	.qywh_list li{ width: 100%; margin-bottom: 2%;}
	.qywh_list li .qywh_list_title{ font-size: 20px; padding-bottom: 10px; text-align: center;}
	.qywh_list li .qywh_list_title:after{ left: 50%; transform: translateX(-50%);}
	.qywh_list li .qywh_list_desc{ padding-bottom: 10px; text-align: center;}
}
@media screen and (max-width:599px){
	.qywh{ margin-top: -30px;}
	.qywh_list li .qywh_list_title:after{ height: 2px;}
	.qywh_list li .qywh_list_desc{ font-size: 16px;}
	.qywh_list li .qywh_list_tb img{ height: 60px;}
}



.gywm{ width: 100%; position: relative; display: inline-block; padding-bottom: 260px; background: url(../images/about_bg1.png) center bottom no-repeat #fff;  background-size: 100%; float: left;} 
.gywm_fl{ float: left; width: 45%; min-height: 350px;}
.gywm_fr{  float: right;  width: 45%; padding-top: 40px;  min-height: 350px;}
.gywm_zlhz{ font-size: 20px; margin-top: 4px; font-weight: bold; height: 36px;}
.gywm_title{ font-size: 30px; color: #e70014; z-index: 2; position: relative; line-height: 46px;}
.gywm_titleen{ font-size: 39px; text-transform: uppercase; color: #f7f7f7; font-family: arial; font-weight: bold; margin-top: -39px; opacity: 0;}
.gywm_cont{ font-size: 16px; line-height: 30px; height: auto; overflow: hidden;}
.gywm_cont.active{ /*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow:hidden;*/ height: 150px;}
.gywm_cont p{ text-align: justify;}
.gywm_fl_ck{ float: left; color: #e70014; font-weight: bold; margin-top: 10px; font-size: 14px; cursor: pointer;}
.gywm_fr_ck{ float: right; color: #255aa4; }
.gywm_fr .gywm_title{ color: #255aa4;}

/*.gywm_fr{ float: right;width: 35%; text-align: center; margin-top: 50px;}
.gywm_fr img{ max-width: 100%;}*/

.gywm_sztd{width: 100%; position: relative; display: inline-block; padding: 150px 0; background-size: cover !important; background-attachment: fixed !important;}
.gywm_sztd_bg{ position:absolute; left: 0; top: 0; background: #000; opacity: 0.5;  width: 100%;  height: 100%; z-index: 1;}
.gywm_sztd_list{ width: 100%;display: inline-block; position: relative;z-index: 2;}
.gywm_sztd_list li{ width: 25%; float:left; text-align: center;  color: #fff;  line-height: 46px;}
.gywm_sztd_list li .gywm_sztd_list_sz{ position: relative; }
.gywm_sztd_list li .gywm_sztd_list_sz i{ font-style: unset; font-size: 56px; font-family: arial; font-weight: bold; display: inline-block;}
.gywm_sztd_list li .gywm_sztd_list_sz sup{  top:0px; position: absolute; font-size: 29px; font-weight: bold; line-height: 20px; display: inline-block;}
.gywm_sztd_list li .gywm_sztd_list_desc{  font-size: 20px;}

@media screen and (max-width:999px){
	.gywm{  background-position: left bottom; background-size: 145%; padding-bottom: 120px;}
	.gywm_fr{ width: 100%;margin-top:0px;}
	.gywm_fl,.gywm_fr{ width: 100%; min-height: auto;}
	.gywm_fl_ck{float: left;}

	.gywm_zlhz{ font-size: 16px;}
	.gywm_title{ font-size: 30px;}
	.gywm_titleen{ font-size: 30px; margin-top: -33px;}
	.gywm_cont{ font-size: 16px; line-height: 26px;}
	.gywm_cont.active{ height: 130px;}
	.gywm_sztd{ padding: 120px 0;}
	.gywm_sztd_list li .gywm_sztd_list_sz i{ font-size: 40px;}
	.gywm_sztd_list li .gywm_sztd_list_sz sup{ font-size: 24px;}
	.gywm_sztd_list li .gywm_sztd_list_desc { font-size: 18px; }
}
@media screen and (max-width:799px){
	.gywm{ background-position: -60px bottom; background-size: 160%;}
	.gywm_sztd { padding: 70px 0;}
	.gywm_sztd_list li{ width: 50%;  margin-bottom: 15px; }
}
@media screen and (max-width:599px){
	.gywm{ padding-bottom: 140px; background-position: -40px bottom;}
	.gywm_fr img { max-width: 60%; }
	.gywm_zlhz{  font-size: 14px; position: relative; top: 10px; text-align: center;}
	.gywm_title{ font-size: 24px; text-align: center;}
	.gywm_titleen{ font-size: 24px; margin-top: -30px; text-align: center;}
	.gywm_cont { font-size: 14px; line-height: 23px;}
	.gywm_cont.active{ height: 115px;}
	.gywm_sztd { padding: 50px 0; }
	.gywm_sztd_list li{ margin: 10px 0;}
	.gywm_sztd_list li{  line-height: 30px;}
	.gywm_sztd_list li .gywm_sztd_list_sz i{ font-size: 30px;}
	.gywm_sztd_list li .gywm_sztd_list_desc { font-size: 14px; }
}



.fzlc{ width: 100%; position: relative; display: inline-block; padding:50px 0; }
.fzlc_title{ text-align: center; font-size: 36px; font-weight: bold;}
.fzlc_top{  width: 100%;display: inline-block; margin-top: 30px; margin-bottom: 30px;}
.fzlc_top ul{ display: flex;}
.fzlc_top li{ width: 24%; margin-right: 1.33%; float: left; text-align: center; padding: 18px 0; color: #fff; background: #ddd; cursor: pointer;}
.fzlc_top li.active{ background: #005fb9;}
.fzlc_top li:nth-child(4n){ /*margin-right: 0px;*/}
.fzlc_top li .fzlc_top_title{ font-size: 24px; font-family: arial; line-height: 30px; font-weight: bold; }
.fzlc_top li .fzlc_top_desc{ font-size: 20px;}
.fzlc_bot{ margin-top: 46px;}
.fzlc_bot li{ width: 100%; float: left; position: relative; display: none; margin-bottom: 45px;}
.fzlc_bot li.active{ display: block;}
.fzlc_bot li .fzlc_bot_tu{ float: left;width: 47%;}
.fzlc_bot li .fzlc_bot_tu img{ width: 100%;}
.fzlc_bot li .fzlc_bot_cont{ float: right; width: 46%;     padding-bottom: 130px;}
.fzlc_bot li .fzlc_bot_nr{ width: 100%;}
.fzlc_bot li .fzlc_bot_nr p{ padding-left: 30px; position: relative; font-size: 22px; margin-bottom:15px; line-height: 30px;}
.fzlc_bot li .fzlc_bot_nr p:after{ content: ''; position: absolute; left: 6px; width: 6px; height: 6px; top: 50%; transform: translateY(-50%); border: 3px solid #005fb9; border-radius: 10px;}
.fzlc_bot li .fzlc_bot_sz{ text-shadow: 0 0 2px #868686, 0 0 2px #868686; color: #fff; font-size: 85px; font-weight: bold; font-family: arial; position: absolute; bottom: 0; line-height: 130px;}


@media screen and (max-width:1330px){
	.fzlc_bot li .fzlc_bot_sz{ font-size: 70px;}
}
@media screen and (max-width:999px){
	.fzlc{  padding: 30px 0;}
	.fzlc_title{ font-size: 30px;}
	.fzlc_top{ margin: 20px 0;}
	.fzlc_top li{ padding: 10px 0;}
	.fzlc_top li .fzlc_top_title{ font-size: 22px;}
	.fzlc_top li .fzlc_top_desc{ font-size: 16px;}
	.fzlc_bot{ margin-top: 10px;}
	.fzlc_bot li .fzlc_bot_tu{  width: 100%;}
	.fzlc_bot li .fzlc_bot_cont{ margin-top: 20px; width: 100%; padding-bottom: 100px;}
	.fzlc_bot li .fzlc_bot_nr p{  font-size: 20px; margin-bottom: 10px;}
	.fzlc_bot li .fzlc_bot_sz{ line-height: 100px;	 font-size: 80px;}
}
@media screen and (max-width:799px){
	.fzlc_top { text-align: center;}
	.fzlc_top ul{ display: unset;}
	.fzlc_top li{ line-height: 20px; width: 49%; margin-right: 0; margin-bottom:5px; display: inline-block; float: none;}
	.fzlc_top li .fzlc_top_title{ font-size: 18px; line-height: unset;}
	.fzlc_top li .fzlc_top_desc { font-size: 14px; }
	.fzlc_bot { margin-top: 0px;}
	.fzlc_bot li{ margin-bottom: 0px;}
}
@media screen and (max-width:599px){
	.fzlc { padding: 20px 0; }
	.fzlc_title {font-size:24px;}
	.fzlc_top{ margin: 10px 0;}
	.fzlc_top li{ line-height: 16px;}
	.fzlc_top li .fzlc_top_title{ font-size: 16px;}
	.fzlc_top li .fzlc_top_desc { font-size: 12px; }
	.fzlc_bot li .fzlc_bot_nr p {font-size: 14px;margin-bottom: 5px;}
	.fzlc_bot li .fzlc_bot_sz {line-height: 50px;font-size: 40px; 	}
	.fzlc_bot li .fzlc_bot_cont { margin-top: 20px;	width: 100%; padding-bottom: 50px;}
}