@font-face {font-family: 'fzzd';
  src: url('../fonts/BankGothic Lt BT.ttf'); /* IE9*/
  src: url('../fonts/BankGothic Lt BT.ttf') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/BankGothic Lt BT.ttf') format('woff'), /* chrome、firefox */
  url('../fonts/BankGothic Lt BT.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/BankGothic Lt BT.ttf') format('svg'); /* iOS 4.1- */
}

b, strong : a {
    font-weight: bold;
    color:#fff;

	 }
body.class-108{ background-image:url(/skin/images/1500274209.jpg); background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; background-size:cover}
.side-content:not(.show) .side-body:last-child:before{ display:none}
.side-body{ background:none;}
.banner-sub.auto.not-has+.side-html>.side-body:first-child{ margin-top:0; padding-top:80px;    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;}
.side-head:before{ background: none; }.side-open hr{ background:#fff}
.side-head.side-head-index:before{ background:none}
#index .side-open hr{ background: #fff; }

.sign-box>ul>li>a>b{ color:#fff;}
.side-head-index .sign-box>ul>li.active>a>b{ color:#000}.side-head-index .sign-box>ul>li>a>b,.active .sign-box>ul>li>a>b{ color:#fff;}
.met-job .container:before, .met-download .container:before, .met-show .container:before, .met-shownews .container:before, .met-news .container:before, .met-product.type-0 .container:before, .met-img .container:before {    background: rgba(255,255,255,0.7);
}
.side-bin{    background: rgba(255,255,255,0.8);
}

.hezuotitle.zstitle{ padding:2px 0 3px 0;}
.hezuotitle.zstitle p{ text-align:center; font-size:18px; line-height:2;}

.brand_box ul{ overflow:hidden; padding-top:0%;}
    	.brand_box li{ list-style:none  margin-top:50px;}
		.brand_box li{ width:33%; float:left; text-align:center; margin-bottom:38px;}
		.brand_box li div{ padding:6%;}
		.brand_box li div img{ height:35px; max-width:100%;}
		.brand_box li span{ display:block;}
		.brand_box li font{ font-size:14px; line-height:2; display:block}
		
		.product_box{    position: relative;
    margin: 0 1.5px;
    margin-top: -165px;
    z-index: 100;}
		.product_box ul{ overflow:hidden; padding:0;padding-top:3%; padding-left:38px; widt:500px; }
    	.product_box li{ list-style:none}
		.product_box li{ width:33%; float:left; text-align:center;}
		.product_box li a{ padding:2%; display:block; position:relative;}
		.product_box li a img{ height:100px; max-width:100%;}
		.product_box li a span{ display:block;}
		.product_box li a font{     font-size: 14px;
    line-height: 2;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    color: #fff;}
.gongyishow{ width: 666px;  height: auto;  ;}		


.window-bin.prosec .container:before{ background:none;}


/* 所有样式都带 custom-hero- 前缀，绝对不与其他样式冲突 */
.custom-hero-banner {
  /* 基础布局 */
  position: relative;
  width: 100%;
  min-height: 520px; margin-top:30px;
  display: flex;
  align-items: flex-end; /* 文字靠下 */
  padding: 60px 20px;
  box-sizing: border-box;

  /* 背景图片（你可以换成自己的图片地址） */
  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; display:none;
}
.custom-hero-banner.on{ display:flex;}

/* 底部黑色渐变遮罩 */
.custom-hero-banner::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  /*background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0));*/
  z-index: 1;
}

/* 文字内容 */
.custom-hero-content {
  position: relative;
  z-index: 2; /* 让文字在渐变上方 */
  max-width: 1200px;
  margin: 0px  auto 140px auto;
  width: 100%;
}

/* 标题 */
.custom-hero-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px 0;
  line-height: 1.2;
}

/* 描述 */
.custom-hero-desc {
  font-size: 18px;
  color: #fff;
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
}


.contactmen{ width:600px; margin-top:50px;}
		

.met-editor iframe{ width:640px ; height:480px}
.window-bin .container:before{background: rgba(255,255,255,0.6);}
.case-left{ float:none; position:relative; text-align:center; width:100%; }
.case-list div.ulleft{ width:50%;float:left; margin-top:50px;}
.case-list ul{ padding-top:50px; text-align:center; width:50%; float:right; }
.case-list ul li{ width:33%;}
.case-list ul li div{ padding:5% 5%; overflow:hidden; }
.case-list ul li span.tu{ font-size:55px; line-height:55px; display:block; padding-bottom:1%;color:#520c15 ; text-align:center;}
.case-list ul li span.tu img{ height:55px; display:block; margin:0 auto;}
.case-list ul li span.zi{ font-size:16px; display:block; }
.case-list ul li:hover div a{ display:block}
.case-list ul li:hover div{  color:#fff;}/*background:#ccc;*/
.case-list ul li:hover div a span{ color:#fff}
.banner-bin-o p:nth-child(3) span:nth-child(2){ font-family:"fzzd",Sample,Arial, Helvetica, sans-serif ;letter-spacing:1.2px;}

.picture-list ul li a font img, .product-li a font img{ height:250px;}
.case-list ul li span a img, .img-li span a img{ height:270px}
#ban1{ padding:19px 45px;}
#ban2{ padding:0 47px}
.side-head.active:before{opacity: 0.6}
.info-img{ width:96%; height:456px;  overflow: hidden;}
.info-text{ width:88%;  float:left; }
.info-img a{ float:none; border:none}
.window-bin.swiper-slide-active .about-right{ border:none;}
/*.side-head{    background: rgba(255,255,255,0.6);}*/
.side-head{background:; }
.window-bin.swiper-slide-active .case-right{ border:none}
.case-right:before,.case-right:after{ display:none}

.case-left h3 { font-size:16px;}
.case-left h3 u{ line-height:2.0; font-size:2.1em; font-weight:bold;}
.banner-bin-o p:nth-child(3) span:nth-child(1){ font-size:50px;}
.banner-bin-o p:nth-child(3){ padding-top:13px;}
.banner-bin-o p:nth-child(2){ margin-right:90px;}
.banner-bin-o p:nth-child(2) span{ font-size:72px; letter-spacing: 0; */}
.banner-bin-p{margin: 4px 0 0 59px;}
.banner-bin-o p:nth-child(1) span:nth-child(1){ font-family:'微软雅黑'; font-size:24px; line-height:50px;}
.banner-bin-o p:nth-child(1) span:nth-child(2){ font-size:1.5em;    margin: 15px 0 15px 0;}
.banner-bin-a{ font-weight:900;     margin: 3px 58px 2px 35px;}

.info-img a, .news-img a{ border:none}
.info-text h3 a{overflow:auto;  white-space:normal}
.info-text h3, .news-text h3{ margin:0px 0 0 0; line-height:1; font-size:1em; text-align:left;}
.info-text h3 a, .news-text h3 a{  font-size:1em; line-height:25px;}
#map{ border:none}
.nav-first>ul>dl>dd{ font-size:12px;}
.nav-second>a>b{ font-size:14px;}
.click-box:before{ border:none; background:none}
.window-bin.swiper-slide-active .case-left h3 span{ font-size:1.7em;}
.banner-bin-o p:nth-child(4){ float:left; padding-left:0px;}
.banner-bin-o p:nth-child(4) span{ line-height:18px;}
.banner-bin-o p:nth-child(4) span:nth-child(2n-1){ height:18px; width:18px;}

.hezuotitle{ text-align:center}
.hezuotitle h1{ text-align:center}
.met_pager .PreSpan, .met_pager .NextSpan, .met_pager a, .met_pager span{ padding:0 10px !important; display:inline-block; background:none !important}

.case-list ul li span, .img-li span{ margin:1%; }
  .window-next{    color: rgba(255,255,255,.8);}
 .window-next:before,.window-next:after{    background: rgba(255,255,255,.4);}
@media(max-width:767px) and (orientation:portrait) {
.product_box { margin-top: 0px;}

.case-list div.ulleft{ width:100%;float:left; margin-bottom:25px; margin-top:0px;}

.custom-hero-banner {
  /* 基础布局 */
  position: relative;
  width: 100%;
  min-height: 270px; margin-top:20px;
  
}

.banner-bin.banner1{background-image: url(/skin/images/mb1.jpg) !important;}
.banner-bin.banner2{background-image: url(/skin/images/mb2.jpg) !important;}
.banner-bin.banner3{background-image: url(/skin/images/mb3.jpg) !important;}

.window-bin swiper-lazy {background-image: url(/skin/images/mbgyellow.jpg) !important;}
.window-bin swiper-lazy swiper-slide-active swiper-lazy-loaded {background-image: url(/skin/images/mbgyellow.jpg) !important;}


	.contact-bin{ width:50%; margin-top:60px;}
	.contactmen{ width:90%; }
	.brand_box{ padding:0 2%;}
	.brand_box li{ width:50%; }
		.brand_box ul,.product_box ul{ overflow:hidden; padding:0;; margin:0; padding-top:3%;  padding-bottom:6%; }
		.product_box li{ width:33%; height:50px; }
	.product_box li a img{ height:80px; max-width:100%;}
	.met-editor iframe{ width:100% ; height:240px}
	.picture-list ul li a span b, .product-li a span b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block}
	.banner-bin-o p:nth-child(3){ padding-top:0;}
	.banner-bin-o p:nth-child(3) span:nth-child(2){ font-family:'微软雅黑';  ;letter-spacing:0px;}
	.banner-bin-o p:nth-child(3) span:nth-child(1){ font-size:30px;}
	.banner-bin-a span:nth-child(4),.banner-bin-a span{ font-size:50px; line-height:50px;}
	.banner-bin-b{ padding-top:0px;}
	.about-left{ margin-top:15%;}
	.banner-bin-o p:nth-child(1){ margin-top:20px;}
	.banner-bin-o p:nth-child(4){ margin-bottom:20px; float:none; padding-left:0px}
	.banner-bin-a{ margin:20px auto;}
	.banner-bin-h{ margin-top:20px;}
	.banner-bin-j{ margin-bottom:20px;}
	.window-bin.swiper-slide-active .case-left h3 span{ font-size:24px; line-height:2; display:block}
	.info-first{ margin-bottom:2%;}
	.window-bin:not(.window-banner) .container{  }/* height:130%;  padding-top:25%;*/
	.window-bin .container:before{ height:100%}
	.window-bin .container_h:before{ height:auto; padding:6% 0;}
	.info-text p{ display:none}
	.info-img{ width:100%;}
.info-text{ width:100%;}
	.case-left h3 u{ font-size:28px;}
	.window-bin.swiper-slide-active .case-right{ padding:3% 6%; padding-bottom:9%;}
	.window-bin.swiper-slide-active .case-left h3{ padding:2% 0;}
	.case-list ul li div{ padding:5% 2%; overflow:hidden}
	.case-list ul li span.tu{   padding-bottom:2%; font-size:30px; line-height:30px;}
	.case-list ul{ padding-top:0; text-align:center; width:100%; }
	.case-list ul li:first-child{ width:33%}
	.case-list ul li{ width:33%;}
	.case-list ul li span a img, .img-li span a img{ height:auto}
	#ban1{ padding:0 }
#ban2{ padding:0}
.picture-list ul li a font img, .product-li a font img{ height:160px}
.banner-bin-o p:nth-child(1) span:nth-child(3){font-size: 30px;}
.banner-bin-o p:nth-child(1) span:nth-child(3) u{ font-size:40px;}
.banner-bin-p{ margin:4px 0 0 0;}
.case-list ul li span.zi{ font-size:14px;}
.picture-list ul { width:100%;   padding-bottom:6%;}
.picture-list ul li{ width:50%; height:auto}
.picture-list ul li a font img, .product-li a font img { height:100px;}
.nav-first>a,.nav-first>a>i{  line-height:40px;}
.side-bin{background: rgba(255,255,255,.875);}}
.picture-nav p b.active span:first-child,.info-nav p b.active span:first-child{ background:#333;}
.side-open{width: 35px; height: 25px;}



@media (max-width:767px) {
	
.side-open {width: 23px; height: 18px; right: 15px; top: 22px;}
.gongyishow{ width: 100%; height: auto; opacity: 0.7;}		

.info-img { width: 100%; height: auto; overflow: hidden;


.side-open hr {
	height: 3px;
}
}


@media (max-width:1180px) {
	
.side-open {
	width: 23px;
	height: 18px;
	right: 15px;
	top: 22px;
}

.side-open hr {
	height: 3px;
}
}