@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 "微软雅黑";
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
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:#cf0901;}
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: 'FuturaBT';
	src: url('../css/font/FuturaBT-Light.otf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaBT';
	src: url('../css/font/FuturaBT Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaBT';
	src: url('../css/font/FuturaBT-Bold.otf') format('truetype');
	font-weight: 700;
	font-style: normal;
}


.iconfont{ font-style: unset;  font-size: unset;}
.main_content{ width:96%; margin:0 auto; max-width: 1700px; }
.main_content1400{ width:96%; margin:0 auto; max-width: 1400px; }
.main_content1200{ width:96%; margin:0 auto; max-width: 1200px; }

.dyp{ position: relative;top: 0; left: 0; width: 100%; z-index: 1; overflow: hidden;}
.dyp2 { z-index: 2;}
.dyp *{ -webkit-box-sizing: border-box; box-sizing: border-box;}

.sy_kuan{ float: left;  width: 100%; position: fixed;  transition: 0.5s;}
.sy_kuan2{ float: left;  width: 100%; position: relative; overflow: hidden; transition: 0.5s;}
.sy_neir_kuan{float: left;  width: 100%; position: relative; top: 0; transition: 0.5s; } 
/***********top***************/

.header{ width: 100%; float: left; padding: 30px 0; position: fixed; top: 0; z-index: 9999; transition: 0.5s;}
.header_logo{ float: left; margin-top: 32px;}
.header_btn{width:50px; position:relative;cursor:pointer; height: 20px; float: left; margin-top: 38px;  margin-left: 10px; }
.header_btn span{display:block;background:#666;width: 25px; height: 2px;position:absolute;left:10px;transition:all ease 0.35s}
.header_btn span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.header_btn span:nth-of-type(2){width:0}
.header_btn span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.header_btn_g span{ background:#0191da;}
.header_btn_g span:nth-of-type(1){top:0px; transform:rotate(0deg)}
.header_btn_g span:nth-of-type(2){top:8px;width: 25px;}
.header_btn_g span:nth-of-type(3){top:16px;transform:rotate(0deg)}
.header_nav{ position: absolute; left: 50%; transform: translateX(-50%);}
.header_nav>ul>li{ float: left; margin: 0 22px; font-size: 18px; margin-top: 20px; line-height: 50px; position: relative;}
.header_nav>ul>li:before{content: ''; position: absolute; bottom: 2px; width: 12px; height: 2px; background: #0191da; left: 50%; transform: translateX(-50%); display: none; transition: 0.3s;}
.header_nav>ul>li>a{ color: #fff;}
.header_nav>ul>li:hover>a{ font-weight: bold;}
.header_nav>ul>li>ul{ position: absolute; width: auto;border-top: 2px solid #0191da; background: rgb(1 129 194 / 0.8); left: 50%; transform: translateX(-50%); padding: 10px 0; top: 92%; display: none;}
.header_nav>ul>li>ul>li{ width: 100%; width: 100%; white-space: nowrap; line-height: 30px; font-size: 14px; }
.header_nav>ul>li>ul>li>a{ color: rgb(255 255 255 / 0.5); padding: 0 20px;}
.header_nav>ul>li>ul>li>a:hover{ color: #fff;}
.header_nav>ul>li.on{ font-weight: bold;}
.header_nav>ul>li.on:before,.header_nav>ul>li:hover:before{ display: block;}
.header_nav.on>ul>li.on{ font-weight: normal;}
.header_nav.on>ul>li.on:before{ width: 0;}
.header_nav:hover{ overflow: unset !important;}


#header_g2{ padding: 4px 0 18px;}
.header_b .header_nav>ul>li>a{ color: #323334;}
.header_n{  padding: 5px 0; background: #252628;}
.header_n .header_logo{ margin-bottom: 31px;}
.header_n .header_nav>ul>li>ul{ top: calc(100% - 22px);}
.header_n .header_nav>ul>li{ line-height: 88px; margin-top: 0;}
.header_n .header_nav>ul>li:before{ bottom: 20px;}
.fr_fd_n .fr_fd_top li.fr_fd_top_ss{ line-height: 99px; height: 99px; background: none; color: #0091db; opacity: 1;}
.fr_fd_n .fr_fd_top li.fr_fd_top_ss .fr_fd_top_cont .soBtn{ height: 99px; }
.fr_fd_n .fr_fd_top li.fr_fd_top_ss .fr_fd_top_cont .soText{ margin-top: 10px;}
.fr_fd_n .fr_fd_top li.fr_fd_top_ss:hover{color: #fff;}

.header_kuan{ width: 100%; position: relative; float: left; height: 99px;}

.fr_fd{ position: fixed; top: 0; right: -100px; height: 100%; z-index: 9999; transition: 1.5s;}
.fr_fd.active{ right: 0;}
.fr_fd_top{ position: absolute; top: 0; right: 0;}
.fr_fd_top li{position: relative; line-height: 82px; text-align: center; width: 75px;  color: #fff; font-size: 18px; background: #000; margin-bottom: 1px; opacity: 0.18; cursor: pointer;transition: 0.4s;}
.fr_fd_top li a{ color: #fff;}
.fr_fd_top li .fr_fd_top_tb{ font-size: 18px; font-weight: bold; z-index: 2;position: relative;}
.fr_fd_top li .fr_fd_top_tb i{}
.fr_fd_top li .fr_fd_top_cont{ position: absolute; top: 0;  right: -250px; height: 100%; background: #0190dc;  width: auto; white-space: nowrap;padding: 20px; transition: 0.4s; z-index: 2;}
.fr_fd_top li .fr_fd_top_cont form{ }
.fr_fd_top li .fr_fd_top_cont .soText{ background: none; border: 0; color: #ffffff; line-height: 40px; width: 195px; font-size: 18px;}
.fr_fd_top li .fr_fd_top_cont .soBtn{ position: absolute; right: -75px; top: 0; width: 75px; height: 82px;  background: #0190dc; border: 0; color: #fff; font-weight: bold;}
.fr_fd_top li .fr_fd_top_cont input::-webkit-input-placeholder{ color:rgba(255, 255, 255, 0.25); }
.fr_fd_top li.fr_fd_top_tel .fr_fd_top_cont span{ float: left; width: 100%; font-size: 18px; font-weight: bold; line-height: 50px; }
.fr_fd_top li:hover{  background: #0190dc; opacity: 1;}
.fr_fd_top li:hover .fr_fd_top_cont{ right: 100%;}

.fr_fd_bot{ position: absolute; bottom: 0; right: 0; top: auto;} 
.fr_fd_bot li{ position: relative; width: 75px;  text-align: center; height: 95px; margin-bottom: 1px; line-height: 95px; font-size: 30px;  color: #fff; cursor: pointer;}
.fr_fd_bot li .fr_fd_bot_tb{  z-index: 2;position: relative;}
.fr_fd_bot li.fd_ship .fr_fd_bot_tb{ background: #666;}
.fr_fd_bot li .fr_fd_bot_cont{  position: absolute; top: 0%;  right: -300%; height: 100%; background: #0190dc; width: auto; white-space: nowrap; transition: 0.4s;  z-index: 1;}
.fr_fd_bot li .fr_fd_bot_ship img{ border: 1px solid #fff; height: calc(100% - 1px);}
.fr_fd_bot li:hover .fr_fd_bot_tb{  background: #0190dc; opacity: 1;}
.fr_fd_bot li:hover .fr_fd_bot_tb i{ color: #fff;}
.fr_fd_bot li:hover .fr_fd_bot_cont{ right: 100%;}
.fr_fd_top li{line-height: 82px;  height: 82px;}

.fr_fd2 li{ display: none;}
.fr_fd2 li.fr_fd_top_ss,.fr_fd2 li#goTop{ display: block;}
.fr_fd_b .fr_fd_bot li{ color: #323334;}
.header_d{position: absolute;}


.banner{ width: 100%; position: relative; overflow: hidden; float: left;/* padding-top: 100px;*/ }
.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%; height: 100%; object-fit: cover;    position: absolute;}
.banner li .banner_img_wap {display: none;}
.banner li .banner_wz{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 10%; opacity: 0; transition: 1.5s;}
.banner li.active .banner_wz{ left: 0%; opacity: 1;}
.banner li .banner_wz1{ font-size: 94px; color: #0091db; line-height: 93px; 	font-family: 'FuturaBT';}
.banner li .banner_wz2{ font-size: 60px; color: #fff; line-height: 60px; margin-top: 47px; font-weight: bold; }
.banner li .banner_wz3{ font-size: 20px; color: #fff;  margin-top: 3px;}

.banner .swiper-pagination{ width: auto; left: 7%; right: auto; bottom: 100px; }
.banner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 10px; background: #d1d0ce; opacity: 1; margin: 0 !important; margin-right: 20px !important; cursor: pointer;}
.banner .swiper-pagination-bullet-active{ background: #0091db;}
.banner .swiper-pagination-bullet:hover{ background: #0091db;}
.banner .swiper-button-next,.banner .swiper-button-prev{left: 30px; height:50px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-next{right: 30px; left: auto; transform: rotate(180deg);     outline: none;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e60012'%2F%3E%3C%2Fsvg%3E");}


.i_gywm{ width: 100%; position: relative; overflow: hidden; float: left; background: #fff;}
.i_gywm_bg{ position: absolute; width: 100%; height: 100%; background: #f4f4f2; z-index: 1; top: 100%;  transition: 1s;}
.i_gywm_top{ width: 100%;float: left; margin-top: 130px; position: relative; z-index: 2;}
.i_gywm_fl{ float: left; width:calc(100% - 200px);}
.i_gywm_title{ font-size: 30px; color: #808080; line-height: 35px;  position: relative; margin-left: 40px; opacity: 0; transition:1s;}
.i_gywm_titleen{ text-transform: uppercase; font-size: 49px; color: #808080; font-family: 'FuturaBT'; font-weight: 500; line-height: 73px; letter-spacing: 1px;  position: relative; margin-left: 60px; opacity: 0; transition: 1s;}
.i_gywm_titleen span{ color: #0191da; }
.i_gywm_desc{ font-size: 16px;  color: #646464;  width: 100%; margin-top: 43px; line-height: 30px;  position: relative; margin-left: 80px; opacity: 0; transition: 1s;}
.i_gywm_more{ float: right; width: 172px; margin-top: 69px;opacity: 0; transition: 1s;}
.i_gywm_more a{ font-size: 16px; color: #999999; text-transform: uppercase; position: relative;}
.i_gywm_more a:after{content: ''; position: absolute; width: 15px; height: 1px; background: #0191da; left: 102%; top: 50%; transform: translateY(-50%); transition: 0.5s;} 
.i_gywm_more a:hover{ color: #0191da;}
.i_gywm_more a:hover:after{ width: 60px; background: #0191da;}
.i_gywm_bot{ width: 100%; float: left; margin-top: 100px; position: relative; z-index: 2;}
.i_gywm_bot_fl{ float: left; width: 61%; padding: 70px 60px;background: url(../images/gywm_li_bg.png) top  center no-repeat #0191da; height:380px; position: relative; border-radius: 10px; z-index: 2;     margin-top: 200px; opacity: 0; transition: 1s;}
.i_gywm_bot_l{ float: left; }
.i_gywm_bot_sz{ line-height: 100px;  color: #fff; }
.i_gywm_bot_sz span{ font-size: 100px; font-family: 'FuturaBT'; font-weight: 700;}
.i_gywm_bot_sz sup{  font-size: 22px; font-family: 'FuturaBT'; font-weight: 300;top: 6px; position: relative;}
.i_gywm_bot_desc{ font-size: 16px; color: #fff; margin-left: 10px;  position: relative; top: -23px;}
.i_gywm_bot_r{ float: right;  position: relative; height: 100%;}
.i_gywm_bot_jt{ width: 60px; height: 60px; position: absolute; right: 14px; top: 11px; border-radius: 100px; text-align: center; line-height: 60px; cursor: pointer;}
.i_gywm_bot_jt i{ font-size: 22px; color: #0190dc;float: left; width: 100%; height: 100%;  background: #3e3e40;  border-radius: 100px;  opacity: 0.8;}
.i_gywm_bot_r_desc{ position: absolute; bottom: -26px; right: 14px;  text-align: right;  color: #b1e5ff; font-size: 14px; line-height: 19px; white-space: nowrap;}
.i_gywm_bot_fr{ float: left; width: calc(39% + 60px); padding: 65px 48px 70px 156px; background: #3e3e40; height: 380px; position: relative;  border-radius: 10px; margin-left: -60px; margin-top: -65px; z-index: 1; opacity: 0;  transition: 1s;}
.i_gywm_bot_fr .i_gywm_bot_sz span{ font-size: 85px;}
.i_gywm_bot_fr .i_gywm_bot_desc{ top: -13px; margin-left: 0px;}
.i_gywm_bot_fr .i_gywm_bot_jt{ right: -1px; top: auto; bottom: -19px;}
.i_gywm_bot_fr .i_gywm_bot_jt i{ float: left; width: 100%; height: 100%; background: #0190dc;  color: #fff; border-radius: 100px; position: relative; z-index: 2; opacity: 0.8;}
.i_gywm_bot_fr .i_gywm_bot_r_tu{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-80deg); z-index: 1; transition: 1s;}
.i_gywm_bot_fr .i_gywm_bot_r_tu img{}
.i_gywm_bot_jt i:hover{ opacity: 1;}

.i_gywm.active .i_gywm_bg{top: 0;}
.i_gywm.active .i_gywm_title,.i_gywm.active .i_gywm_titleen,.i_gywm.active .i_gywm_desc{ margin-left: 0px; opacity: 1;}
.i_gywm.active .i_gywm_more{ opacity: 1;}
.i_gywm.active .i_gywm_bot_fl{ margin-top: 0; opacity: 1;}
.i_gywm.active .i_gywm_bot_fr{ margin-top: -35px; opacity: 1;}
.i_gywm.active .i_gywm_bot_r_tu{ transform: translate(-50%,-50%) rotate(0deg);}
.i_gywm.active .i_gywm_bot_r_tu.on{ transform: translate(-50%,-50%) rotate(-80deg);}


.i_pro{ width: 100%; position: relative; overflow: hidden; float: left;  background: #252525;}
.i_pro_bg{ background-color: #0186ca;  width: 100%; height: 100%; bottom: 0; position: absolute; z-index: 1;transition: 2s;}
.i_pro_bg2{ background: url(../images/pro_bg.png) left top no-repeat;  width: 100%; height: 100%; position: absolute; top: -100%; background-size: 500%; transition: 2s;}
.i_pro_top{ width: 100%;float: left; margin-top: 130px; position: relative; z-index: 2;}
.i_pro_fl{ float: left; width:calc(100% - 200px);}
.i_pro_title{ font-size: 30px; color: #fff; line-height: 35px;  position: relative; margin-left: 80px; opacity: 0; transition:1s;}
.i_pro_titleen{ text-transform: uppercase; font-size: 49px; color: #c3c3c3; font-family: 'FuturaBT'; font-weight: 500; line-height: 73px; letter-spacing: 1px;  position: relative; margin-left: 80px; opacity: 0; transition: 1s;}
.i_pro_titleen span{ color: #0091db; }
.i_pro_more{ float: right; width: 126px; margin-top: 47px;opacity: 0.63; transition: 1s;}
.i_pro_more a{ font-size: 16px; color: #999999; text-transform: uppercase; position: relative;}
.i_pro_more a:after{content: ''; position: absolute; width: 15px; height: 1px; background: #0191da; left: 102%; top: 50%; transform: translateY(-50%); transition: 0.5s;} 
.i_pro_more a:hover:after{ width: 60px; background: #0191da;}

.i_pro_list_kuan{ width: 100%; position: relative;float: left; opacity: 0; transition: 2s;}
.i_pro_list{ width: 100%; position: relative;  overflow: hidden;  margin-top: 0px; float: left; padding: 30px 0 0;}
.i_pro_list li{ border-radius: 10px;  overflow: hidden; transition: 0.5s; top: 0;}
.i_pro_list li .i_pro_list_tu{ width: 100%; position: relative;  padding-bottom: 105%; overflow: hidden;}
.i_pro_list li .i_pro_list_tu img{ position: absolute; height: 100%; width: 100%; object-fit: cover;}
.i_pro_list li .i_pro_list_title{ position: absolute; bottom: 0; padding: 26px 35px; font-size: 28px; color: #fff; width: 100%; background-image: linear-gradient(#ffffff00,#000000ad); transition: 0.5s; height: 100px; }
.i_pro_list li .i_pro_list_title span{ left: 0%; top: 0%; position: relative; transition: 0.5s;}

.i_pro_list_kuan .swiper-button-next,.i_pro_list_kuan .swiper-button-prev{left: -100px; background-image: none; transform: translateY(-50%); top: 60%; position: absolute; color: #fff; font-size: 80px; opacity: 0.6;
    height: 80px; width: 80px; line-height: 80px; text-align: center; outline: none;}
.i_pro_list_kuan .swiper-button-next{right: -100px; left: auto;}
.i_pro_list_kuan .swiper-button-next:hover,.i_pro_list_kuan .swiper-button-prev:hover{ background-image:none; opacity: 1;}
.i_pro_list .swiper-slide-duplicate-prev,.i_pro_list .swiper-slide-active{ top: -100px; transition: 2s;}
.i_pro_list .swiper-slide-next{  top: 100px; transition: 2s;}

.i_pp_list_kuan{ width: 100%; position: absolute;float: left; bottom: 35px; max-width: 1400px; opacity: 0;}
.i_pp_list{ width: 100%; position: relative;  overflow: hidden;  }
.i_pp_list li{ width: 100%;}
.i_pp_list li .i_pp_list_tu{ width: 100%; position: relative;  overflow: hidden; padding-bottom: 14%;}
.i_pp_list li .i_pp_list_tu img{ width: 100%; height: 100%; object-fit: contain; position: absolute;}
.i_pp_list_kuan .swiper-button-next,.i_pp_list_kuan .swiper-button-prev{left: -35px; top: 72%; background-image: none; position: absolute; color: #fff; font-size: 15px; opacity: 1; height: 30px; width: 30px; line-height: 30px; text-align: center; outline: none; border: 1px solid #fff; border-radius: 100px;}
.i_pp_list_kuan .swiper-button-next{right: -35px; left: auto;}
.i_pp_list_kuan .swiper-button-next:hover,.i_pp_list_kuan .swiper-button-prev:hover{ background-image:none; border:0; background: #ffffff70;}


.i_pro.active2 .i_pro_title,.i_pro.active2 .i_pro_titleen{ margin-left: 40px; opacity: 1;}
.i_pro.active2 .i_pro_more{ opacity: 1;}
.i_pro.active2 .i_pro_list_kuan{ opacity: 1;}
.i_pro.active2 .i_pro_list .swiper-slide-duplicate-prev,.i_pro.active2 .i_pro_list .swiper-slide-active,.i_pro.active2 .i_pro_list .swiper-slide-next{ top: 0px; }
.i_pro.active2 .i_pp_list_kuan{ opacity: 1;}
.i_pro.active .i_pro_bg{ height: 0;}
.i_pro.active .i_pro_bg2{  top: 80%; background-size: 100%;}
.i_pro_list.active3 li{ transition: 0.5s;}
.i_pro.active2 .i_pro_more a:hover{ color: #0091db;}
.i_pro.active2 .i_pro_list li:hover{ top: -30px;}
.i_pro.active2 .i_pro_list li:hover .i_pro_list_title{ width: 100%;  height: 100%; background: rgb(3 132 201 / 0.54); }
.i_pro.active2 .i_pro_list li:hover .i_pro_list_title span{ left: 50%; top: 50%; transform: translate(-50%,-50%);  position: absolute; }


.i_zp{ width: 100%; position: relative; overflow: hidden; float: left; background: #fff;}
.i_zp_top{ width: 100%;float: left; margin-top: 170px; position: relative; z-index: 5;}
.i_zp_fl{ float: left; width:calc(100% - 200px); left: 45px; position: relative;}
.i_zp_title{ font-size: 30px; color: #808080; line-height: 35px;  position: relative; margin-left: 40px; opacity: 0; transition:1s;}
.i_zp_titleen{ text-transform: uppercase; font-size: 49px; color: #808080; font-family: 'FuturaBT'; font-weight: 500; line-height: 73px; letter-spacing: 1px;  position: relative; margin-left: 60px; opacity: 0; transition: 1s;}
.i_zp_titleen span{ color: #0191da; }
.i_zp_desc{ font-size: 16px;  color: #c3c3c3;  width: 100%; margin-top: 10px; line-height: 26px;  position: relative; margin-left: 80px; opacity: 0; transition: 1s;}
.i_zp_bg4{  position: absolute; left: 50.2%; transform: translateX(-50%); transition: 1s; border-radius: 100%; width: 200%; height: 160px; padding-bottom: 200%; bottom: -50%; background: #1a9bdf; border: 10px solid rgb(97 97 97 / 0%); z-index: 4; cursor: pointer;}
.i_zp_bg4 i{ width: 100%; height: 100%; background: #0190dc; color: #fff; border-radius: 100px;  display: inline-block; line-height: 140px;  font-size: 43px; opacity: 0;  transition: 1s; position: absolute; left: 0;}
.i_zp_bg3{ position: absolute; width: 100%; height: 100%; background: url(../images/zp_bg.png) bottom center no-repeat; z-index: 3; bottom: -40px; opacity: 0.8; transition: 1s; }
.i_zp_bg2{ position: absolute; z-index: 2;  width: 100%;  bottom: 100px;  text-align: center;}
.i_zp_bg2 .main_content{ display: flex;}
.i_zp_bg2 span{ margin: 0px 34px; flex-grow: 1; position: relative; opacity: 0; transition: 1s;}
.i_zp_bg2 span:first-child{ margin-left: 0;}
.i_zp_bg2 span:last-child{ margin-right: 0;}
.i_zp_bg2 span:nth-child(1),.i_zp_bg2 span:nth-child(5){    top: 200px;}
.i_zp_bg2 span:nth-child(2),.i_zp_bg2 span:nth-child(4){ top: -200px;}
.i_zp_bg2 span:nth-child(3){ top: -400px;}
.i_zp_bg2 span img{ max-width: 100%;}
.i_zp_bg1{ position: absolute; width: 100%; height: 100%; background: url(../images/zp_bg2.png) top center no-repeat; z-index: 1; transition: 1s; opacity: 0;}

.i_zp.active .i_zp_bg4{  width: 160px; height: 160px; padding-bottom: 140px; position: absolute; bottom: 186px;  text-align: center; color: #fff; box-sizing: border-box; }
.i_zp.active2 .i_zp_title,.i_zp.active2 .i_zp_titleen,.i_zp.active2 .i_zp_desc{ margin-left: 0px; opacity: 1;}
.i_zp.active2 .i_zp_bg4{background: none; border: 10px solid rgb(97 97 97 / 30%); padding-bottom: 0px;  transition: 0.5s;}
.i_zp.active2 .i_zp_bg4 i { opacity: 1; }
.i_zp.active2 .i_zp_bg3{  bottom: 0px; opacity: 1; }
.i_zp.active2 .i_zp_bg2 span:nth-child(1),.i_zp.active2 .i_zp_bg2 span:nth-child(5){ top: 0px; opacity: 1;}
.i_zp.active2 .i_zp_bg2 span:nth-child(2),.i_zp.active2 .i_zp_bg2 span:nth-child(4){ top: 0px;  opacity: 1;}
.i_zp.active2 .i_zp_bg2 span:nth-child(3){ top: -260px; opacity: 1;}
.i_zp.active2 .i_zp_bg1{ background-position-y: 80px;opacity: 1;}
.i_zp.active2 .i_zp_bg4:hover{ transform: translateX(-50%) scale(1.1);}

.i_news{ width: 100%; position: relative; overflow: hidden; float: left; background: #f4f4f2; }
.i_news_top{ width: 100%;float: left; margin-top: 130px; position: relative; z-index: 2;}
.i_news_fl{ float: left; width:calc(100% - 200px);}
.i_news_title{ font-size: 30px; color: #828282; line-height: 35px;  position: relative; margin-left: 80px; opacity: 0; transition:1s;}
.i_news_titleen{ text-transform: uppercase; font-size: 49px; color: #7f7f7f; font-family: 'FuturaBT'; font-weight: 500; line-height: 73px; letter-spacing: 1px;  position: relative; margin-left: 80px; opacity: 0; transition: 1s;}
.i_news_titleen span{ color: #0091db; }
.i_news_more{ float: right; width: 126px; margin-top: 47px;opacity: 0.63; transition: 1s;}
.i_news_more a{ font-size: 16px; color: #999999; text-transform: uppercase; position: relative;}
.i_news_more a:after{content: ''; position: absolute; width: 15px; height: 1px; background: #0191da; left: 102%; top: 50%; transform: translateY(-50%); transition: 0.5s;} 
.i_news_more a:hover:after{ width: 60px; background: #0191da;}
.i_news_list{ width: 100%; float: left; position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 80px;}
.i_news_list li{ background: #efefed; border-radius: 15px; position: relative;}
.i_news_list li .i_news_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 71%; border-radius: 15px;}
.i_news_list li .i_news_list_tu img{ position: absolute; height: 100%; width: 100%; object-fit: cover; transition: 0.5s;}
.i_news_list li .i_news_list_cont{ width: 100%; padding: 21px 33px;}
.i_news_list li .i_news_list_time{ font-size: 14px; color: #969696;}
.i_news_list li .i_news_list_title{ font-size: 24px; color: #424242; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 5px;  transition: 0.5s;}
.i_news_list li .i_news_list_desc{ font-size: 16px; color: #969696; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_news_list .swiper-button-next,.i_news_list .swiper-button-prev{ right: 50.5%; left: auto; position: absolute; outline: none; top: auto; bottom: 0; transform: translateX(-50%);  background: #d8d8d8; text-align: center; font-size: 16px;  color: #fff; font-weight: bold;  width: 35px; height: 35px; line-height: 35px; border-radius: 100%;}
.i_news_list .swiper-button-next{ right: auto; left:50.5%;}
.i_news_list .swiper-button-next:hover,.i_news_list .swiper-button-prev:hover{ background: #0191da;}

.i_news_list .swiper-slide-duplicate-prev,.i_news_list .swiper-slide-active{ top: -100px; transition: 1s;}
.i_news_list .swiper-slide-next{  top: 100px; transition: 1s;}

.i_news.active .i_news_title,.i_news.active .i_news_titleen{ margin-left: 0px; opacity: 1;}
.i_news.active .i_news_more{ opacity: 1;}
.i_news.active .i_news_list .swiper-slide-duplicate-prev,.i_news.active .i_news_list .swiper-slide-active,.i_news.active .i_news_list .swiper-slide-next{ top: 0px; }
.i_news_list li:hover{ background: #f7f7f7;}
.i_news_list li:hover .i_news_list_tu img{ transform: scale(1.1);}
.i_news_list li:hover .i_news_list_title{color: #0191da;}

.footer{ width: 100%; float: left; position: relative; background: url(../images/foot_bg.png) bottom center no-repeat #252628; }
.footer_fx{ width: 100%; float: left;}
.footer_fx li{ float: left; width: 20%; text-align: center;}
.footer_fx li a{ float: left; width: 100%; font-size: 38px; color: #3e3f41; line-height: 115px; border-right: 1px solid #2c2d2f; background: #232426 !important; height: auto; display: block !important; padding: 0px !important;}
.footer_fx li:last-child a{border-right: 0;}
.footer_fx li a:hover{ background: #1c1d1f !important; color: #0091db !important; text-decoration: unset !important;}
#bsPanel{ display: none !important;} 
.footer_top{ width: 100%; float: left; padding: 75px 0;}
.footer_logo{  width: 100%; text-align: center;}
.footer_logo img{}
.footer_nav{ width: 100%; float: left; margin-top: 52px;}
.footer_nav li{ width: 20%; float: left; text-align: center;}
.footer_nav li .footer_nav_cont{ font-size: 16px; display: inline-block; text-align: left;}
.footer_nav li .footer_nav_title{ font-size: 18px; color: #fff; font-weight: bold;}
.footer_nav li .footer_nav_title a{ color: #fff;}
.footer_nav li .footer_nav_cont dl{ margin-top: 15px;}
.footer_nav li .footer_nav_cont dd{ color: #696969; line-height: 32px;}
.footer_nav li .footer_nav_cont dd a{ color: #696969;}
.footer_nav li .footer_nav_cont dd a:hover{ color: #0091db;}
.footer_bot{ width: 100%; padding: 20px 0; border-top: 1px solid #2a2a2a; float: left; text-align: center; font-size: 14px;  margin-top: 16px; color: #777777;}
.footer_bot a{ color: #777777;}

.n_banner{ width: 100%; text-align: center; position: relative; float: left; overflow: hidden;z-index: 1; background-size: cover !important; background-attachment: fixed !important;}
.n_banner>img{  float: left; position: relative; left: 50%; transform: translateX(-50%); object-fit: cover; z-index: 8; opacity: 0;  width: 100%;}
.n_banner .n_banner_kuan{ position: absolute;  width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 10;}
.n_banner .n_banner_title{  font-size: 48px; line-height: 80px; font-family: 'SourceHanSansCN';font-weight: 300;}
.n_banner .n_banner_titleen{  text-transform: uppercase; font-size: 18px; font-family: 'SourceHanSansCN';font-weight: 200;}
.banner_hei .n_banner_kuan{ color: #000;}
.n_banner_cp>img{ opacity: 1;}

.n_nav{ width: 100%; float: left; position: relative; text-align: center; margin-top: -70px; z-index: 2; background-image: linear-gradient(to bottom, transparent , #00000059); padding: 10px 0;}
.n_nav li{ font-size: 18px; display: inline-block;margin: 0 10px; background: rgb(255 255 255 / 0.77); border-radius: 100px;}
.n_nav li a{ color: #3f3c3c;  padding: 0 50px; line-height: 50px; display: inline-block; }
.n_nav li:hover,.n_nav li.on{ background: #0091db;} 
.n_nav li:hover a,.n_nav li.on a{  color: #fff;} 

.n_nav_cp{  margin-top: -78px;}
.n_nav_cp ul{  /*display: flex;*/}
.n_nav_cp li{ width: 8%; padding: 0; margin: 0; height: 50px;  align-items: center;display: inline-grid; font-size: 16px; margin-right: 0.5%;margin-bottom: 0.5%;}
.n_nav_cp li a{  line-height:unset !important; padding: 0 !important; }

.n_nav_cp_zi{ width: 100%; float: left; text-align: center; border-bottom: 1px solid #f5f5f5;}
.n_nav_cp_zi ul{display: inline-block; max-width: 1050px; width: 100%;}
.n_nav_cp_zi li{ float: left; margin-right: 34px;}
.n_nav_cp_zi li a{     float: left; line-height: 82px; font-size: 16px; color: #555555; font-weight: bold; border-bottom: 1px solid transparent;}
.n_nav_cp_zi li.on a,.n_nav_cp_zi li:hover a{  border-bottom: 1px solid #0191da; color: #0191da;}



.position{ width: 100%; float: left; border-bottom: 1px solid #f5f5f5;}
.position a{ line-height: 81px; font-size: 16px; display: inline-block;}
.position>a:nth-child(1){ border-bottom: 1px solid #0091db}
.position_fr{ float: right;  margin-top: 19px;}
.position_fr a{ line-height: 20px; border: 1px solid #d1d1d1;  border-radius: 100px; padding: 10px 34px;color: #000;}
.position_fr a:hover{ color: #fff; background: #0091db; border-color: #0091db;}

.about{ width: 100%; float: left; position: relative; padding: 66px 0 200px;}
.about_fl{ float: left;  width: 50%;}
.about_titleen{ font-size: 50px; color: #808080; text-transform: uppercase; font-family: 'FuturaBT'; font-weight: 500; opacity: 0.2; line-height: 56px;}
.about_title{ font-size: 30px; color: #808080; line-height: 45px; }
.about_info{ width: 100%; margin-top: 46px; font-size: 16px; color: #000;  line-height: 36px;}
.about_info img{ max-width: 100%;}
.qyjg_info{ width: 100%; margin-top: 30px; font-size: 16px; color: #000;  line-height: 36px;}
.qyjg_info img{ max-width: 100%;}
.about_tu{ float: right; width: 47%; text-align: right; margin-top: 22px; position: relative;}
.about_tu img{ max-width: 100%; border-radius:10px;}
.about_tu_cont{ position: absolute; right: 55px; top: 63px;}
.about_tu_title{font-size: 28px;  color: #333333; font-weight: bold;}
.about_tu_titleen{ color: #222222; font-size: 19px;  text-transform: uppercase; opacity: 0.52; line-height: 30px; margin-top: 7px;}

.qysp{ width: 100%; float: left; position: relative; padding: 110px 0;}
.qysp_list{ width: 100%; float: left;}
.qysp_list li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 33px;}
.qysp_list li:nth-child(2n){ margin-right: 0;}
.qysp_list li .qysp_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 54%; border-radius: 10px;}
.qysp_list li .qysp_list_tu img{  height: 100%;  width: 100%; position: absolute;  object-fit: cover; }
.qysp_list li .qysp_list_btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 32px; padding: 10px; line-height: 32px; border-radius: 100px; background: #0091db8c;}
.qysp_list li .qysp_list_btn i{}
.qysp_list li .qysp_list_cont{ width: 100%;  padding: 0 40px;}
.qysp_list li .qysp_list_title{ color: #2c2c2c; font-size: 24px;}
.qysp_list li .qysp_list_time{ color: #969696; font-size: 16px; margin-top: 5px;}

.page_kuan{ width: 100%; float: left; text-align: center; margin-top: 50px;}
.page_kuan a{  display: inline-block; line-height: 50px; font-size: 14px; color: #fff; background: #a6a6a6; width: 50px; margin: 0 5px; border-radius: 100px;}
.page_kuan span{ font-size: 23px; line-height: 50px; display: inline-block;  margin: 0 10px;}
.page_kuan a.page-num-current,.page_kuan a:hover{ background: #0091db;}


.fzlc{ width: 100%; float: left; position: relative; padding: 90px 0; background: url(../images/fzlc_bg.png) center bottom no-repeat;}
.fzlc_list{ width: 100%; float: left; position: relative; overflow: hidden;}
.fzlc_list li{ width: 100%; padding-bottom: 340px; position: relative;}
.fzlc_list li::before{content: ''; position: absolute; width: 1px; height: 90%; background: #0292db; bottom: 20px; left: 50%; transform: translateX(-50%);}
.fzlc_list li::after{ content: ''; position: absolute;  width: 14px;  height: 14px; background: #0191da;left: 50%; transform: translateX(-50%); bottom: 10px; border-radius: 100px; border: 6px solid #bbd8e8;}
.fzlc_list li a{ display: inline-block; width: 70%;margin: 0 15%; text-align: center; color: #fff;}
.fzlc_list li .fzlc_list_title{ display: inline-block; line-height: 124px; width: 140px; height: 140px; font-weight: bold; border: 7px solid #0391dd; border-radius: 100px; text-align: center; background: #373737; position: relative;z-index: 3;}
.fzlc_list li .fzlc_list_title span{ font-size: 56px;}
.fzlc_list li .fzlc_list_title sub{ font-size: 20px; position: relative; top: -4px;}
.fzlc_list li .fzlc_list_cont{ padding: 60px 20px 33px; font-size: 20px; position: relative; margin-top: -56px; line-height: 40px; background: #0191da; border-radius: 10px; z-index: 2;}
.fzlc_nav_list{ width: 100%; float: left; position: relative; overflow: hidden; margin-top: 17px;}
.fzlc_nav_list li{ text-align: center;}
.fzlc_nav_list li a{ color: #b1b1b1; font-weight: bold; line-height: 50px; transition: 0.5s;}
.fzlc_nav_list li span{ font-size: 35px; transition: 0.5s;}
.fzlc_nav_list li sub{ font-size: 12px; position: relative; top: -3px; transition: 0.5s;}
.fzlc_nav_list li.swiper-slide-active a{ color: #0091db; }
.fzlc_nav_list li.swiper-slide-active span{ font-size: 46px;}
.fzlc_nav_list li.swiper-slide-active sub{ font-size: 16px;}



.lx_map{ width: 100%; float: left; position: relative; overflow: hidden;}
.lx_map_yy{ position: absolute; height: 100%; width: 100%; z-index: 9; cursor: pointer; }
.lx_map .map{ width: 100%; height: calc(100% + 25px); float: left; position: relative; }
.lx_map_content{ position: absolute; z-index: 9; width: 470px; background: #fff; left: 18.5%; top: 50%; transform: translateY(-50%);  -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2.5%;  border-radius: 10px; z-index: 99;}
.lx_map_content .lx_map_title{ font-size: 30px; color: #4e4e4e; font-weight: bold; position: relative; padding-bottom: 22px; margin-bottom: 20px;}
.lx_map_content .lx_map_title:after{ content: ''; width: 48px; height: 2px; background: #d5d5d5; position: absolute;  bottom: 0; left: 0;}
.lx_map_content .lx_map_add{ font-size: 16px; margin-top: 6px; float: left; width: 100%;}
.lx_map_content .lx_map_add span{ color: #616161; font-weight: bold;}
.lx_map_content .lx_map_fax{ font-size: 16px; margin-top: 2px; float: left; width: 100%;}
.lx_map_content .lx_map_fax span{ color: #616161; font-weight: bold;}
.lx_map_content .lx_map_tel{ width: 100%; float: left; margin-top: 55px;  font-size: 16px; color: #0f0f0f;}
.lx_map_content .lx_map_tel span{ float: left; width: 100%; font-size: 32px; font-weight: bold; line-height: 40px;}
.lx_map_content .lx_map_tel span a{ color: #0091db;}

.lx_message{  width: 100%; float: left; position: relative; overflow: hidden; padding: 90px 0; }
.lx_message_title{ text-align: center; width: 100%; font-size: 40px; color: #0091db; line-height: 40px;}
.lx_message_titleen{ width: 100%; text-align: center; font-size: 45px; font-weight: bold; color: #e6e6e6; text-transform: uppercase; font-family: arial; line-height: 50px; margin-top: 15px;}
.lx_message_form{ width: 100%; display: inline-block; position: relative; margin-top: 65px;}
.lx_message_form li{ width: 49%; margin-right: 2%; float: left; margin-bottom: 35px;}
.lx_message_form li:nth-child(2n){ margin-right: 0;}
.lx_message_form li span{ width: 100%; display: inline-block; font-size: 24px; margin-bottom: 5px; margin-left: 15px; color: #c7c7c7;}
.lx_message_form li input{ width: 100%; border: 1px solid #e8e8e8; font-size: 16px; line-height: 62px; padding: 0 15px; background: #e8e8e8; border-radius: 5px; color: #a7a7a7;}
.lx_message_form li input::-webkit-input-placeholder{ color: #a7a7a7;}
.lx_message_form li input:focus{ outline: none; border: 1px solid #0091db; background: #fff;}
.lx_message_form li.message_textarea{ width: 100%;}
.lx_message_form li.message_textarea textarea{ width: 100%; min-height: 219px; padding: 15px; background: #e8e8e8; border: 1px solid #e8e8e8; font-size: 16px; color: #a7a7a7; border-radius: 5px; }
.lx_message_form li.message_textarea textarea::-webkit-input-placeholder{ color: #a7a7a7;}
.lx_message_form li.message_textarea textarea:focus{ outline: none; border: 1px solid #0091db;}
.lx_message_form li.message_button{ width: 100%;}
.lx_message_form li.message_button button{ width: 100%; background: #0091db; font-size: 16px; color: #fff; border: 1px solid #0091db; line-height: 60px;}
.lx_message_form li.message_button button:hover{ background: #0091db;  border: 1px solid #0091db; }

.news{  width: 100%; float: left; position: relative; overflow: hidden; padding: 48px 0;}
.news_list{ width: 100%; float: left; position: relative; overflow: hidden; }
.news_list li{ background: #efefed; border-radius: 15px; position: relative; width: 32%; margin-right: 2%; float: left;}
.news_list li:nth-child(3n){ margin-right: 0;}
.news_list li .news_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 71%; border-radius: 15px;}
.news_list li .news_list_tu img{ position: absolute; height: 100%; width: 100%; object-fit: cover; transition: 0.5s;}
.news_list li .news_list_cont{ width: 100%; padding: 21px 33px 30px;}
.news_list li .news_list_time{ font-size: 14px; color: #969696;}
.news_list li .news_list_title{ font-size: 24px; color: #424242; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 5px;  transition: 0.5s;}
.news_list li .news_list_desc{ font-size: 16px; color: #969696; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list li:hover{ background: #fff;}
.news_list li:hover .news_list_tu img{ transform: scale(1.1);}
.news_list li:hover .news_list_title{color: #0191da;}


.news_title{ font-size: 38px; color: #000; line-height: 45px; margin-top: 10px;    text-align: center;}
.news_desc{ width: 100%; float: left; padding: 13px 50px;  background: #6d6d6d;  -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; margin-top: 50px;}
.news_fx{ float: left; margin-right: 33px; line-height: 30px; margin-top: 5px;}
.news_fx a{ background: none !important; padding: 0 !important; line-height: 20px; margin-left: 10px !important; font-size: 20px !important;  color: #ffffff !important;}
.news_fx a:hover{ text-decoration: none !important;}
.news_time{ float: right; font-size: 16px; color: #fff;}
.news_time span{ color: #a1a1a1; cursor: pointer;}
.news_time span:hover{ color: #fff;}
.news_info{ width: 100%; float: left; margin-top: 20px; text-align: left; padding: 2%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 35px; border-bottom: 1px solid #919191;   padding-bottom: 50px;}
.news_info img{ max-width: 100%;} 
.news-page{ float: left; width: 100%; margin: 44px 0 72px 0; position: relative; text-align: left;}
.news-page .news-page-1{ float: left; width: 80%; position: relative; font-size: 18px; height: 40px; line-height: 40px; }
.news-page .news-page-1 span{ position: relative; float: left;  margin-left: 22px; width: auto; height: 40px; line-height: 38px; font-size: 18px; border-radius: 20px; text-align: center; color: #666666; text-align: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }
.news-page .news-page-1 a{ display: block; float: left; width: calc(100% - 150px); height: 40px; line-height: 40px; font-size: 18px;  color: #1c1c1c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-page .news-page-1:hover a{ color: #0191da; }
.news-page .return{ position: absolute; right: 22px; top:14px; width: 146px; height: 52px; line-height: 52px; font-size: 20px; text-align: center; border-radius: 36px; color: #fff; background: #0191da; }
.news-page .return img{ vertical-align: middle; padding-bottom: 3px; margin-right: 16px; }
.news-page .return:hover{ opacity: 0.8; }


.job{  width: 100%; float: left; position: relative; padding: 50px 0;}
.job_list{  width: 100%; float: left; position: relative;}
.job_list li{ width: 49%; float: left; margin-right: 2%;  margin-bottom: 20px; background: #fafafa; border-radius: 15px;  padding-bottom: 16px;}
.job_list li a{ width: 100%; padding: 5%;display: inline-block;  -webkit-box-sizing: border-box;box-sizing: border-box;}
.job_list li:nth-child(2n){ margin-right: 0%;}
.job_list li .job_list_top{ width: 100%; float: left; color: #000; line-height: 50px;}
.job_list li .job_list_title{ float: left; font-size: 22px; font-weight: bold;}
.job_list li .job_list_rs{ float: right; font-size: 18px;}
.job_list li .job_list_cont{ width: 100%; float: left; margin-top: 6px; position: relative;}
.job_list li .job_list_lbyq{ width:calc(100% - 60px);  float: left;}
.job_list li .job_list_lbyq span{  width: 49%; margin-right: 2%; color: #0c0c0c; float: left; font-size: 16px; margin-top: 16px;}
.job_list li .job_list_lbyq span:nth-child(2n){ margin-right: 0;}

.job_list li .job_list_jt{ position: absolute; right: 0; bottom: 0; font-size: 22px;color: #616264; background: none; border: 1px solid #e0e0e0; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 100px;}
.job_list li .job_list_jt i{}
.job_list li:hover{ background: #0191da;}
.job_list li:hover .job_list_top,.job_list li:hover .job_list_lbyq span{ color: #fff;}
.job_list li:hover .job_list_jt{color: #9c9d9e;  background: #4d4e50;  border: 1px solid #4d4e50;}


.job_info{ width: 100%; float: left; margin-top:20px; text-align: left; padding: 2%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 35px; border-bottom: 1px solid #919191;   padding-bottom: 50px;}
.job_info img{ max-width: 100%;}
.job_list_nr{ width: 100%; float: left;  padding: 10px 0; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px;}
.job_list_nr li{ width: 32%; margin-right: 1%; float: left; margin-bottom: 10px; font-size: 16px;}
.job_list_nr li:nth-child(3n){ margin-right: 0;}
.job_list_nr li span{ margin-right: 5px;  font-weight: bold;}

#dialogBg5{ width: 420px; height: auto; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10000; background:rgba(0,0,0,0.7); color:#fff; padding:33px 60px; border-radius:6px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.dialogTop5{ position:absolute; right:5px; top:5px;}
.dialogTop5 a{ color:#fff; font-size: 16px; font-family: arial;}
#dialog5 h1{ font-size:24px; font-weight:normal; padding-bottom:25px;}
#dialog5 input{ display:block; background:#fff; height:45px; line-height:45px; padding-left:20px; font-family: "microsoft yahei"; width:100%; margin-bottom:20px; border:none; box-sizing:border-box; border-radius:5px; font-size: 14px;}
#dialog5 button{ border:none; background:#0191da; color:#fff; font-size:18px;height:45px; line-height:45px; width:100%; box-sizing:border-box; cursor: pointer;}
#dialog5 textarea{ display:block; background:#fff; height:100px; line-height:20px; padding:10px 20px; font-family: "microsoft yahei"; width:100%; margin-bottom:20px; border:none; box-sizing:border-box; border-radius:5px; font-size: 14px;}

.dialog5_yszc{ width: 100%;  position: relative; float: left;  }
.dialog5_yszc_title{ font-size: 16px;  font-weight: bold;}
.dialog5_yszc_title span{    color: #0191da;}
.dialog5_yszc p{   font-size: 14px;  line-height: 1.7;}
.dialog5_yszc p a{  color: #0191da;}
.dialog5_yszc_an{ font-size: 14px; width: 100%; margin-bottom: 20px;}
#dialog5 .dialog5_yszc_an input{ width: auto !important; width: 14px; height: 14px; vertical-align: top; margin-top: 7px; margin-right: 10px; opacity: 1;     line-height: initial; margin-bottom: 0; float: left;}

#dialog5 .dialog5_yzm input{width: calc(100% - 130px);  float: left;  margin-right: 10px;}



.cpzx{ width: 100%; float: left; position: relative; padding: 58px 0;    background: #efefef;}
.cpzx_list{ width: 100%; position: relative;}
.cpzx_list li{ border-radius: 10px;  overflow: hidden; position: relative; transition: 0.5s; top: 0; width: 32%; margin-right: 2%; float: left;    margin-bottom: 2%;}
.cpzx_list li:nth-child(3n){ margin-right: 0;}
.cpzx_list li .cpzx_list_tu{ width: 100%; position: relative;  padding-bottom: 105%; overflow: hidden;}
.cpzx_list li .cpzx_list_tu img{ position: absolute; height: 100%; width: 100%; object-fit: cover;}
.cpzx_list li .cpzx_list_title{ position: absolute; bottom: 0; padding: 38px 35px; font-size: 28px; color: #fff; width: 100%; background-image: linear-gradient(#ffffff00,#000000ad); transition: 0.5s; height: 100px; }
.cpzx_list li .cpzx_list_title span{ left: 0%; top: 0%; position: relative; transition: 0.5s;}
.cpzx_list li:hover .cpzx_list_title{ width: 100%;  height: 100%; background: rgb(3 132 201 / 0.54); }
.cpzx_list li:hover .cpzx_list_title span{ left: 50%; top: 50%; transform: translate(-50%,-50%);  position: absolute; width: 90%; text-align: center; }


.cpxq{ width: 100%; float: left; position: relative;}
.cpxq_top{  width: 100%; float: left; position: relative;  padding-top: 16px; background: #fff;}
.cpxq_top_kuan{  width: 100%; float: left; position: relative;  padding: 50px 50px 30px;}
.cpxq_title{ font-size: 35px; color: #000; font-weight: bold;  width: 100%;  float: left; padding: 0 21px;} 
.cpxq_tu{  width: 100%; float: left; position: relative; margin-top: 23px;}
.bigImgBox{ float: left; width: 78%; padding-bottom: 78%; position: relative; overflow: hidden; border-radius: 20px;}
.bigImgBox img{ position: absolute;  width: 100%; height: 100%; object-fit: cover;}
.small-imgbox{  width: 20%; position: absolute; height: 100%; right: 0;}
#small_swiper{ height: 100%;  position: absolute; height: 82%; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden;}
.small-imgbox .swiper-slide{ width: 100%; cursor: pointer;  border-radius: 10px;  overflow: hidden;  border: 1px solid transparent;}
.small-imgbox .swiper-slide.current{  border: 1px solid #0091db;}
.small-imgbox .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.small-imgbox  .swiper-button-next,.small-imgbox  .swiper-button-prev{ left: 50%;  position: absolute; outline: none; top: 30px; bottom: auto; transform: translateX(-50%);  background: none; text-align: center; font-size: 60px;  color: #a5a5a5; line-height: 60px;  width: auto; height: auto;}
.small-imgbox  .swiper-button-next{  bottom: 30px; top: auto; transform: translateX(-50%) rotate(180deg);}
.small-imgbox  .swiper-button-next:hover,.small-imgbox  .swiper-button-prev:hover{ color: #0191da;}
.cpxq_top_fh{ width: 100%; float: left; margin-top: 34px}
.cpxq_top_fh a{  padding: 0px 30px; font-size: 15px; color: #0e0e0e; font-weight: bold; line-height: 38px; margin: 0px 10px; border: 2px solid #dedede; display: inline-block; border-radius: 100px;}
.cpxq_top_fh a:hover{ color: #fff;  background: #0191da; border-color: #0191da;}
.small-imgbox #small_swiper #small_swiperSP{ display: none;}

.cpxq_cpcs{ width: 100%; float: left; position: relative; padding: 50px 0; /*background: #f3f3f3;*/}
.cpxq_cpcs_title{ text-align: center; font-size: 40px; color: #0091db; font-weight: bold; line-height: 100px; margin-top: 15px;}
.cpxq_cpcs_info{ width: 100%; margin-top: 63px; color: #000;}
.cpxq_cpcs_info img{ max-width: 100%;}
.cpxq_cpcs_info tbody{ width: 100%;}
.cpxq_cpcs_info tbody tr{ color: #000; text-transform: uppercase; font-size: 16px;}
.cpxq_cpcs_info tbody tr:nth-child(2n+1){ color: #fff; font-size: 20px; font-weight: bold; background: #5ab5e4;}
.cpxq_cpcs_info tbody td{ margin-left: -1px; margin-top: -1px; min-height: 80px; }
.cpxq_page{ width: 100%; float: left; position: relative; text-align: center; margin-top: 120px;}
.cpxq_page a{  font-size: 16px; color: #0a0a0a; margin: 0 20px; padding: 14px 70px; display: inline-block; border: 2px solid #d6d6d6; border-radius: 100px;}
.cpxq_page a:hover{color: #fff;  background: #0191da; border-color: #0191da;}

.xgcp{  width: 100%; float: left; position: relative; padding: 100px 0; background: #e8e8e8;}
.xgcp_top{ width: 100%;float: left;  position: relative; z-index: 2; }
.xgcp_title{ float: left; width:calc(100% - 200px); font-size: 40px; color: #0092db; line-height: 35px;  position: relative; margin-left:20px;  font-weight: bold;}
.xgcp_more{ float: right; width: 170px; margin-top: 20px; transition: 1s;}
.xgcp_more a{ font-size: 16px; color: #999; text-transform: uppercase; position: relative;}
.xgcp_more a:after{content: ''; position: absolute; width: 15px; height: 1px; background: #0191da; left: 102%; top: 50%; transform: translateY(-50%); transition: 0.5s;} 
.xgcp_more a:hover:after{ width: 60px; background: #0191da;}

.xgcptj_list{width: 100%; float: left; position: relative; overflow: hidden; margin-top: 56px; }
.xgcptj_list li{ border-radius: 10px;  overflow: hidden; transition: 0.5s; top: 0;}
.xgcptj_list li .xgcptj_list_tu{ width: 100%; position: relative;  padding-bottom: 105%; overflow: hidden;}
.xgcptj_list li .xgcptj_list_tu img{ position: absolute; height: 100%; width: 100%; object-fit: cover;}
.xgcptj_list li .xgcptj_list_title{ position: absolute; bottom: 0; padding: 26px 35px; font-size: 28px; color: #fff; width: 100%; background-image: linear-gradient(#ffffff00,#000000ad); transition: 0.5s; height: 100px; }
.xgcptj_list li .xgcptj_list_title span{ left: 0%; top: 0%; position: relative; transition: 0.5s;}
.xgcptj_list li:hover .xgcptj_list_title{ width: 100%;  height: 100%; background: rgb(3 132 201 / 0.54); }
.xgcptj_list li:hover .xgcptj_list_title span{ left: 50%; top: 50%; transform: translate(-50%,-50%);  position: absolute; }
.xgcptj_list_qh{ width: 96%; position: absolute; top: 60%; left: 50%;  transform:  translate(-50%,-50%); max-width: 1400px; z-index: 9;}
.cptj-button-prev,.cptj-button-next{ margin-top:0; left: -80px; top: 60%; width: 65px; height: 65px; line-height: 65px; background: none; font-size: 65px; transform:  translateY(-50%); color: #1c1c1c; outline: none;  opacity: 0.35;}
.cptj-button-next{ transform:  translateY(-50%); left: auto; right:-80px;}
.cptj-button-prev:hover,.cptj-button-next:hover{ opacity: 1; color: #0191da;}


.sp_header{ display: none;}
@media screen and (max-width:1600px){
	.i_pro_list_kuan .swiper-button-next, .i_pro_list_kuan .swiper-button-prev{  left: 10px;  height: 40px; width: 40px; line-height: 40px; font-size: 40px;  color: #252525;}
	.i_pro_list_kuan .swiper-button-next{    right: 10px; left: auto;}
	.i_pro_list_kuan .swiper-button-next:hover,.i_pro_list_kuan .swiper-button-prev:hover{ color: #0191da;}
	.cptj-button-prev{ left: 0px;}
	.cptj-button-next{ right: 0px;}
}
@media screen and (max-width:1400px){

	.header_nav{  left:auto; transform: unset; right: 10%;}
	.i_gywm_bot{ margin-top: 80px;}
	.i_gywm_bot_fl,.i_gywm_bot_fr{ height: 42%;}
	.i_pp_list_kuan{width: 90%; left: 0; margin: 0 5%;}
	.i_zp_bg3{ background-size: 120%;}
	.i_zp_bg4{ height: 120px;}
	.i_zp.active .i_zp_bg4{ width: 120px; height: 120px; padding-bottom: 100px;}
	.i_zp_bg4 i{   line-height: 100px;}
	.header{ padding: 12px 0;}

	.n_banner_cp{ background-position-y: 0px !important;}
	.header_kuan{ height: 80px;}
	.header.header_n { padding: 0px 0; }
	.header_n .header_logo{ margin-bottom: 22px;}
	.header_n .header_nav>ul>li{ line-height: 80px;}
	.fr_fd_n .fr_fd_top li.fr_fd_top_ss{  line-height: 80px; height: 80px;}  
	.fr_fd_n .fr_fd_top li.fr_fd_top_ss .fr_fd_top_cont .soBtn{ height: 80px;}
	.fr_fd_n .fr_fd_top li.fr_fd_top_ss .fr_fd_top_cont .soText { margin-top: 0px; }
	.header_n .head_nav_wap{ margin-top: 8px; }
	.n_nav_cp li{  width: 8.8%; margin-right: 0%;}
	.n_nav_cp li{ font-size: 14px;}
	.n_nav_cp{  margin-top: -76px;}
	
}
@media screen and (max-width:1200px){

	.header_nav>ul>li{  margin: 0 15px;   margin-top: 20px;}
	.i_gywm_titleen,.i_pro_titleen,.i_zp_titleen,.i_news_titleen{ font-size: 42px;}
	.i_gywm_desc{ font-size: 15px; margin-top: 15px;}
	.i_gywm_bot_fr{ padding: 65px 48px 70px 100px;}
	.i_gywm_bot_fr .i_gywm_bot_r_tu img { height: 300px; }
	.i_pro_bg2{  background-size: 500% 110%;}
	.i_pro.active .i_pro_bg2{ background-size: 100% 20%;}
	.i_zp_bg3{ background-size: 140%;}
	.i_zp.active .i_zp_bg4{ bottom: 130px;}
	.n_nav{ margin-top: -70px;}
	.n_nav li a{ padding: 0 40px; line-height: 50px;}

	.n_banner.n_banner_cp>img{ width: 150%;}
	.n_nav_cp{ padding: 0; margin-top: -110px;}
	.n_nav_cp ul{display: unset;}
	.n_nav_cp li{ width: 15%; float: none; margin-bottom: 10px; height: 45px;}
	.n_nav_cp_zi li a{ line-height: 55px;}
	.small-imgbox .swiper-button-next, .small-imgbox .swiper-button-prev{}
	.small-imgbox .swiper-button-next{bottom: 0px; top: auto;}
	
}

@media screen and (max-width:999px){
	.header_nav,.header_btn,.fr_fd_top{ display: none !important;}
	.header_logo{ margin-top: 15px;}
	.head_nav_wap{ margin-left: 0px; margin-top: 0px; }
	.sp_header{ display: block; }
	#header_g2 .head_nav_wap{ margin-top: 5px; }
	.header_b .sp_nav span{ background: #323334 !important;}
	.header_b .sp_nav_se span { background: #0191da !important; }
	.fr_fd_top li{ display: none;}
	.fr_fd_bot li{ height: 50px; width: 50px; line-height: 50px;}
	.fr_fd_bot li#goTop{ display: block;}
	.fr_fd_bot{ display: block;}
	.fr_fd_top li .fr_fd_top_cont{ padding: 0 15px;}
	.fr_fd_top li.fr_fd_top_tel .fr_fd_top_cont span{ font-size: 14px;}
	

	.banner li .banner_wz1{ font-size: 70px; line-height: 70px;}
	.banner li .banner_wz2{ font-size: 45px; line-height: 45px; margin-top: 40px;}
	.banner li .banner_wz3{ font-size: 18px;}
	.i_gywm_top{ margin-top: 100px;}
	.i_gywm_fl{ width: 100%;}
	.i_gywm_title{ font-size: 26px; line-height: 26px;}
	.i_gywm_titleen, .i_pro_titleen, .i_zp_titleen, .i_news_titleen{ font-size: 34px; line-height: 50px;}
	.i_gywm_desc { font-size: 14px; margin-top: 5px; }
	.i_gywm_desc br{ display: noen;} 
	.i_gywm_more{ width: 100%; margin-top: 15px;}
	.i_gywm_bot_fl{ padding: 40px 30px; background-size: auto 80%;}
	.i_gywm_bot_fl, .i_gywm_bot_fr{  height: 32%;}
	.i_gywm_bot_sz{ line-height: 85px;}
	.i_gywm_bot_sz span{ font-size: 60px;}
	.i_gywm_bot_sz sup{ top: -22px;}
	.i_gywm_bot_jt{ width: 40px; height: 40px; line-height: 40px;}
	.i_gywm_bot_r_desc{ bottom: -8px;}
	.i_gywm_bot_fr { padding: 40px 30px 40px 80px; }
	.i_gywm_bot_fr .i_gywm_bot_sz span { font-size: 60px; }
	.i_gywm_bot_fr .i_gywm_bot_r_tu img { height: 200px; }
	.i_pp_list_kuan .swiper-button-next, .i_pp_list_kuan .swiper-button-prev{ left: -20px; }
	.i_pp_list_kuan .swiper-button-next{ right: -20px; left: auto;}
	.i_pro_list li .i_pro_list_title{ padding: 20px; height: 80px;}
	.i_zp_bg3 { background-size: 180%; }
	.i_zp_bg2 span img { max-width: 120%; }
	.i_zp.active2 .i_zp_bg2 span:nth-child(3){ top: -200px;}
	.i_zp.active2 .i_zp_bg2 span:nth-child(3) img{ max-width: 200%;}
	.footer_fx li a{ font-size: 32px; line-height: 80px;}
	.footer_top{  padding: 40px 0;}

	.n_nav { margin-top: -60px; }
	.n_nav li{ font-size: 16px;}
	.n_nav li a { padding: 0px 25px; line-height: 40px; }
	.position a{ line-height: 50px; font-size: 14px;}
	.about,.qysp,.fzlc,.news,.job,.cpzx{ padding: 30px 0;}
	.about_fl{  width: 100%;}
	.about_titleen{ font-size: 40px;}
	.about_title{ font-size: 26px;}
	.about_info{  margin-top: 10px;}
	.about_tu{  width: 100%;}
	.about_tu img{ width: 100%;}
	.qysp_list li{ margin-bottom: 20px;}
	.qysp_list li .qysp_list_cont{ padding: 5px 20px;}
	.qysp_list li .qysp_list_title{ font-size: 20px;}
	.qysp_list li .qysp_list_time{ font-size: 14px; margin-top: 0px;}
	.page_kuan{ margin-top: 30px;}
	.page_kuan a{ line-height: 40px; width: 40px;}
	.fzlc_list li .fzlc_list_cont{  font-size: 16px;  line-height: 32px;}
	.fzlc_list li .fzlc_list_title{    line-height: 112px; width: 120px; height: 120px;}
	.fzlc_list li .fzlc_list_title span { font-size: 46px; }
	.fzlc_list li .fzlc_list_title sub{  font-size: 16px;}
	.fzlc_nav_list li span{ font-size: 30px;}
	.fzlc_nav_list li.swiper-slide-active span { font-size: 40px; }
	.news_list li .news_list_cont{padding: 15px;}
	.news_list li .news_list_title{ font-size: 18px; margin: 2px 0;}
	.news_list li .news_list_desc{ font-size: 14px;}
	.news{ padding: 50px 0;}
	.news_title{ margin-top:0; font-size: 30px; line-height: 30px;}
	.news_desc{ margin-top: 30px; padding: 2px 20px;}
	.news_fx a{ margin-left: 0px !important; font-size: 16px !important; margin-right:10px !important;}
	.news_time{ font-size: 14px; line-height: 30px;}
	.news_time span{ color: #fff;}
	.job_info{ margin-top:0px;  padding-bottom: 30px;}
	.job_list_nr li{ font-size: 14px; margin-bottom: 0px;}
	.news-page{margin: 30px 0;}
	.news-page .news-page-1{ font-size: 16px;height: 35px; line-height: 35px;}
	.news-page .news-page-1 span{ font-size: 16px;height: 35px; line-height: 35px;}
	.news-page .news-page-1 a{ height: 35px; line-height: 35px; font-size: 16px;}
	.news-page .return{ width: 130px; height: 40px; line-height: 40px; font-size: 16px;}
	.header_kuan{ height: 63px;}
	.position_fr{ margin-top: 6px;}
	.position_fr a{ line-height: 20px; padding: 7px 22px;}
	.job_list li .job_list_lbyq{    width: 100%;}
	.job_list li .job_list_jt{ display: none;}
	.job_list li .job_list_lbyq span{ font-size: 14px; margin-top: 10px;}

	.lx_map_content{ width: 400px; left: 4%;}
	.lx_map_content .lx_map_title{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
	.lx_map_content .lx_map_tel{ margin-top: 30px; font-size: 14px;}
	.lx_map_content .lx_map_tel span{ font-size: 24px;}
	.lx_message{ padding:50px 0;}
	.lx_message_title{ font-size: 32px; line-height: 40px;}
	.lx_message_titleen{ font-size: 32px; line-height: 30px; margin-top: 5px;}
	.lx_message_form li{ margin-bottom: 15px;}
	.lx_message_form li span{ font-size: 18px;  margin-bottom: 0px;}
	.lx_message_form li input{ font-size: 14px; line-height: 45px;}
	.lx_message_form li.message_textarea textarea{ font-size: 14px;}
	.lx_message_form li.message_button button{ line-height: 40px;}
	.n_banner_cp .n_banner_kuan{ top: 42%;}
	.n_nav_cp{ padding: 0; margin-top: -145px; padding: 5px 0;}
	.n_nav_cp li{ font-size: 14px; width: 19%; margin-bottom: 5px; height: 40px;}
	.cpzx_list li .cpzx_list_title{ padding: 15px; font-size: 24px; height: 70px;}
	.cpxq_top_kuan{padding: 30px 50px;}
	.small-imgbox { width: 100%; height: auto; padding-bottom: 100%; position: relative; }
	.small-imgbox #small_swiper { width: 100%; height: auto; }
	#small_swiper .swiper-slide{ padding-bottom: 100%;}
	#small_swiper .swiper-slide img{ position: absolute;}  
	.small-imgbox #small_swiper #small_swiperSP { display: block; }
	.small-imgbox #small_swiper #small_swiperSP .swiper-pagination-bullet-active { background: #0191da; }
	.small-imgbox .btn-box { display: none; }
	.bigImgBox { display: none; }
	.small-imgbox .swiper-button-next, .small-imgbox .swiper-button-prev{ display: none;}
	.small-imgbox .swiper-slide.current { border: 1px solid transparent; }

	.cpxq_cpcs_title{ font-size: 32px; line-height: 40px; margin-top: 0;}
	.cpxq_cpcs_info{  margin-top: 50px;}
	.cpxq_cpcs_info tbody tr:nth-child(2n+1){ font-size: 16px;}
	.cpxq_cpcs_info tbody td{ height: 60px;}
	.cpxq_page{ margin-top: 50px;}
	.cpxq_page a{ padding: 10px 50px;}
	.xgcp_title{ font-size: 32px;}
	.xgcptj_list li .xgcptj_list_title{ padding: 15px; font-size: 24px; height: 70px;}
	.cptj-button-prev, .cptj-button-next{ width: 45px; height: 45px; line-height: 45px; font-size: 45px;}
	.xgcp{ padding: 50px 0;}
	.xgcp_more{ margin-top: 5px;}
}

@media screen and (max-width:799px){

	.n_banner>img{  width: 130%;}
	.n_nav { margin-top: -50px; }
	.n_nav li{ font-size: 14px; margin: 0 2px;}
	.n_nav li a{ padding: 0px 15px; line-height: 30px;}
	.qysp_list li .qysp_list_title { font-size: 16px; }
	.qysp_list li .qysp_list_cont { padding: 5px 0px; }
	.qysp_list li .qysp_list_time{ font-size: 12px;}
	.fzlc_list li{    padding-bottom: 240px;}
	.fzlc_list li a{  width: 90%;margin: 0 5%;}
	.n_banner .n_banner_title{ font-size: 40px; line-height: 60px;}
	.news_list li{ width: 49%; margin-bottom: 20px;}
	.news_list li:nth-child(3n) { margin-right: 2%; }
	.news_list li:nth-child(2n) { margin-right: 0; }
	.news { padding: 30px 0; }
	.news_title{ font-size: 24px;}
	.news_desc{ margin-top: 20px;}
	.news_fx a{ font-size: 14px !important;}
	.news_time { font-size: 12px; }
	.job_list_nr li{  width: 49%; margin-right: 2%;}
	.job_list_nr li:nth-child(3n){ margin-right: 2%;}
	.job_list_nr li:nth-child(2n){ margin-right: 0;}
	.job_list li{ width: 100%;} 
	.lx_map_content{ width: 350px;}
	.lx_map_content .lx_map_title{ font-size: 20px; padding-bottom: 5px; margin-bottom: 5px;}
	.lx_map_content .lx_map_add,.lx_map_content .lx_map_fax{ font-size: 14px;}
	.lx_map_content .lx_map_tel{ margin-top: 20px;}
	.lx_map_content .lx_map_tel span { font-size: 20px; line-height: 30px; }
	.lx_message { padding: 30px 0; }
	.lx_message_title{ font-size: 24px;}
	.lx_message_titleen{ font-size: 24px; margin-top: 0px;}
	.lx_message_form{ margin-top: 20px;}
	.lx_message_form li span{ font-size: 16px;}
	.n_banner.n_banner_cp>img { width: 180%; }
	.n_nav_cp {  margin-top: -145px; }
	.n_nav_cp li{ width: 18%;  margin: 2px;}
	.n_nav_cp_zi li a{ font-size: 14px;}
	.cpzx_list li{ width: 49%; margin-bottom: 15px;}
	.cpzx_list li:nth-child(3n) { margin-right: 2%; }
	.cpzx_list li:nth-child(2n) { margin-right: 0; }
	.xgcptj_list{ margin-top: 30px;}
}
@media screen and (max-width:599px){

	.header_logo {margin-top: 7px;}
	#header_g2 { padding: 12px 0; }
	.banner li .banner_img_pc { display: none; }
	.banner li .banner_img_wap {display: block;}
	.banner li .banner_wz1{ font-size: 50px; line-height: 50px;}
	.banner li .banner_wz2{ font-size: 30px; line-height: 30px; margin-top: 20px;}
	.banner li .banner_wz3{ font-size: 14px;}

	.i_gywm_top{ margin-top: 100px;}
	.i_gywm_title{ font-size: 22px;}
	.i_gywm_titleen, .i_pro_titleen, .i_zp_titleen, .i_news_titleen { font-size: 24px; line-height: 35px; }
	.i_gywm_desc{ font-size: 12px; line-height: 25px; margin-left: 0;}
	.i_gywm_more{ margin-top: 5px;}
	.i_gywm_more a{ font-size: 12px;}
	.i_gywm_bot_fl, .i_gywm_bot_fr { height: 22%; }
	.i_gywm_bot_fl{ padding: 20px 10px;}
	.i_gywm_bot_sz { line-height: 70px; }
	.i_gywm_bot_sz span { font-size: 30px; }
	.i_gywm_bot_sz sup { top: -10px; font-size: 12px; }
	.i_gywm_bot_desc{ font-size: 12px; top: -23px;}
	.i_gywm_bot_jt { width: 30px; height: 30px; line-height: 30px; }
	.i_gywm_bot_jt i{ font-size: 12px;}
	.i_gywm_bot_r_desc { bottom: 0px;  font-size: 10px; line-height: 13px;}
	.i_gywm_bot_fr { padding: 20px 10px 20px 70px; }
	.i_gywm_bot_fr .i_gywm_bot_sz span { font-size: 30px; }
	.i_gywm_bot_fr .i_gywm_bot_desc{  top: -16px; font-size: 12px;}
	.i_gywm_bot_fr .i_gywm_bot_r_tu img { height: 100px; }
	.i_gywm_bot_fr .i_gywm_bot_jt{bottom: 0;}
	.i_pro_fl{  width: calc(100% - 100px);}
	.i_pro_top{ margin-top: 80px;}
	.i_pro_title{ margin-left:40px; font-size: 22px;}
	.i_pro.active2 .i_pro_title, .i_pro.active2 .i_pro_titleen{ margin-left: 0;}
	.i_pro_more{ width: auto; margin-right: 30px; margin-top: 42px;}
	.i_pro_more a{ font-size: 14px;}
	.i_pro_list li .i_pro_list_title{ padding: 15px; height: 70px; font-size: 24px;}
	.i_pro_list_kuan .swiper-button-next, .i_pro_list_kuan .swiper-button-prev{ height: 30px; width: 30px; line-height: 30px; font-size: 30px;}
	.i_pp_list_kuan .swiper-button-next, .i_pp_list_kuan .swiper-button-prev{ display: none;}
	.i_zp_top{ margin-top: 100px;}
	.i_zp_fl{ width: 100%; left: 0;}
	.i_zp_title{ font-size: 22px;}
	.i_zp_desc{ font-size: 14px; line-height: 20px;}
	.i_zp_bg3 { background-size: 280%; }
	.i_zp_bg2 span{  margin: 0px 30px;}
	.i_zp_bg2 span img { max-width: 200%; }
	.i_zp.active2 .i_zp_bg2 span:nth-child(3) img { max-width: 300%; }
	.i_zp.active2 .i_zp_bg2 span:nth-child(1), .i_zp.active2 .i_zp_bg2 span:nth-child(5){ top: -150px;}
	.i_zp.active2 .i_zp_bg2 span:nth-child(2), .i_zp.active2 .i_zp_bg2 span:nth-child(4){ top: -150px;}
	.i_zp.active2 .i_zp_bg2 span:nth-child(3) { top: -250px; }
	.i_zp_bg4 i { line-height: 90px;  font-size: 35px;}
	.i_zp.active .i_zp_bg4 { bottom: 80px; width: 100px; height: 100px; padding-bottom: 90px; border: 5px solid rgb(97 97 97 / 30%);}
	.i_news_top{ margin-top: 100px;}
	.i_news_fl{    width: calc(100% - 110px);}
	.i_news_title{ font-size: 22px;}
	.i_news_more{ width: 100px;}
	.i_news_more a{ font-size: 12px;}
	.i_news_list{ padding-top: 30px; padding-bottom: 50px;}
	.i_news_list li .i_news_list_cont{padding: 15px;}
	.i_news_list li .i_news_list_time{font-size: 12px;}
	.i_news_list li .i_news_list_title{font-size: 18px; margin: 5px 0;}
	.i_news_list li .i_news_list_desc{  font-size: 12px;}
	.i_news_list .swiper-button-next, .i_news_list .swiper-button-prev{ right: 55%; width: 30px; height: 30px; line-height: 30px;}
	.i_news_list .swiper-button-next{ right: auto; left: 55%;}
	.footer_fx,.footer_nav li .footer_nav_cont dl{ display: none;} 
	.footer_top{ padding: 40px 0 20px;}
	.footer_logo img{ height: 25px;}
	.footer_nav{ text-align: center; margin-top: 20px;}
	.footer_nav li{ width: 32%; display: inline-block; float: unset;}
	.footer_nav li .footer_nav_title{ font-size: 16px; line-height: 50px;}
	.footer_bot{ padding: 10px 0; font-size: 12px; margin-top: 0;}	

	.n_banner>img{  width: 180%;}
	.position{ display: none;}
	.n_nav{ margin-top: 0px; background: #f2f2f2; padding: 10px 0; }
	.n_nav li{ margin: 5px 2px;}
	.fzlc_list li { padding-bottom: 140px; }
	.fzlc_list li a{ width: 90%; margin: 0 5%;}
	.fzlc_list li .fzlc_list_title span { font-size: 38px; }
	.fzlc_list li .fzlc_list_cont { font-size: 14px; line-height: 32px; padding: 60px 15px 20px;}
	.fzlc_list li .fzlc_list_cont br{ display: none;}
	.fzlc_list li .fzlc_list_title{ line-height: 105px;}
	.fzlc_nav_list li.swiper-slide-active span { font-size: 32px; }
	.fzlc_nav_list li span { font-size: 22px; }
	.qysp_list li{ width: 100%;}
	.qyjg_info{ margin-top: 0px;line-height: 30px;font-size: 14px;}
	.page_kuan { margin-top: 10px; }
	.page_kuan a { line-height: 35px; width: 35px; }
	.about_title { font-size: 22px; line-height: 36px;}
	.about_titleen { font-size: 32px; line-height: 34px;}
	.about_tu_title{ font-size: 20px;}
	.about_tu_titleen{ font-size: 14px;line-height: 20px;}
	.news_list li{ width: 100%;}

	.news { padding: 20px 0;}
	.news_title { font-size: 18px; }
	.news_fx a { font-size: 12px !important; }
	.news_info{ font-size: 14px; line-height: 26px;  padding-bottom: 30px;}
	.job_list_nr li{ width: 100%; line-height: 28px;}
	.job_info{ font-size: 14px; line-height: 30px;}
	.news-page{ margin: 10px 0; text-align: center;}
	.news-page .return{ position: relative;right: auto;	top: 0;padding: 1px 4px;margin: 10px 0;  font-size: 14px; display: inline-block;}
	.news-page .news-page-1{ width: 100%; text-align: left; height: 30px; line-height: 30px;}
	.news-page .news-page-1 a{ width: calc(100% - 90px); font-size: 14px; height: 30px; line-height: 30px;}
	.news-page .news-page-1 span{ font-size: 14px; height: 30px; line-height: 30px; margin-left: 0px;}
	.n_banner { background-position-y: -100px !important; }
	.n_banner .n_banner_title { font-size: 28px; line-height: 48px; }
	.n_banner .n_banner_titleen{ font-size: 12px;}
	.job_list li .job_list_top{ line-height: 40px;}
	.job_list li .job_list_title{ font-size: 20px;}
	.job_list li .job_list_lbyq span { font-size: 12px; margin-top: 5px; }
	.lx_map{ height: auto;}
	.lx_map .map{ height: 430px;}
	.lx_map_content {width: 100%;left: 0;border-radius: 0;	top: 0px; margin-top: -24px;	transform: none;position: relative;	float: left; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
	.lx_message_form li{ width: 100%;}
	.n_banner_cp{  background-position-y: -0px !important;}
	.n_banner .n_banner_kuan { top: 60%; }
	.n_nav_cp li{ float: left; width: 32%; height: 35px; font-size: 12px; margin: 2px;}
	.n_nav_cp_zi li{ width: 20%; margin-right: 0;}
	.n_nav_cp_zi li a{ font-size: 12px; float: none; line-height: 35px;}
	.cpzx_list li{ width: 100%;} 
	.cpxq_title{ font-size: 28px; padding:0}
	.cpxq_tu{ margin-top: 0px;}
	.cpxq_top_kuan { padding: 0px 0px 20px; }
	.cpxq_top_fh{ margin-top: 20px;}
	.cpxq_top_fh a{ padding: 0px 10px; font-size: 12px; line-height: 30px; margin: 0px 5px;  border: 1px solid #dedede;}
	.cpxq_cpcs{ padding: 20px 0;}
	.cpxq_cpcs_title{ font-size: 24px; line-height: 30px;}
	.cpxq_cpcs_info { margin-top: 20px; }
	.cpxq_cpcs_info tbody td { min-height: 60px;height: auto;}
	.cpxq_cpcs_info tbody tr{ font-size: 14px;}
	.cpxq_page { margin-top: 20px; }
	.cpxq_page a { padding: 5px 20px; font-size: 14px; }
	.xgcp_title { font-size: 24px; margin-left: 0px; }
	.xgcp {padding: 20px 0;}
	.xgcp_more{ width: 100px;}
	.xgcp_more a{ font-size: 12px;}
	.xgcptj_list {margin-top: 20px;}
	#dialogBg5{ width: 96%; padding: 33px 20px;}
	.header_n .header_logo{ margin: 15px 0;}
}
@media screen and (max-width:399px){
	.n_nav_cp_zi li{ width: 25%;}
	.i_zp_bg2 span{  margin: 0px 30px;}
	.i_zp_bg2 span img { max-width: 300%; }
	.i_zp.active2 .i_zp_bg2 span:nth-child(3) img { max-width: 400%; }
	.i_zp.active2 .i_zp_bg2 span:nth-child(1), .i_zp.active2 .i_zp_bg2 span:nth-child(5){ top: -50px;}
	.i_zp.active2 .i_zp_bg2 span:nth-child(2), .i_zp.active2 .i_zp_bg2 span:nth-child(4){ top: -50px;}
	.i_zp.active2 .i_zp_bg2 span:nth-child(3) { top: -160px; }
}