@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);}


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

/* 头部 */
.header { position:absolute;
	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::{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::{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::{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::{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: {
	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:{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:{content:''; width:102%; height:2px; background:#333f47; border-radius:3px; position:absolute; left:0; bottom:0}


}


@media only screen and (max-width: 760px) {
body: {
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;}


}

.pc_banner{ padding:0px; margin:0px;height:100vh; 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;}

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

/*首页公司简介*/
.index_about { padding-bottom:80px;}
.index_about .abtu{ width:50%; overflow:hidden}
.index_about .abtu img{width:100%;transition: all 0.8s; height:450px;object-fit: cover;}
.index_about .abtu:hover img{   transform: scale(1.1);}
.index_about .abtxt{ margin-top:25px; width:45%}
.index_about .abtxt .abnr{ margin-top:40px; margin-bottom:40px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:30px; font-size:16px;}
.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;}

.index_about2 { padding-bottom:80px;}

.index_about2 .abtxt2{ width:100%; text-align:center}
.index_about2 .abtxt2 .abnr{ margin:0 auto; margin-top:40px; margin-bottom:20px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:9;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:35px; font-size:18px; width:80%;}
.index_about2 .abtxt2 .abnr p{ margin-bottom:20px;}
.index_about2 .abtxt2 h2{ font-family:Barlow-Regular; font-size:40px; text-transform:uppercase; color:#999;font-weight:normal;}
.index_about2 .abtxt2 h3{ font-size:50px; font-weight:normal; margin-top:10px; color:#333;}





.p_item .e_button-16 { color:#fff; margin:0 auto;
 display:flex;
 position:relative;
 overflow:hidden;
 text-align:left;
 box-sizing:border-box;
 width:210px;
 padding:0;
 background_radio:1;
 border_radio:1;
 font_radio:1;
 radius_radio:1;
 display-radio:flex;

 height:54px;
 border-radius:0;
 background-image:linear-gradient(to right, #006cb7, #0290cc);
 align-items:center;
 justify-content:space-around;
 margin-right:auto;

 box-shadow:0 0 15px rgb(34 251 140 / 40%);
 font-size:17px
}
.p_item .e_button-16::before {
 content:'';
 display:block;
 position:absolute;
 left:-100%;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.1);
 transition:all .6s ease
}
.p_item .e_button-16:hover::before {
 left:0
}
.p_item .e_button-16 span {
 display:block;
 position:relative;
 z-index:1;
 outline:0;
 margin:0px;
 overflow:hidden;
 transition:all .6s ease;
 left:0
}
.p_item .e_button-16:hover span {
 left:10px
}
.p_item .e_button-16 i {
 display:block;
 width:24px;
 height:24px;
 border-radius:50%;
 border:1px solid #fff;
 position:relative
}
.p_item .e_button-16 i::before {
 content:'';
 display:block;
 width:5px;
 height:5px;
 border-radius:50%;
 background:#fff;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 transition:all 0.6s ease
}
.p_item .e_button-16 i:: {
 content:'';
 display:block;
 width:45px;
 height:1px;
 background:#fff;
 top:50%;
 right:12px;
 position:absolute;
 transform:translateY(-50%);
 transition:all 0.6s
}
.p_item .e_button-16:hover i::before {
 content:'';
 display:block;
 width:10px;
 height:10px
}
.p_item .e_button-16:hover i:: {
 width:0px
}
.p_item .e_button-16:: {
 content:"";
 position:absolute;
 width:0;
 height:100%;
 transition:all .3s;
 z-index:0;
 opacity:0;
 top:0;
 left:0px
}
.p_item .e_button-16:hover:: {
 opacity:1
}
.p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}


.cona{ width:1300px; margin:0 auto;}


@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)}
}

.m-you{float: left; width: 455px;color: #414141;padding-top: 50px; font-family:'微软雅黑';}
.m-you h3{font-size: 36px;font-weight: normal;position: relative;
	margin-bottom: 33px;
}
.m-you h3 a{color: #414141;}
.m-you h3:{content: '';position: absolute;left: 0;bottom: 0;height: 3px;
	width: 60px;background-color: #CB0F17;
}
.m-you .txt{line-height: 32px;font-size: 16px;}
.m-you .txt p{margin-bottom: 20px;}

.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; position: relative; padding-right:10px; font-family:impact;
	line-height: 1;margin-bottom: 10px;
}

.ul-num span:{vertical-align: top;position: relative;top: 5px;
	font-size: 34px;font-family: arial;margin-left: 10px;
}
.ul-num p{font-size: 16px; text-align:center; color:#555;}
.ul-num .txt{overflow: hidden;color:#333; font-size:18px;}


@media screen and (max-width: 640px) {
.cona{ width:95%; margin:0 auto;}	
.ul-num li{float: left; width: 50%;color: #555;  height:80px; text-align:center;}
.ul-num span{ color:#0096da;font-size: 30px; font-weight:bold; position: relative; padding-right:10px; font-family:impact;
	line-height: 1;margin-bottom: 10px;
}
.ul-num .txt{overflow: hidden;color:#333; font-size:16px;}
	}
	
	
.title{ text-align:center; margin:0 auto; padding-bottom:60px;}
.title1{font-family: Barlow-Regular;
font-size: 40px;
text-transform: uppercase;
color: #999;
font-weight: normal;}
.title2{font-size: 45px;
font-weight: normal;
margin-top: 0px;
color: #333;}
.title3{font-size: 20px;
font-weight: normal;
margin-top: 8px;
color: #555;}

.index_news{/*background: #eff3f7;*/}
.index_news .left{ width:50%;}
.index_news .right{ width:45%;}
.index_news .news-top .pic{position: relative;width:100%; overflow:hidden}
.index_news .news-top time{position: absolute;width: 100px;height: 40px;line-height: 40px;left: 0;bottom: 0;background: #0073bc;color: #fff;font-size: 16px;text-align: center;font-family: 'Oswald-Regular'; z-index:11}
.index_news .news-top a:hover .Ispic{ transform: scale(1.1);}



.index_news .news-top .txt{padding: 35px 0;}
.index_news .news-top .Ispic{/*padding-bottom: 57.77%;*/ width:100%; padding:0px; margin:0px; height:400px;object-fit: cover;transition: 0.3s all; }
.index_news .top .pic{position: relative; }
.index_news .top time{position: absolute;width: 100px;height: 40px;line-height: 40px;left: 0;bottom: 0;background: #0073bc;color: #fff;font-size: 16px;text-align: center;font-family: 'Oswald-Regular'; z-index:11}
.index_news .top .txt{padding: 5% 0 6%;color: #999;}
.index_news .top .txt time{ color: #c5c5c5; font-size: 14px; }
.index_news .news-top .txt h3{ font-size: 24px;font-weight: normal;color: #333;margin: 0}


.index_news .news-top:hover .txt h3{color: #0073bc }
.index_news .top .txt h3{font-size: 18px;margin: 0px 0;font-weight: normal;color: #333;line-height: 28px;height: 56px;overflow: hidden;}
.index_news .top a:hover .txt h3{color: #0073bc}
.index_news .top .pic{ overflow:hidden; width:100%}
.index_news .top .Ispic{ padding:0px; margin:0px; width:100%; height:200px;object-fit: cover;transition: 0.3s all; overflow:hidden }
.index_news .top a:hover .Ispic{ transform: scale(1.1);}

.index_news .txt p{line-height: 28px;font-size: 16px;color: #888;/* margin-bottom: 2vw; */text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}
.index_news .top .txt .more{ font-size: 15px; display: inline-block;padding-right: 20px;background: url("../images/r3.png") no-repeat right center;}
.index_news a:hover .txt .more{color: #0073bc; background-image: url("../images/r4.png");}
.index_news .bottom li h3{border-top: 1px solid #dae0e5;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.index_news .bottom li:last-child h3{border-bottom: 1px solid #dae0e5;}
.index_news .bottom li:hover h3{ padding-left:25px;}
.index_news .bottom li a{border-bottom: 1px solid #eee;table-layout: fixed;line-height: 80px;}
.index_news .bottom li h3{line-height: 66px;font-weight: normal;color: #333;margin: 0;font-size: 16px;color: #333;position: relative;padding-left: 15px;transition: 0.3s all}
.index_news .bottom li h3::before{content: '';width: 3px;height: 3px;border-radius: 50%;position: absolute;background: #333;left: 0;top: 50%;transform: translateY(-50%);}
.index_news .bottom li h3:hover{background: #0073bc;color: #fff;}
.index_news .bottom li h3:hover::before{background: #0073bc;}
.index_news .right .top{margin-bottom: 50px;}
.index_news .right .top a{float:left;width: 47%;margin-right: 6%;}
.index_news .right .top a .Ispic{}
.index_news .right .top a:nth-child(2){ margin-right:0%;}

.index_news .title{ padding-bottom:40px;}
.index_news .ntop .newsfl{ width:35%; margin:0 auto; margin-bottom:40px;}
.index_news .ntop .newsfl ul li:hover a{ color:#fff}
.index_news .ntop .newsfl ul li:hover{background:#0073bc;}
.index_news .ntop .newsfl ul li{ border-radius:30px; background:#ddd; display:block; line-height:40px; margin-left:1.5%; margin-right:1.5%; width:100%; text-align:center;}
.index_news .ntop .newsfl ul li:nth-child(1) a{color:#fff;}
.index_news .ntop .newsfl ul li:nth-child(1){ background:#0073bc; }	

/*产品*/
.sec1{}

.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#aaa;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; /*left:50%; */bottom:50%;/* margin-bottom: -123px; */top: auto; transform: none; -webkit-transform: none; width:51%; padding-left: 0%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}*

.shunxu{ position:absolute; border:0px; left:49%;bottom:60px; z-index:11; width:40%;}



 .proBox { background:#FAFAFA; padding:40px; margin-bottom:60px;
 height:auto;
 overflow:hidden;
}
 .proContainer {
 width:100%;
 height:auto;
 overflow:hidden;
 margin:1rem auto;
}
 .proLi {
 position:relative;
 overflow:hidden;

}
 .porTbox {
 position:relative;
 overflow:hidden;
 width:100%;
 height:300px;object-fit: cover;
}
 .proImg {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 width:100%;
 transition:all .5s ease;
}
 .porBbox {
 position:relative;
 overflow:hidden; line-height:50px;
 border:1px solid #fff;
 background:#fff;
}
 .proTitle {

 color:#333; text-align:center;
 overflow:hidden;
 text-overflow:ellipsis;
 position:relative;
 white-space:nowrap;
 width:100%;
}
 .proSummry {
 color:#777;
 white-space:nowrap;
 overflow:hidden;
 margin:10px 0;
 text-overflow:ellipsis;
}
 .lookDetail {
 position:relative;
 display:block;
 color:#777;
 height:38px;
 line-height:38px;
 border-top:1px solid #e5e5e5;
}


 .showBox {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 opacity:0;
 background:rgba(0,0,0,.6);
 transition:all 0.5s ease;
}
 .showBoxLink {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 display:block;
 width:60%;
 color:#fff;
 text-align:center;
 font-size:1rem;
 padding:0.5rem 0;
}
 .showBoxLink::before {
 content:'';
 position:absolute;
 top:0px;
 left:50%;
 transform:translateX(-50%);
 width:60%;
 height:1px;
 background:#fff;
 transition:all .5s ease;
}
 .showBoxLink:: {
 content:'';
 position:absolute;
 bottom:0px;
 left:50%;
 transform:translateX(-50%);
 width:60%;
 height:1px;
 background:#fff;
 transition:all .5s ease;
}
 .lookDetail:hover .barr {
 opacity:0;
}
 .lookDetail:hover .harr {
 opacity:1;
}
 .proLi:hover .showBox {
 opacity:1;
}
 .proLi:hover .proImg {
 transform:translate( -50% ,-50%) scale(1.1);
}
 .proLi:hover .showBoxLink::before {
 width:1rem;
}
 .proLi:hover .showBoxLink:: {
 width:1rem;
}
 .proLi:hover .showBox a{ color:#fff}
@media only screen and (min-width: 769px) {
  .proContainer {

 }

 
  .proLi {
  width:24%; display:inline-block
 }
}
@media screen and (max-width: 640px) {
 .proBox {width:100%; margin-top:20px;}
 .porTbox {
 position:relative;
 overflow:hidden;
 width:100%;
 height:150px;
}
 .proBox {padding:20px; margin-bottom:40px;}
.proContainer { margin-bottom:0px;}
  .proLi {
  width:48%; float:left;margin-bottom:20px;
 }

.porBbox { width:100%; padding:0px; height:30px; line-height:30px;}
 .proTitle {
    color: #555;font-size:16px;

}
  .proLi:nth-child(2n){ float:right}
 .proLi:nth-child(3){ margin-bottom:0px;}
 }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .proContainer {
  max-width:100%;
 }
  .proLi {
  width:50%;
  height:400px;
 }
}
 

.foot{ background:#00132e;}
.flogo{ text-align:center; margin:0 auto;padding-bottom:35px;}
.flogo img{ height:80px;}
.foot .wd1300{ padding-top:60px; padding-bottom:30px;}
.foota{ border-bottom:1px solid rgba(255,255,255,0.05); border-top:1px solid rgba(255,255,255,0.05);padding-bottom:35px;padding-top:40px;}
.foota .fbt{ font-size:20px; color:#fff; margin-bottom:20px;}
.foota ul li{ line-height:30px;}
.foota a{ color:#cfd0d1; font-size:15px;}
.foota .fpro{ width:13%;}

.foota .fpro ul li{ float:left; width:50%;}

.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;}

.foota .ewm p{font-size:15px; color:#cfd0d1; text-align:center; line-height:30px;}
.foota .ftxt{ line-height:30px; color:#cfd0d1; font-size:15px;}
.foota .ewm img{ padding:5px; background:#fff; border-radius:5px;}
.foota .fcon{ width:25%}
.footb{ padding-top:30px;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #cfd0d1;}
a.zzb07link:hover {text-decoration: underline;color: #cfd0d1;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#cfd0d1;}


/*首页产品切换*/




/*内页*/
/* banner_n*/
/*shubiao*/
.shubiao-index{
	position:absolute;
	bottom:0;
	left:50%;
	width:60px;
	margin-left:-30px;
	z-index:99;
}
.shubiao{
	width:14px;
	margin:40px auto 0;
	position:relative;
}
.shubiao-ncon{
	margin-top:70px;
}
.shubiao_line {
    width: 1px;
    height: 60px;
    background: #fff;
    margin:10px auto;
}
.shubiao_pinyin{
	font-size:14px;
	font-family:Arial;
	text-align:center;
	color:#fff;
	margin-top:5px;
}
#shubiao{
	width:26px;
	margin:0 auto;
}
.mouse {
  position: relative;
  width: 20px;
  height: 34px;
  border-radius: 30px;
  border: 2px solid #fff;
}
.mouse: {
  content: '';
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 3px;
  height: 8px;
  border-radius: 30px;
  background-color: #fff;
  -webkit-animation: scroll 1s infinite alternate;
          animation: scroll 1s infinite alternate;
}
@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
.banner_n {
	width: 100%;
	height: 560px;
	background-size: cover;
	position:relative;}

	.banner_bg{
height: 100%;
width: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 100%);}
	

.banner_n .mouse{
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:50px;}
	
.nyabout{ background:url(../images/nyabout.jpg) no-repeat center;}
.nypro{ background:url(../images/ba3.jpg) no-repeat center;}

.nynews{ background:url(../images/nynews.jpg) no-repeat center;background-size:170%}
.nycon{ background:url(../images/nycon.jpg) no-repeat center; background-size:170%}
.nycase{ background:url(../images/nycase.jpg) no-repeat center;background-size:170%}


.banner_txt{color:#fff;text-align:center;margin:0 auto;padding-top:17%;}
.banner_txt h2{ font-weight:normal; font-size:56px; font-family:impact; text-transform:uppercase; letter-spacing:5px;}
.banner_txt h3{ font-size:40px;letter-spacing:5px;}

.weizhi{ width:1300px; margin:0 auto; padding-top:10px; }
.position{ font-size:15px;
	width:100%;
	overflow:hidden;
	color:#838383;
	line-height:30px;
	background:url(../images/icon27.png) no-repeat left center;
	padding:10px 0 10px 36px;
	}
.position span{ padding-left:7px; padding-right:7px;}	
.wbg{ background:#fafafa}


.nymenu{ background:#006cc0;width:100%; margin:0 auto;}


.nymenu ul li{width: 100%;text-align: center;vertical-align: top;}
.nymenu ul li:last-child{ border-left:0px solid #d1d1d1;}

.nymenu_mid2 ul{display: flex; }

.nymenu  ul li {display: inline-block; border-right: 1px solid rgba(255,255,255,0.2);}
.nymenu ul li a{ line-height:60px;display:inline-block; font-size:17px; position:relative; color:#fff; }

.nymenu ul li a{display: block;position: relative;color: #fff;}
.nymenu ul li a:{content: '';display: block;width: 100%;height: 2px; background:#0360a8;/*background: linear-gradient(45deg,#1685e1,#31c77d);*/position: absolute;bottom: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.nymenu ul li:hover a:,.nymenu ul li.active a:{transform: scaleX(1); }


.nymenu ul li:hover a,.nymenu ul li.active a{color: #fff;/*background: linear-gradient(45deg,#1685e1,#31c77d);*/background:#0360a8;}

.nymenu ul li:hover a{color: #fff; }
.nymenu ul li .active{color: #fff;}

.nymain{ width:1300px; margin:0 auto; padding-top:80px; padding-bottom:80px; background:#fff;}

.nname{ font-family:Barlow-Regular; font-size:25px; text-transform:uppercase; margin-top:-20px; margin-bottom:10px;}
.nwz{ text-align:center;border-bottom:#e3e3e3 solid 0px;margin:0 auto; padding-bottom:30px; padding-top:10px; }

.nwz h2{ font-weight:normal; margin-bottom:20px;text-align:center; font-size:45px; color:#333;  }
.nwz h3{ font-weight:normal;margin-bottom:30px; font-size:16px;}
.nwz .nyline{ background:#cf3a34;height:2px; margin:0 auto; width:70px;}

.nwz2{ text-align:center;border-bottom:#e3e3e3 solid 0px;margin:0 auto; padding-bottom:30px; padding-top:10px; }

.nwz2 h2{ font-weight:normal; margin-bottom:15px;text-align:center; font-size:40px; color:#333; font-weight:bold  }
.nwz2 h2 span{ color:#006cb7}
.nwz2 h3{ font-weight:normal;font-size:17px; margin-top:15px;}
.nwz2 .nyline{ background:#cf3a34;height:2px; margin:0 auto; width:70px;}


.neirong{/* margin-top:50px;*/ line-height:30px;}

/*内页公司简介*/
.neiy{ width:45%; overflow:hidden}
.neiy img{ width:100%;transition: all 0.8s; object-fit: cover; height:400px;}
.neiy  img:hover{   transform: scale(1.1);}
.neiz{ width:50%;}
.neiaa{ text-transform:uppercase; font-size:40px; margin-bottom:20px;font-family: Barlow-Regular; color:#999}
.neiz p{ margin-bottom:15px;}
.neiz h2{ font-size:20px; font-weight:bold; margin-bottom:20px;}


/*荣誉资质*/
.factory ul li{  position:relative;background:#eeeeee;float:left; width:28%; margin-left:1.5%; margin-right:1.5%; padding:1% 1% 60px 1%; margin-bottom:30px; }
.factory ul li .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.factory ul li .factory_name{ text-align:center; padding-bottom:15px; }
.factory ul li .factory_tu img{max-width:100%;max-height:230px; transition: all 0.8s;object-fit: cover;}
.factory ul li .factory_tu img:hover{   transform: scale(1.1);}

.factory_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  

    z-index: 5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.factory_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #006cc0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.h_plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}
.h_plus span {
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
	font-size:24px;

}
.factory_name p { font-size: 16px;}

.factory ul li:hover .factory_name { padding-top: 40px;}
.factory ul li:hover .factory_name::before { opacity: 1;}
.factory ul li:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.factory ul li:hover .factory_name p { color: #ffffff;}


.holist{  position:relative;background:#fff;float:left; width:300px; margin-left:1.5%; margin-right:1.5%; padding:1% 1% 60px 1%;  margin-top:40px; }
.holist .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.holist .factory_name{ text-align:center; padding-bottom:15px; }
.holist .factory_tu img{max-width:100%;max-height:230px; transition: all 0.8s;object-fit: cover;}
.holist .factory_tu img:hover{   transform: scale(1.1);}

.holist .factory_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  

    z-index: 5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.holist .factory_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #006cc0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.holist .h_plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}
.holist .h_plus span {
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
	font-size:24px;

}
.holist .factory_name p { font-size: 16px;}

.holist:hover .factory_name { padding-top: 40px;}
.holist:hover .factory_name::before { opacity: 1;}
.holist:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.holist:hover .factory_name p { color: #ffffff;}

.ahonor {  position: relative;
  z-index: 1; }
.ahonor::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:url(../images/hobg.jpg)  no-repeat center fixed;
  background-size: cover;
  opacity: 0.8;
  z-index: -1;
}

.ahonor .nymain{ background:none;}
@media screen and (max-width: 640px){
.ahonor::before {
background:url(../images/hobg.jpg)  no-repeat center top; background-attachment:local; background-size:auto 150%

}	

.holist{ width:200px; margin-left:10px; margin-right:10px;  margin-top:20px; }
.holist .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:130px; overflow:hidden}
.holist .factory_name{ text-align:center; padding-bottom:15px; }
.holist .factory_tu img{max-height:130px; }



.holist .h_plus span {
  
	font-size:20px;

}
.holist .factory_name p { font-size: 15px;}

	
	}


/*厂房设备*/
.product-list{ 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: {
	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: {
	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: {
	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: {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

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


/*翻页*/
.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:#1e64c9;font-weight:normal;}
.contentPage .current{color:#1e64c9; 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;}


/*内页联系我们*/
.nybg{ background:#f6f6f6; padding-top:70px; padding-bottom:70px;}
.neilx{width:100%;align-items: stretch;display: flex; }

.nlian{ width:50%!important;align-self: stretch;position: relative; }
.nlian .gsmc{ margin-top:20px;}
.nlian .gsmc a{font-weight:bold;font-size:22px; color:#333;}
.nlian_bk{padding:50px}
.nlian_bk strong{  font-size:20px;}

.nlian_bk ul{ margin-top:25px;}
.nlian_bk ul li{ width:100%;display: flex;/* align-items: center;*/ margin-bottom:20px; }
.nlian_bk ul li .ictxt{ margin-left:20px; font-size:17px;}
.nlian_bk ul li .ictu{width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
background-color: #1059a9;
min-width: 40px;}
.nlian_bk ul li strong{ color:#333;}
.nlian_bk ul .ico_add{ background:url(../images/ico2.png) no-repeat center;background-size: auto 22px;background-color: #006cb7;}
.nlian_bk ul .ico_tel{ background:url(../images/ico1.png) no-repeat center;background-size: auto 17px;background-color: #006cb7;}
.nlian_bk ul .ico_email{ background:url(../images/ico3.png) no-repeat center;background-size: auto 15px;background-color: #006cb7;}





.nybg .nymain{ padding-top:0px; padding-bottom:0px;}
.nybg .nymain .neirong{ margin-top:0px; margin-bottom:0px;}
.conlx{ width:50%; background:#006cb7; color:#fff;}
.conlx .liuyan{ padding:40px;}
.conlx .liuyan .shuoming{ font-size:25px; font-weight:bold}
.conlx .liuyan .ss{ font-size:17px; margin-top:10px; margin-bottom:10px;}
.conlx .liuyan  ul li{ display:flex;width:100%; align-items: center; margin-bottom:15px; }
.conlx .liuyan  ul li .liuput{ width:90%}
.conlx .liuyan  ul li .liuput2{ width:40%!important;}
.conlx .liuyan  ul li .yanzhengma{ width:20%;}
.conlx .liuyan  ul li  img{ height:45px; width:100%;}
.conlx .liuyan  ul li .anniu{ width:30%; background:#000; border:0px; line-height:45px; color:#fff; cursor:pointer}
.conlx .liuyan  ul li .liuput input{ width:100%; border:0px; background:none; outline:none; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.5);  color:rgba(255,255,255,1);}
.conlx .liuyan  ul li.aabut{ border-bottom:0px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}

.conlx .liuyan  ul li .teshu{ width:100%;}
.conlx .liuyan  ul li .teshu textarea{ width:96%; padding:2%; border:0px; background:rgba(255,255,255,0.5); outline:none; line-height:45px; border:0px; color:rgba(255,255,255,1);}

@media screen and (max-width: 640px) {
/*内页联系我们*/
.nybg{ padding-top:40px; padding-bottom:40px;}

.nlian{ width:100%!important; }
.nlian .gsmc{ margin-top:0px;}
.nlian .gsmc a{font-size:18px;}
.nlian_bk{padding:30px}
.nlian_bk strong{  font-size:16px;}

.nlian_bk ul{ margin-top:20px;}
.nlian_bk ul li{  margin-bottom:15px; font-size:15px; }
.nlian_bk ul li .ictxt{ margin-left:15px; font-size:15px;}


.conlx{ width:100%; }
.conlx .liuyan{ padding:30px;}
.conlx .liuyan .shuoming{ font-size:20px;}
.conlx .liuyan .ss{ font-size:15px;}
.conlx .liuyan  ul li { font-size:15px;}
}





.neilian { margin-top:80px; margin-bottom:60px;}
.neilian ul li {
  padding: 40px 15px 30px 15px;
  border-radius: 5px;
  box-shadow: 0 10px 40px -10px rgba(0,0,0,.2);
  width: 29%;
  text-align: center;
  line-height: 30px;
}
.c_icon{ width:100%; margin:50px 0 70px 0;}

.c_icon ul{ margin:50px 0 50px 0;}


.c_icon {
	background: rgba(6, 167, 246, 0.2);
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	width: 80px;
	height: 80px;
	margin-top: -75px;}
.c_icon span {
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #06a7f6;}
.neilian img{ margin-top: 20px; transition: all 0.3s linear;}
.neilian ul li:hover .c_icon img{ transform: rotateY(180deg);}


/*内页新闻*/
.neirong_nbk{ padding-top:50px;}
.xw_tip{ height:144px;  margin-bottom:25px;}
.xw_kuang1{ width:183px; float:left; padding-top:45px;}
.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;}
.xw_tip .xw_line{ width:1px; height:36px; background-color:#e5e5e5; float:left; margin-top:55px;}
.xw_tip .xw_p3{ font-size:18px; color:#333; float:left; line-height:144px; margin-left:60px;}
.xw_kuang2{ float:right; width:154px; margin-right:46px; margin-top:23px; height:100px; display: flex;justify-content: center;
align-items: center; background:#fff}
.xw_kuang2 img{max-width:100%;max-height:100px;transition: all 0.8s;}
.news ul li:hover img{transform: scale(1.1);}

.xw_tip:hover{background-color:#006cc0!important;
transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;}
.xw_tip:hover .xw_kuang1 .xw_p1{ color:#fff;}
.xw_tip:hover .xw_kuang1 .xw_p2{ color:#fff;}
.xw_tip:hover .xw_p3{ color:#fff; padding-left:10px;transition: 0.3s ease-out;}
.xw_tip:hover .xw_kuang2{border:1px solid #fff;}
.xw_tip:hover .xw_kuang2 p{ color:#fff;}

.news_ny ul li:nth-child(odd) {  background:#f2f2f2;  }
.news_ny ul li:nth-child(even) {  background:#fff;  }


/*内页新闻详细页*/
.weizhi{ text-align:center}
.weizhi h2{ color:#333; font-size:30px; font-weight:normal;}
.weizhi h3 span{ text-transform:uppercase; padding-right:15px; color:#006cb7;}
.weizhi h3{ color:#555; font-size:15px; font-weight:normal; margin-top:10px;}
.fanhui{ /*border-top:5px solid #f2f2f2; margin-top:50px;*/}
.fanhui ul { padding-top:30px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.fanhui ul li{ line-height:30px;width:33%;}
.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:#006cc0;height:40px; line-height:40px; width:150px; text-align:center; display:block}
.news_xx { margin:0 auto; margin-top:30px; text-align:center}
.news_xx img{ max-width:60%!important; height:auto!important; text-align:center; margin:0 auto }

.neirong_bk{ padding-top:30px;padding: 30px; line-height:30px;background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); min-height:300px; margin-top:50px;}

 

/*内页产品*/
.prolist .ptu{width:100%; height:300px;  display: flex;justify-content: center;align-items: center; overflow:hidden;margin-bottom:15px;}
.prolist .ptu img{width:100%;height:300px;transition: all 0.8s;object-fit: cover;}
.prolist ul li{ cursor:pointer;float:left; display:inline;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .1);background:#fff; border-radius:5px; padding:1.5%; width:28%; margin-left:1%; margin-right:1%;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; margin-bottom:30px;}
.prolist ul li h2{ text-transform:uppercase; font-size:16px; color:#333333; font-weight:normal; text-align:center;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden}
.prolist ul li h3{ text-transform:uppercase; font-size:15px; color:#555; font-weight:normal; text-align:center; margin-top:10px; margin-bottom:10px;}
.prolist .p_more{ border:1px solid #ddd; border-radius:25px; line-height:30px; margin:0 auto; width:100px; text-align:center; color:#a5a5a5; font-size:14px; margin-top:20px;}
.prolist ul li:hover .p_more{ border:1px solid #006cc0; color:#fff; background:#006cc0;}
.prolist  ul li:hover{ 	transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);}


/*产品详细页*/

.prozuo{ width:50%; border:1px solid #ddd}
/* DB_gallery */
#DB_gallery{}
#DB_gallery .DB_imgSet {position:relative;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_imgWin img{ display:block!important}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:100%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img{ width:123px; height:73px; object-fit: cover;}
.DB_imgWin{height:600px; display: flex;justify-content: center;
align-items: center; width:100%}
.DB_imgWin img{height:600px; width:100%;object-fit: cover; }
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0px;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:123px;height:73px;border:2px solid #ff0000;left:auto;top:0}

.proyou{ width:45%; margin-top:30px;}
.proyou h2{font-size:35px; font-weight:normal; border-bottom:1px dashed #d8d8d8; padding-bottom:20px; color:#333;}
.fanye ul li{/* margin-top:30px; margin-bottom:30px;*/}
.fanye ul { margin-top:50px;}
.proyou ul li .texing{ font-size:20px; color:#333;}
.proyou ul li p{ font-size:16px; margin-top:10px; color:#808080}

.miaoshu  img{ max-width:100%!important; height:auto!important;display:flex; text-justify:center; text-align:center; max-width:100%!important; margin:0 auto;}
.miaoshu{  margin-top:80px; /*min-height:120px;*/}
.miaoh{ font-size:20px; color:#fff;background:#006cc0; height:50px; line-height:50px; text-align:center; margin-bottom:60px;}
.xiangguan{ background:#f4f4f4;}
.xiangguan h2{ text-align:center; font-size:35px; font-weight:normal; color:#000; margin-bottom:50px;}
/*.hbg{ background:#fafafa}*/

.zixun{ border-radius:25px; margin-top:50px; background:#006cc0; width:120px; line-height:40px; text-align:center}
.zixun a{ color:#fff;}

/*合作案例*/
.ny_dgtotal { width:100%; overflow:hidden;}
.ny_dglist { width:31.3%;margin:0 1% 2% 1%;float:left;overflow:hidden;transition:0.5s;}
.ny_dgpic {overflow:hidden;}
.ny_dgpic a {position:relative;display:block;}

.ny_dgpic a:,.ny_dgpic a:before{content:'';width:100%;height:100%;position:absolute;top:38.5%;left:50%;margin:-39% 0 0 -50%;opacity:0;transition:0.5s;}

.ny_dgpic a:before{border:2px solid rgba(255,255,255,0.5);box-sizing:border-box;z-index:1;}
.ny_dgpic a:{background:rgba(0,0,0,0.5);}
.ny_dglist:hover .ny_dgpic a:before{width:90%;height:87%;margin:-32.6% 0 0 -45%;opacity:1;transition:0.5s;}
.ny_dglist:hover .ny_dgpic a:{opacity:1;transition:0.5s;}
.ny_dgpic a img { width:100%;transition:0.5s;}
.ny_dglist:hover a img {transform: scale(1.3);transition:0.5s;}

.ny_dgtil {width:100%;position:relative; overflow:hidden;}
.ny_dgtil a{font-size:16px; position:relative; z-index:2;padding-left:2%;padding-right:15%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:300%;transition:0.5s;}
.ny_dglist:hover .ny_dgtil a{color:#006cb7;padding-left:5%;transition:0.5s;}
.ny_dgtil a::before{content:'';width:22px;height:18px;background:url(../images/jiantou.png) no-repeat left center;position:absolute;top:50%;right:2%;margin-top:-9px;transition:0.5s;}
.ny_dglist:hover .ny_dgtil a::before{background-position:right center;right:5%;transition:0.5s;}
.clear{clear:both;}
.prodetail{ margin-top:40px;}
@media screen and (max-width: 640px) {
.prodetail{ margin-top:20px;}
.nwz h2 { margin-bottom: 10px;}
.ny_dglist { width:48%;}
.ny_dgtil a{font-size:15px;}	
.ny_dgtil a::before{content:'';width:22px;height:12px;background:url(../images/jiantou.png) no-repeat left center;position:absolute;top:50%;right:2%;margin-top:-6px;transition:0.5s;}
	}

.neiyenews ul{}
.neiyenews ul li{ margin-bottom:50px; width:31%; margin-left:1%; margin-right:1%; display:inline-block}
.neiyenews ul li .news_tupian{  display: flex;justify-content: center; overflow:hidden;
align-items: center; height:300px; background:#f9f9f9}
.neiyenews ul li .news_tupian img{ width:100%;height:300px; object-fit: cover;transition: all 0.8s;}
.neiyenews ul li:hover  .news_tupian img{transform: scale(1.1);}
.neiyenews ul li .news_date{ font-weight:bold; text-transform:uppercase; font-size:15px; margin-top:15px; margin-bottom:15px;}
.neiyenews ul li .news_date span{ padding-right:10px;}
.neiyenews ul li .news_biaoti{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:22px; color:#333;}
.neiyenews ul li .news_miaoshu{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:14px; color:#999; line-height:25px; margin-top:15px; margin-bottom:15px;}

.neiyenews ul li .news_more span{ background-position:-12px center; background-repeat:no-repeat; position:relative;
display:block; width:1.5em; height:1.5em; background-color:#006cb7;border-radius:100%; background-image:url(../images/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.neiyenews ul li:hover .news_more span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}


.abcon{ width:100%;display: flex;align-items: stretch; margin-bottom:60px; margin-top:40px}
.abtu{ width:60%; flex: 1;align-self: stretch;position: relative;}
.baba{ font-size:30px; margin-bottom:20px;}
.abtu img{ width:100%;object-fit: cover; height:400px; display:block}
.abcon .abtxt2{width:32%;background:#006cb7; color:#fff; padding:6% 4%; }
.abcon .abtxt2 .p1{ font-size:40px; text-transform:uppercase;font-family: Barlow-Regular;}
.abcon .abtxt2 .p2{ font-size:32px; margin-top:20px; margin-bottom:15px; font-weight:bold }
.abcon .abtxt2 .p3{ font-size:16px;}
.neiy .cona { width:100%}
.neiy .cona ul li{ width:50%; margin-bottom:20px; margin-top:20px;}
.neiy .ul-num span {
  color: #006cb7;
  font-size: 45px;
  font-weight: bold;
  position: relative;
  padding-right: 10px;
  font-family: impact;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
.nwz2{ padding-bottom:10px; padding-top:10px; }

.nwz2 h2{ margin-bottom:10px; font-size:30px; }

.nwz2 h3{ line-height:27px;font-size:15px; margin-top:10px;}
.nwz2 .nyline{ width:50px;}	
	
.abcon{ width:100%;display: block;align-items: stretch; margin-bottom:40px; margin-top:20px}
.abtu{ width:100%; }
.baba{ font-size:20px; margin-bottom:20px;}
.abtu img{ height:200px; }
.abtxt2{width:88%; padding:6%; }
.abtxt2 .p1{ font-size:25px;}
.abtxt2 .p2{ font-size:25px;}
.abtxt2 .p3{ font-size:15px;}
.neiy .cona { width:100%}
.neiy .cona ul li{ margin-bottom:0px; margin-top:10px;}
.neiy .ul-num span {font-size: 30px;}	
	
	
	}


@media screen and (max-width: 640px) {
.neiyenews ul li{ margin-bottom:20px; width:100%; margin-left:0%; margin-right:0%;}	
.neiyenews ul li .news_tupian img{height:200px; }
.neiyenews ul li .news_tupian{height:200px;}
.neiyenews ul li .news_biaoti{font-size:18px;}
}

/*内页新闻*/
.w-newsList1{position: relative; background:#f6f6f6}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#aaa;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:48.5%!important; bottom:50%!important; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%!important;/* padding-left: 4%;*/ }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}
.w-newsList1 .news-text:hover .news-h{ color:#006cb7}

.w-newsList1 .swiper-pagination-bullet {
 width:12px;
 height:12px;

}

/*产品分类*/
.profenlei ul li{box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1); background:#fff; margin-bottom:60px;}
.profenlei ul li .flpic{width:50%;align-self: stretch;position: relative;justify-content: center; overflow:hidden;
align-items: center; width:50%; float:left; height:450px;}
.profenlei ul li .fltxt{ width:50%; float:right}
.profenlei ul li .flpic img{ width:100%; height:100%;object-fit: cover;transition: all 0.8s;}

.profenlei ul li:hover .flpic img{transform: scale(1.1);}
.profenlei ul li .fenlei{}
.txtbk{ padding:70px;}
.flname{ font-size:35px; font-weight:bold; color:#333;}
.flms{ color:#006cb7; text-transform:uppercase; font-weight:bold; margin-top:15px; margin-bottom:15px;}
.profenlei ul li:nth-child(2n) .flpic{ float:right}
.profenlei ul li:nth-child(2n) .fltxt{ float:left}
.flmiao{ font-size:15px; color:#999;}
.profenlei ul li .flmore { margin-top:20px;}
.profenlei ul li .flmore span{ background-position:-12px center; background-repeat:no-repeat; position:relative;
display:block; width:1.5em; height:1.5em; background-color:#006cb7;border-radius:100%; background-image:url(../images/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.profenlei ul li:hover .flmore span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}






@media screen and (max-width: 640px) {
/*产品分类*/
.profenlei ul li{ margin-bottom:40px;}
.profenlei ul li .flpic{width:100%; height:300px;}
.profenlei ul li .fltxt{ width:100%; float:right}

.txtbk{ padding:30px;}
.flname{ font-size:25px;}

.profenlei ul li:nth-child(2n) .flpic{ float:left}
.profenlei ul li:nth-child(2n) .fltxt{ float:left}
.flmiao{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}


	
.img-count-in {
    position: static;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 100%;
    *height: 100%;
}
/*内页新闻*/
.sec1 { display:block}
.news-item{ display:block}
.w-newsList1{ height:480px;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:inherit;}
.w-newsList1 .news-imgbox{ height:250px; width:100%; }
.w-newsList1 .news-imgbox img{ width:100%;height:250px; object-fit: cover; }


.w-newsList1 .aspectRatio{padding-bottom:0px;}
.w-newsList1 .news-text{ right:0; width:94%; top: 0%;top:0%\0; *top:0%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 5% 3%; overflow:hidden; z-index:1}
:root .w-newsList1 .news-text{ top:145%; }
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:30px;}
.w-newsList1 .date .day_month{font-size:15px;}
.w-newsList1 .news-h{font-size:18px; height:1.4em; }
.w-newsList1 .news-sum{ font-size:14PX; line-height: 20px; height:40px;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background-size:auto 10px;}
.w-newsList1 .adSN_page{  z-index: 9; left:2%!important; bottom:10%!important; margin-bottom: -20px; top: auto; transform: none; -webkit-transform: none; width:35%!important;/* padding-left: 4%;*/  }

.w-newsList1 .swiper-num {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 57%;
    margin-top: -00px;
    color: #bebebe;
}

.w-newsList1 .swiper-num .active{ font-size:32px;}


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

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

/*首页公司简介*/
.index_about2 { padding-bottom:20px;}

.index_about2 .abtxt2 .abnr{line-height:30px; font-size:16px; width:100%;}
.index_about2 .abtxt2 .abnr p{ margin-bottom:20px;}
.index_about2 .abtxt2 h2{ font-size:30px; }
.index_about2 .abtxt2 h3{ font-size:30px; margin-top:0px;}


.p_item .e_button-16 {
 width:180px;
 height:44px;
 font-size:15px}

.p_item .e_button-16 i {
 width:20px;
 height:20px;}
 

.title{padding-bottom:35px;}
.title1{font-size: 30px;}
.title2{font-size: 30px;}
.title3{font-size: 16px;}


.index_news{/*background: #eff3f7;*/}
.index_news .left{ width:100%;}
.index_news .right{ width:100%;}

.index_news .news-top time{font-size: 14px;}
.index_news .news-top .txt{padding: 25px 0;}
.index_news .news-top .Ispic{height:200px; }


.index_news .top time{font-size: 15px;}
.index_news .top .txt time{ font-size: 14px; }
.index_news .news-top .txt h3{ font-size: 20px;}



.index_news .top .txt h3{font-size: 16px;}

.index_news .top .pic{ overflow:hidden; width:100%}
.index_news .top .Ispic{ width:100%; height:200px; }


.index_news .txt p{line-height: 25px;font-size: 14px;}

.index_news .bottom li h3{border-top: 1px solid #dae0e5;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.index_news .bottom li:last-child h3{border-bottom: 1px solid #dae0e5;}
.index_news .bottom li:hover h3{ padding-left:25px;}
.index_news .bottom li a{border-bottom: 1px solid #eee;table-layout: fixed;line-height: 80px;}
.index_news .bottom li h3{line-height: 40px;font-weight: normal;color: #333;margin: 0;font-size: 15px;}


.index_news .right .top{margin-bottom: 30px;}
.index_news .right .top a{float:left;width: 47%;margin-right: 6%;}
.index_news .right .top a .Ispic{}
.index_news .right .top a:nth-child(2){ margin-right:0%;}

.index_news .title{ padding-bottom:30px;}
.index_news .ntop .newsfl{margin-bottom:30px; width:100%;}
.index_news .ntop .newsfl ul li{ display:inline-block; width:30%; line-height:35px; margin-left:1.2%; margin-right:1.2%; }
.index_news .ntop .newsfl ul li a{ font-size:15px;}

/*产品*/
.sec1{}

/*
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}*/


/*.w-newsList1 .swiper-num{position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}
*/
.shunxu{ position:absolute; border:0px; left:49%;bottom:60px; z-index:11; width:40%;}








.flogo{padding-bottom:35px;}
.flogo img{ height:60px;}

.foot .wd1300{ padding-top:40px; padding-bottom:30px;}
.foota{ border-bottom:1px solid rgba(255,255,255,0.05); border-top:1px solid rgba(255,255,255,0.05);padding-bottom:35px;padding-top:40px;}

.fabout{ display:none}
.foota .fbt{ font-size:20px; color:#fff; margin-bottom:20px;}
.foota ul li{ line-height:30px;}
.foota .fcon{ text-align:center; width:100%}
.foota a{ color:#cfd0d1; font-size:15px;}
.foota .fpro{display:none; width:20%;}
.fnews{ display:none}
/*.foota .ewm { display:none}*/
.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;}
.foota .fpro ul li{ float:left; width:50%;}
.foota .ewm p{font-size:14px; color:#cfd0d1; text-align:center; line-height:30px;}
.foota .ftxt{ line-height:30px; color:#cfd0d1; font-size:15px;}
.foota .ewm img{ padding:5px; background:#fff; border-radius:5px;}
.footb{ padding-top:20px; padding-bottom:20px;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #cfd0d1;}
a.zzb07link:hover {text-decoration: underline;color: #cfd0d1;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#cfd0d1;}


/*首页产品切换*/
#shubiao{width:16px;}
.mouse {width: 12px;height: 20px;}
.mouse: {height: 5px;}
.banner_n {height: 200px;}

.banner_n .mouse{bottom:5px;}
	
.nyabout{background-size:190%;}
.nypro{background-size:190%;}

.nynews{background-size:220%}
.nycon{ background-size:220%}
.nycase{background-size:190%;}


.banner_txt{padding-top:16%;}
.banner_txt h2{  font-size:26px; }
.banner_txt h3{ font-size:20px;}

.weizhi{ width:95%;padding-top:10px; }
.position{ font-size:15px;
	width:100%;
	overflow:hidden;
	color:#838383;
	line-height:30px;
	background:url(../images/icon27.png) no-repeat left center;
	padding:10px 0 10px 36px;
	}
.position span{ padding-left:7px; padding-right:7px;}	
.wbg{ background:#fafafa}



.nymenu ul li{  }
.nymenu ul li a{ line-height:35px;font-size:15px;}
.nymenu ul{ display:flex}
.nymenu ul li a: { height: 0px;}


.nymain{ width:95%; padding-top:40px; padding-bottom:40px; }
.nname{font-size:20px; margin-top:-10px; margin-bottom:5px;}

.nwz{ padding-bottom:10px;}
.nwz h2{font-size:30px;}
.nwz h3{ font-weight:normal; margin-top:-20px; margin-bottom:20px; font-size:16px;}
.neirong{/* margin-top:40px; */line-height:27px; font-size:14px;}

.nybg{ padding-bottom:0px;}
/*内页公司简介*/
.neiy{ width:100%; }
.neiy img{ width:100%;height:200px;}
.neiz{ width:100%; margin-top:30px;}
.neiaa{ font-size:30px;}
.neiz p{ margin-bottom:15px;}
.neiz h2{ font-size:18px;}


/*荣誉资质*/

.factory ul li{  width:98%; margin-left:0%; margin-right:0%; padding:1% 1% 50px 1%; margin-bottom:20px; }
.factory ul li .factory_tu{  height:170px;}
.factory ul li .factory_tu img{max-height:150px; }




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

.nychanpin ul{ display:block;!important }
.nychanpin ul li{ border-bottom:1px solid rgba(255,255,255,0.1); width:33%}


/*内页联系我们*/
.neilian { margin-top:80px; margin-bottom:50px;}
.neilian ul li {
  padding: 40px 2% 30px 2%; font-size:15px;
  width: 96%;}
  .neilian ul li:nth-child(2){ margin-top:50px; margin-bottom:50px;}
.c_icon{ /*width:100%; margin:50px 0 70px 0;*/}
.c_icon ul{ margin:50px 0 50px 0;}



/*内页新闻*/
.neirong_nbk{ padding-top:40px;}
.xw_tip{ height:auto; padding:15px;margin-bottom:20px;}
.xw_kuang1{ width:20%; float:left; padding-top:0px;}
.xw_kuang1 .xw_p1{ font-size:28px;}
.xw_kuang1 .xw_p2{ font-size:15px; }

.xw_tip .xw_line{ margin-top:0px; height:60px;}

.xw_tip .xw_p3{ line-height:25px; width:50%;font-size:16px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;margin-left:20px;}
.xw_kuang2{ width:20%; margin-right:0px; margin-top:0px; height:60px; }
.xw_kuang2 img{height:60px;object-fit: cover;}



.xw_tip:hover .xw_p3{ padding-left:0px;}


/*内页新闻详细页*/

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


.fanhui ul { padding-top:30px;display: block; }
.fanhui ul li{ line-height:30px;width:100%; 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:#006cc0;height:40px; line-height:40px; width:150px; text-align:center; display:block}
.news_xx { margin:0 auto; margin-top:30px; text-align:center}
.news_xx img{ max-width:60%!important; height:auto!important; text-align:center; margin:0 auto }

.neirong_bk{ padding-top:20px;padding: 10px; line-height:27px; margin-top:30px; font-size:14px;}

 

/*内页产品*/
.prolist ul li:nth-child(2n){ float:left}
.prolist ul li{padding:1.5%; width:97%; margin-left:0%; margin-right:0%;margin-bottom:20px;}
.prolist .p_more {

    margin-top: 5px; margin-bottom:10px;
}
/*产品详细页*/

.prozuo{ width:100%; }

.DB_imgWin{height:400px; }
.DB_imgWin img{height:400px; }

.proyou{ width:100%; margin-top:30px;}
.proyou h2{font-size:25px; }

.fanye ul { margin-top:30px;}

.miaoshu{  margin-top:40px; /*min-height:120px;*/}
.miaoh {margin-bottom: 30px;}
.zixun{margin-top:40px;}


.tbottom{ height:3.5rem;}
#BottomNav { background-color:#fff; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #555;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/shl-d.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.5rem;
    margin: 0 auto;
    width: 1.6rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ /*background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; */margin-top:17px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}


.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
 background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;

/*  background: #fff;*/
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 40px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333!important;
  left: 0;
  border-radius: 4px;
}
/*.m-header.bg .nav-btn .line {

  background-color: #333!important;

}*/

.m-header .headLogo_img2 {
    display: none
}
.headLogo_img1,.headLogo_img2{ margin-top:7px;}
.m-header.bg .headLogo_img2{ display:none}
.m-header.bg .headLogo_img1{ display:block}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active { 
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px; background-color:#fff
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
/*  padding: 14px 0 0;*/
  display: none;
  position: fixed;
  left: 0;
  top: 60px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on: {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }



	}