@charset "utf-8";

/* CSS Document */

@media screen and (min-width:768px) and (max-width:992px) {
	.ui_div_con2 {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  position: relative;
}
	.i_con {
		width: 100%;
		padding: 0;
	}
	.i_con1 {
		width: 100%;
		padding: 0;
	}
	.i_con2 {
		width: 100%;
		padding: 0 5%;
	}
	.i_con1s {
		width: 94%;
		/* padding:0px 3%;*/
		height: auto !important;
	}
	.ny_con {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ny_con1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ui_div_center1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ui_div_center1 {
		width: 90%;
		margin: 0px auto;
	}
	.home-swiper .swiper-slide .text_c {
		font-size: 16px;
	}
	.home-swiper .swiper-slide .text_c h1 {
		font-size: 40px;
	}
	.wx_top {
		display: block;
	}

	.a_menu_name .a_menu_cn {  font-size: 24px;  
  bottom: 30%;}
.a_menu{top: 35%;}
.a_menu_name .a_menu_en {
  font-size: 40px;
}
}

@media screen and (min-width:0px) and (max-width:1080px) {
	.a_menu_name .a_menu_cn {  font-size: 30px;  
  bottom: 30%;}
.a_menu{top: 35%;}
.a_menu_name .a_menu_en {
  font-size: 48px;
}
	.n_box1{margin: 20px 0;}
		.ui_div_con2 {
  width: 90%;
  max-width: 1200px;
  margin: 0px auto;
  position: relative;
}
.footer_logo img{max-width:120px;}
	.about_r{width: 100%;}
	/*关于我们*/
	.about_l {
  padding:5%;width: 100%;
  position: relative; text-align: center;
}
.about_l IMG{width: 80%;}
 
		.i_picchange{ margin-top: 40px;height: calc(50vh);}
	.home-swiper .swiper-slide .s2{width:100%;height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:none;}
.home-swiper .swiper-slide-active .s2 {    width: 100%;    height: 100%;    display: block;-webkit-animation: hvr-bob 1s ease 1;animation: hvr-bob 3s ease 1;}
.home-swiper .swiper-slide .s2 img{width:100%; height:100% !important;  display: none;}

	.i_con1 {
		width: 100%;
		margin: 0px auto;
	}
	.i_con2 {
		width: 100%;
		padding: 0px 5%;
	}
	.ui_div_con {
		width: 100%;
	}
	.ui_div_con1 {
		width: 100%;
	padding: 5%;
	}
	.phone_nav {
		display: block;
		position: fixed;
	}
	.header_div {
		display: none;
	}
	.wx_top {
		display: block;
	}
	.menutog {
		display: none;
	}



	/*产品滚动*/
	.n_box5s {
		padding: 0px;
	}
	.n_box5s_l {
		width: 100%;
	}
	.n_box5s_r {
		width: 100%;
		margin: 0px;
	}
	.view .arrow-left {
		display: block;
		width: 24px;
		height: 40px;
		margin-top: -16.5px
	}
	.view .arrow-right {
		display: block;
		width: 24px;
		height: 40px;
		margin-top: -16.5px
	}
	.preview {
		display: none;
	}
	.n_box5s_r_t {
		font-size: 22px;
		padding-top: 15px;
	}
	.n_box5s_r_c {
		font-size: 15px;
		padding: 0px;
	}
	.n_box5s_r_b {
		font-size: 14px;
		padding: 20px 0px;
	}
	.n_box5s_r_b1 {
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.pro_r_img_con .pro_r_show{font-size: 15px;padding: 10px 0px;}
	.view .swiper-slide {
		width: 100%;
		height: 220px;
		position: relative;
		overflow: hidden;
	}
	/*联系我们*/
	.n_box19 {
		margin-top: 5%;
	}
	.n_box19 #allmap {
		width: 100%;
		height: 400px;
		overflow: hidden;
	}
	.contact_l {
		float: left;
		width: 100%;
		padding: 4%;
	}
	.contact_r {
		float: right;
		width: 100%;
	}
	.i_sectionbox4_rs {
		padding: 0px 5%;
	}
	.i_sectionbox4_r_c li {
		width: 100%;
		padding: 9px 0px;
		color: #333;
		font-size: 16px;
	}
	.i_sectionbox4_r_c li.l1 {
		margin: 0px 0%;
	}
	.text_l {
		text-align: left;
		padding-left: 5%;
	}
}

@media screen and (min-width:993px) and (max-width:1200px) {
	.menutog {
		display: none;
	}
	.i_con {
		width: 100%;
		padding: 0;
	}
	.i_con1 {
		width: 100%;
		padding: 0;
	}
	.i_con2 {
		width: 100%;
		padding: 0 5%;
	}
	.i_con1s {
		width: 100%;
		/* padding:0px 3%;*/
		height: auto !important;
	}
	.ny_con {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ny_con1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ui_div_center1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.menu_nav {
		width: 66%;
		margin-left: 0%;
	}
	.menu_nav ul li .nav_a {
		font-size: 15px;
	}
	.header_div .i_logo img {
		width: 100%;
		height: auto;
	}
	.header_div {
		padding-left: 1%;
	}
	.i_zhbox1 {
		width: 10%;
	}
	.header_div .i_logo {
		padding-top: 30px;
	}
	.home-swiper .swiper-slide.swiper-slide-active .text_c {
		font-size: 17px;
	}
	.home-swiper .swiper-slide .text_c h1 {
		font-size: 40px;
	}
	.view .swiper-slide .s1 {
		margin-right: 30px;
	}
	.view1 .swiper-slide .div_c_l {
		font-size: 15px;
	}
	.view1 .swiper-slide .div_t .s1 {
		font-size: 24px;
	}
	.view1 .swiper-slide .div_t .s1 span {
		font-size: 50px;
	}
	.preview1 .swiper-slide {
		font-size: 17px;
	}
	.preview1 .active-nav {
		font-size: 25px;
	}
	.pro_img_qd1 {
		position: relative;
		width: 100%;
		margin: 0px auto;
		bottom: -64px;
		height: 300px;
	}
	.wd {
		position: absolute;
		color: #222;
		font-size: 16px;
		line-height: 3;
		z-index: 6;
		top: 20%;
		left: 10%;
	}
	.wd .custom {
		font-size: 36px;
		font-weight: bold;
	}
	.n_banner {
		margin-top: 50px;
	}
}

@media screen and (min-width:1201px) and (max-width:1500px) {
	.header_div .i_logo img {
		height: 42px;
	}
	.ui_div_center1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.header_div {
		padding-left: 2%;
	}
	.header_div .i_logo {
		width: 20%;
	}
	.i_zhbox1 {
		width: 8%;
	}
	.home-swiper .swiper-slide.swiper-slide-active .text_c {
		font-size: 17px;
	}
	.home-swiper .swiper-slide .text_c h1 {
		font-size: 40px;
	}
	.ui_div_center {
		width: 1200px;
	}
	.i_con {
		width: 90%;
		padding: 0 3%;
		margin: 0px auto;
		position: relative;
	}
	.i_con1 {
		width: 100%;
		margin: 0px auto;
		position: relative;
	}
	.i_con2 {
		width: 100%;
		padding: 0 5%;
		padding: 0;
		margin: 0px auto;
		position: relative;
	}
	.i_con1s {
		width: 100%;
		/* padding:0px 3%;*/
		height: auto !important;
	}
	.ny_con {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ny_con1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.ui_div_center1 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	.header_div .i_logo {
		width: 15%;
	}
	.menu_nav {
  width: 68%;
}
	.home-swiper .swiper-slide .text_c h1 {
		font-size: 55px;
	}
	.i_box1_r {
		background-size: 500px;
	}
	.n_banner {
		width: 100%;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.n_banner img {
		width: 100%;
	}
	.text_r {
		padding: 0px 5%;
	}
	.n_banner .n_banner_text {
		width: 100%;
		font-family: '微软雅墨';
		position: absolute;
		left: 0px;
		top: 50%;
		z-index: 1;
		color: #fff;
		font-size: 24px;
		line-height: 1.6;
		text-transform: uppercase;
		text-align: center;
		webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.n_banner .n_banner_text .s1 {
		font-size: 18px;
	}
	.n_banner .n_banner_text .s1_en {
		font-family: 'DINCond';
		font-size: 18px;
	}
	.n_banner .n_banner_text .s2 {
		font-size: 12px;
		color: rgb(255, 255, 255, 0.8);
		text-align: right;
	}
	.home_pro {
		position: relative;
		width: 100%;
		display: block;
		height: 100%;
		top: 22%;
		z-index: 1;
	}
	.pro_img_qd1 .xz1 {
		width: 456px;
		display: none;
		height: 456px;
		text-align: center;
		position: relative;
		top: -160px;
		right: -60%;
		background: url(../images/xz1.png) no-repeat center center;
	}
	.pro_img_qd1 {
		position: relative;
		width: 100%;
		margin: 0px auto;
		bottom: -64px;
		height: 300px;
		left: 4%;
	}
	.wd {
		position: absolute;
		color: #222;
		font-size: 16px;
		line-height: 3;
		z-index: 6;
		top: 20%;
		left: 12%;
	}
	.wd .custom {
		font-size: 36px;
		font-weight: bold;
	}
}


@media screen and (min-width:0px) and (max-width:640px) {
	.i_footer_b{padding: 0px 3%;}
 /*关于我们start*/
.about_show{padding: 5% 0; line-height: 1.6; color: #333; font-size: 16px;}
.about_show img{max-width: 100%;}
.about_team{ width: 100%; display: block; overflow: hidden; padding: 5% 0;}
.about_team ul{}
.about_team li{display: block; overflow: hidden; border-bottom:1px solid #e5e5e5; width: 100%;padding: 5%;transition: all ease-in-out .5s; margin-bottom: 20px;} 
.about_team li:hover{ transition: all ease-in-out .5s; background-color: #f2f2f2;padding: 5%;}
.about_team li .team_img{width: 100%; float: left;}
.about_team li .team_img img{width: 100%;}
.about_team li .team_con{width: 100%; float: right;}
.about_team li .team_con .team_name{height: 30px; font-size: 18px; color: #000; margin-top: 20px;}
.about_team li .team_con .team_name .name{font-size: 24px; padding-right: 20px;}
.about_team li .team_con .team_xl{margin: 10px 0; color: #0d6cb8; font-size: 16px; font-weight: bold;}
.about_team li .team_con .team_content {height: 72px; margin-bottom: 15px; line-height: 24px; width: 100%; font-size: 16px; color: #333333; display: block; overflow: hidden;}
.content{padding: 20px 0; line-height: 1.8;}
.content p{display: block; overflow: hidden; font-size: 16px; color: #333;}
.show_name {font-size:32px; text-align: center;}
.show_time{text-align: center; border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
/*关于我们END*/	
	.a_careers_c dd .div .s3 ,.a_careers_c dt .s3 {display: none;}
.a_menu_name .a_menu_cn {  font-size: 24px;}
.a_menu_name .a_menu_en {
  font-size: 36px;}
  .a_menu .a_menu_a {display: none;}
.custom .custom_cn{font-size: 20px;}
.custom .custom_en{font-size: 30px; text-transform: uppercase;}
.about_r .about_content {
  padding: 3% 0;
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
  height: 190PX; overflow: hidden; display: block;
  text-align: justify; margin-bottom: 30PX;
}
.home-swiper .swiper-slide .text{width: 85%;}
.home-swiper .swiper-slide .text .text_cn{font-size: 6vw; line-height:1.2;margin-top:0}
.home-swiper .swiper-slide.swiper-slide-active .text .text_en{font-size: 4.5vw;}
.home-swiper .swiper-slide .text .show_more{ margin-top:8%; }
.home-swiper .swiper-slide.swiper-slide-active .text .show_more{text-align: center; transition: all ease-in-out .5s;font-family:"Microsoft Yahei","微软雅黑"; 	opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);  }
.home-swiper .swiper-slide.swiper-slide-active .text .show_more:hover a{transition: all ease-in-out .5s; padding-left: 25px; color: #fff; background:url(../images/morebg.png) no-repeat 70%; }
.text .show_more a{opacity: 1; filter: alpha(opacity=100);border: 1px solid #fff; text-align: left; width: 120px; padding-left: 20px; height: 36px;transition: all ease-in-out .5s; line-height: 36px;font-size: 12px;  color: #fff; background:url(../images/morebg.png) no-repeat 82%; display: block;}
.home_smjs .custom {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
}
.cus_q {
  width: 100%;
  text-align: left;
}
.cus_q a{margin: 10px 40px 10px 0;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text{ width:100%; height:40px; line-height:40px; text-align:left; overflow:hidden; color:#000000; font-size:18px; font-weight: bold;}
.n_box8 .ny_wmscy_con31 .swiper-slide:hover .div .a_text{color: #4188cc;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_c{width:100%;  overflow:hidden; height:72px; line-height:24px; overflow: hidden; font-size: 14px;color:#666666; text-align:left;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b{width:100%; text-align:left; margin-top: 50px;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b .s1{width:90px;float: left;transition: all ease-in-out .5s; text-align:left;background: url(../images/more_bg.png) no-repeat right center;  color:#333333; font-size:14px; display:inline-block;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b .s2{color: #ccc;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div:hover .a_text_b .s2{color: #fff;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div:hover .a_text_b .s1{width:110px;float: left;transition: all ease-in-out .5s; background: url(../images/more_bg.png) no-repeat right center; color:#fff; text-decoration:none;}
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b{color: #fff;}
.n_box8 .ny_wmscy_con31 .swiper-slide:hover .div .a_text{color: #fff; font-size: 24px; font-weight: normal; height:auto; }
.n_box8 .ny_wmscy_con31 .swiper-slide:hover .div .a_text_c{color: #fff;  display: none;}
.n_box8 .ny_wmscy_con31.swiper-container-horizontal>.swiper-pagination-bullets,.n_box8 .swiper-pagination-custom,.n_box8 .swiper-pagination-fraction{ bottom:0px;}


.z_index_tit h3{font-size: 5.2vw;}
.z_index_tit .en_name {
  font-size: 4.6vw;}

.z_series_li{ margin-top: 20px; width: 100%;}
.z_series_li a{ height: 36px; line-height: 36px;}
.z_mobile_hd{ position: absolute; z-index: 2; left: 0; display: block;bottom: 10px; width: 100%; text-align: center;}
.z_mobile_hd span{ display: inline-block; width: 8px; border-radius: 50%;  outline: none; height: 8px; background: rgba(255,255,255,.5); margin: 0 4px; }
.z_mobile_hd span.swiper-pagination-bullet-active{ background: #fff;}
.z_series_next{ display: none;}
.z_index_gj{ height: auto}
.z_index_gj .bvg{ height: 60vw; background-attachment: inherit!important;}
.z_gj_list{ position: relative; bottom: auto; padding: 0;}
.z_index_gj .z_index_tit{ left: 20px; top: 30px;}
.z_gj_list li{ width: 50%; height: 60vw;} 
.z_gj_list li h4{ font-size: 14px;}
.z_gj_list li  h3{ font-size: 16px;}

	.a_zxlmenu {
		display: block;
	}
	.pc_amenu {
		display: none;
	}
	.header {
		display: none;
	}
	.phone_nav {
		display: block;
		position: fixed;
	}
	
	.ui_div_center {
		width: 100%;
		padding: 0px 5%;
	}
	.ui_div_con {
		width: 100%;
	}
	.n_banner {
		margin-top: 50px;
		height: 130px;
	}
	.a_menu{top: 30%;}
	.n_banner img {
		display: none;
	}
	.n_banner .pcbanner {
  display: none;
}
	.text_r {
		padding: 0px 5%;
	}
	.n_banner .n_banner_text {
		width: 100%;
		font-family: '微软雅墨';
		position: absolute;
		left: 0px;
		top: 50%;
		z-index: 1;
		color: #fff;
		font-size: 24px;
		line-height: 1.6;
		text-transform: uppercase;
		text-align: center;
		webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.n_banner .n_banner_text .s1 {
		font-size: 18px;
	}
	.n_banner .n_banner_text .s1_en {
		font-family: 'DINCond';
		font-size: 18px;
	}
	.n_banner .n_banner_text .s2 {
		font-size: 12px;
		color: rgb(255, 255, 255, 0.8);
		text-align: right;
	}

	
	.n_box1s_b {
		width: 100%;
		padding: 0px 5%;
		height: auto;
		background: #fff;
	}
	.n_box1s_b li {
		width: 100%;
		float: left;
		overflow: hidden;
		cursor: pointer;
		-webkit-transition: all ease-out 0.2s;
		transition: all ease-out 0.2s;
		height: 120px;
		transition: all ease-in-out .5s;
		margin-top: 10px;
	}
	.n_box1s_b li img {
		width: 100%;
	}
	.n_box1s_b li .div .pro_img {
		height: auto;
	}
	.n_box1s_b li.activeone {
		width: 100%;
		transition: all ease-in-out .5s;
	}
	.n_box1s_b li .home_pro_con .en_name {
		font-size: 18px;
		line-height: 30px;
	}
	.n_box1s_b li .home_pro_con .china_name {
		font-size: 14px;
		line-height: 1.6;
		height: 70px;
	}
	.n_box1s_b li:hover .home_pro_con,
	.n_box1s_b li.activeone .home_pro_con {
		transition: all ease-in-out .5s;
		bottom: 30px;
	}
	.n_box1s_b li:hover .home_pro_con .en_name,
	.n_box1s_b li.activeone .home_pro_con .en_name {
		font-size: 18px;
		line-height: 30px;
	}
	.xmjs,
	.jmys {
		width: 100%;
		display: block;
		overflow: hidden;
		margin-top: 0PX;
	}
	#banner {
		height: auto !important;
	}
	.home-swiper .swiper-slide .s2 {
		display: block;
	}
	.home-swiper .swiper-slide .s2 img {
		display: block;
	}
	.home-swiper .swiper-slide .s1 {
		display: none;
	}
	.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px;
		text-align: center;
	}
	.home-pagination .swiper-pagination-bullet {
		width: 20px;
		margin: 0px 5px !important;
	}
	.home-swiper .home_prev {
		width: 16px;
		height: 30px;
		margin-top: -15px;
	}
	.home-swiper .home_next {
		width: 16px;
		height: 30px;
		margin-top: -15px;
	}
	.i_footer {
		padding: 30px 0px;
	}
	.i_footer_l {
		width: 100%;
		border-right: 0px;
	}
	.i_footer_r {
		width: 100%;
	}
	.i_footer_r li {
		width: 33.33%;
	}
	.i_footer_l_c {
		width: 40%;
	}
	.i_footer_l_t {
		width: 60%
	}
	.i_ff {
		
	}
	.where {
		display: none;
	}
	.n_box1 {
		padding: 20px 0px 20px 0px; background: #fff;
	}
	.n_box1_t {
		line-height: 1.5;
	}
	.n_box1_c li {
		width: 50%;
		float: left;
		position: relative;
		color: #666666;
		font-size: 16px;
		line-height: 1.4;
		text-align: center;
	}

	/*项目介绍*/
	.smjs_show_list li {
		width: 100%;
		margin-right: 0%;
		float: left;
		margin-top: 20px;
		background: url(../images/xmjs_bg.jpg) repeat-x left bottom;
	}

	.a_zxlmenu_t {
		width: 100%;
		padding: 3% 0px;
	}
	.n_con_show,
	.n_box2_c {
		font-size: 14px;
		line-height: 1.5;
		text-align: justify;
	}
	.n_con_show p {
		font-size: 14px;margin: 0px; padding: 0px;
	}
	.n_box1_t,
	.n_box1_c li,
	.n_box1_c li span {
		font-size: 15px;
	}
	.n_box1_c li:nth-child(2)::after {
		background-color: #fff
	}
	.n_box1_c li .s1 {
		font-size: 36px;
	}
	.ldbz li .ldbz_con {
		font-size: 14px;
	}
	.ldbz .ldbz_con_show {
		font-size: 14px;
	}
	.text_l {
		text-align: left;
		padding-left: 5%;
	}
	.n_box18_ul li .s1 {
		font-size: 16px;
		color: #333;
	}
	.n_box18_ul li .div_c2 {
		font-size: 14px;
	}
	.n_box18_ul li .bg1,
	.n_box18_ul li .bg2,
	.n_box18_ul li .bg3,
	.n_box18_ul li .bg4 {
		background-size: 30px;
	}
.n_box18_ul li .div_c1_tel{font-size: 26px;}
	.n_box18_ul li .div_t {
		padding-left: 14%;
	}
	.n_box18_ul li .div_c2 {
		margin-top: 0px;
	}
	.i_sectionbox4_r_c .ipt1,
	.i_sectionbox4_r_c .ipt2,
	.i_sectionbox4_r_t,
	.i_sectionbox4_r_c li,
	.a_careers_t_s1 {
		font-size: 14px;
	}
	.a_careers_t_s1 span {
		font-size: 20px;
	}
	.a_careers_t_s2r {
		width: 100%;
		border: 1px solid #ababab;
	}
	.new_show{margin: 0;}
	.new_show img{max-width: 100%;}
	.n_box11_b{margin: 0;}
.n_box11_b{padding: 1% 0; line-height: 1.6; max-width: 1200px; margin: 10px auto 50px auto;  background:#fff ; padding:1%;}
.n_box11_b a{width:calc(50% - 50px); font-size: 12px; background-color:#fff; padding:0px; display:inline-block; color:#333333; font-size:17px; display:inline-block; position:relative;}
.n_box11_b a.ac{width: 30px; padding:0px;  height: 30px;   margin: 0px auto; display: none;
  background: url(../images/new_bg3.svg) no-repeat center center; 
  float: left;
  float: left;
  -webkit-mask: url(../images/new_bg3.svg) no-repeat center center;
  mask: url(../images/new_bg3.svg) no-repeat center center;background-size:100% ;
}
.n_box11_b a.ac:hover{background: #4188cc;background-size:50% ;}
.n_box11_b a:hover{ color:#4188cc; text-decoration:none;}
.n_box11_b a.a1{ float:left; font-size: 12px;padding-left:35px; height: 30px; line-height:30px; overflow: hidden;}
.n_box11_b a.a1:after{width:30px; position:absolute; left:0px; top:0px; height:30px; background:url(../images/tb_42.png) center no-repeat; background-size: 50%; background-color:#4188cc; content:"";}
.n_box11_b a.a1:hover:after{ background:url(../images/tb_42.png) center no-repeat;background-color:#4188cc;background-size: 50%; }

.n_box11_b a.a2{ float:right;font-size: 12px; padding-left:0px; padding-right:35px; height: 30px; line-height:30px;text-align:right; display: block;overflow: hidden;}
.n_box11_b a.a2:after{width:30px; position:absolute; right:0px; top:0px; height:30px; background:url(../images/tb_43.png) center no-repeat; background-size: 50%;  background-color:#4188cc; content:"";}
.n_box11_b a.a2:hover:after{ background:url(../images/tb_43.png) center no-repeat;background-color:#4188cc;background-size: 50%; }
	.n_new li .a_img_r,
	.n_new li .a_img,
	.n_new li .a_img img {
		width:100%;
	}
	.n_new li .a_img_r{width:100%;}
	.n_new li .new_time{width: 80px;margin-top: 10px;padding: 55px 0; display: none;}
	.n_new li h3 {
		line-height: 1.5;
		font-size: 16px;
		font-weight: bold;
		color: #222;
		margin: 10px 0;
	}
	.n_new li .new_con {
		overflow: hidden;
		font-size: 14px;
		height: 70px;
		line-height: 25px;
		color: #666;
		line-height: 1.6;
		margin: 20px 0;
	}
	.n_new .new_name {
    font-size: 22px;
    text-align: center;
    }
    .djgz_show_list li .new_contents h3 {
    width: 100%;
    height: 30px;
    text-align: left;
    line-height: 30px;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    margin-bottom: 5px;
}
.ldbz li .ldbz_name h3 {
    font-size: 20px;
    display: inline-block;
    margin: 10px 0;
    padding-right: 10px;
}
}
@media screen and (min-width:641px) and (max-width:1080px) {
	.home-swiper .swiper-slide .text{width: 80%;}
	.home-swiper .swiper-slide .text .text_cn{font-size: 4.5vw; line-height: 6vw;}
	.home-swiper .swiper-slide.swiper-slide-active .text .text_en{font-size: 2.6vw;}
	.a_zxlmenu {
		display: block;
	}
	.pc_amenu {
		display: none;
	}
	.ui_n_cont {
		width: 100%;
		float: right;
	}
	.n_box2_c {
		width: 100%;
	}
	.text_r {
		padding: 0px 5%;
	}
	.n_banner .n_banner_text {
		width: 100%;
		font-family: '微软雅墨';
		position: absolute;
		left: 0px;
		top: 50%;
		z-index: 1;
		color: #fff;
		font-size: 24px;
		line-height: 1.6;
		text-transform: uppercase;
		text-align: center;
		webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.n_banner .n_banner_text .s1 {
		font-size: 18px;
	}
	.n_banner .n_banner_text .s1_en {
		font-family: 'DINCond';
		font-size: 18px;
	}
	.n_banner .n_banner_text .s2 {
		font-size: 12px;
		color: rgb(255, 255, 255, 0.8);
		text-align: right;
	}
	.a_zxlmenu_t {
		width: 100%;
		padding: 2% 0px;
	}
	.n_box18_ul li .s1 {
		font-size: 18px;
		color: #333;
	}
}


@media screen and (min-width:0px) and (max-width:320px) {
	.focus {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 160px;
		background-color: #000;
		float: left;
		clear: both;
	}
}

@media screen and (min-width:321px) and (max-width:414px) {
	.focus {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 220px;
		background-color: #000;
		float: left;
		clear: both;
	}
}

@media screen and (min-width:641px) and (max-width:767px) {
	.smjs_show_list li {
		width: 48%;
		margin-right: 0%;
		padding: 0px 1% 0% 1%;
		float: left;
		margin-top: 40px;
		background: url(../images/xmjs_bg.jpg) repeat-x left bottom;
	}
	.i_con1 {
		width: 100%;
		margin: 0px auto;
	}
	.i_con2 {
		width: 100%;
		margin: 0px auto;
		padding: 0px 5%;
	}
	.header {
		display: none;
	}
	.phone_nav {
		display: block;
		position: fixed;
	}
	.ui_div_center {
		width: 100%;
		padding: 0px 5%;
	}
	.ui_div_con {
		width: 100%;
	}
	#banner {
		height: auto !important;
	}
	.home-swiper .swiper-slide .s2 {
		display: block;
	}
	.home-swiper .swiper-slide .s2 img {
		display: block;
	}
	.home-swiper .swiper-slide .s1 {
		display: none;
	}
	.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px;
		text-align: center;
	}
	.home-pagination .swiper-pagination-bullet {
		width: 20px;
		margin: 0px 5px !important;
	}
	.home-swiper .home_prev {
		width: 16px;
		height: 30px;
		margin-top: -15px;
	}
	.home-swiper .home_next {
		width: 16px;
		height: 30px;
		margin-top: -15px;
	}
	.i_box2 {
		padding: 40px 0px;
	}
	.i_box2_ul li .div .a_text {
		padding: 15px 20px;
		font-size: 16px;
	}
	.i_box2_ul li .div .a_text_t {
		font-size: 23px;
	}
	.n_banner {
		margin-top: 50px;
	}
	.n_banner .n_banner_logo_t .img {
		display: block;
		max-width: 27% !important;
	}
	.n_banner .n_banner_logo_t {
		padding-bottom: 10px;
	}
	.n_banner .n_banner_logo_c {
		font-size: 14px;
		padding: 0px 15px;
		height: 30px;
		line-height: 30px;
	}
	
	.zyyw li .div .a_img_r .s2 {
		width: 100%;
		color: #333;
		line-height: 24px;
		font-size: 15px;
		height: 100px;
		overflow: hidden;
	}
	.text_r {
		padding: 0px 5%;
	}
	.home_business .business_name,.home_business .ws_img_con{width: 100%;}
	.home_business .business_name a{width: 32%; float: left;}
	.home_business .business_name a:nth-child(2){margin: 0px 2%;}
	.home_business_name{width: 100%; padding:5% 5% 2% 5%; font-size: 38px; color: #fff; float: left;writing-mode:inherit; height:auto !important;}
.home_business ul{width: 100%;padding: 0 5%; }
}
@media screen and (min-width:0px) and (max-width: 767px)
{	.index_new{padding: 5%;background-size: 320%;}
	.mousehover{width:15px; height:20.5px; background:url(../images/tb_01.png) no-repeat; background-size:15px; position:absolute; left:50%; margin-left:-5px; bottom:30px; z-index:1000;}

.home_business .business_name,.home_business .ws_img_con{width: 100%;}
.home_business .business_name a{width: 32%; float: left; font-size: 12px; line-height: 24px; height:90px;}
.home_business_more{text-align: center; padding:0 0 10px 0;}
.home_business_more a{position: relative; top: 0; right: initial;}
.home_business .business_name a:nth-child(2){margin: 0px 2%;}
.home_business_name{width: 100%; padding:5% 5% 5% 5%;  font-size: 24px; text-align: center; color: #fff; float: left;writing-mode:inherit;height:auto !important;}
.home_business ul{width: 100%;padding: 0 5%; }
.home_business .business_name a img{width: 35%; margin-top: 5px;}
.home_business .business_name a.c1,.home_business .business_name a:hover{color: #1b63a4;box-shadow:3px 10px 13px 0px rgba(65, 136, 204, .25); font-weight: bold; font-size: 12PX; position: relative;}
.home_business .business_name a:before{transition: all 0.5s; position: absolute; content: ''; width: 100%; background:#fff ; height: 3px; left: 0; bottom: 0;}
.home_business .business_name a:hover:before,.home_business .business_name a.c1:before{transition: all 0.5s; position: absolute; content: ''; width: 100%;  bottom: 0;background:#4188cc ; height: 10%; left: 0;}
.home_business .ws_img_con{width: 100%; height: auto; float: right; background:  no-repeat left top; border-radius: 10px; background-size:cover !important;}
.home_business li{padding: 2%; width: 100%;}
.home_business li .in_img{width:26%;  height: auto;}
.home_business li .in_con{width: 70%;}
.home_business li a .h_name{height: auto; height: 50px; line-height: 20px; font-size:16px;}
.home_business li .more{width: 30px; height: 30px; line-height: 30px;}
.b_custom{font-size: 30px;}
.b_custom .b_c_cn{font-size: 20px;}
.home_business{margin-top: 5%;}
.home-banner[data-v-7cc6b67b] {
  height: 80vw;
  position: relative;
}
.ocean[data-v-7cc6b67b]{display: none;}
.footer_r{display: none;}
.footer_l{width: 100%;}
.footer_l .footer_logo{ text-align: left;}.footer_l .footer_contact .cont_ewm{float: right;}
.i_ff .ui_div1{padding: 0 5%;}

.business .business_name,.business .ws_img_con{width: 100%;}
.business .business_name a{width: 32%; float: left; font-size: 12px; line-height: 24px; height:90px;}
.business_more{text-align: center; padding:0 0 10px 0;}
.business_more a{position: relative; top: 0; right: initial;}
.business .business_name a:nth-child(2){margin: 0px 2%;}
.business_name{width: 100%; padding:5% 5% 5% 5%;  font-size: 24px; text-align: center; color: #fff; float: left;writing-mode:inherit;}
.business ul{width: 100%;padding: 0%; }
.business .business_name a img{width: 35%; margin-top: 5px;}
.business .business_name a.c1,.business .business_name a:hover{color: #1b63a4;box-shadow:3px 10px 13px 0px rgba(65, 136, 204, .25); font-weight: bold; font-size: 12PX; position: relative;}
.business .business_name a:before{transition: all 0.5s; position: absolute; content: ''; width: 100%; background:#fff ; height: 3px; left: 0; bottom: 0;}
.business .business_name a:hover:before,.business .business_name a.c1:before{transition: all 0.5s; position: absolute; content: ''; width: 100%;  bottom: 0;background:#4188cc ; height: 10%; left: 0;}
.business .ws_img_con{width: 100%; height: auto; float: right; background:  no-repeat left top; border-radius: 10px; background-size:cover !important;}
.business li{padding: 2%; width: 100%;}
.business li .in_img{width:26%;  height: auto;}
.business li .in_con{width: 70%;}
.business li a .h_name{height: auto; width: 100%;height: 50px; line-height: 20px; font-size:18px;}
.business li .more{width: 120px; height: 30px; line-height: 30px; padding-left:15px; float: left;}

.business li .more .more_wz{display: block;opacity: 1;  width: 80%; transition: all ease-in-out 1.5s ;}
.business li:hover .more {display: block; width:130px; transition: all ease-in-out .5s ;}
.business li:hover .more .more_wz{display: block;  width: 80%;  transition: all ease-in-out .5s;  font-size: 14px;opacity: 1; }

.service_l{display: block; width: 100%;}
.service_l ul{padding: 5% 0;}
.service_l ul li{display: inline-block; height:42px ; line-height: 42px; width: 50%; margin-bottom:5px; overflow: hidden;}
.service_l ul li a{width: auto; font-size: 14px;margin-left: 0;padding-left: 16px;}
.service_r{width: 100%; border: none;}
.ser_cus{width: 100%; display: block; overflow: hidden; height: 50px;background: url(../images/fh1.jpg) no-repeat left center; background-size: cover;}
.s_custom{float: left; font-size: 22px;width:66%; overflow: hidden;  color: #fff; line-height: 50px; padding-left: 20px;}
.s_custom_r{width:32%; height: 50px;  background: url(../images/fh.png) no-repeat left center; float: right;background-size: cover;}
}

@media screen and (min-width:768px) and (max-width: 992px) {
	.ocean[data-v-7cc6b67b]{display: none;}
	.zyyw li .div .a_img_r .s2 {
		width: 100%;
		color: #333;
		line-height: 24px;
		font-size: 15px;
		height: 100px;
		overflow: hidden;
	}
	.header {
		display: none;
	}
	.phone_nav {
		display: block;
		position: fixed;
	}
	.ui_div_center {
		width: 100%;
		padding: 0px 5%;
	}
	.ui_div_con {
		width: 100%;
	}
	#banner {
		height: auto !important;
	}
	
	.home-swiper .swiper-slide .s2 {
		display: none;
	}
	.home-swiper .swiper-slide .s2 img {
		display: block;
	}
	.home-swiper .swiper-slide .s1 {
		display: block;
	}
	.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px;
		text-align: center;
	}
	.home-pagination .swiper-pagination-bullet {
		width: 20px;
		margin: 0px 5px !important;
	}
	.home-swiper .home_prev {
		width: 16px;
		height: 30px;
		margin-top: -15px;
	}
	.home-swiper .home_next {
		width: 16px;
		height: 30px;
		margin-top: -15px;
	}
	.n_banner {
		margin-top: 50px;
		height: 200px;
	}
	.n_banner img {
		display: none !important;
	}
	.text_r {
		padding: 0px 5%;
	}
	.n_banner .n_banner_text {
		width: 100%;
		font-family: '微软雅墨';
		position: absolute;
		left: 0px;
		top: 50%;
		z-index: 1;
		color: #fff;
		font-size: 24px;
		line-height: 1.6;
		text-transform: uppercase;
		text-align: center;
		webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.n_banner .n_banner_text .s1 {
		font-size: 18px;
	}
	.n_banner .n_banner_text .s1_en {
		font-family: 'DINCond';
		font-size: 18px;
	}
	.n_banner .n_banner_text .s2 {
		font-size: 12px;
		color: rgb(255, 255, 255, 0.8);
		text-align: right;
	}
	.n_box6 {
		padding: 40px 30px;
	}
	.n_banner .n_banner_logo_t .img {
		display: block;
		max-width: 27% !important;
	}
	.n_banner .n_banner_logo_t {
		padding-bottom: 10px;
	}
	.n_banner .n_banner_logo_c {
		font-size: 14px;
		padding: 0px 15px;
		height: 30px;
		line-height: 30px;
	}
.home_business_name{width: 100%; padding:5% 5% 2% 5%; font-size: 38px; color: #fff; float: left;writing-mode:inherit;height:auto !important;}
.home_business ul{width: 100%;padding: 0 5%; }
}

@media screen and (min-width:993px) and (max-width:1200px) {
	.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b{ margin-top: 60px;}
	.header {
		display: none;
	}
	.phone_nav {
		display: block;
		position: fixed;
	}
	.ui_div_center {
		width: 100%;
		padding: 0px 5%;
	}
	.ui_div_con {
		width: 100%;
		padding: 0px 2%;
	}
	.ui_div_con1 {
		width: 100%;
		padding: 0 5%;
	}
	#banner {
		height: auto !important;
	}
	.home-swiper .swiper-slide .s1 img {
		display: block;
	}
	.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 20px;
	}
	.home-pagination .swiper-pagination-bullet {
		width: 30px;
	}
	.n_banner .n_banner_logo_t .img {
		display: block;
		max-width: 27% !important;
	}
	.i_logo_img img {
		height: 36px;
		width: auto;
	}
	.header_div .i_logo {
		width: 12%;
		padding-top: 18px;
		padding-left: 0%;
	}
	.header_div .i_logo img {
		width: auto%;
		height: 40px;
	}
	.menutog {
		width: 70px;
	}

	.home_business_name{width: 100%; padding:5% 5% 2% 5%; font-size: 38px; color: #fff; float: left;writing-mode:inheritheight:auto !important;;}
.home_business ul{width: 100%;padding: 0 5%; }
}

@media screen and (min-width:1201px) and (max-width:1300px) {
.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b{ margin-top: 30px;}
	.menutog {
		width: 76px;
	}
	.ui_div_center {
		width: 100%;
		padding: 0px 5%;
	}
	.ui_div_con {
		width: 100%;
		PADDING: 0PX 3%;
	}
	.menu_nav {
		width: 68%;
	}
	.i_logo_ul {
		width: 58%;
	}
	#banner {
		height: auto !important;
	}
	.home-swiper .swiper-slide .s1 img {
		display: block;
	}
	.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 20px;
	}
	.home-pagination .swiper-pagination-bullet {
		width: 40px;
	}
	.i_logo_img img {
		height: 40px;
		width: auto;
	}
	.i_logo_img img {
		height: 40px;
		width: auto;
	}
	.header_div .i_logo {
		width: 14%;
		padding-top: 18px;
		padding-left: 0%;
	}
	.header_div .i_logo img {
		width: auto%;
		height: 40px;
	}
.home_business_name{width: 100%; padding:5% 5% 2% 5%; font-size: 38px; color: #fff; float: left;writing-mode:inherit;height:auto !important;}
.home_business ul{width: 100%;padding: 0 5%; }
}

@media screen and (min-width:1301px) and (max-width:1500px) {
	.n_box8 .ny_wmscy_con31 .swiper-slide .div .a_text_b{ margin-top: 40px;}
.home_business_name{width: 100%; padding:5% 5% 2% 5%; font-size: 38px; color: #fff; float: left;writing-mode:inherit;height:auto !important;}
.home_business ul{width: 100%;padding: 0 5%; }
	.menutog {
		width: 76px;
	}
	.ui_div_center {
		width: 100%;
	}
	.ui_div_con {
		width: 100%;
		padding: 0px 3%;
	}
	.ui_div_con1 {
		width: 100%;padding: 0 5%;
	}
	.i_logo_ul {
		width: 58%;
	}
	#banner {
		height: auto !important;
	}
	.home-swiper .swiper-slide .s1 img {
		display: block;
	}
	.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 20px;
	}
	.home-pagination .swiper-pagination-bullet {
		width: 50px;
	}
	.i_logo_img img {
		height: 40px;
		width: auto;
	}
	.header_div .i_logo {
		width: 14%;
		padding-top: 18px;
		padding-left: 0%;
	}
	.header_div .i_logo img {
		width: auto%;
		height: 40px;
	}
	

}

@media screen and (min-width:1501px) and (max-width:1800px) {
	.menutog {
		width: 80px;
	}
	.header_div .i_logo {
		width: 16%;
		padding-top: 18px;
		padding-left: 1%;
	}
	.header_div .i_logo img {
		width: auto%;
		height: 50px;
	}
}