.uiWeb {
	transition: all 0s !important;
}

.container {
	position: relative;
}

.section-topBanner {
	width: 100%;
	height: 768px;
	overflow: hidden;
	/* padding-bottom: 43.75%; */
	position: relative;
	z-index: 1;
}

.section-topBanner .main_keyvisual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-topBanner .main_keyvisual .sec_inner {
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	height: 100%;
	width: 100%;
}

.section-topBanner .container-relative {
	position: relative;
	width: 100%;
	/* height: 90vh; */
	overflow: hidden;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item video {
	position: absolute;
	width: 100%;
	height: auto;  
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	background: white;
	z-index: 1;
}

.section-topBanner .main_keyvisual .sec_inner .main_carousel {
	width: 100%;
	position: absolute;
	bottom: 50px;
	left: 0;
}

.section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner {
	display: inline-block;
	vertical-align: top;
}

.section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner a {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 4px;
	background-color: rgba(255, 255, 255, 0.55);
	margin-right: 6px;
	z-index: 3;
	cursor: pointer;
}

.section-topBanner .main_keyvisual .carousel_inner a .process1 {
	/*content: "";*/
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: 50px;
}

.section-topBanner .main_keyvisual .carousel_inner a .process2 {
	/*content: "";*/
	display: block;
	width: 0;
	height: 100%;
	background-color: #fff;
	transition-property: none;
}

.section-topBanner .main_keyvisual .carousel_inner a.on .process2 {
	width: 100%;
	transition-property: all;
}

.section-topBanner .main_keyvisual .btn_playStop {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: -3px;
	left: 6px;
	z-index: 2;
	cursor: pointer;
}

.section-topBanner .main_keyvisual .btn_playStop .btn1 {
	/*content: "";*/
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	background: url('/skin/images/video_pause.png') no-repeat 0 0 / contain;
}

.section-topBanner .main_keyvisual .btn_playStop .btn2 {
	/*content: "";*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: url('/skin/images/video_play.png') no-repeat 0 0 / contain;
	display: none;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item.on {
	visibility: visible;
	opacity: 1;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item .bg_box {
	/*width: 0;*/
	width: 100%;
	/*transition: width 1s 0.3s cubic-bezier(.39,0,.12,.99);*/
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	/*background-color: rgba(0,0,0,0.1);*/
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box {
	width: 100%;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item .bg_box .box_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*transform: scale(1.2);*/
	transition: transform 1.5s;
	transform-origin: 100% 50%;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box .box_img {
	/*transform: scale(1);*/
}

.section-topBanner .main_keyvisual .video_area {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 1920px;
	height: 100%;
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .bg_box .box_img .video_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 16px);
	height: 100%;
	z-index:999;
	background-color: rgba(0, 0, 0, 0.5);
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item .title {
	opacity: 0;
	transition: all 0.8s 0.7s;
	word-break: break-all;
	/* font-size: 6rem; */
	font-size: 60px;
	line-height: 1.1;
	color: #fff;
	margin-top: 350px;
	transition: transform .8s, opacity 1s;
	font-weight: bold;
	padding-left: 2px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, 50%);
	/* text-transform: uppercase; */
}

.section-topBanner .main_keyvisual .sec_inner .gallery_item.on .title {
	transition: transform .8s, opacity 1s;
	transform: translate(0, 0);
	opacity: 1;
}


/*首页热门产物*/

.pro_hot{ width: 100%; margin: 0;}
.mt-tabpage{padding: 0.8rem 0 0 0; 
    width: 100%;
    max-width: 1400px;
    min-height: auto;
   position: relative;
    margin: 0 auto;
    color: #333;}
	.mt-tabpage-count{
		position:relative;
    overflow: hidden;
    width:100%;
	height: 7.866rem;
	}
	
	
	.mt-tabpage-count .mt-tabpage-item{ width: 1400px; overflow: hidden;}
.mt-tabpage-item .pro_hot_tap_l{ width: 32%; background: #f8f8f8; padding: 0 0.4rem 0.8rem 0.4rem; overflow: hidden;position: relative;}
.pro_hot_tap_l h3{ font-size: 0.613rem; color: #333333; line-height: 0.733rem; margin-top: 0.933rem; display: block;}
.pro_hot_tap_l  span{ margin: 0.533rem 0 0 0; display:block;}
.pro_hot_tap_l  span p{ font-size: 0.266rem; color: #333333; font-weight: 400;}
.pro_hot_tap_l .pro_hot_quote{ width: 3.333rem; height: 0.666rem; background: #e60012; text-align: center; line-height: 0.666rem; display: block;font-size: 0.266rem; color: #ffffff;margin: 0.8rem 0 0 0;transition: all .5s;}
.pro_hot_tap_l .pro_hot_more{ width: 3.333rem; height: 0.666rem; background: #e0e0e0; text-align: center; line-height: 0.666rem; display: block;font-size: 0.266rem; color: #1d1d1d; margin-top: 0.266rem;transition: all .5s;}
.pro_hot_tap_l .pro_hot_quote:hover,.pro_hot_tap_l .pro_hot_more:hover{background: #000; color: #FFFFFF;}
.pro_hot_tap_l  .pro_hot_tb{    width: 60px!important;
    height: 45px!important;
    position: absolute;
    top: 0;
    right: 0;}
	
	.mt-tabpage-item .pro_hot_tap_r{ width: 67.8%; height:7.866rem;background:url(/skin/images/jml.png) no-repeat center; padding: 0 0.4rem; overflow: hidden;position: relative; text-align: center;}
	
	 .mt-tabpage-title{width: 12.666rem;position: relative;  right: 0; bottom: 1.2rem;}
	.mt-tabpage-title .mt-tabpage-item {width: 2.093rem; float: left; text-align: center; padding: 0 0.266rem;display: inline-block;position: relative;cursor: pointer;}
	.mt-tabpage-title .mt-tabpage-item p{ color: #666666; line-height: 0.266rem; font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;}

.mt-tabpage-item::after{content: "";
    border-right: 1px solid #e0e0e0;
    position: absolute;
    right: 0;
    height: 90px;
    top: 50%;
    margin-top: -45px;
	height: 1.2rem;
	}


.mt-tabpage-cont__wrap {
	    position: absolute;
	}
	
	.mt-tabpage-title .mt-tabpage-item-cur p{color: #e60012;}
	
	
	/*首页产物列表*/
		
		.in_pro_list{ width: 100%; margin: 0 0 30px 0; overflow: hidden;}
	
	.in_pro_list ul li{ width: 50%; text-align: center; float: left;-webkit-transition-property: background;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease; margin-top: 30px;}
	.in_pro_list ul li p{font-size: 16px; color: #666666; margin-top: 10px;}
	.in_pro_list ul li a:hover p{color: #304399;}
	.in_pro_list ul li:hover{color: #304399;
		background: url("/skin/images/pro_hover.png") no-repeat center -0.05rem;background-size:50%}
	
	.in_hotpro{ width: 100%; margin: 0; overflow: hidden; background: url(/skin/images/prohot_bj_02.jpg) repeat-x; padding: 60px 0; }
	
	/*首页产物系列*/
	
	
	#pro_series{width:100%;margin:0 ; height: 11.6rem; position: relative; overflow: hidden;}
	#pro_series .tab_menu{float:left;z-index:1; position: absolute;left: 12%; width: 7.732rem;}
	#pro_series .tab_menu li{width:3.866rem;height:3.866rem; border: 1px solid #FFFFFF; cursor:pointer;font-size:14px; color:#323232; padding: 1.2rem 0.4rem 0 0.4rem;transition: all .5s; }
	.tab_menu li p{ color: #FFFFFF; font-size: 0.28rem; font-weight: 500;}
	#pro_series .tab_box{width:100%;height: 11.6rem;clear:both;top:0px;position:relative;transition: all 4s ease;}
	.tab_box .tab_box_ps{ background: url(/skin/images/prolbps.jpg) no-repeat center; width: 100%; height: 100%;transition: all ease-out .5s;}
	.tab_box .tab_box_zs{ background: url(/skin/images/prolbsand.jpg) no-repeat center; width: 100%; height: 100%;transition: all ease-out .5s;}
	.tab_box .tab_box_mf{ background: url(/skin/images/prolbmf.jpg) no-repeat center; width: 100%; height: 100%;transition: all ease-out .5s;}
	.tab_box .tab_box_yd{ background: url(/skin/images/prolbmobile.jpg) no-repeat center; width: 100%; height: 100%;transition: all ease-out .5s;}


	 .tab_box_ps .tab_box_ps_con,.tab_box_zs .tab_box_ps_con,.tab_box_mf .tab_box_ps_con,.tab_box_yd .tab_box_ps_con{ position: absolute; width: 8.8rem; right: 12%; top: 30%;}
	.tab_box_ps_con h3{ color: #ffffff; font-size: 0.4rem;}
		.tab_box_ps_con p{ color: #ffffff; font-size: 0.266rem; line-height: 0.426rem; margin-top: 0.4rem;}
		.tab_box_ps_con a{ width: 3.333rem; height: 0.666rem; border: 1px solid #FFFFFF; display: block; color: #ffffff; font-size: 0.266rem;  font-weight: bold;text-align: center; line-height: 0.666rem; margin-top: 0.8rem;}
		.tab_box_ps_con a:hover{ background: #e60012;transition: all ease-out .5s;text-indent: -50px; border: none;}
	#pro_series .tab_menu .selected{background-color: rgba(218, 34, 52, 0.8) !important;cursor:pointer; color:#fff; }
	.hide{display:none;}
	.tab_box div{padding:20px 0 0 0; font-size:14px;} 

	/*对于我们*/
	
	.in_about{ width: 100%; margin: 0.8rem 0 0 0; padding: 0; overflow: hidden;}
	.in_about .in_about_tit{ width: 100%; margin: 0;}
	.in_about_tit h1{ width: 60%; color: #000000; font-size: 0.5333rem; font-weight: bold; line-height: 0.8rem;}
	.in_about .in_about_con{ width: 100%; margin: 0;}
	.in_about_con .in_about_con_l{ width: 10rem; margin: 0; padding: 0;}
	.in_about_con_l p{ color: #999999; font-size: 0.2133rem; line-height: 0.4rem; margin-top: 0.5rem;}
	.in_about_con_l a{width: 3.333rem; height: 0.666rem; background:url(/skin/images/jt.png) 2.4rem center no-repeat #e60012; display: block; color: #ffffff; font-size: 0.266rem;  font-weight: bold; line-height: 0.666rem; margin-top: 1.22rem; padding: 0 0.4rem; }
	.in_about_con_l a:hover{background:url(/skin/images/jt.png) 2.4rem center no-repeat #000;transition: all ease-out .5s;text-indent: 20px; }

 .in_about_con .ab_video{ width: 41.78%; height: auto; margin: 0rem 0 0 0;}
		 .ab_video video{width: 100%;}
		 
		 .ab_sj{ width:100%;margin:0px 0 0 0; padding:0 0 1rem 0; color:#000; overflow:hidden;}
		 .ab_sj .ab_sj_con{width:33%;margin:1.6rem 0 0 0;padding:0; text-align:center;}
		 .ab_sj_con .ab_sj_con1{ font-size:1.066rem; line-height:1.2rem; font-weight: bold;}
		 .ab_sj_con p{font-size:16px;}
		 
		 
		 .zsprotop {
		 	width: 100%;
		 	height: auto;
		 	overflow: hidden;
		 	background: url(/skin/images/yd_cpbj_02.jpg) no-repeat center;
		 	padding: 0px 0 0 0;
		 	margin: 0;
		 
		 }
		  .zsprotop h2{ color: #ffffff; font-size: 0.613rem; margin-top: 0.666rem;}
		 
		 .zsprotop .slideBo2 {
		 	overflow: hidden;
		 	zoom: 1;
		 	position: relative;
		 }
		 
		 .zsprotop ul {
		 	overflow: hidden;
		 	zoom: 1;
		 }
		 
		 .zsprotop . ul li {
		 	float: left;
		 	position: relative;
		 	width: 1460px;
		 	overflow: hidden;
		 }
		 
		 .zsprotop ul li .zsprotop1 {
		 	overflow: hidden;
			margin-top: 0.666rem;
		 }
		 
		 .zsprotop1 .zs_yheme_pro_l {
		 	width: 50%;
		 	margin: 0;
		 	padding: 0;
		 }
		 
		 .zsprotop1 .zs_yheme_pro_l h1 {
		 	font-size: 0.48rem;
		 	color: #FFFFFF;
		 	font-weight: bold;
		 	background: url(/skin/images/yd_probt_03.jpg) no-repeat left 0.8rem;
			line-height: 0.48rem;
		 }
		 
		 .zsprotop1 .zs_yheme_pro_l b {
		 	font-size: 16px;
		 	color: #8193a6;
		 	line-height: 32px;
		 	padding-left: 40px;
		 	position: relative;
		 	font-weight: normal;
		 	display: block;
		 	margin: 20px 0 0 0;
		 
		 }
		 
		
		 
		 .zsprotop1 .zs_yheme_pro_l b::before {
		 	content: '';
		 	display: block;
		 	position: absolute;
		 	width: 19px;
		 	height: 16px;
		 	background: url(/skin/images/ab_tb.png) no-repeat left;
		 	left: 0;
		 	top: 14px;
		 }
		 
		 .zs_yheme_pro_l .zs_yheme_pro_l_lx {
		 	width: 100%;
		 	margin: 0.5rem 0 0 0;
		 	padding: 0;
		 	overflow: hidden;
		 	position: relative;
		 }
		 
		 .zs_yheme_pro_l_lx p {
		 	width: 40%;
		 	overflow: hidden;
		 }
		 
		 .zs_yheme_pro_l_lx p strong a{
		 	height: 60px;
		 	line-height: 60px;
		 	color: #ffffff;
		 	font-size: 22px;
		 	border-radius: 30px;
		 	border: 2px solid #627180;
		 	display: block;
		 	text-align: center;
			background: none;
		 }
		 
		 .zs_yheme_pro_l_lx p span {
		 	height: 36px;
		 	line-height: 36px;
		 	font-size: 16px;
		 	color: #8193a6;
		 	text-align: center;
		 	display: block;
		 
		 }
		 
		 .zs_yheme_pro_l_lx p span em {
		 	color: #dd2118;
		 	margin-right: 10px;
		 	font-size: 16px;
		 	vertical-align: middle;
		 }
		 
		 .zs_yheme_pro_l_lx p a {
		 	height: 60px;
		 	line-height: 60px;
		 	border-radius: 60px;
		 	font-size: 0.3rem;
			font-weight: bold;
		 	color: #fff;
		 	background: #f13e2a;
		 	background: -webkit-linear-gradient(left, #ff512f, #dd2424);
		 	background: linear-gradient(to right, #ff512f, #dd2424);
		 	transition: all .5s ease;
		 	display: block;
		 	text-align: center;
		 }
		 
		 .zs_yheme_pro_l_lx p a:hover {
		 	border-radius: 0;
		 }
		 
		 .zsprotop1 .zs_yheme_pro_r {
		 	width: 48.5%;
		 	margin: 0;
		 	padding: 0;
		 	text-align: center;
			
			border-radius: 0 1rem 0 1rem;
			overflow: hidden;
		 }
		  .zsprotop1 .zs_yheme_pro_r img{width: 100%;}
		 
		 .zs_yheme_pro_l .zs_yheme_pro_cs {
		 	width: 100%;
		 	margin: 40px 0 0 0;
		 	padding: 0;
		 	overflow: hidden;
		 	text-align: center;
		 }
		 
		 .zs_yheme_pro_cs p {
			 width: 50%;
		 	display: inline-block;
		 	padding: 0;
		 	line-height: 64px;
		 	font-size: 40px;
		 	color: #fff;
		 	padding-bottom: 20px;
		 	text-align: center;
		 
		 }
		 
		 .zs_yheme_pro_cs strong {
		 
		 
		 	width: 100%;
		 	display: block;
		 
		 	line-height: 0.5rem;
		 	font-size: 0.32rem;
		 	padding: 0 0px;
		 	color: #FFFFFF;
		 	font-weight: bold;
		 	margin-top: 20px;
		 }
		 
		 .zs_yheme_pro_cs i {
		 
		 	font-style: normal;
		 	width: 100%;
		 	display: block;
		 	height: 48px;
		 	line-height: 48px;
		 	font-size: 28px;
		 	padding: 0 0px;
		 	color: #FFFFFF;
		 	font-weight: bold;
		 }
		 
		 .zsprotop .zs_yheme_jt {
		 	width: 130px;
		 	height: 50px;
		 	margin: 60px auto 40px auto;
		 	padding: 0;
		 }
		 
		 .zsprotop .zs_yheme_jt .zs_yheme_jt_l {
		 	width: 50px;
		 	height: 50px;
		 	background: url(/skin/images/yd_jt_l.png) no-repeat;
		 	display: block;
		 	transition: all .5s ease;
		 }
		 
		 .zsprotop .zs_yheme_jt .zs_yheme_jt_l:hover {
		 	background: url(/skin/images/yd_jt__h_l.png) no-repeat;
		 }
		 
		 .zsprotop .zs_yheme_jt .zs_yheme_jt_r {
		 	width: 50px;
		 	height: 50px;
		 	background: url(/skin/images/yd_jt_r.png) no-repeat;
		 	display: block;
		 	transition: all .5s ease;
		 }
		 
		 .zsprotop .zs_yheme_jt .zs_yheme_jt_r:hover {
		 	background: url(/skin/images/yd_jt__h_r.png) no-repeat;
		 }
		 


	/*新闻*/
.section-pressRelase .big-one {
	display: block;
	position: relative;
	overflow: hidden;
	background: white;
	margin: 3rem 0 30px 0;
	cursor: pointer;
}

.section-pressRelase .big-one:hover {
	box-shadow: 0 12px 12px -10px rgba(0, 0, 0, .15);
}

.section-pressRelase .big-one:hover .newsPic {
	transform: scale(1.05);
}

.section-pressRelase .big-one .bo-left {
	width: 56%;
	overflow: hidden;
	float: left;
}

.section-pressRelase .big-one .bo-left .bol-box {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 63.38%;
	overflow: hidden;
}

.section-pressRelase .big-one .bo-right {
	box-sizing: content-box;
	width: 37.84%;
	padding:0 0 0 3%;
	float: left;
}

.section-pressRelase .big-one .newsPic {
	vertical-align: middle;
	transition: all .5s;
	height: 100%;
	width: auto;
	min-width: 100%;
	position: absolute;
	left: 0%;
}

.section-pressRelase .big-one .bor-desc {
	font-size: 2rem;
	color: #707070;
	margin: 4.8rem 0 2.4rem 0;
}

.section-pressRelase .big-one .bor-title {
	font-size: 3.2rem;
	font-weight: bold;
	color: #000;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* height: 16rem; */
	-webkit-box-orient: vertical;
}

.section-pressRelase .big-one .bor-bottom {
	position: absolute;
	bottom: 4rem;
	left: 59%;
	font-size: 1.6rem;
	color: #707070;
	width: 35.84%;
}

.section-pressRelase .big-one .bor-bottom img {
	width: 3.7rem;
	float: right;
}

.section-pressRelase .small-lists {
	overflow: hidden;
}

.section-pressRelase .small-lists li:hover {
	box-sizing: border-box;
	box-shadow: 0 12px 12px -10px rgba(0, 0, 0, .15);
}

.section-pressRelase .small-lists li:hover .sml-pic img {
	transform: scale(1.05);
}

.section-pressRelase .small-lists li {
	width: calc((100% - 60px) / 3);
	float: left;
	background: white;
	margin-bottom: 30px;
	cursor: pointer;
}

.section-pressRelase .small-lists li a {
	list-style: none;
	text-decoration: none;
}

.section-pressRelase .small-lists li:nth-of-type(2),
.section-pressRelase .small-lists li:nth-of-type(5) {
	margin: 0 30px;
}

.section-pressRelase .small-lists .sml-pic {
	width: 100%;
	height: 0;
	padding-bottom: 63%;
	position: relative;
	overflow: hidden;
}
.section-pressRelase .small-lists .sml-pic.pdf-box{
	padding-bottom: 142.04%;
}
.section-pressRelase .small-lists .sml-pic img {
	width: auto;
	min-width: 100%;
	transition: all .5s;
	position: absolute;
	height: 100%;
}

.section-pressRelase .small-lists .sml-desc {
	font-size: 1.8rem;
	color: #707070;
	padding: 20px 20px 15px 20px;
}

.section-pressRelase .small-lists .sml-title {
	height: 118px;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	line-height: 1.3;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.section-pressRelase .small-lists .sml-bottom {
	padding: 20px 20px 20px 20px;
	font-size: 1.6rem;
	color: #707070;
	width: calc(100% - 40px);
}

.section-pressRelase .small-lists .sml-bottom img {
	width: 3.7rem;
	float: right;
}

.section-pressRelase .readmore {
	margin: 0 auto;
	margin-top: 1rem;
	font-size: 2rem;
	text-align: center;
	color: #3573e7;
}

.section-pressRelase .readmore a {
	color: #3573e7;
}

.section-pressRelase .readmore div {
	display: inline-block;
	cursor: pointer;
}

.section-pressRelase .readmore img {
	width: 6px;
	margin-left: 4px;
	margin-top: -3px;
}

.section-featured {
	position: relative;
	margin-top: 1rem;
	padding: 0;
	background: white;
	overflow: hidden;
}

.section-featured .content {
	position: relative;
	height: 56.5rem;
}

.section-featured .big-title,
.section-pressRelase .big-title {
	font-size: 0.533rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 1rem;
}

.section-pressRelase .big-title {
	margin-top: 6rem;
}

.section-featured .box-lists {
	width: 100%;
	/*height: 100%;*/
	overflow-x: scroll;
	/*添加横向滚动条*/
	white-space: nowrap;
	overflow: visible;
	position: absolute;
	left: 0;
}

/* 谷歌浏览器 隐藏滚动条 */
.section-featured .box-lists::-webkit-scrollbar {
	/*display: none;*/
}

.section-featured .box-lists .box-one {
	width: 40%;
	max-width: 7.4rem;
	height: auto;
	overflow: hidden;
	position: relative;
	float: none;
	display: inline-block;
	cursor: pointer;
}

.section-featured .one-wz {
	position: relative;
	width: 100%;
}

.section-featured .one-wz .box-image {
	position: relative;
	height: 0;
	padding-bottom: 61.84%;
	overflow: hidden;
}

/*.section-featured .box-lists .box-one:hover img{
	transform: scale(1.05);
}*/
.section-featured .box-lists .box-one:not(:last-child) {
	margin-right: 30px;
}

.section-featured .box-lists .box-one img {
	width: 100%;
	min-width: 100%;
	transition: scale .5s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-featured .box-one .boxo-bottom {
	/* position: absolute;
	bottom: 0;
	left: 0; */
	width: 100%;
	/*height: 15.5rem;*/
	background: #fafafa;
	height: 140px;
}

.section-featured a {
	text-decoration: none !important;
}

.section-featured .boxo-bottom .boxob-title {
	/*height: 7rem;*/
	padding: 0.266rem;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #000;
	line-height: 1.3;
	max-height: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: pre-wrap;
}

.section-featured .boxo-bottom .boxob-time {
	font-size: 16px;
	color: #707070;
	padding-left: 0.266rem;
}

.section-featured .box-button {
	overflow: hidden;
	margin: 0.4rem 0;
}

.section-featured .box-button .boxb-num {
	font-size: 0.3rem;
	color: #707070;
	float: left;
	width: 1rem;
}

.section-featured .box-button .boxb-process {
	width: 30%;
	min-width: 400px;
	position: relative;
	margin: 0.266rem 0.666rem 0 0.866rem;
	float: left;
}

.section-featured .boxb-process .process1 {
	width: 100%;
	height: 3px;
	background: #D8D8D8;
}

.section-featured .boxb-process .process2 {
	width: 0px;
	height: 3px;
	background: #DC000C;
	position: absolute;
	top: 0;
	left: 0;
}

.section-featured .box-button .boxb-arrow {
	float: left;
}

.section-featured .box-button .boxb-arrow img {
	cursor: pointer;
	width: 10px;
}

.section-featured .box-button .boxb-arrow img.leftArrow {
	margin-right: 38px;
}

.new-container {
	max-width: 1400px;
}











		



	/*世界服务*/
	.in_world{ width: 100%;  background: url(/skin/images/in_qq.jpg) no-repeat center; padding-top: 2.22rem; overflow: hidden; padding-bottom: 0.8rem;}
	.in_world .in_world_l{ width: 49%; margin: 0; padding: 0; }
	.in_world_l h2{ color: #ffffff; font-size: 0.533rem;}
	.in_world_l p{ color: #999999; font-size: 14px; line-height:24px;margin-top: 0.2rem;}
	.in_world_l a{width: 3.333rem; height: 0.666rem; background: #e60012; display: block; color: #ffffff; font-size: 0.266rem;  font-weight: bold; line-height: 0.666rem; margin-top: 0.8rem; padding: 0 0.4rem; text-align: center;}
	.in_world_l a:hover{text-indent: 3px; background: #000000;transition: all ease-out .5s;}
	
	.in_world .in_world_r{ width: 49%; margin: 0; padding: 0; }
	.in_world_r img{width: 100%;}
	
	
	/*行业经验*/
	.exp{ width: 100%; margin: 1rem 0 1rem 0; padding: 0; overflow: hidden;}
	.exp .exp_l{width: 53.5%;  height: auto; margin: 0; padding:0; overflow: hidden;}
	.exp_l h2{ font-size: 0.533rem; margin: 0; color: #000000; line-height: 0.8rem;} 
	 .exp_l h2 a{font-size: 20px; color: #304399; float: right;}
	 .exp_l h2 a:hover{ color: #E60012;}
	.exp_l p{ color: #999999;font-size: 14px; line-height:24px;}
	.exp_l .exp_l_sj{ width: 100%; margin: 0; padding: 0;overflow: hidden;}
	.exp_l .exp_l_sj .exp_l_sj_l{ width: 50%; margin: 0; padding: 0; border-right: 1px solid #e7eaec;}
	.exp_l_sj_l .exp_sj_one,.exp_l_sj_r .exp_sj_one{ width: 100%; margin: 0.8rem 0 0 0; text-align: center;}
	.exp_sj_one span{ color: #1f1d21; font-size: 0.266rem; font-weight: bold; display: block;line-height: 1;}
	.exp_sj_one span b{ font-size: 0.8rem;}
	.exp_sj_one p{ color: #999999; font-weight: normal; font-size: 0.213rem;}
	.exp_l .exp_l_sj .exp_l_sj_r{ width: 50%; margin: 0; padding: 0; }
	.exp .exp_r{width: 41.4%;   margin: 0; padding:0.8rem; background: #304399;}
	 .exp_r h3{ color: #FFFFFF; font-size: 0.4rem; line-height: 0.533rem;}
	 
	 .exp_l .in_contact{ width: 100%; margin: 0.8rem 0 0 0; }
	
	.in_contact .in_quote{ width: 40%; height: 0.666rem; background: #e81929; display: block; position: relative; color: #ffffff; font-size: 0.266rem; line-height: 0.666rem; padding-left: 1rem;font-weight: bold;}
	.in_contact .in_quote::before{
		content: "";
		  background: url(/skin/images/quote.png) no-repeat left center;
		    position: absolute;
			width: 0.4rem;
			height: 0.4rem;
			background-size: 0.4rem;
			left: 20px;
			top: 11px;
	}
	
	.in_contact .in_watsapp{ width: 40%; height: 0.666rem; background: #43c056; display: block; position: relative; color: #ffffff; font-size: 0.266rem; line-height: 0.666rem;padding-left: 1.143rem; font-weight: bold;}
	.in_watsapp::before{
		content: "";
		  background: url(/skin/images/watpp.png) no-repeat left center;
		    position: absolute;
			width: 0.4rem;
			height: 0.4rem;
			background-size: 0.4rem;
			left: 0.6rem;
			top: 11px;
	}
	.in_contact .in_watsapp:hover{ background: #2fad42;}
	.in_contact .in_quote:hover{background: #b4202b;}
	
	.exp_r .message_form {
		width: 100%;
		overflow: hidden;
		margin-top: 10px;
	}
	
	.exp_r .message_form .item-form {
		width: 100%;
		border-bottom: 1px solid #ffffff;
		padding-top: 20px;
		position: relative;
	}
	
	.item-form span {
		display: inline-block;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		overflow: hidden;
		color: #fff;
		position: absolute;
		white-space: nowrap;
		left: 0;
		top: 20px;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	
	.item-form input {
		height: 56px;
		font-size: 16px;
		background: none;
		width: 100%;
		color: #fff;
		border: none;
		outline: none;
		line-height: 56px;
		position: relative;
		z-index: 2;
	}
	
	.item-form textarea {
		height: 1.3rem;
		font-size: 16px;
		background: none;
		width: 100%;
		color: #fff;
		border: none;
		outline: none;
		line-height: 56px;
		position: relative;
		z-index: 2;
	}
	
	.item-form strong {
		display: inline-block;
		font-size: 12px;
		margin-left: 20px;
		color: #fff;
		opacity: .5;
		font-weight: normal;
	}
	
	.exp_r .message_form .item_button {
		width: 100%;
		overflow: hidden;
	}
	
	.item_button .btn2 {
		width: 206px;
		height: 50px;
		background: #ffffff;
		box-shadow: 0 5px 27px rgba(255, 41, 38, 0.4);
		text-align: center;
		display: block;
		line-height: 50px;
		border: 0;
	
		color: #07165c;
		font-size: 18px;
		margin: 70px 0 0 0;
		transition: all linear 0.3s;
		float: left;
		cursor: pointer;
	}
	
	.item_button .btn2:hover {
		border-radius: 10px;
	}
	
	/*底部*/
	.foot{ width: 100%; margin:  0 0 0; background: #1c1b1b; padding: 0.6rem 0 0 0; overflow: hidden;}
	.foot .foot_con{ width: 100%; margin: 0;}
	.foot_con .foot_con_list{ width: auto; margin: 0; padding:0  1.4rem 0rem 0.8rem; float: left; border-right: 1px solid #494949;}
	.foot_con_list a{ margin-bottom: 0.2rem; color: #ffffff; display: block; font-size: 14px;}
	.foot_con_list .foot_tit{ font-size: 0.213rem; font-weight: bold;}
	.foot_con .foot_con_ewm{ float: left; margin:  0; padding-left: 0.8rem; text-align: center;}
	.foot_con_ewm p{ font-size: 14px; color: #999999;}
	.foot_con_ewm .foot_email{ width: 2.9333rem; height: 0.6rem; background: #FFFFFF;margin: 0.2rem 0 0 0}
	.foot_email span{ width: 0.6rem; height: 0.6rem; background: url(/skin/images/foot_email.png) no-repeat center #304399; background-size: 0.333rem;}
	.foot_email a{ color: #1c1b1b; font-weight: bold;line-height: 0.6rem; text-align: center;margin-left: 10px; font-size: 12px;}
	
	.foot .foot_bot{ width: 100%;margin: 0.6rem 0 0 0;
    padding: 0.2rem 0 0.2rem 0;
    overflow: hidden;}
	.foot_bot .foot_bot_l{width: 50%;color: #999999; font-size: 14px;}
	
	.foot_bot .foot_bot_r{width: 50%;color: #999999; font-size: 14px;text-align: right;}
	.foot_bot_r a{width: 25px; height: 25px; margin-left: 10px;}
	
	input::-webkit-input-placeholder{
	
	  color:#ffffff;
	
	}
	textarea::-webkit-input-placeholder{
	
	  color:#ffffff;
	
	}
	
	/*子页面——产物*/
	.pro_banner{ width: 100%;margin: 0; padding:  0; background: url(/skin/images/pro_ban_02.jpg) no-repeat center; height: 6.653rem; overflow: hidden;}
	.pro_banner h2{ font-size: 46px; color: #ffffff; margin-top: 1.866rem; line-height: 46px;}
	.pro_banner p{ font-size: 18px; color: #ffffff;}
	
	.pro_con{ width: 100%; margin: 0;  padding: 0 0 0.8rem 0; background: #f8f9fb;overflow: hidden;}
	.pro_con .pro_nav{ width: 100%; background: #ffffff; padding:0;height: 150px; margin: 50px 0 0 0;}
	.pro_nav ul li, .pro_nav_yd ul li{float: left; text-align: center; padding: 0.5rem  0.5rem; margin: 0 ;transition: all .5s; width: 16.6%;}
	.pro_nav ul li p, .pro_nav_yd ul li p{ font-size: 14px;font-weight: bold; color: #000000;}
	.pro_nav .pro_nav_hov{background: #304399;border-radius: 20px;padding: 0.2rem ;position: relative;
    bottom: 20px; }
	
	.pro_nav .pro_nav_hov .pro_nav_hov2{padding: 0.2rem 0.3rem;border: 1px dashed #FFFFFF; display: block;border-radius: 20px;}
	.pro_nav .pro_nav_hov li .pro_nav_hov2:hover{margin-top: 0!important;}
	.pro_nav .pro_nav_hov .pro_nav_hov2:hover p{ color: #FFFFFF;}
	.pro_nav .pro_nav_hov p{color: #FFFFFF;}
	.pro_nav ul li:hover{margin-top: -10px;}
	.pro_nav ul li:hover p{color: #304399;}
	
	
	.pro_con .pro_nav_yd{ width: 100%; background: #ffffff; padding:0;height:auto; overflow: hidden; margin: 50px 0 0 0;}
		.pro_nav_yd .pro_nav_hov_yd p{ color:#304399;}
	.pro_con .pro_show{ width: 100%; margin:  0 0 0; padding: 0; overflow: hidden;}
	.pro_con .pro_show ul li{ width: 31%; padding: 0.8rem 0.4rem; margin: 0.8rem 3% 0 0; background: #FFFFFF; float: left;transition: all .5s;height: 9rem;}
	.pro_con .pro_show ul li a h3{ font-size: 30px; color: #333333; line-height: 36px; margin-bottom: 30px;}
	.pro_con .pro_show ul li a p{ font-size: 16px; color: #999999; margin-top: 0px;}
	.pro_con .pro_show ul li a span{ font-size: 20px; color: #e60012; margin-top: 30px; display: block;}
	.pro_con .pro_show ul li a img{ margin-top: 30px; width: 100%;}
	.pro_con .pro_show ul li:nth-child(3n){
	    margin-right: 0;
	}
	
	.pro_con .pro_show ul li:hover h3{ color: #304399;}
	
	
	/*产物详情*/
.prodetail_top{ width: 100%; margin: 0; padding: 1.6rem 0  0.8rem 0; background:url(/skin/images/probj_02.jpg) no-repeat center; overflow: hidden; position: relative;}
.prodetail_top .prodetail_top_sp{ width: 250px; position: absolute; right: 0.8rem; bottom: 0.8rem;}
.prodetail_top .prodetail_top_con{ width: 100%; overflow: hidden; margin: 0;}
.prodetail_top .prodetail_top_con .prodetail_top_l{ width: 60%; margin: 0; padding: 0px 0 0 0;}
.prodetail_top_l h1{ font-size: 42px; color: #ffffff; position: relative;z-index: 1;padding-left: 10px; line-height: 46px;}
.prodetail_top_l h1::before{
	    content: "";
		width: 43px;
		height: 32px;
	   background: url(/skin/images/protit.png) no-repeat left center;
	    position: absolute;
	    left: 0;
	   z-index: -1;
	    top: 10px;
	  
}
.prodetail_top_l .prodetail_top_l_tit{ width: 100%; border-bottom:  1px #546170 dashed; padding: 30px 0 30px 0;}
.prodetail_top_l .prodetail_top_l_tit p{ font-size: 16px;color: #8193a6; line-height: 32px; padding-left: 100px; position: relative;}
.prodetail_top_l .prodetail_top_l_tit p::before{
	 content: "";
	 position: absolute;
	width: 60px;
	height: 2px;
	background: #8193a6;
	left: 0;
	top: 10%;
}
.prodetail_top_l .prodetail_top_l_app{ width: 100%;  padding:30px 0 0px 0;}
.prodetail_top_l .prodetail_top_l_app p{ font-size: 16px; line-height: 32px; color: #8193a6;}
.prodetail_top_l .prodetail_top_l_app p b{ font-size: 20px; color: #e52f27;}

.prodetail_top_l .prodetail_top_l_parameter{ width: 80%; margin: 0.8rem auto 0 auto; overflow: hidden;}
 .prodetail_top_l  .prodetail_top_l_parameter span{display: inline-block;
    width: 50%;
    line-height: 0px;
    font-size: 40px;
    color: #fff;
    ;
    text-align: center; float: left;}
	
	.prodetail_top_l_parameter span strong{
		    width: 100%;
		    display: block;
		    height: 48px;
		    line-height: 48px;
		    font-size: 36px;
		    padding: 0 0px;
		    color: #FFFFFF;
		    font-weight: 500;
		    margin-top: 0px;
	}
	.prodetail_top_l_parameter span i{
		font-style: normal;
		    width: 100%;
		    display: block;
		    height: 30px;
		    line-height: 30px;
		    font-size: 20px;
		    padding: 0 0px;
		    color: #627180;
		    
	}
	
.prodetail_top .prodetail_top_con .prodetail_top_r{ width: 40%; margin: 0; padding: 0px 0 0 0; text-align: center;}
	
	 .prodetail_top .prodetail_top_lx {
			 	width: 50%;
			 	margin: 0.5rem auto 0 auto;
			 	padding: 0;
			 	overflow: hidden;
			 	position: relative;
			 }
			 
			 .prodetail_top_lx p {
			 	width: 40%;
			 	overflow: hidden;
			 }
			 
			 .prodetail_top_lx p strong a{
			 	height: 60px;
			 	line-height: 60px;
			 	color: #ffffff;
			 	font-size: 22px;
			 	border-radius: 30px;
			 	border: 2px solid #627180;
			 	display: block;
			 	text-align: center;
				background: none;
			 }
			 
			 .prodetail_top_lx p span {
			 	height: 36px;
			 	line-height: 36px;
			 	font-size: 16px;
			 	color: #8193a6;
			 	text-align: center;
			 	display: block;
			 
			 }
			 
			 .prodetail_top_lx p span em {
			 	color: #dd2118;
			 	margin-right: 10px;
			 	font-size: 16px;
			 	vertical-align: middle;
			 }
			 
			.prodetail_top_lx p a {
			 	height: 60px;
			 	line-height: 60px;
			 	border-radius: 60px;
			 	font-size: 24px;
				font-weight: bold;
			 	color: #fff;
			 	background: #f13e2a;
			 	background: -webkit-linear-gradient(left, #ff512f, #dd2424);
			 	background: linear-gradient(to right, #ff512f, #dd2424);
			 	transition: all .5s ease;
			 	display: block;
			 	text-align: center;
			 }
			 
			 .prodetail_top_lx p a:hover {
			 	border-radius: 0;
			 }


.prodetail_one{ width: 100%; margin: 0; overflow: hidden;}
.prodetail_tit{ width: 100%; margin-top: 1rem; overflow: hidden;height: 115px; text-align: left;}
.prodetail_tit h2{ font-size: 42px; color: #000000; position: relative;z-index: 1;padding-left: 10px;}
.prodetail_tit h2::before{
	    content: "";
		width: 43px;
		height: 32px;
	   background: url(/skin/images/protit.png) no-repeat left center;
	    position: absolute;
	    left: 0;
	   z-index: -1;
	    top: 10px;}
	.prodetail_tit b{font-size: 140px;position: absolute;-webkit-text-stroke: 1px #dedfe3; color:#ffffff; top: -86px; z-index: -2;font-weight: bolder;}
.prodetail_tit  .b1{color:#e5e5e5;}
.prodetail_tit  .b2{color:#242e38;}
.prodetail_tit  .b3{color:#f5f9fb;}
.prodetail_tit .h1{color: #ffffff;}

.prodetail_one .prodetail_one_show{ width: 100%; margin: 50px 0;}
.prodetail_one_show P{ font-size: 16px; color: #999999; line-height: 30px;}

 .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper-slide {
        width: 60%!important;
      }

      .swiper-slide:nth-child(2n) {
        width: 60%;
      }

      .swiper-slide:nth-child(3n) {
        width: 60%;
      }
	  
	  .prodetail_two{ width: 100%; background: url(/skin/images/prode_bj_02.jpg) repeat-y center;overflow: hidden; padding-bottom: 0.8rem; margin-top: 0.8rem;}
	   .prodetail_two  .prodetail_two_con{ width: 100%; margin: 0; overflow: hidden;}
	   .prodetail_two_con  .prodetail_two_con_l{ width: 60%; margin: 0;}
	   .prodetail_two_con_l ul li{width: 100%; margin-top: 30px;}
	   .prodetail_two_con_l ul li h3{ font-size: 24px; color: #1d242c; position: relative; padding-left: 76px; line-height: 30px;}
	   .prodetail_two_con_l ul li h3::before{
		   content: "";
		   		width: 34px;
		   		height: 34px;
		   background: url(/skin/images/ystb.png) no-repeat left center;
		    position: absolute;
		    left: 0;
		   
		    top: 10px;
		   
	   }
	   .prodetail_two_con_l ul li p{ font-size: 16px; color: #666666; line-height: 30px;padding-left: 76px;}
	   .prodetail_two_con_l ul li  span{ display: block; width: 130px; height: 1px; background: #cacaca; margin-left: 76px;}
	   	   .prodetail_two_con  .prodetail_two_con_r{ width: 40%; margin: 0; text-align: center;}
	   
	   
	     .prodetail_three{ width: 100%; overflow: hidden; padding-bottom: 0.8rem;}
	    .prodetail_three  .prodetail_three_con{ width: 100%; overflow: hidden; margin: 30px 0 0 0;}
		.prodetail_three  .prodetail_three_con .prodetail_three_con_l{ width: 48%; margin: 0; padding: 0;}
	   .prodetail_three  .prodetail_three_con .prodetail_three_con_r{ width: 48%; margin: 0; padding: 0;}
	   .prodetail_three_con_r p{font-size: 16px; color: #999999; line-height: 30px;}
	   
	   
	        .prodetail_four{ width: 100%; overflow: hidden; padding-bottom: 0.8rem; background: #242e38;}
			  .prodetail_four   .prodetail_four_con{ width: 100%; margin: 0.8rem 0 0rem 0; overflow: hidden;}
			   .prodetail_four_con span{background: #f13e2a;
    background: -webkit-linear-gradient(left, #ff512f, #dd2424);
    background: linear-gradient(to right, #ff512f, #dd2424); font-size: 18px; color: #FFFFFF;  border-radius: 25px; display: block; width: 380px; height: 45px; line-height: 45px; text-align: center;margin-bottom: 0.4rem;}
			
			
			.prodetail_four_con table{width: 100%; text-align: center; font-size: 14px;}
			 .prodetail_four_con table td{
				 padding: 15px;
				     border: 1px solid #8194a5;
					
					 
			 }
			.prodetail_four_con thead td{
							 padding: 10px;
							     border: 1px solid #eeeeee;
								 color: #FFFFFF;
								 background: #35414f;
								 
			}
			 .prodetail_four_con table tr{ background: #e9f0f6; color: #000000; }
			  .prodetail_four_con table .tr_2{ background: #e6e6e6; color: #000000; }
			table {
			    border-collapse: collapse;
			    border-spacing: 0;
			}
			.prodetail_five{
				width: 100%;
				margin: 0;
				padding: 0px 0 0 0;
				background: url(/skin/images/five_bj_02.jpg) repeat-x;
				overflow: hidden;
				text-align: center;
			}
			
			
			.prodetail_five ul{ margin-top: 0.8rem; overflow: hidden;}
			.prodetail_five ul li {
				width: 11%;
				float: left;
				margin-right: 3.8%;
				overflow: hidden;
			}
			
			.prodetail_five ul li:nth-child(7n) {
				margin-right: 0;
			}
			
			.prodetail_five ul li .yd_four_q {
				width: 154px;
				height: 154px;
				border-radius: 154px;
				overflow: hidden;
			}
			
			.prodetail_five ul li .yd_four_z {
				width: 23px;
				height: 44px;
				background: url(/skin/images/yl_jt.png) no-repeat;
				margin: 30px auto;
			}
			
			.prodetail_five ul li .yd_four_h {
				width: 154px;
				height: 154px;
				border-radius: 154px;
				overflow: hidden;
			}
			
			.prodetail_five ul li p {
				font-size: 22px;
				font-weight: bold;
				color: #272f3a;
				text-align: center;
				margin-top: 30px;
			}
			
			.yd_four_lx {
			
				margin: 75px auto 0 auto;
				padding: 0;
				overflow: hidden;
				text-align: center;
				display: inline-block;
			}
			
			.yd_four_lx p {
				width: 270px;
				overflow: hidden;
				display: inline-block;
				margin: 0 30px;
			
			}
			
			.yd_four_lx p strong a{
				height: 60px;
				line-height: 60px;
				color: #272f3a;
				font-size: 22px;
				border-radius: 30px;
				border: 2px solid #272f3a;
				display: block;
				text-align: center;
				background: none;
			}
			
			.yd_four_lx p span {
				height: 36px;
				line-height: 36px;
				font-size: 16px;
				color: #272f3a;
				text-align: center;
				display: block;
			
			}
			
			.yd_four_lx p span em {
				color: #dd2118;
				margin-right: 10px;
				font-size: 16px;
				vertical-align: middle;
			}
			
			.yd_four_lx p a {
				height: 60px;
				line-height: 60px;
				border-radius: 60px;
				font-size: 22px;
				color: #fff;
				background: #f13e2a;
				background: -webkit-linear-gradient(left, #ff512f, #dd2424);
				background: linear-gradient(to right, #ff512f, #dd2424);
				transition: all .5s ease;
				display: block;
				text-align: center;
				font-weight: bold;
			}
			
			.yd_four_lx p a:hover {
				border-radius: 0;
			}
			
			.prodetail_five .yd_four_bottom {
				width: 100%;
				text-align: right;
				font-size: 16px;
				font-weight: bold;
				color: #272f3a;
				padding: 30px 0;
				font-weight: normal;
			}
			
			
			
			
			.ps_four{
				width: 100%;
				overflow: hidden;
				margin: 0;
				padding: 0rem 0 0.8rem 0;
				background: #29313c;
			}
			
			.ps_four .ps_four_con{
				width: 100%;
				margin: 0.8rem 0 0 0;
				padding: 0;
				overflow: hidden;
			}
			.ps_four .ps_four_con .ps_four_con_l{
				width: 31%;
				background: #FFFFFF;
				margin: 0 3% 0 0;
				padding: 0 0 0 20px;
				height: 6.266rem;
				position: relative;
			}
			
			.ps_four .ps_four_con .ps_four_con_l:nth-child(3n) {
			   margin-right: 0;
			}
			.ps_four_con_l .ps_four_con_l_top{
				width: 100%;
			}
			.ps_four_con_l_top span{
				width: 50px;
				height: 18px;
				background: url(/skin/images/psfour_tb.png) no-repeat left;
				display: block;
				margin: 55px 0 0 0;
			}
			.ps_four_con_l_top h3{
				font-weight: bold;
				font-size: 22px;
				color: #1d242c;
				margin-top: 10px;
			}
			.ps_four_con_l_top p{
				
				font-size: 16px;
				color: #999999;
			}
			.ps_four_con_l_top a{
				width: 128px;
				height: 35px;
				border-radius: 10px;
				text-align: center;
				line-height: 35px;
				color: #FFFFFF;
				font-size: 16px;
				display: block;
				background: #E12926;
				    box-shadow: 0 5px 27px rgba(255, 41, 38, 0.4);
					margin: 45px 0 0 0;
			}
			.ps_four_con_l  img{right: 0; position: absolute; width:70%;}
			
			.ps_four .ps_four_con .ps_four_con_r{
				width: 100%;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
			 .ps_four_con_r  .ps_four_con_r1{ 
				 width: 100%;
				 overflow: hidden;
				 margin: 0;
				
			 }
			.ps_four_con_r1 ul li{
				width: 43%;
				margin-right: 4%;
				background: #FFFFFF;
				padding-left: 20px;
				position: relative;
				padding-bottom: 40px;
			}
			
			.ps_four_con_r1 ul li:nth-child(2n) {
			   margin-right: 0;
			}
			.ps_four_con_r1 ul li span{
				width: 50px;
				height: 18px;
				background: url(/skin/images/psfour_tb.png) no-repeat left;
				display: block;
				margin: 55px 0 0 0;
			}
			.ps_four_con_r1 ul li h3{
				font-weight: bold;
				font-size: 22px;
				color: #1d242c;
				margin-top: 10px;
			}
			.ps_four_con_r1 ul li p{
				
				font-size: 16px;
				color: #999999;
			}
			.ps_four_con_r1 ul li a{
				width: 128px;
				height: 35px;
				border-radius: 10px;
				text-align: center;
				line-height: 35px;
				color: #FFFFFF;
				font-size: 16px;
				display: block;
				background: #E12926;
				    box-shadow: 0 5px 27px rgba(255, 41, 38, 0.4);
					margin: 45px 0 0 0;
			}
			.ps_four_con_r1 ul li img{margin-left: 180px;
			position: absolute; top: 10px;}
			
			 .ps_four_con_r  .ps_four_con_r2{ 
				 width: 100%;
				 overflow: hidden;
				 margin: 0;
				 padding: 0.8rem 0 0 0;
				
				 
			 }
			 .ps_four_con_r2 h1{color: #ffffff; font-weight: bold;font-size: 32px; text-align: center; margin-bottom: 30px;}
			.ps_four_con_r2 .ps_four_con_r2_lx {
			 	width: 80%;
			 	margin: 0px auto 0 auto;
			 	padding: 0;
			 	overflow: hidden;
			 }
			 
			.ps_four_con_r2_lx  p {
			 	width: 40%;
			 	overflow: hidden;
			 }
			 
			.ps_four_con_r2_lx  p strong a{
			 	height: 60px;
			 	line-height: 60px;
			 	color: #ffffff;
			 	font-size: 22px;
			 	border-radius: 30px;
			 	border: 2px solid #627180;
			 	display: block;
			 	text-align: center;
				background: none;
			 }
			 
			.ps_four_con_r2_lx  p span {
			 	height: 36px;
			 	line-height: 36px;
			 	font-size: 16px;
			 	color: #627180;
			 	text-align: center;
			 	display: block;
			 
			 }
			 
			.ps_four_con_r2_lx p span em {
			 	color: #dd2118;
			 	margin-right: 10px;
			 	font-size: 16px;
			 	vertical-align: middle;
			 }
			 
			.ps_four_con_r2_lx  p a {
			 	height: 60px;
			 	line-height: 60px;
			 	border-radius: 60px;
			 	font-size: 22px;
				font-weight: bold;
			 	color: #fff;
			 	background: #f13e2a;
			 	background: -webkit-linear-gradient(left, #ff512f, #dd2424);
			 	background: linear-gradient(to right, #ff512f, #dd2424);
			 	transition: all .5s ease;
			 	display: block;
			 	text-align: center;
			 }
			 
			.ps_four_con_r2_lx  p a:hover {
			 	border-radius: 0;
			 }
			
	/*案例列表*/
	.case_banner{ width: 100%; height: 10rem; background: url(/skin/images/case_ban_02.jpg) no-repeat center; overflow: hidden;}
	.case_banner h1{ font-size: 46px; color: #FFFFFF; margin: 3rem 0 0 0;}
	.case_banner p{ font-size: 18px; color: #FFFFFF;}
			
			
			.case-msg {z-index: 1; margin: 3rem 0 0 0;}
			.case-msg .wrap{border-bottom: 4px solid #ef4c43;background: url(/skin/images/case-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 4px;padding:29px 20px 20px 142px;position: relative;}
			.case-msg .wrap:before{content:'';width: 141px;height: 257px;background: url(/skin/images/case-pic.png) no-repeat;position: absolute;left: 0;bottom: 0;}
			.case-msg .one{overflow: hidden;margin-bottom: 28px;}
			.case-msg .one strong{display: block;float: left;font-size: 30px;color: #ffffff;line-height: 64px;}
			.case-msg .one p{float: right;background:#ffcb8d;background: -moz-linear-gradient(left, #f7b875 0%, #ffcb8d 100%);background: -webkit-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: -o-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: -ms-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: linear-gradient(to right, #f7b875 0%,#ffcb8d 100%);font-size: 26px;font-weight: bold;line-height: 64px;border-radius: 4px;padding:0 32px;}
			.case-msg .one p span{color: #e3674f;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
			
			.case-msg form{overflow: hidden;}
			.case-msg ul{margin-right: -1%;width: 86%;float: left;}
			.case-msg li{float: left;width: 24%;margin-right: 1%;}
			.case-msg li select,.case-msg li input,.case-msg li textarea{width: 100%;height: 56px;line-height: 56px;background-color: #ffffff;padding:0 10px 0 20px;border-radius: 4px;font-size: 14px;color: #333333;outline: none;}
			.case-msg .last{position: relative;}
			.case-msg .last:after{content:'*';font-size: 18px;color: #d53442;position: absolute;top: 14px;left: 12px;}
			
			.case-msg .sub-btn{float: right;width: 152px;}
			.case-msg .sub-btn input{width: 100%;height: 56px;line-height: 56px;text-align: center;font-size: 14px;color: #fff;border-radius: 4px;cursor: pointer;outline: none;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}
			.case-msg .sub-btn input:hover {background-position: right center;}
		
		 .case-msg .sub-btn{width: 200px;;padding-left: 0;position: relative;}
		.case-msg .sub-btn .btn{text-align:left;font-size: 18px;color: #fff;font-weight: bold;padding-left: 50px;}
		 .case-msg .sub-btn:after{content:'';width: 16px;height: 16px;background: url(/skin/images/index-icon1.png) no-repeat;position: absolute;top: 50%;margin-top: -8px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;right: 54px;}
		 .case-msg ul{width: 85%;}
		 .case-msg li{width: 22%;}
		 .case-msg .li1{width: 28%;}
		 
		 .case_con{ width: 100%; margin: 0; overflow: hidden;}
		 .case_con h2{ font-size: 40px; line-height: 60px; color: #000000; margin: 0.8rem 0;}
			.case_con span{ display: block; color: #304399;line-height: 30px; background: #f5f9fb; width: 100%; padding: 10px  30px; border-radius: 40px; font-size: 16px;}
			
			.case_list{ width: 100%; margin: 0; padding: 0 0 0.8rem 0; overflow: hidden;}
			
			.case_list ul li{ width: 30%; margin: 0.8rem 5% 0 0; float: left; overflow: hidden;}
	.case_list ul li a img{webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
			.case_list ul li a p{ color: #000000; font-size: 20px; font-weight: bold; line-height: 32px; height: 64px;}
			.case_list ul li a b{ color: #666666; font-size: 14px; font-weight: bold; line-height: 32px;}
			.case_list ul li .case_list_more{ width: 100%; border-bottom:  1px solid #dfdfdf; background:url(/skin/images/case_more.png) no-repeat left center; padding:15px  0  15px 18px;}
	       .case_list ul li .case_list_more p{  font-size: 14px; height: auto;}
		   
		   .case_list ul li:nth-child(3n){
		       margin-right: 0;
		   }
	   .case_list ul li a:hover p{color: #E60012;}
	   .case_list ul li a:hover img{transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02); }
	
		/*案例详情*/
		.case_detail_top{ width: 100%;  background:url(/skin/images/casedetail_bj_02.jpg) no-repeat center; padding: 0.8rem 0 0.8rem 0; overflow: hidden;}
		.case_detail_top .case_detail_top_l{ width: 48.6%; margin: 0; padding: 0;}
		.case_detail_top .case_detail_top_l img{width: 100%;}
	.case_detail_top .case_detail_top_r{ width: 50%; margin: 0; padding: 0;}
	.case_detail_top h2{ font-size: 0.48rem; color: #ffffff; background: url(/skin/images/yd_probt_03.jpg) no-repeat left 0.8rem; margin-bottom: 0.4rem; line-height: 0.48rem;}
	.case_detail_top_r .case_detail_top_r_cs{ width: 38.6%; height: auto; margin: 0px 0 0 0;}
	.case_detail_top_r_cs h3{ font-size: 20px; color: #ffffff; position: relative;z-index: 1; padding-left: 10px;margin-top: 20px;}
	.case_detail_top_r_cs h3::before{
		    content: "";
			width: 43px;
			height: 32px;
		   background: url(/skin/images/case_tit.png) no-repeat left center;
		    position: absolute;
		    left: 0;
		   z-index: -1;
		   
		  
	}
	.case_detail_top_r_cs span{ color: #627180;  padding: 3px 15px; border:  1px #627180 dashed; border-radius: 10px; margin-top: 20px; font-size: 18px; display: inline-block;}
	.case_detail_top_r_cs  p{ font-size: 24px;font-weight: bold; color: #ffffff;}
	.case_detail_top_r_cs  b{ font-size: 18px; color: #627180; display: inline-block;}
	.case_detail_top_r_cs a{ width: 100%; height: 56px; background: #e60012; font-size: 18px; font-weight: bold; line-height: 56px; display: block; text-align: center; color: #FFFFFF;margin: 30px 0 0 0;}
	.case_detail_top_r_cs a:hover{background: #000000;}
		.case_detail_top_r .case_detail_top_r_cp{ width: 61%; height: auto; margin: 0px 0 0 0;background-color: rgba(19, 22, 33, 0.5); padding: 20px 20px;}
	.case_detail_top_r_cp h3{ font-size: 20px; color: #ffffff;}
	.case_detail_top_r_cp ul{overflow: hidden;}
	.case_detail_top_r_cp ul li{width: 100%;padding: 20px;background-color: rgba(2, 5, 14, 0.3); overflow: hidden; margin: 10px 0 0 0;}
	.case_detail_top_r_cp ul li a span{ display: inline-block; width: 38%;}
	.case_detail_top_r_cp ul li a span img{width: 100%;}
	.case_detail_top_r_cp ul li a p{width: 60%; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 30px;}
	
	
	
	.case_detail_one{ width: 100%; margin: 60px 0; padding: 0; overflow: hidden;}
	.case_detail_tit{ background: url(/skin/images/casedetail_tit.png) no-repeat left center; padding-left: 55px;}
	.case_detail_tit h2{ color: #000000;font-size: 40px;}
	.case_detail_one .case_detail_one_con{ width: 100%; margin: 60px 0 0 0; overflow: hidden;}
	.case_detail_one_con .case_detail_one_con_l{ width: 47%;}
	.case_detail_one_con_l p{ color: #999999;line-height: 32px; font-size: 16px;}
		.case_detail_one_con .case_detail_one_con_r{ width: 48%;}
		
			.case_detail_two{ width: 100%; margin: 60px 0; padding: 0; overflow: hidden; background: url(/skin/images/jmllogo.png) no-repeat right top;}
		
		.case_detail_two .case_detail_two_con{ width: 100%;margin: 0; overflow: hidden}
		.case_detail_two_con .case_detail_two_con_l{ width: 47%; margin: 0; overflow: hidden;}
		.case_detail_two_con_l img{margin-top: 60px; width: 100%;}
		.case_detail_two_con_l .ps_four_con_r3{
						 width: 100%;
						 overflow: hidden;
						 margin: 0;
						 padding: 0.8rem 0 0 0;
						}
					 .ps_four_con_r3 h1{color: #242d36; font-weight: bold;font-size: 32px; text-align: center; margin-bottom: 30px;}
					.ps_four_con_r3 .ps_four_con_r3_lx {
					 	width: 80%;
					 	margin: 0px auto 0 auto;
					 	padding: 0;
					 	overflow: hidden;
					 }
					 
					.ps_four_con_r3_lx  p {
					 	width: 48%;
					 	overflow: hidden;
					 }
					 
					.ps_four_con_r3_lx  p strong a{
					 	height: 60px;
					 	line-height: 60px;
					 	color: #242d36;
					 	font-size: 22px;
					 	border-radius: 30px;
					 	border: 2px solid #242d36;
					 	display: block;
					 	text-align: center;
						background: none;
					 }
					 
					.ps_four_con_r3_lx  p span {
					 	height: 36px;
					 	line-height: 36px;
					 	font-size: 16px;
					 	color: #627180;
					 	text-align: center;
					 	display: block;
					 
					 }
					 
					.ps_four_con_r3_lx p span em {
					 	color: #dd2118;
					 	margin-right: 10px;
					 	font-size: 16px;
					 	vertical-align: middle;
					 }
					 
					.ps_four_con_r3_lx  p a {
					 	height: 60px;
					 	line-height: 60px;
					 	border-radius: 60px;
					 	font-size: 22px;
						font-weight: bold;
					 	color: #fff;
					 	background: #f13e2a;
					 	background: -webkit-linear-gradient(left, #ff512f, #dd2424);
					 	background: linear-gradient(to right, #ff512f, #dd2424);
					 	transition: all .5s ease;
					 	display: block;
					 	text-align: center;
					 }
					 
					.ps_four_con_r3_lx  p a:hover {
					 	border-radius: 0;
					 }
			.case_detail_two_con .case_detail_two_con_r{ width: 53%; margin: 0; overflow: hidden; background: #111727; padding: 00px 40px 60px 40px;}
		.case_detail_two_con_r ul li{width: 100%; margin-top: 60px;}
		.case_detail_two_con_r ul li h2 {line-height: 30px;}
		.case_detail_two_con_r ul li h2 b{ font-size: 30px; color: #e60012;}
		.case_detail_two_con_r ul li h2 i{ font-size: 22px; color: #ffffff;font-weight: bold;  font-style: normal; margin-left: 25px; width: 90%;}
		.case_detail_two_con_r ul li  p{ font-size: 16px; color: #999999; width: 100%; display: inline-block; padding-left: 60px; line-height: 30px; margin-top: 20px;}
		.case_detail_three{ width: 100%; margin: 60px 0; padding: 60px 0; overflow: hidden; background: #f5f9fb;
	
		    background: -webkit-linear-gradient(bottom, #ffffff, #f3f8fa);
		    background: linear-gradient(to top, #ffffff, #f3f8fa);
		}
		
		.case_detail_three .case_detail_three_con{ width: 100%;margin: 0; overflow: hidden;padding: 100px 0;}
		 .case_detail_three_con  .case_detail_three_con_l{ width: 25%; margin: 0; padding: 0;}
		 .case_detail_three_con_l span{ width: 180px; height: 180px;border-radius: 180px; background: #999999; display:block; margin: 0 auto; overflow: hidden;}
		 .case_detail_three_con_l span img{width: 100%;}
		
		.case_detail_three_con  .case_detail_three_con_r{ width: 75%; margin: 0; padding: 0;position: relative;}
		 .case_detail_three_con_r p{ font-size: 18px; color: #000000; line-height: 32px; padding: 0 40px;}
		.case_detail_three_con_r i{font-style: normal; font-size: 40px; color: #000000; font-weight: bolder; position: absolute; top: 0; left: 0; line-height: 1;}
		.case_detail_three_con_r b{font-style: normal; font-size: 40px; color: #000000; font-weight: bolder; position: absolute; bottom: 0; right: 0; line-height: 0;}
		
		
		.case_detail_four{ width: 100%; margin: -120px 0 0 0; padding:  0; overflow: hidden;}
		
		.case_detail_four .case_detail_four_con{ width: 100%;margin: 0; overflow: hidden;padding:0;}
		
		
		
		/*新闻推荐*/
		.news_banner{ width: 100%;margin: 0; padding:  0; background: url(/skin/images/news_bj_02.jpg) no-repeat center; height: 6.653rem; overflow: hidden;}
		.news_banner h2{ font-size: 0.613rem; color: #ffffff; margin-top: 1.866rem;}
		.news_banner p{ font-size: 18px; color: #ffffff;}
		
		.news_con{ width: 100%; background: #f9f9f9; padding: 30px 0 60px 0;}
		.news_con h2{ font-size: 36px; color: #181818; margin-bottom: 0.8rem; }
		
		.news_con .news_recommend{ width: 100%; height: 426px; background: #FFFFFF; overflow: hidden;}
		.news_recommend .news_recommend_l{ width: 50%; height: 100%;}
		.news_recommend .news_recommend_l img{width: 100%; height: 100%;}
		.news_recommend .news_recommend_r{ width: 50%; padding: 0.8rem 0.4rem 0 0.4rem; }
		.news_recommend_r span{ padding: 5px 10px; font-size: 16px; color: #999999; border: 1px solid #d1d1d1; border-radius: 10px; display: inline-block;}
		.news_recommend_r h3{ font-size: 32px; color: #000000; line-height: 42px; margin: 20px 0;}
		.news_recommend_r p{ font-size: 16px; color: #999999; line-height: 28px;}
		.news_recommend_r b{font-size: 16px; color: #707070; font-weight: normal;display: block; margin-top: 0.6rem; }
		.news_con a:hover .news_recommend_r h3{color: #E60012;}
		
		.news_con ul{ width: 100%; overflow: hidden;}
		.news_con ul li{ width: 23%; background: #FFFFFF; float: left; margin-right: 2.666%; margin-top: 30px;}
		.news_con ul li .news_title{ width: 100%; padding: 0 15px;}
		.news_con ul li img{width: 100%;}
		.news_title p{ font-size: 16px; color: #999999; margin: 20px 0 0 0;}
		.news_title h4{ font-size: 22px; color: #000000; line-height: 30px;}
		.news_title b{ font-size: 16px; color: #707070; font-weight: normal; margin: 50px 0 30px 0;display: block; }
		.news_title a:hover h4{color: #E60012;}
		
		
		.news_con ul li:nth-child(4n){
		    margin-right: 0;
		}
		
		.news_con .news_all{ width: 100%; text-align: center; margin: 60px 0 0 0; }
		 .news_all a{font-size: 20px; color: #3573e7;}
		 
		 .news_nav{ width: 100%; height: 100px; background: #ffffff;}
		 .news_nav ul li{float: left;width: 23%;margin-right: 2.666%;}
		  .news_nav ul li a{ color: #ccd1d9;font-size: 18px; font-weight: bold; height: 90px; border-bottom: 1px solid #ccd1d9; display: block; padding-left: 40px; line-height: 90px;}
		 .news_nav ul li:nth-child(4n){
		     margin-right: 0;
		 }
		 .news_nav ul li a:hover{ color: #304399;border-bottom: 1px solid #304399;}
		 .news_nav ul li .nav_a{color: #304399;border-bottom: 1px solid #304399;}
		 
		 
		 .section-page {
		 	text-align: center;
		 	margin: 60px 0 0px 0;
		 	font-size: 20px;
		 	color: #707070;
		 }
		 
		 .section-page .content {
		 	display: inline-block;
		 }
		 
		 .section-page .pageInput {
		 	width: 42px;
		 	height: 42px;
		 	border: 1px solid #707070;
		 	text-align: center;
		 	font-size: 20px;
		 	color: #707070;
		 	display: inline-block;
		 	background: none;
		 }
		 
		 .section-page span.pageInput {
		 	display: none;
		 }
		 
		 .section-page .xiegan {
		 	margin: 0 16px;
		 }
		 
		 .section-page .left-jt,
		 .section-page .right-jt {
		 	padding: 4px 10px 8px;
		 	width: 48px;
		 	text-align: center;
		 	cursor: pointer;
		 	box-sizing: border-box;
		 }
		 
		 .section-page .left-jt:hover,
		 .section-page .right-jt:hover {
		 	background: none;
		 }
		 
		 .section-page .left-jt {
		 	margin-right: 10px;
		 	float: left;
		 
		 
		 }
		 
		 .section-page .right-jt {
		 	margin-left: 10px;
		 	float: right;
		 }
		 
		 .section-page img {
		 	width: 10px;
		 	cursor: pointer;
		 }

		 
		 
		 /*新闻详情*/
		 .news_breadcrumbs{ width: 100%;  background: #f8f8f8;}
		 .news_breadcrumbs p{ color: #E60012; font-size: 14px; padding: 30px 0;}
		 .news_breadcrumbs a{ font-size: 14px; color: #333333;}
		 .news_breadcrumbs a:hover{color: #E60012;}
		 .news_breadcrumbs i{ margin: 0 14px; color: #333333;}
		 
		 .news_detail_tit{width: 100%; border-bottom: 1px solid #d1d1d1; padding: 0.8rem 0;}
		  .news_detail_tit p{ font-size: 16px; color: #999999;}
		 .news_detail_tit h1{ font-size: 32px; color: #000000; line-height: 40px;}
		   .news_detail_tit b{ font-size: 16px; color: #707070; font-weight: normal;}
		   
		   .news_detail_con{ width: 100%; margin: 0; padding: 60px 0; overflow: hidden;}
		   
		   .news_detail_bottom{ width: 100%; background: #f8f8f8; overflow: hidden; padding: 40px 0;}
		    .news_detail_bottom  .news_detail_bottom_l{ width: 80%; margin: 0;}
			 .news_detail_bottom_l p{ font-size: 20px; color: #3e3e3e;}
			 .news_detail_bottom_l p a{color: #3e3e3e;}
			 .news_detail_bottom_l p a:hover{ color: #E60012;}
			 
			  .news_detail_bottom  .news_detail_bottom_r{ width: auto; margin: 0;}
			  .news_detail_bottom_r span{ color: #3e3e3e; font-size: 20px; font-weight: bold; background: url(/skin/images/Share.png) no-repeat 130px center; display: block; padding-right: 40px;}
			   .news_detail_bottom_r ul li{float:left; margin-right: 20px;}
		   
		   
	/*对于我们*/
	.about_banner{ width: 100%;margin: 0; padding:  0; background: url(/skin/images/about_bj_02.jpg) no-repeat center; height: 6.653rem; overflow: hidden;}
	.about_banner h2{ font-size: 46px; color: #ffffff; margin-top: 1.866rem;}
	.about_banner p{ font-size: 18px; color: #ffffff;}	
	 
	 .about_con{ width: 100%; margin: 0; overflow: hidden;}
	 
	 .about_con h1{ font-size: 0.533rem; line-height: 0.8rem; color: #000000; width: 40%;padding: 1.2rem 0 0 0;}
	  .about_con p{ font-size: 16px; line-height: 30px; color: #999999; margin-top: 0.8rem;}
		   .news_top {
		   	width:100%;
		   
	
		 
		   	margin:0rem auto 0 auto;
		   	padding:0;
			text-align: center;
		   }
		   
		   .news_top .news_parBd {
		   	overflow: hidden;
		   }
		   
		   .news_top .news_parBd ul {
		   	overflow: hidden;
		   	zoom: 1;
		   }
		   
		   .news_top .news_parBd ul li {
		   	display: block;
		   }
		   
		  
		   
		   .news_parBd ul li p{
		   	font-size: 20px;
		   	color: #999999;
			margin: 0.8rem 0 0 0;
		   }
		   
		   .news_top .news_parHd {
		   
		   
		   	padding: 0;
			margin: 0.8rem 0;
		 
		   }
		   
		   .news_top .news_parHd ul {
		   	display: table;
		   	margin: 0 auto;
		   }
		   
		   .news_top .news_parHd ul li {
		   	float: left;
		   	padding: 0;
		   	cursor: pointer;
		   	width:10px;
		   	height: 10px;
		   	border-radius: 10px;
		   	background: #dcdfe4;
		   	margin: 0 0.133rem;
		   }
		   
		   .news_top .news_parHd ul li.on {
		   
		   	background: #2c3036;
		   
		   }
		   
		   .about_show{ width: 100%; margin: 0; background: #f8f8f8; overflow: hidden; padding-bottom: 0.8rem;}
		    .about_show  .about_show_one{ width: 100%; margin: 0.8rem 0 0 0; overflow: hidden;}
			 .about_show_one  .about_show_one_l{ width: 60%; margin: 0;}
			 .about_show_one_l h2{ color: #000000; font-size: 36px;}
			  .about_show_one_l p{ color: #999999; font-size: 16px; line-height: 30px;}
			 	 .about_show_one  .about_show_one_r{ width: 40%; margin: 0; text-align: right;}
				 
				   .about_show  .about_show_two{ width: 100%; margin: 0.8rem 0 0 0;overflow: hidden;}
				   
				   .about_show_two h2{ color: #000000; font-size: 36px;}
				    .about_show_two p{ color: #999999; font-size: 16px; line-height: 30px;}
					
					
					/*联系我们*/
					.contact_banner{ width: 100%;margin: 0; padding:  0 ; background: url(/skin/images/contact_bj_02.jpg) no-repeat center; height: 6.653rem; overflow: hidden;}
					.contact_banner h2{ font-size:46px; color: #ffffff; margin-top: 1.866rem;}
					.contact_banner p{ font-size: 18px; color: #ffffff;}
					
					.contact_top { width: 100%; background: #f5f9fb; overflow: hidden; padding: 0.5rem 0 0.8rem 0; }
					.contact_top h1{ font-size: 42px; color: #000000; font-weight: bold;}
					.contact_top_show{width: 100%; margin: 0; overflow: hidden;}
					.contact_top_show_one{width: 50%; margin: 0.5rem 0 0 0;}
					.contact_top_show_one h2{ font-size: 28px; color: #000000; background: url(/skin/images/contb.png) no-repeat left center; padding-left: 50px;}
					.contact_top_show_one p{ color: #000000; font-size: 18px; display: block; position: relative; padding-left: 20px;}
					.contact_top_show_one p::before{
						content: "";
						position: absolute;
						width: 8px;
						height: 8px;
						background: #000000;
						left: 0;
						border-radius: 8px;
						top: 12px;
					}
					.contact_top_show_one p a{ color: #000000;}
					 .in_contact2{ width: 100%; margin: 0.8rem 0 0 0; overflow: hidden; }
					
					.in_contact2 .in_quote{ width: 25%; height: 0.666rem; background: #e81929; display: block; position: relative; color: #ffffff; font-size: 0.266rem; line-height: 0.666rem; padding-left: 1rem;font-weight: bold; margin-right: 1.6rem;}
					.in_contact2 .in_quote::before{
						content: "";
						  background: url(/skin/images/quote.png) no-repeat left center;
						    position: absolute;
							width: 0.4rem;
							height: 0.4rem;
							background-size: 0.4rem;
							left: 20px;
							top: 11px;
					}
					
					.in_contact2 .in_watsapp{ width: 3.333rem; height: 0.666rem; background: #43c056; display: block; position: relative; color: #ffffff; font-size: 0.266rem; line-height: 0.666rem;padding-left: 1.143rem; font-weight: bold;}
					.in_watsapp::before{
						content: "";
						  background: url(/skin/images/watpp.png) no-repeat left center;
						    position: absolute;
							width: 0.4rem;
							height: 0.4rem;
							background-size: 0.4rem;
							left: 0.6rem;
							top: 11px;
					}
					.in_contact2 .in_watsapp:hover{ background: #2fad42;}
					.in_contact2 .in_quote:hover{background: #b4202b;}
						.contact_service{ width: 100%;  overflow: hidden;  background: url(/skin/images/dt.png) no-repeat  center bottom ; padding: 1.6rem 0 0 0; }
						.contact_service h1{ font-size: 36px; color: #000000;line-height: 0.8rem; width: 50%;}
						.contact_service p{ font-size: 18px; color: #999999;line-height: 30px; width: 100%;margin-top: 0.6rem;}
						.contact_service p img{width: 100%;}
					 .contact_l_sj{ width: 100%; margin: 0; padding: 1.6rem 0;overflow: hidden;}
					
					.contact_l_sj .contact_sj_one{ width: 25%; margin: 0.8rem 0 0 0; text-align: center;}
					.contact_sj_one span{ color: #1f1d21; font-size: 20px; font-weight: bold; display: block;line-height: 1;}
					.contact_sj_one span b{ font-size: 60px;}
					.contact_sj_one p{ color: #999999; font-weight: normal; font-size: 16px; line-height: 24px;}
					
					
						.contact_message{width: 100%;   margin: 0 0 0.8rem 0; padding:0.8rem; background: #304399;}
						 .contact_message h3{ color: #FFFFFF; font-size: 0.4rem; line-height: 0.533rem;}
						 
						.contact_message .message_form {
						 	width: 100%;
						 	overflow: hidden;
						 	margin-top: 10px;
						 }
						 
						.contact_message .message_form .item-form {
						 	width: 30%;
						 	border-bottom: 1px solid #ffffff;
						 	padding-top: 40px;
						 	position: relative;
							float: left;
							margin-right: 2%;
							overflow: hidden;
						 }
						 .contact_message .message_form .item-form:nth-child(3n) {
						     margin-right: 0;
						 }
						 
						 .contact_message .message_form .item-form2{
						  	width: 100%;
						  	border-bottom: 1px solid #ffffff;
						  	padding-top: 40px;
						  	position: relative;
							overflow: hidden;
						  }
						 .item-form span {
						 	display: inline-block;
						 	height: 56px;
						 	line-height: 56px;
						 	font-size: 16px;
						 	overflow: hidden;
						 	color: #fff;
						 	position: absolute;
						 	white-space: nowrap;
						 	left: 0;
						 	top: 20px;
						 	-webkit-transition: all .5s ease-in-out;
						 	transition: all .5s ease-in-out;
						 }
						 
						 .item-form input {
						 	height: 56px;
						 	font-size: 16px;
						 	background: none;
						 	width: 100%;
						 	color: #fff;
						 	border: none;
						 	outline: none;
						 	line-height: 56px;
						 	position: relative;
						 	z-index: 2;
						 }
						 
						 .item-form2 textarea {
						 	height: 1.3rem;
						 	font-size: 16px;
						 	background: none;
						 	width: 100%;
						 	color: #fff;
						 	border: none;
						 	outline: none;
						 	line-height: 56px;
						 	position: relative;
						 	z-index: 2;
						 }
						 
						 .item-form strong {
						 	display: inline-block;
						 	font-size: 12px;
						 	margin-left: 20px;
						 	color: #fff;
						 	opacity: .5;
						 	font-weight: normal;
						 }
						 
						.contact_message .message_form .item_button {
						 	width: 100%;
						 	overflow: hidden;
						 }
						 
						 .item_button .btn2 {
						 	width: 206px;
						 	height: 50px;
						 	background: #ffffff;
						 	box-shadow: 0 5px 27px rgba(255, 41, 38, 0.4);
						 	text-align: center;
						 	display: block;
						 	line-height: 50px;
						 	border: 0;
						 
						 	color: #07165c;
						 	font-size: 18px;
						 	margin: 70px 0 0 0;
						 	transition: all linear 0.3s;
						 	float: left;
						 	cursor: pointer;
						 }
						 
						 .item_button .btn2:hover {
						 	border-radius: 10px;
						 }
						 
						 
						 
						 
						
							   /*返回顶部*/	
							   
							   
							   /*index_fixed*/
							   .advert {
							   	width: 100%;
							   	height: 1.786rem;
							   	background: url(/skin/images/fix-bg01.png) no-repeat;
							   	position: fixed;
							   	background-size: 100%;
							   	bottom: 0;
							   	margin: 0 auto;
							   	left: 50%;
							   	transform: translateX(-50%);
							   	opacity: 0;
							   	visibility: hidden;
							   	transition: all 2s;
							   	z-index: 1;
							   
							   }
							   
							   .advert.active {
							   	opacity: 1;
							   	visibility: visible;
							   }
							   
							   .advert.active01 {
							   	opacity: 0;
							   	visibility: hidden
							   }
							   
							   .advert span {
							   	width: 34%;
							   	padding: 0.5rem 0 0 0.59rem;
							   	display: block;
							   }
							   
							   .advert span a {
							   	background: url(/skin/images/ly.png) no-repeat left center;
							   	background-size: 0.48rem;
							   	font-size: 0.37rem;
							   	color: #ffffff;
							   	padding-left: 0.75rem;
							   }
							   
							   .advert .ft_fixed_r {
							   	width: 60%;
							   	margin: 0.5rem 0 0 0;
							   	text-align: center;
							   	line-height: 1.5;
							   }
							   .advert .ft_fixed_r a{color: #FFF;
						padding-left: 1.16rem;
						position: relative;
						display: block;
						line-height: 1.3;}
							   
							   .advert .ft_fixed_r a::before{
								   content: "";
								       position: absolute;
								       left: 0.8rem;
								       top: 0;
								       width: .9867rem;
								       height: .9867rem;
								       background: url(/skin/images/fix-icon02.gif) no-repeat;
								       -webkit-background-size: cover;
								       -moz-background-size: cover;
								       -ms-background-size: cover;
								       -o-background-size: cover;
								       background-size: cover;
								       margin-right: .24rem;
								       margin-top: -.1rem;
							   }
							   
							   .ft_fixed_r p {
							   	font-size: 0.35rem;
							   	color: #ffffff;
							   }
							   
							   .ft_fixed_r b {
							   	font-size: 0.56rem;
							   	color: #ffffff;
							   }
							   
							   #gotoTop2 {
							   	position: fixed;
							   	right: .4rem;
							   	bottom: 2rem;
							   	width: 1.0666666667rem;
							   	height: 1.0666666667rem;
							   	z-index: 99999;
							   	background: url(/skin/images/m_totop.png) center center no-repeat;
							   	background-size: 1.0666666667rem;
							   	cursor: pointer;
							   }
							   
							   #gotoTop2 {
							   	display: none;
							   }
						 .whatsapp{
						 	width: 1.6rem;
						 	text-align: center;
						 	position: fixed;
						 	bottom: 6rem;
						left: 0.2rem;
						z-index: 999;
						 }
						 .whatsapp img{width: 60px; height: 60px;}
						 .whatsapp a{font-size: 14px; color: #e60012; font-weight: bold;}
		   
/*手机端代码*/	
@media only screen and (max-width: 768px) {
	.section-topBanner {
		height: 480px;
	}

	.section-topBanner .main_keyvisual .video_area {
		width: 1200px;
	}

	.section-topBanner .main_keyvisual .sec_inner .gallery_item video {
		position: absolute;
		width: 100%;
		height: auto;  
		top: 0;
		left: 0;
		transform: translate(0, 0);
		background: white;
		z-index: 1;
	}

	.section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner a {
		height: 3px;
	}

	.section-topBanner .main_keyvisual .sec_inner .main_carousel {
		bottom: 20px;
	}

	.section-news * {
		transition: none !important;
	}

	.section-news .article .tit {
		font-weight: normal;
		color: #000;
	}

	.section-topBanner {
		height: 500px;
		padding-bottom: 0;
	}

	.section-quick .main-quick .sec_inner ul {
		display: flex;
		justify-content: space-between;
		padding: 0 15px;
	}

	.section-quick .main-quick .sec_inner ul li a {
		height: 133px;
		line-height: 0px;
	}

	.section-quick .main-quick .sec_inner ul li a .ico_img {
		width: 100%;
		margin-right: 0px;
		margin-top: 40px;
		float: left;
		height: 48px;
	}

	.section-quick .main-quick .sec_inner ul li .txt {
		width: 100%;
	}

	.section-topBanner .main_keyvisual .sec_inner .main_carousel {
		width: 100%;
		text-align: center;
	}

	.section-topBanner .main_keyvisual .sec_inner .main_carousel .carousel_inner a {
		width: 50px;
	}

	.section-quick .main-quick .sec_inner ul li .txt .title {
		font-size: 14px;
	}

	.section-news .article.solution1,
	.section-news .article.solution2 {
		margin-top: 0;
	}

	.section-news .article .inner,
	.section-news .article.on .inner,
	.section-news .article:hover .inner {
		position: static;
	}

	.section-quick .ico_img .phone-icon {
		width: 30px !important;
		margin: 0 auto;
	}
	
	
}

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

	.dev-con.container,
	.section-quick .container,
	.section-news .inner-wrap {
		width: 90%;
		max-width: 400px;
	}

	.section-news .article .inner,
	.section-news .article.on .inner,
	.section-news .article:hover .inner {
		height: auto;
	}

	.section-news .article,
	.section-news .article.on,
	.section-news .article:hover,
	.section-news .article.solution1,
	.section-news .article.solution2,
	.section-news .article.solution3,
	.section-news .article.solution4,
	.section-news .article.solution5,
	.section-news .article.solution6 {
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		padding-top: 60%;
		height: auto;
		background-size: 100% auto !important;
		background-repeat: no-repeat !important;
		padding-bottom: 0;
		display: block;
		float: none;
		margin-top: 15px;
	}

	.solution5,
	.solution6 {
		display: none !important;
	}

	.section-news .article .tit {
		-webkit-line-clamp: 4;
	}

	.section-news .article.solution1 {
		margin-top: 0;
	}

	.section-develop_area .slide_area,
	.section-develop_area .slide_list {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		overflow: hidden;
		/* margin-bottom: 20px; */
	}
	
	.news_detail_bottom .news_detail_bottom_l{width: 100%;}
	.news_detail_bottom .news_detail_bottom_r{margin-top: 0.3rem;}
}
/*分页*/
.pcon_pagnation {
	width: 100%;
	margin: 0.6rem 0 0.6rem 0;
	text-align: center;
}

.pcon_pagnation1 {
	margin: 0 auto;
	display: table;
}

.pcon_pagnation a {
	width: 0.8rem;
	height: 0.49rem;
	background: #ededed;
	line-height: 0.49rem;
	display: block;
	font-size: 0.16rem;
	color: #333333;
	float: left;
	margin: 0 0.05rem;
}

	.pcon_pagnation a:hover {
		background: #D70C25;
		color: #FFFFFF;
	}

.pcon_pagnation div a.active {
	background: #D70C25;
	color: #FFFFFF;
}

.pageBox {
	text-align: center;
	width: 100%;
	margin: 0.6rem 0 0.6rem 0;
}

	.pageBox a {
		border: 1px solid #ddd;
		display: inline-block;
		margin-right: 6px;
		color: #333333;
		width: 0.8rem;
		height: 0.49rem;
		line-height: 0.49rem;
		font-size: 0.16rem;
	}

		.pageBox a:hover, .pageBox a:active {
			background: #D70C25;
			color: #FFF;
		}

.cur {
	background: #D70C25;
	border: 1px solid #D70C25;
	color: #FFF;
}

.pageBox .disabled {
	width: 79px;
}


@media only screen and (max-width: 414px) {}


.pro_list_nav {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-top: 0.8rem;
}

	.pro_list_nav ul li {
		float: left;
		margin-right: 20px;
	}

		.pro_list_nav ul li a {
			font-size: 18px;
			color: #000;
			background: #f5f9fb;
			display: block;
			padding: 5px 30px;
			border-radius: 20px;
		}

		.pro_list_nav ul li .pro_list_nav_a {
			background: #e60012;
			color: #FFFFFF;
		}

		.pro_list_nav ul li a:hover {
			background: #e60012;
			color: #FFFFFF;
		}
.termsfeed-com---nb-simple {
	max-width: 100% !important;
	width: 30%;
	left: 0 !important;
	right: auto !important;
}

.termsfeed-com---nb .cc-nb-main-container {
	padding: 10px !important;
}

.termsfeed-com---reset button {
	padding: 5px 10px !important;
}

.termsfeed-com---palette-light .cc-nb-text {
	font-size: 12px !important;
}

.termsfeed-com---nb .cc-nb-main-container .cc-nb-buttons-container {
	margin-top: 10px !important;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
	font-family: Arial !important;
}

.termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep {
	margin-right: 15px !important;
	margin-bottom: 15px !important;
}