@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#555 }
a:hover{ color:#1685e1; }

.pc_daohang{ display:block}
.wap_daohang{ display:none}

body{ margin:0 auto;padding:0px;width:100%;font-family:Barlow-Regular;font-size:16px;color:#555; }

@font-face {
font-family: 'iconfont';
src: url('../ziti/iconfont.woff2?t=1689738565086') format('woff2'),
url('../ziti/iconfont.woff?t=1689738565086') format('woff'),
url('../ziti/iconfont.ttf?t=1689738565086') format('truetype');}

.iconfont {
  font-family: "iconfont" !important;

  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sou{ color:#fff;  font-size: 22px; width:20px}

@font-face {
font-family:Barlow-Bold;
src: url('../fonts/Barlow-Bold.ttf'); }
@font-face {
font-family:Barlow-Regular;
src: url('../fonts/impact.ttf'); }
@font-face {
font-family:Barlow-Regular;
src: url('../fonts/Barlow-Regular.ttf'); }
@font-face {
font-family: 'PingFang';
src: url(../fonts/AkzidenzGrotesk-BoldCondAlt.otf);}

@font-face {
font-family: 'PingFang_reg';
src: url(../fonts/PingFang-ExtraLight.woff2);}

.flex{ display:flex}
.wd1200{ width:1200px; margin:0 auto;}
.wap_foot{ display:none}

/* 常量设置 */
.wrap {
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
.mwrap {
	max-width:1366px;
	margin-right:auto;
	margin-left:auto;
}


/* 头部 */
.header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:10;
	transition:all 0.5s ease;
}
.header .logo {
	 margin-top:8px;
}
.header .logo a {
	display:block;
	font-size:0;
}
.header .logo a img{
	display:block;
	font-size:0; height:90px; width:auto;
}
.header .nav_li .nav_layer .layer_r .list_img img{ max-width:100%;
}
.header .nav_li .nav_layer .layer_r .list_img {
  width: 46%;
}
.header .h_lan {
	width:10%;
	line-height:80px;
	text-align:center;
	height:80px;
}
.header.fixed .h_tools .h_lan {
	
	color:#fff;
}
.header .h_lan a {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
}
.header .h_lan span {
	display:inline-block;
	vertical-align:middle;
}
.header .h_lan a.cur {
	font-size:16px;
}

.header .h_tel a span {
	display:inline-block;
	vertical-align:middle;
}
.header .h_tel a span.icon {
	width:22px;
	height:22px;
	background:url(../img/h_tel.png) no-repeat center;
	margin-right:10px;
}
.header .h_search {
	padding:31px 30px;
}
.header .h_search .icon {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/h_search.png) no-repeat center;
}
/* 导航 */
.header .inav_wrapper {
	float:right;
}
.header .inav_wrapper .nav_li {
	float:left;
	padding:5px 20px;
}
.header .inav_wrapper .nav_li .nav_a {
	font-size:17px;
	line-height:30px;
	color:#fff;
	display:block;
	padding:20px 0;
}
.header .inav_wrapper .nav_li.cur .nav_a {
	color:#006cb7;
}
.header .inav_wrapper .nav_li:hover .nav_a {
	color:#006cb7;
}
.header .inav_wrapper .nav_li:hover .h_lan {
	padding:0 25px;
	color:#343434;
}
/* 导航下拉 */
.header .nav_li .nav_layer {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#f4f4f4;
	padding:30px 0 40px;
	display:none;
}
.header .nav_li .nav_layer .layer_l {
	width:20%;
	padding:0;
	float:left;
}
.header .nav_li .nav_layer .layer_l a {
	display:block;
	line-height:45px;
	height:45px;
	font-size:16px;
	color:#666;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}
.header .nav_li .nav_layer .layer_l .nav_ico {
	margin-top:3px;
}
.header .nav_li .nav_layer .layer_l li:hover a {
	color:#fff;
	background-color:#006cb7;
}
.header .nav_li .nav_layer .layer_l li:hover .nav_ico {
	background-position:-60px -60px;
}
.header .nav_li .nav_layer .layer_r {
	width:70%;
}
.header .nav_li .nav_layer .layer_r .layer_text {
	width:49%;
}
.header .nav_li .nav_layer .layer_r .list_img {
	width:46%
}
.header .nav_li .nav_layer .layer_r .layer_p {
	font-size:14px;
	color:#a0a0a0;
	margin-bottom:20px;
	min-height:100px;
	line-height:1.6
}
.header .nav_li .nav_layer .layer_r .more_btn {
	font-size:14px;
	color:#333;
	display:inline-block;
*display:inline;
*zoom:1;
	line-height:40px;
	border:2px solid #ebeae9;
	padding:0 16px;
}
.header .nav_li .nav_layer .layer_r .more_btn:hover {
	color:#fff;
	background:#006cb7;
	border-color:#006cb7;
}
/* 手机菜单 */
.header .mobile_key {
	display:none;
}
.m_nav {
	display:none;
}
/* 下层头部 及首页吸顶和触控头部*/
.xc_pageHeader {
	height:80px;
}


.xc_pageHeader .header .inav_wrapper .nav_li .nav_a {
}
.xc_pageHeader .header .inav_wrapper .nav_li.cur .nav_a {
	color:#006cb7;
}
.xc_pageHeader .header .inav_wrapper .nav_li:hover .nav_a {
	color:#006cb7;
}
.header.fixed {
	background:#fff;
	box-shadow:0 0 15px rgba(0, 0, 0, .2);
}
.header.fixed .h_search .icon {
	background:url(../img/h_search_on.png) no-repeat center;
}
.header.fixed .inav_wrapper .nav_li .nav_a {
	color:#343434;
}
.header.fixed .inav_wrapper .nav_li.cur .nav_a {
	color:#006cb7;
}
.header.fixed .inav_wrapper .nav_li:hover .nav_a {
	color:#006cb7;
}
.header:hover {
	background:#fff;
}
.index_pageHeader .header:hover .logo .img2 {
	display:none;
}
.index_pageHeader .header:hover .logo .img1 {
	display:block;
}
.header:hover .h_search .icon {
	background:url(../img/h_search_on.png) no-repeat center;
}
.header:hover .inav_wrapper .nav_li .nav_a {
	color:#343434;
}
.header:hover .inav_wrapper .nav_li.cur .nav_a {
	color:#006cb7;
}
.header:hover .inav_wrapper .nav_li:hover .nav_a {
	color:#006cb7;
}
.header:hover  .h_tools  .h_lan {
	color:#006cb7;
}


/* 首页 */
.index_pageHeader .header .logo .img1 {
	display: none;
}
.index_pageHeader .header .logo .img2 {
	display:block;
}
.index_pageHeader .header.fixed .logo .img1 {
	display:block;
}
.index_pageHeader .header.fixed .logo .img2 {
	display:none;
}


/* .newsList_top .right .owl-nav .owl-next::after{content:''; width:28px; height:8px; background:url(../img/next_on.png) no-repeat center; position:absolute; right:25px; top:50%; margin-top:-4px; transition:all 0.5s ease;} */
.newsList_top .right .owl-nav .owl-next:hover {
	background:#006cb7;
}
/* .newsList_top .right .owl-nav .owl-next:hover::after{background:url(../img/next.png) no-repeat center; right:6px;} */
.newsList_top .right .owl-nav .owl-prev {
	background:none;
	position:relative;
	cursor:pointer;
}
/* .newsList_top .right .owl-nav .owl-prev::after{content:''; width:28px; height:8px; background:url(../img/prev_on.png) no-repeat center; position:absolute; left:25px; top:50%; margin-top:-4px; transition:all 0.5s ease;} */
.newsList_top .right .owl-nav .owl-prev:hover {
	background:#006cb7;
}
/* .newsList_top .right .owl-nav .owl-prev:hover::after{background:url(../img/prev.png) no-repeat center; left:6px;} */



/* 头部 */

.header .inav_wrapper .nav_li .nav_a {
}
.header .inav_wrapper .nav_li.cur .nav_a {
	color:#006cb7;
}
.header .inav_wrapper .nav_li:hover .nav_a {
	color:#006cb7;
}
.index_pageHeader .header .logo .img1 {
	display: none;
}
.index_pageHeader .header .logo .img2 {
	display:block;
}



/* 头部修改 */

.header .nav_s {
	float:right;
	height:21px;
	line-height:1;
	font-size:0;
	padding-top:30px;
	margin-left:30px;
}
.header .nav_s .language {
	color:#006cb7;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	width: 100px;
	display: inline-block;
}
.header .nav_s .language .iconfont {
	margin: 0 .2em;
	vertical-align: 0px;
}
.header .nav_s .language .language_box {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	display: none;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center
}
.header .nav_s .language .language_box li {
	height: 25px;
	line-height: 25px;
	line-height: 25px;
	font-size: 14px;
transition: background .5s ease;
-webkit-transition: background .5s ease;
}
.header .nav_s .language .language_box li:hover {
	background:#006cb7;
	color: #fff;
}
.header .nav_s .language .language_box li:hover a {
	color: #fff;
}




/* 公共部分 */
.header .inav_wrapper .nav_li {
	padding:10px 20px;
}
.header .nav_s {
	display:none;
}
.header .h_tools { width:42px;
	height:42px;
	line-height:42px;
	border:1px solid #e4e4e4;
	margin-top:34px;
	border-radius:50px;margin-left:20px;
	color:#818181;text-align:center;
}
.header .h_tools .h_lan { text-align:center;
	color:#fff;
}
.header .h_tools .h_lan:hover {
	color:#343434
}
.header .h_lan {
	line-height:inherit;
}
.header .h_tools .h_search {
	padding:0 25px;
	position:relative;
	font-size:18px;
	color:#818181;
}
.header .h_tools .h_search:after {
	content:'';
	width:2px;
	height:1px;
	height:13px;
	background:#fff;
	background:#e4e4e4;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-4px;
}
.header .right_menu {
	margin-top:35px;
	margin-left:20px;
	font-size:20px;
	color:#006cb7;
	cursor:pointer;
}
.header.fixed .h_lan {

	color:#fff;
}

.header.fixed .h_tools { width:42px;
	height:42px;
	line-height:42px;
	border:1px solid #006cb7; background:#006cb7;
	margin-top:34px;
	border-radius:50px; 
	color:#fff;text-align:center;
}

/* 公共按钮 */
.common_more {
	padding:5px;
	display:inline-block;
	border-radius:30px;
	background:transparent;
	box-sizing:border-box;
	padding-left:25px;
	color:#fff;
	border:1px solid #fff;
	transition:all 0.5s ease;
}
.common_more i {
	display:inline-block;
	width:40px;
	height:40px;
	background:#006cb7;
	border-radius:50%;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
	color:#fff;
	margin-left:25px;
	transition:all 0.5s ease;
	border:1px solid #006cb7;
}
.common_more:hover {
	background:#fff;
	color:#006cb7;
	border-color:#006cb7;
}
.common_more:hover i {
	margin-left:40px;
	background:#fff;
	color:#006cb7;
	border-color:#006cb7;
}
.header .common_more {
	background:#006cb7;
	color:#fff;
}
.header .common_more i {
	background:#fff;
	color:#006cb7;
}
.header .common_more:hover {
	background:#fff;
	color:#006cb7;
}
.header .common_more:hover i {
	background:#006cb7;
	color:#fff;
}

@media only screen and (max-width:1680px){
/*.index_pageHeader .header .logo img{ width:80%}*/
.header .logo{ width: 30%}}



@media only screen and (max-width:1441px){
.wrap, .mwrap { width:1360px;}
/*.index_pageHeader .header .logo img{ width:80%}*/
.header .inav_wrapper .nav_li{padding:20px 14px;}}




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



/* 头部 */
.header .mobile_key{display:inline-block; margin:0 10px; vertical-align:middle;  font-size:22px; height:24px; line-height:24px; color:#fff; padding:28px 0;}
.header .mobile_key i{vertical-align:top;}
.header .inav_wrapper{display:none;}
.header:hover .mobile_key{color:#343434;}
.header.fixed .mobile_key{color:#343434;}
.xc_pageHeader .header .mobile_key{color:#343434;}

/* 手机端下拉 */
.m_nav{display:block; position:fixed; right:-100%; top:0; background:#fff; background:rgba(255, 255, 255, 0.8); width:60%; height:100%; z-index:15; transition:right 0.5s ease;;}
.m_nav .nav_bg{background:url(../img/black.6.png) center; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:2;}
.m_nav .content{position:relative; z-index:4; background:#fff; height:100%;}
.m_nav .content .mnav_top{height:102px; background:#fff;}
.m_nav .content .mnav_top .mnav_search{float:right; background:#006cb7; text-align:center; line-height:102px; width:56%; font-size:0;}
.m_nav .content .mnav_top .mnav_search span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#fff;}
.m_nav .content .mnav_top .mnav_search i{display:inline-block; vertical-align:middle; width:31px; height:31px; background:url(../img/widgets_single_nav_14_mnav_search.png) no-repeat center; margin-left:37px; background-size:cover;}
.m_nav .content .mnav_top .mnav_back{float:left; background:#fff; text-align:center; line-height:120px; width:44%; font-size:0;}
.m_nav .content .mnav_top .mnav_back span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#333f47;}
.m_nav .content .mnav_top .mnav_back i{font-size:20px; font-weight:bold; color:#333f47; margin-right:25px;}
.m_nav .content .mnav_center .m_language{text-align:right; padding:20px 0;}
.m_nav .content .mnav_center .m_language a{display:inline-block; font-size:14px; color:#333f47; font-family:Arial; color:rgba(51,63,71,.5); position:relative; margin:0 20px;}
.m_nav .content .mnav_center .m_language a.on{color:#333f47;}
.m_nav .content .mnav_center .m_language a.on:after{content:''; width:96%; height:2px; background:#333f47; position:absolute; left:2%; bottom:-3px;} 
.m_nav .content .mnav_bottom{overflow-y:auto;}
.m_nav .content .mnav_bottom .mnav_li{position:relative; margin:20px 0;}
.m_nav .content .mnav_bottom .mnav_li {display:block; padding:0 45px; position:relative; font-size:19px; color:#333f47; font-weight:bold;}
.m_nav .content .mnav_bottom .mnav_li  i{display:block; width:20px; height:20px; background:url(../img/widgets_single_nav_14_mnav_jt.png) no-repeat; background-size:contain; position:absolute; right:45px; top:5px;}
.m_nav .content .mnav_bottom .mnav_li  i{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);}

.m_nav .content .mnav_bottom .mnav_li dl{background:#f7f7f7; padding:20px 60px; display:none; margin:10px 0;}
.m_nav .content .mnav_bottom .mnav_li dl dd a{display:block; font-size:15px; color:#525252; line-height:35px;}
.m_nav .content .mnav_bottom .mnav_li.cur  i{-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}

/*导航推拉*/
.m_nav.toshow{right:0;}
.m_nav.toshow .nav_bg{opacity:1; visibility:visible;}
.m_nav .content .mnav_bottom .mnav_li:last-child i{display:none;}
.m_nav .content .mnav_bottom .mnav_li:first-child dl,.m_nav .content .mnav_bottom .mnav_li:last-child dl{display:none !important;}

/* 三级导航 */
.m_third_nav{display:block;}
.m_third_nav .content{height:47px; overflow:hidden; border-bottom:2px solid #e5e5e5; text-align:center;}
.m_third_nav ul {width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:60px;}
.m_third_nav ul li{display:inline-block; font-size:15px; color:#949494; margin:0 4px; line-height:47px;}
.m_third_nav ul li a{display:inline-block; position:relative; padding:16px 8px; line-height:1;}
.m_third_nav ul li.on{font-weight:bold; color:#333f47;}
.m_third_nav ul li.on a:after{content:''; width:102%; height:2px; background:#333f47; border-radius:3px; position:absolute; left:0; bottom:0}


}


@media only screen and (max-width: 760px) {
/*body:after {
content: 'Mobile';
}*/
body,input,textarea,button,select {font-size:16px;}
.UnmobilePush{display: none;}
.MobilePush{display:block;}
img[data-src]{opacity: 1;}
.wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
.mwrap .wrap { padding-left:0; padding-right:0; }

/*移动端防恶意复制信息*/
* {
-webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
-webkit-user-select:none; /*webkit浏览器*/   
-khtml-user-select:none; /*早期浏览器*/   
-moz-user-select:none;/*火狐*/   
-ms-user-select:none; /*IE10*/   
user-select:none; 
}
input { -webkit-user-select:auto; /*webkit浏览器*/   }
textarea { -webkit-user-select:auto; /*webkit浏览器*/   }
/*mobileMode 760 网站样式*/

/* 头部 */
.header .h_search{display:none;}
.header .h_tel{display:none;}
.header .h_lan{display:none;}

/* 手机导航 */
.m_nav{width:77%;}
.m_nav .content .mnav_top{height:60px;}
.m_nav .content .mnav_top .mnav_search{line-height:60px;}
.m_nav .content .mnav_top .mnav_search i{width:25px; height:25px; background-size:cover; margin-left:20px;;}
.m_nav .content .mnav_top .mnav_back{line-height:60px;}
/* .m_nav .content .mnav_top .mnav_back i{width:0.25rem; height:0.25rem; background-size:cover;} */
.m_nav .content .mnav_bottom .mnav_li{margin:15px 0;}
.m_nav .content .mnav_bottom .mnav_li a.mnav_a{padding:0 20px; font-size:17px; line-height:30px;}
.m_nav .content .mnav_bottom .mnav_li  i{right:20px}
.m_nav .content .mnav_bottom .mnav_li dl{padding:15px 30px;}
.m_nav .content .mnav_center .m_language{padding:10px 0 15px;}
.m_nav .content .mnav_center .m_language a{margin:0 8px;}
.m_nav .content .mnav_center .m_language a:first-child{margin-left:0px;}
}


.pc_banner{ padding:0px; margin:0px;height:80vh; overflow:hidden; position:relative; width:100%; }
  .ban_f_con{content: " ";
background: rgba(0,15,38,.2);
position: absolute;
left: 0px;
right: 0px;
z-index: 1;
width: 100%; height:100vh; }
.ccp{ padding-top:300px; text-align:center; margin:0 auto; color:#fff;}

.wd1200{ width:1200px; margin:0 auto; padding-top:60px; padding-bottom:70px;}
.flex{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; }

.title{ text-align:center; margin:0 auto; padding-bottom:60px;}
.title1{font-family:Barlow-Bold;
font-size: 50px;
text-transform:capitalize;
color: #333;
font-weight: normal;}
.title2{ background:#006cb7; width:50px; height:3px; margin:0 auto; margin-top:10px;}

/*首页优势*/
.index_youshi ul li{ cursor:pointer; width:23%; text-align:center;transition:all 0.6s ease; margin-bottom:20px;}
.index_youshi ul li .ystu img{ height:60px;}
.index_youshi ul li .ysbk{ padding:30px;box-shadow: 0px 5px 10px 5px rgba(0,0,0,.1); border-radius:5px;}
.index_youshi ul li .ysbk .ysname1{ font-size:22px; color:#333; margin-top:15px; margin-bottom:10px;}
.index_youshi ul li .ysbk .ysname2{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:25px; height:74px;}
.index_youshi ul li:hover{ margin-top:-10px;}

/*首页公司简介*/
.index_about{ background:url(../images/probg.jpg) no-repeat center fixed;}
.index_about .title1{   color:#fff; margin-left:0px; text-align:left;}
.index_about .title{ padding-bottom:35px;}
.abnr p{ margin-bottom:15px;}
.index_about .abtu{ width:28%; overflow:hidden;padding:5px; background:#edede6; border-radius:5px;}
.index_about .abtu img{width:100%;transition: all 0.8s; height:100%;object-fit: cover; }
.index_about .abtu:hover img{   transform: scale(1.1);}
.index_about .abtxt{ width:60%; margin-top:15px;}
.index_about .abtxt .abnr{ color:#fff;margin-bottom:50px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:8;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:30px; font-size:17px;}
.index_about .abtxt h2{ font-family:Barlow-Regular; font-size:40px; text-transform:uppercase; color:#999;font-weight:normal;}
.index_about .abtxt h3{ font-size:40px; font-weight:normal; margin-top:10px; color:#333;}
.index_about .p_item .e_button-16 { margin-left:0px;}
.abmore{ cursor:pointer; width:170px; line-height:45px; text-align:center; background:#006cb7; transition:all 0.6s ease}
.abmore a{ color:#fff;}
.abmore:hover{ width:200px;}

/*.abbg{ background:#fafafa;}*/
.cona{margin:0 auto; padding-top:80px;}


@keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}

.con{ display:flex}
.ul-num li:hover .contu img {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}
.ul-num li .contu img { height:40px;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;display:flex; text-justify:center; text-align:center; max-width:100%!important;margin:0 auto;
}
.contu{ background:#006cb7; width:80px; height:80px; border-radius:50px; display: flex;justify-content: center;
align-items: center;} 

.ul-num{clear: both;}
.ul-num li:last-child{ border-right:0px;}
.ul-num li{float: left; width: 25%;color: #555;  height:80px; /*text-align:center;*/}
.ul-num span{ color:#555;font-size: 50px; font-weight:bold; 
	line-height: 1;margin-bottom: 10px;
}

.ul-num span:after{ color:#000;vertical-align: top;position: relative;top: 5px;font-size: 23px;}
.ul-num p{font-size: 16px; /*text-align:center;*/ color:#555;}
.ul-num .txt{overflow: hidden;color:#333; font-size:18px; padding-left:20px;}

.ewm{ width:28%;}
.ewm ul li{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left; margin-bottom:10px; text-align:center}
.ewm ul li:nth-child(3n){ margin-right:0px;}
.ewm ul li img{ width:90%;}
.ewm ul li:nth-child(4){ margin-bottom:0px;}
.ewm ul li:nth-child(5){ margin-bottom:0px;}
.ewm ul li:nth-child(6){ margin-bottom:0px;}
.ewm ul li p{ text-transform:capitalize;}

@media screen and (max-width: 640px) {
.ewm{ width:100%; margin-top:30px;}
.ewm ul li{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left; margin-bottom:10px; text-align:center}
.ewm ul li:nth-child(3n){ margin-right:0px;}
.ewm ul li img{ width:90%;}
.ewm ul li:nth-child(4){ margin-bottom:0px;}
.ewm ul li:nth-child(5){ margin-bottom:0px;}
.ewm ul li:nth-child(6){ margin-bottom:0px;}
.ewm ul li p{ text-transform:capitalize;}
	
	
.cona{ width:95%; margin:0 auto;}	
.ul-num li{float: left; width: 50%;color: #555;  height:80px; text-align:left;}
.ul-num span{ text-align:left; font-size: 25px;  position: relative; padding-right:0px; 
	line-height: 1;margin-bottom: 10px;
}
.ul-num p{font-size: 14px; /*text-align:center;*/ color:#555;}
.ul-num .txt{overflow: hidden;color:#333; font-size:15px;}
.contu{  height:50px; width:50px; } 
.ul-num li .contu img { height:30px;}
	}
	


/*首页产品*/
.probg{  width:100%;display: flex; align-items: stretch;}
.prozuo{width:42%!important;align-self: stretch;position: relative;background:#006cb7; padding-left:8%; padding-top:60px; padding-bottom:70px; }
.proyou{ width:50%; background:url(../images/b2.jpg) no-repeat left; display:block; background-size:105%;}


.probg .title{ margin-bottom:20px; padding-bottom:0px;}
.probg .title1{ text-align:left; font-size:60px; font-weight:bold; color:#fff;}


.fenlei{}
.fenlei ul { /*text-align:center*/}
.fenlei ul li{ border-radius:5px; cursor:pointer;display:inline-block; width:28%; /*border:1px solid rgba(255,255,255,0.5);*/ line-height:40px; text-align:center; margin-right:1%; margin-top:15px; background:rgba(255,255,255,0.2)}
.fenlei ul li a{ color:#fff; font-size:18px;}
.fenlei ul li:hover{background:rgba(255,255,255,0.9);}
.fenlei ul li:hover a{ color:#006cb7}

.index_pro ul li{ float:left; width:30%; margin-left:1.5%; margin-right:1.5%; margin-bottom:3%;}

/*首页新闻*/
.index_news{ background:#eff3f7}

.n2 ul{ }
.n2 ul li{ padding:3%;width:24%;  background:#fff; }
.n2 ul li a{  margin-bottom:10px; }
.n2 ul li h5{width:100%; color:#000; font-size:17px; font-weight:normal; line-height:27px; margin-bottom:5px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n2 ul li h3{ margin-top:10px; margin-bottom:10px; }
.n2 ul li h3 span{ font-family:Barlow-Bold; color:#bababa; font-size:50px;}
.n2 ul li h3 b{ padding-left:15px;color:#9b9b9b; font-weight:normal ;font-size:17px;}

.vv{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:23px;}
.n2 em{ color:#949494; font-size:12px; font-style:normal }
.m3{width:50px; line-height:33px; text-align:center; color:#CCCCCC; margin-top:20px; font-size:20px;width:50px!important;line-height:32px; color:#CCCCCC!important; border:#CCCCCC solid 1px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;display:block }


.n2 ul li:hover .m3{ color:#FFFFFF!important; background:#666666; width:150px!important;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


/*首页产品动画*/
.index_2_mid_1_2{color:#fff;}
.index_2_mid_1_1 .index_1_mid_right_1{margin-bottom:2em;}

.index_2_mid_2_mid{ text-align:center;
background-color:#fff; padding:1em;border-radius:5px;box-shadow: 0px 5px 10px 5px rgba(0,0,0,.1); overflow:hidden}

.index_2_mid_2_mid_1 {position:relative; text-align:center; height:17.91666666666667vw;}


.index_2_mid_2_mid_1_img{position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%)}

.index_2_mid_2_mid_1_img img{max-width:220px;}

.index_2_mid_2_mid_2{text-align:center; color:#292929; font-size:1.5em;}

.index_2_mid_2_mid_3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
text-align:center; margin-top:1.3em; margin-left:auto; margin-right:auto; /*margin-bottom:1.3em; */max-width:8em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3{}
.index_2_mid_2_mid_3 span{  color:#006cb7; font-size:16px; padding-bottom:.3em; padding-top:.3em;display:inline-block; position:relative; overflow:hidden; }
.index_2_mid_2_mid_3 span:before{ content:''; position:absolute; right:0;background-position:center; background-repeat:no-repeat; 
 top:50%;top:50%;transform:translateY(-50%); background-repeat:no-repeat;}

.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span{
color:#fff;background-color:#006cb7; padding-left:1em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;border-radius:1.875em;  padding-right:1em;}

.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after{display:none}
.index_2_mid_2_mid_3 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #006cb7;
  transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}

/*.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after {
  -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}*/
.index_2_mid_2_mid_1_bo{position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%); z-index:10;opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index_2_mid_2_mid:hover .index_2_mid_2_mid_1_bo{
opacity:1;}
.index_2_mid_2_mid_1_bo img{
width:100%;opacity:0;}
.index_2_mid_2_mid_1_bo span{
position:absolute; left:0; top:0; width:100%; height:100%;border-radius:100%;}
.index_2_mid_2_mid_1_bo span:nth-child(1){
background-color:#06a7f6; opacity:.07;}
.index_2_mid_2_mid_1_bo span:nth-child(2){
background-color:#06a7f6; opacity:.07;transform: scale(0.7267441860465116, 0.7267441860465116);}
.index_2_mid_2_mid_1_bo span:nth-child(3){
background-color:#06a7f6; opacity:.13;transform: scale(0.5436046511627907, 0.5436046511627907);}
.index_2_mid_2_mid_1_bo:after{ z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img19.png);
content:''; position:absolute; width:23.83720930232558%;height:23.83720930232558%;left:50%; top:50%;transform:translate(-50%, -50%);}
@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:.3}100%{opacity:0;transform:scale(1)}}
.index_2_mid_2_mid_1_bo span:nth-child(1){
  
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite
}
.index_2_mid_2_mid_1_bo span:nth-child(2){
 
 opacity:0;
 -webkit-animation:ripple 4s ease-out 725ms infinite;
 -moz-animation:ripple 4s ease-out 725ms infinite;
 -o-animation:ripple 4s ease-out 725ms infinite;
 animation:ripple 4s ease-out 725ms infinite
}

.index_2_mid_2_mid_1_bo span:nth-child(3){
 
 opacity:0;
 -webkit-animation:ripple 4s ease-out 1225ms infinite;
 -moz-animation:ripple 4s ease-out 1225ms infinite;
 -o-animation:ripple 4s ease-out 1225ms infinite;
 animation:ripple 4s ease-out 1225ms infinite
} 
.index_2_mid_2{
margin-top:5em;} 


.foot{ background:#006cb7;}
.flogo{ }
.flogo img{ }
.foot .wd1200{ padding-top:60px; padding-bottom:40px;}
.foota{ border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid rgba(255,255,255,0.1);padding-bottom:35px;padding-top:40px;}
.foota .fbt{ font-size:30px; color:#fff; margin-bottom:20px;}
.foota ul li{ line-height:30px;}
.foota a{ color:#fff; font-size:15px;}

.foota .ewm p{font-size:15px; color:#cfd0d1; text-align:center; line-height:30px;}

.fcon{ text-align:right; width:35%}
.foota .ftxt{ line-height:30px; color:#fff; font-size:16px;}
.foota .ewm img{ padding:5px; background:#fff; border-radius:5px;}
.footb{ padding-top:30px; padding-bottom:30px;color: #fff;}
a.zzb07link{font-size: 16px;text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{font-size:16px;color:#fff;}

 .shejiao ul {
  width: 100%; margin-top:30px;
  display: flex;
 }
 .shejiao ul li {
  position: relative;
 }
 .shejiao ul li {
  margin: 0 10px;
  opacity: 1;
  transition: all 0.6s ease;
 }
 .shejiao ul li:hover img {
  margin-top:-5px;
  opacity: 0.5;
  transition: all 0.6s ease;
 }
.weixin {
 }
 .erweima {
  position: absolute;
  top: 20px;
  display: none;
 }
 .weixin .erweima {
  width: 110px;
  left: -45px;top:30px
 }
 .shouji .erweima {
  position: absolute;
  bottom: 0px;
  width: 150px;
  left: -146px;
  display: none;
 }
 .douyin .erweima {
 }
 .erweima img {
  width:100%;
 }
 .weixin:hover .erweima {
  display: block;
 }
 .douyin:hover .erweima {
  display: block;
  width: 200px;
  left: -87px;
 }
 .xiaohongshu:hover .erweima {
  display: block;
  width: 330px;
  left: -160px;
 }
 .weixin .erweima img {
  width: 100%;
 }
 .shouji:hover .erweima {
  display: block;
 }
 .shouji .erweima img {
  width: 100%;
 }
 .shejiao ul li:hover {
  margin: 0 10px;
  opacity: 1;
  transition: all 0.6s ease;
 }
 .zuoxiaotubiao {
  position: fixed;
  left: 2%;
  top: 50%;
  z-index: 99;
  display: none;
 }
 .zuoxiaotubiao img {
 }
 
 
 .mobile-head-items{ display:none}

/*内页*/
.weizhi{ background:#fafafa;}
.weizhi .wd1200{ padding-top:15px; padding-bottom:15px;}
.dingwei{ background:url(../images/home.png) no-repeat left; padding-left:30px; background-size:auto 20px}
.dingwei a{ color:#0b0b0b}
.dingwei span{ padding-left:8px; padding-right:8px;}
.nymain{ width:1200px; margin:0 auto; padding-top:60px; padding-bottom:60px;}

.ntitle{ text-align:center; margin:0 auto}
.ntitle .ntitle1{ color:#333; font-weight:bold; text-transform:uppercase; font-size:45px;}
.ntitle .ntline{ background:#0061a4; height:3px; width:60px; margin:0 auto; margin-top:10px;}
.neirong{ margin-top:40px; line-height:30px;/* padding:40px;box-shadow: 0px 5px 10px 5px rgba(0,0,0,.1);*/}

.nyabout{ background:url(../images/nyabout.jpg); height:300px;}
.nypro{ background:url(../images/nypro.jpg) no-repeat center; height:300px;}
.nycon{ background:url(../images/nycon.jpg); height:300px;background-size: cover;}
.nycase{ background:url(../images/nycase.jpg) no-repeat center; height:300px;}
.nynews{ background:url(../images/nynews.jpg) no-repeat center; height:300px;}

/*内页公司简介*/
.abnt{ width:70%}
.abpic{ width:25%}
.abpic img{ width:100%}
.abnt .cona{ padding-top:50px;}
.abnt .contu{ background:#006cb7; width:60px; height:60px; border-radius:50px; display: flex;justify-content: center;
align-items: center;} 
.abnt .ul-num span {font-size: 35px; padding-bottom:0px; margin-bottom:0px;  }
.abnt .ul-num p {font-size: 15px; }
.abnt  .ul-num .txt {padding-left: 10px;}

/*内页联系我们*/
.neilian{ background:#fafafa; padding:50px 30px; text-align:center; margin-bottom:60px; }
.neilian ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.neilian ul li{ text-align:center; width:100%; border-right:1px solid #ddd;}
.neilian ul li:last-child{ border-right:0px;}
.neilian ul li h2{ font-weight:normal; color:#333; font-size:18px; margin-top:15px;}
.neilian ul li h3{ width:80%; margin:0 auto; font-weight:normal; color:#555; font-size:15px; margin-top:5px;}
.neilian ul li:nth-child(2){ width:145%!important}

/*内页新闻*/
.news_in ul li:nth-child(odd) {  background:#f2f2f2;  }
.news_in ul li{ margin-bottom:25px; padding:30px; background:#fff}
.xw_kuang1{ width:15%; float:left;}
.xw_kuang1 .xw_p1{ font-size:38px; font-weight:bold; color:#000; text-align:center;}
.xw_kuang1 .xw_p2{ font-size:20px; color:#000; text-align:center; margin-top:5px;}
.news_in .xw_line{ width:1px; height:36px; background-color:#e5e5e5;  margin-top:15px;}
.news_in .xw_p3{ font-size:18px; color:#333; margin-left:60px; margin-top:20px;}
.xw_kuang2{ margin-top:7px;  width:154px; border:1px solid #ccc; border-radius:37px; }
.xw_kuang2 p{ font-size:16px; line-height:53px; text-align:center; color:#333;}

.news_in ul li:hover{ background:linear-gradient(to right,#006cb7,#1595c6);
transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;}
.news_in ul li:hover .xw_kuang1 .xw_p1{ color:#fff;}
.news_in ul li:hover .xw_kuang1 .xw_p2{ color:#fff;}
.news_in ul li:hover .xw_p3{ color:#fff; padding-left:10px;transition: 0.3s ease-out;}
.news_in ul li:hover .xw_kuang2{border:1px solid #fff;}
.news_in ul li:hover .xw_kuang2 p{ color:#fff;}
.xwbt{ text-align:center; margin:0 auto;}
.xwbt h2{ color:#333; font-size:25px; font-weight:normal;}
.xwbt h3{ font-weight:normal; margin-top:15px; font-size:15px; color:#555;}
.neirong_bk{
  margin-top: 50px;
  line-height: 30px;
  padding: 50px;
  background: #fff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}


.fanhui{}
.fanhui ul { padding-top:30px;}
.fanhui ul li{ line-height:40px;width:33%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanhui ul li:nth-child(3){ text-align:right}
.fanhui ul li:nth-child(2){ text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#006cb7;height:40px; line-height:40px; width:150px; text-align:center; display:block}
.neirong_bbb{ margin-top:0px; padding-top:0px;}

/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#103059; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.fenlei2 ul li:hover{ background:#006cb7}
.fenlei2 ul li.active{background:#006cb7}
.fenlei2 ul li.active a{ color:#fff}
.fenlei2 ul li:hover a{ color:#fff}
.fenlei2 ul li a{ color:#555;}
.fenlei2 ul li{display: inline-block;
margin: 30px 5px 0px;
  margin-bottom: 0px;
/*background: #646464;*/ border:1px solid #ddd;
color: #555;
width: 170px;
line-height: 45px;
text-align: center;
height: 45px;
font-size: 16px;
margin-bottom: 0px !important;}
.fenlei2 ul {
  text-align: center;
  width: 100%;
  padding-bottom:30px;
}
.prodetail{ text-align:center; margin:0 auto;}

/*产品列表*/
.case_box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

}

.case_box .item {
	margin-bottom:30px;
	width: 31.25%;

	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.case_box .item .pic_box {
	width: 100%;
	height: 308px;
	overflow: hidden;display: flex;justify-content: center;
align-items: center; background:#fafafa;
}

.case_box .item .pic_box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.case_box .item:hover .pic_box img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.case_box .item p {
	background: #fff;
	font-size: 16px;
	color: #666; text-align:center;
	line-height: 75px;
	/* padding-left: 15px;
	border-bottom: 1px solid #dbdbdb; */
	position: relative;

}

.case_box .item p:after {
	content: "";
	width: 0;
	height: 1px;
	background-color: #006cb7;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s ease-in-out;
}

.case_box .item:hover p:after {
	width: 100%;
}

.case_box .item:hover {
	transform: translate(0, -10px);
}

.case_box::after {
	content: "";
	width: 31.25%;
}

@media(max-width:1400px) {
	.case_box .item .pic_box {
		height: 280px;
	}
}

@media(max-width:1200px) {
	{
		padding: 60px 0;
	}

	.case_box .item .pic_box {
		height: 250px;
	}

	.case_box .item p {
		line-height: 60px;
	}

	.case_box .item {
		margin-bottom: 60px;
	}
}

@media(max-width:992px) {
	.case_box .item .pic_box {
		height: 220px;
	}

	.case_box .item p {
		line-height: 50px;
	}

	.case_box .item {
		margin-bottom: 50px;
	}

	{
		padding: 50px 0;
	}
}

@media(max-width:768px) {
	{
		padding: 40px 0;
	}

	/* .case_box .item p{
		line-height: 40px;
	} */
	.case_box .item {
		width: 48.5%;
		margin-bottom: 40px;
	}

	.case_box::after {
		width: 48.5%;
	}
}

@media(max-width:640px) {
	.case_box .item .pic_box {
		height: 200px;
	}

	.case_box .item p {
		font-size: 14px;
		line-height: 40px;
	}
}

@media(max-width:480px) {
	.case_box .item .pic_box {
		height: 150px;
	}
}

/*工程案例*/
/*equipment*/
.product-list{ padding: 0; margin: 0; overflow: hidden; margin-right:0%; margin-bottom: .5rem; width:100%}
.product-list ul{ }
.product-list li {
	width: 30%; margin-left:1.5%; margin-right:1.5%;
	float: left; height:300px
	 
}

.product-list li {
	background: none;
	/*height: 386px;
	width: 386px;*/
	display: block;
	line-height: normal;
	overflow: hidden; width:30%;
	position: relative; margin: 0 1.5% 3% 1.5%; background:#fff
	
	
}
.product-list li figure{overflow:hidden; height:300px; width:100%; margin:0px;}
.product-list li figure img {
	display: block;
	
	transition: 424ms linear; overflow:hidden; height:300px;object-fit: cover; width:100%;
}

.product-list li figcaption {
	display: block;
	color: #5d5d5d;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center; padding-bottom:30px
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(0, 156, 229, 0.3);
	background: #009ce5\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #009ce5;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #009ce5;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 1px solid #009ce5;
	border-right: 1px solid #009ce5;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 1px solid #009ce5;
	border-bottom: 1px solid #009ce5;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #c6a680;
}


/*产品详细*/
.proname{ background:#006cb7; padding-top:15px; padding-bottom:15px; text-align:center; color:#fff; font-size:20px; margin-bottom:50px;}
.protu{ margin:0 auto; text-align:center}

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

/* 常量设置 */
.wrap {width:90%;}
.mwrap {max-width:100%;}
.mobile-head-items{ display:none}


/* 头部 */
.header .h_search{display:none;}
.header .h_tel{display:none;}
.header .h_lan{display:none;}

.content-wrap{ display:none}
.mobile-head-item { display:none}

.wd1200{ width:95%; padding-top:40px; padding-bottom:40px;}
.flex{display: block;  }

.title{ padding-bottom:40px;}
.title1{font-size: 30px;}


/*首页优势*/
.index_youshi ul{ }
.index_youshi ul li:nth-child(2n){ float:right}
.index_youshi ul li{ width:48%;margin-bottom:20px; float:left;}
.index_youshi ul li .ystu img{ height:40px;}
.index_youshi ul li .ysbk{ padding:20px 10px;}
.index_youshi ul li .ysbk .ysname1{ font-size:17px; }
.index_youshi ul li .ysbk .ysname2{ -webkit-line-clamp:4;/*显示行数*/  line-height:22px; height:88px; font-size:14px;}
.index_youshi ul li:hover{ margin-top:0px;}


/*首页公司简介*/
.index_about{ background-attachment:local;}
.index_about .flex{ /*display:flex*/}
.index_about .title{ padding-bottom:35px;}
.abnr p{ margin-bottom:15px;}
.index_about .abtu{ width:98%; overflow:hidden;padding:5px; background:#edede6; border-radius:5px; margin-top:30px;}
.index_about .abtu img{ height:350px; }

.index_about .abtxt{ width:100%; margin-top:5px;}
.index_about .abtxt .abnr{  font-size:16px;}




.cona{margin:0 auto; padding-top:40px;}



/*首页产品*/
.probg{display: block;}
.prozuo{width:94%!important;align-self: stretch;position: relative;background:#006cb7; padding:40px 3%;}
.proyou{ display:none;}


.probg .title{ margin-bottom:20px; padding-bottom:0px;}
.probg .title1{font-size:32px}


.fenlei{}
.fenlei ul { /*text-align:center*/}
.fenlei ul li{ float:left; width:32%; /*border:1px solid rgba(255,255,255,0.5);*/ line-height:35px; margin-right:1%; margin-top:10px;}
.fenlei ul li a{font-size:16px;}

.index_pro ul li:nth-child(2n){ float:right}
.index_pro ul li{ width:48%; margin-left:0%; margin-right:0%; margin-bottom:3%;}


/*首页新闻*/
.index_news{ background:#eff3f7}

.n2 ul{ }
.n2 ul li:nth-child(2n){ margin-top:20px; margin-bottom:20px;}
.n2 ul li{ padding:3%;width:94%;  }


/*首页产品动画*/
.index_2_mid_1_2{color:#fff;}
.index_2_mid_1_1 .index_1_mid_right_1{margin-bottom:2em;}
.index_2_mid_2_mid{ text-align:center;
background-color:#fff; padding:1em;border-radius:5px;box-shadow: 0px 5px 10px 5px rgba(0,0,0,.1); overflow:hidden}
.index_2_mid_2_mid_1 {position:relative; text-align:center; height:17.91666666666667vw;}

.index_2_mid_2_mid_1_img{position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%)}

.index_2_mid_2_mid_1_img img{max-width:100px;}

.index_2_mid_2_mid_2{font-size:16px; margin-top:20px;}

.index_2_mid_2_mid_3{margin-top:15px;}






.foot .wd1200{ padding-top:40px; padding-bottom:40px;}
.foota{ border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid rgba(255,255,255,0.1);padding-bottom:35px;padding-top:40px;}
.foot .flogo{ margin:0 auto; text-align:center}

.foota .fbt{ font-size:25px; margin-bottom:10px;}
.foota ul li{ line-height:30px;}
.foota a{ color:#fff; font-size:15px;}

.foota .ewm p{font-size:15px; color:#cfd0d1; text-align:center; line-height:30px;}

.fcon{ margin-top:30px; text-align:center; width:100%}
.foota .ftxt{ line-height:30px; color:#fff; font-size:16px;}
.foota .ewm img{ padding:5px; background:#fff; border-radius:5px;}
.footb{ padding-left:15px; padding-right:15px;padding-top:30px; padding-bottom:30px;color: #fff;}
a.zzb07link{font-size: 16px;text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{font-size:16px;color:#fff;}

 .shejiao ul { display:none;
  width: 100%; margin-top:30px;

 }


/*内页*/
.dingwei span{ padding-left:5px; padding-right:5px;}
.nymain{ width:95%; padding-top:40px; padding-bottom:40px;}


.ntitle .ntitle1{font-size:35px;}
.ntitle .ntline{ background:#0061a4; height:3px; width:60px; margin:0 auto; margin-top:10px;}
.neirong{ margin-top:30px; line-height:30px;}

.nyabout{ background-size:150%;height:150px;}
.nypro{ background-size:150%;height:150px;}
.nycon{ background-size:150%;height:150px;}
.nycase{ background-size:150%;height:150px;}
.nynews{background-size:150%;height:150px;}

/*内页公司简介*/
.nei_ab{ display:block}
.abnt{ width:100%}
.abpic{ width:100%}
.abpic img{ width:100%}
.abnt .cona{ padding-top:40px; margin-bottom:10px;}
.abnt .contu{ width:50px; height:50px; } 
.abnt .ul-num span {font-size: 25px; }
.abnt .ul-num p {font-size: 14px; margin-top:-5px; }
.abnt  .ul-num .txt {padding-left: 10px;}



/*内页联系我们*/
.neilian{ padding:20px 20px;margin-bottom:40px; }
.neilian ul{display: block; }
.neilian ul li{  width:100%; border-bottom:1px solid #ddd;border-right:0px solid #ddd; padding-bottom:20px; padding-top:20px;}
.neilian ul li:last-child{ border-right:0px;border-bottom:0px solid #ddd;}
.neilian ul li:nth-child(4){ border-right:0px;border-bottom:0px solid #ddd;}
.neilian ul li h2{ font-weight:normal; color:#333; font-size:18px; margin-top:15px;}
.neilian ul li h3{ width:80%; margin:0 auto; font-weight:normal; color:#555; font-size:15px; margin-top:5px;}
.neilian ul li:nth-child(2){ width:100%!important}

/*内页新闻*/

.news_in ul li{margin-bottom:20px; padding:20px;}
.xw_kuang1{ width:20%; }
.xw_kuang1 .xw_p1{ font-size:28px;}
.xw_kuang1 .xw_p2{ font-size:16px; }
.news_in .xw_line{ width:1px; height:36px; background-color:#e5e5e5;  margin-top:15px;}
.news_in .xw_p3{ font-size:16px; color:#333; margin-left:0px; margin-top:10px; width:75%; float:right;}
.xw_kuang2{ display:none;}




.xwbt h2{ font-size:20px;}

.neirong_bk{
  margin-top: 30px;
  line-height: 30px;
  padding: 20px;

}


.fanhui{}
.fanhui ul { padding-top:30px;}
.fanhui ul li{ line-height:40px;width:100%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; text-align:center}
.fanhui ul li:nth-child(3){ text-align:center}
.fanhui ul li:nth-child(2){ text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#006cb7;height:40px; line-height:40px; width:150px; text-align:center; display:block}
.neirong_bbb{ margin-top:0px; padding-top:0px;}




.fenlei2 ul li{
margin: 20px 5px 0px;
width: 30%;
line-height: 35px;
height: 35px;
font-size: 16px;}

.prodetail img{ max-width:100%!important; height:auto!important}

.pc-banner{ margin-top:-30px;}






/*工程案例*/
/*equipment*/
.product-list{ padding: 0; margin: 0; overflow: hidden; margin-right:0%; margin-bottom: .5rem; width:100%}
.product-list ul{ }
.product-list li {
	width: 48%; margin-left:0%; margin-right:0%;
 height:200px
	 
}

.product-list li:nth-child(2n){ float:right}
.product-list li { width:48%;margin: 0 %; }
.product-list li figure{overflow:hidden; height:200px; width:100%; margin:0px;}
.product-list li figure img {overflow:hidden; height:200px
}




/*产品详细*/
.proname{ background:#006cb7; padding-top:15px; padding-bottom:15px; text-align:center; color:#fff; font-size:20px; margin-bottom:50px;}
.protu{ margin:0 auto; text-align:center}






 	
	}