@charset "utf-8";
 
.clear{clear:both;}
 


@media screen and (min-width:1200px)  and  (max-width:3600px)  {

/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.left{float:left;}
.right{float:right;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
a:hover{color:#ff6a2c;}
.wrap{max-width:1200px; margin:0 auto;}

body{font-family:Adobe 黑体 Std,Microsoft Yahei;font-size:14px; background:#fff; color:#333333; line-height:30px;}
a{color:#333333;}
 

/* --- 头部 --- */
.header  .wrap{ padding: 15px 0 ; position: relative; height: 85px; }
	.header .logo{ position: absolute; left:0; top:22px;}
.lang{ position:absolute; top:15px; right:0; height: 55px;
    line-height: 55px;  }
.lang a{  }
 
 
/* 导航 */
.nav{ height:55px;
    line-height:55px;
    color:#333333;  float: right; margin-right: 100px;
     }
.nav li{ padding:0 10px;     position:relative; float:left;   text-align:center; }
.nav li .link{display:block; font-size:16px; position:relative; line-height:53px;padding: 0 15px;    color:#333;     }
.nav li .link:hover ,.nav li .link.now { color:#ff6a2c; border-bottom:#ff6a2c 2px solid;}


 
/* 导航滑过 */
.nav li :hover .link:before{width:100%;}
.nav li:hover .link {  }

/* 导航弹出 */
.nav li .sub-nav{   background: url(../images/up.png) no-repeat center top; padding-top:8px;position:absolute; left:0; width:100%;   z-index:100; text-align:center;    display: none; top:48px; transition:all .3s; overflow:hidden;}
.nav li .sub-nav .text{ display:block; background:#fff; border-radius:10px; padding:0 12px;    }
.nav li .sub-nav a{   line-height:38px; display:block;  width:100%;  border-bottom:1px #e7e7e7 solid; color:#7b7b7b;}
.nav li .sub-nav a:hover{ color:#00509f;}
.nav li:hover .sub-nav{ display:block; z-index:500; }

/* --- 内容 --- */
.indexbannner .swiper-pagination-bullet{    opacity:1;}
	.banner{ height: 600px; position: relative}
	.banner .swiper-slide{height: 600px; position: relative }
	.indexbannertxt{ position: absolute; height: 280px; top: 50%; left: 0; margin-top: -140px; width: 100%;  }
	.indexbannertxtwrap{ width: 1200px; margin: 0 auto;}
	.indexbannertxtwrap a{width: 120px;
	color:#ff6a2c;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    border: #ff6a2c 2px solid;
    display: inline-block;
    margin-top: 30px;
    border-radius: 40px;}
	.indexbannertxtwrap a:hover{ background: #ff6a2c; color:#fff; border: #ff6a2c 2px solid;}
	.indexbannertxtwrap h5{ color:#000000; font-weight: bolder; font-size: 60px; line-height: 120px;}
	.indexbannertxtwrap p{font-size: 20px;} 
	.indexbannner .swiper-pagination-bullet{ border: #b0bac0 2px solid;  background: none;width:12px; height: 12px;     margin: 0 10px !important;}
	.indexbannner .swiper-pagination-bullet-active{border: #ff6a2c 4px solid; width:14px; height: 14px;}
	.bannerioc{ position: absolute; width: 100%; left: 0; bottom: 40px; z-index: 999;}
	.banneriocbox{ text-align: right;}
	.banneriocitem{ display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #b9c3c8; border-radius: 100%; margin-left: 25px; cursor: pointer;}
	.tel a { display: block; width: 36px; height: 36px;  background: url(../images/ioc31.png) no-repeat center center;}
	.wechat a { display: block; width: 36px; height: 36px;  background: url(../images/ioc32.png) no-repeat center center;}
	.email a { display: block; width: 36px; height: 36px;  background: url(../images/ioc33.png) no-repeat center center;}
	.qq a { display: block; width: 36px; height: 36px;  background: url(../images/ioc34.png) no-repeat center center;}
	.tel a:hover{ background: url(../images/ioc31a.png) no-repeat center center;}
	.wechat a:hover{ background: url(../images/ioc32a.png) no-repeat center center;}
	.email a:hover{ background: url(../images/ioc33a.png) no-repeat center center;}
	.qq a:hover{ background: url(../images/ioc34a.png) no-repeat center center;}
	.banneriocitem:hover{ background: #ffffff;}
	.wechat{ position: relative;}
	.wechat .ewm{ display: none; position: absolute; top:-120px; width: 100px; left: 50%; margin-left: -50px}
	.wechat .ewm img{ width: 100px}
	.wechat:hover .ewm{ display: block}
	.indextitle{ font-size: 48px; font-weight: bold; color: #000; line-height: 160px; text-align: center; padding-top: 40px;}
	.indexproduct ul{ overflow: hidden;}
	.indexproduct ul li{ width: 300px; float: left; text-align: center;}
	.indexproduct ul li a{ display: block}
	.indexproduct ul li a img{  transition: all 0.6s; width:70%;  }
	.indexproduct ul li a:hover img{transform: scale(1.1); }
	.indexproduct ul li p{ font-size: 18px; margin-top: 50px; }
	.indexsolution{ background: #f7f9fa; margin-top: 80px; padding-bottom: 30px; }
	.indexsolution ul{ margin-right: 2%; overflow: hidden;}
	.indexsolution ul li{ margin-left: 2%; width: 23%; float: left;}
	.indexsolution ul li a{ position: relative; display: block; width: 100%;}
	.indexsolution ul li a img{ width: 100%;height: 350px;}
	.indexsolution ul li .solutionitem{width: 100%; height: 100%;  position: absolute;    padding: 10%; top:0; left:0; color: #fff; text-align: center;}
	.solutionitem   h4{  color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 20px; text-align: center;}
	.solutionitem p{ text-align: left; height:120px;}
	.solutionitem span{ width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center; border: #fff 2px solid; display: inline-block;  margin-top: 30px; border-radius: 40px; }
	.indexsolution ul li a:hover  .solutionitem{background:  url(../images/ht.png) ; }
	.indexsolution ul li a:hover  .solutionitem span{ background: #ff6a2c; border: #ff6a2c 2px solid;}
	.indexnav { margin-bottom: 50px; background-color: #eee;}
	.indexnav ul { overflow: hidden; padding: 60px 0; max-width: 1200px; margin: 0px auto;}
	.indexnav ul li{ width: 33.333%; float: left; text-align: center;}
	.indexnav ul li:first-child{ background: url("../images/ioc1.png") no-repeat center top; padding-top: 100px;}
	.indexnav ul li:nth-child(2){ background: url("../images/ioc2.png") no-repeat center top; padding-top: 100px;}
	.indexnav ul li:last-child{background: url("../images/ioc3.png") no-repeat center top; padding-top: 100px;}
	.indexnav ul li:first-child:hover{ background: url("../images/ioc1a.png") no-repeat center top; padding-top: 100px; color: #ff6a2c;}
	.indexnav ul li:nth-child(2):hover{ background: url("../images/ioc2a.png") no-repeat center top; padding-top: 100px; color: #ff6a2c;}
	.indexnav ul li:last-child:hover{background: url("../images/ioc3a.png") no-repeat center top; padding-top: 100px; color: #ff6a2c;}
	.footerleft{ width: 280px; float: left;}
	.footerleftlogo{ margin-bottom: 20px;}
	.footerleftioctem{ display: inline-block; margin-right: 20px;}
	.footerleftioctem.tel a { display: block; width: 36px; height: 36px;  background: url(../images/ioc31b.png) no-repeat center center;}
	.footerleftioctem.wechat a { display: block; width: 36px; height: 36px;  background: url(../images/ioc32b.png) no-repeat center center;}
	.footerleftioctem.email a { display: block; width: 36px; height: 36px;  background: url(../images/ioc33b.png) no-repeat center center;}
	.footerleftioctem.qq a { display: block; width: 36px; height: 36px;  background: url(../images/ioc34b.png) no-repeat center center;}
	.footerleftioctem.tel a:hover{ background: url(../images/ioc31a.png) no-repeat center center;}
	.footerleftioctem.wechat a:hover{ background: url(../images/ioc32a.png) no-repeat center center;}
	.footerleftioctem.email a:hover{ background: url(../images/ioc33a.png) no-repeat center center;}
	.footerleftioctem.qq a:hover{ background: url(../images/ioc34a.png) no-repeat center center;}
	
	.footerleftioctem.wechat .ewm{ bottom: -110px; top:auto;}
	.footerright{ width: 900px; float: right; text-align: right; margin-bottom: 30px;}
	
	.footerrightnav{ display: inline-block; vertical-align: top; margin-left:50px;}
	.footerrightnav dl dt{ font-weight: bold; }
	.footercopyright{ border-top: #e6e6e6 1px solid; line-height: 60px; color: #595656; clear: both; overflow: hidden; }
	.copyright{ float: left;}
	.copylang{ float: right;}
	.copylang a{color: #595656; }
	
 
 
	.nybanner{height: 310px; line-height: 310px; text-align: center; font-size: 40px; font-weight: bold;  color: #fff;}
 
	.listproductnav{ height: 60px; line-height: 60px;}
	.listproductnav ul {  }
	.listproductnav ul .cur{ border-right: none; }
	.listproductnav ul li { float: left; position: relative; border-right: #eeeeee 1px solid;}
	.listproductnav ul li a{ display: block;  padding-left: 110px;  padding-right: 40px;}
	.listproductnav ul li i{display: none}
	.listproductnav ul li:hover i,.listproductnav .wrap .cur  i{display: block; bottom: -6px; left:50%; position: absolute;  width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ff6a2c;}
	.listcase ,.listproduct,.listshowcase{ background: #f7f9fa; padding: 60px 0; margin-bottom: 60px;}
	.listproduct ul, .listcase ul{ overflow: hidden;}
	.listproduct li{  float: left; margin-right: 30px; background: #ffffff; width: 277.5px; margin-bottom: 30px; text-align: center; padding:30px 10px; }
	.listproduct li:nth-child(4n){ margin-right: 0;}
	.listproducttxt h4{ font-size: 20px; font-weight:bold; margin-bottom: 10px;}
	.listproducttxt p{ line-height: 22px; height: 44px; overflow: hidden; }
	.listproducttxt span{ width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center;border: #ff6a2c 2px solid;display: inline-block;  margin-top: 30px; border-radius: 40px; color: #ff6a2c;}
	.listproduct li a:hover  .listproducttxt span{ background: #ff6a2c;  color: #fff;}
	.listproduct li a:hover  h4{ color: #ff6a2c;}
	.listproduct li a:hover p{ color: #333;}
	
	.listcase li{  float: left; margin-right: 30px; background: #ffffff; width: 380px; margin-bottom: 30px; text-align: center;    border-radius: 20px;}
	.listcase li:nth-child(3n){ margin-right: 0;}
	
	.listcase li .listproducttxt{ padding: 20px 20px 30px 20px;}
	.listcase li img{ width: 100%;}
	.listcase li h4,.listcase li p{ text-align: left;}
	
		.listcase li  a:hover  .listproducttxt span{ background: #ff6a2c;  color: #fff;}
	 
	.listcase li   a:hover p{ color: #333;}
	
 
 
 
	.listcasenav{ height: 60px; line-height: 60px; background: #f7f9fa; }
	.listcasenav a{ display: inline-block; margin-right: 30px;  color: #999999; font-size: 16px;}
	.listcasenav .cur{ color: #ff6a2c;}
	.showcasebox{ padding: 80px 0;}
	.showcaseboxtit{ border-left: #ff6a2c 3px solid; line-height: 60px; height: 60px; font-weight: bold;  font-size: 30px;  padding-left: 70px; margin-bottom: 50px;}
	.showcasebanner { position: relative; margin-top: 60px;}
	.swiper-pagination{ position: absolute; bottom: 10px; top:auto;}
 .showcasebanner .swiper-pagination-bullet{ border: #b0bac0 2px solid;  background: none;width:12px; height: 12px;     margin: 0 10px !important;}
	.showcasebanner .swiper-pagination-bullet-active{border: #ff6a2c 4px solid; width:14px; height: 14px;}
  .showcasebanner {
      width: 100%;
      height: 100%;
    }

   .showcasebanner .swiper-slide {
      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 
 
 
 
	.listshowcase li{ background: #ffffff; border-radius: 20px; padding: 30px; display: flex; justify-content: space-between; margin-bottom: 30px;}
	.listshowcase li .listshowcaseimg { width: 165px; height: 165px; line-height: 165px; border-radius: 20px; background: #ff6a2c; text-align: center;}
	.listshowcase li .listshowcasetxt{ width: 930px; height: 165px;  }
	.listshowcasetxt h4{ font-size: 20px; font-weight: bold; color: #000; line-height: 50px;}
 
	.listshowcasetxt  p{ line-height: 25px;}
 
	.hezuotit{  padding-top: 60px; padding-bottom: 60px; text-align: center}
	.hezuotit h2{ font-size: 40px; font-weight: bold; line-height: 60px;  } 
	.hezuo ul li{ margin-bottom: 80px;  overflow: hidden;  }
 
	.hezuoimg{ width: 600px;}
	.hezuotxt{ width: 480px;}
	.hezuotxt p{ padding-left: 73px;}
	.hezuoliucheng{ background: url("../images/hz.jpg") no-repeat center center; padding: 120px 0;}
	.hezuoliuchengtit {font-size: 40px; font-weight: bold; line-height: 40px;  margin-bottom: 100px; color: #fff; text-align: center;}
	.hezuoliucheng ul{ overflow: hidden}
	.hezuoliucheng ul li{ float: left; width:  175px; margin-right: 30px; background: url("../images/hej.png") no-repeat  0 40px; color: #fff;}
	.hezuoliucheng ul li:last-child{ margin-right: 0; }
	.hezuoliucheng ul li span{ display: block; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
	.hzbtn{ margin-top: 80px;  text-align: center;}
	.hzbtn a{ width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center; background: #ff6a2c;  border: #ff6a2c 2px solid;display: inline-block;  margin-top: 30px; border-radius: 40px; color: #fff;}
	.fwzc{ padding: 80px 0; background: #f7f9fa; margin-bottom: 80px;}
	.fwzc ul{ overflow:hidden}
	.fwzc ul li{ float: left; margin-right: 30px; margin-bottom: 30px; background: #fff; border-radius: 10px;  padding: 30px; width:277.5px; }
	.fwzc ul li p{ height: 88px; line-height: 22px; overflow: hidden;}
	.dt  {  text-align: center }
	.dt img{ max-width: 100%;}
	.fwzc ul li:nth-child(4n){ margin-right: 0;}
	.fwzc ul li span{ display: block; color: #ff6a2c; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
	.fwzc ul li h3{color: #000; font-size: 20px; margin-bottom: 5px;font-weight: bold;}
	.nom{ padding-top: 0; background: #f7f9fa; padding-bottom: 80px; margin-bottom: 80px;}
	.nom ul{ overflow: hidden;}
	.nom li{float: left;
    margin-right: 30px;
    background: #ffffff;
    width: 370px;
    margin-bottom: 30px; }
	.nompic{ position: relative;}
	.nompic span{ position: absolute; top:10px; right: 10px; font-size: 30px; font-weight: bold; color: #fff;}
	.nomtxt{ padding: 30px;}
	.nomtxt h4 { margin-bottom: 10px; font-size: 20px; font-weight: bold;}
	.nomtxt p{ height: 60px;}
	.showp{ font-size: 20px;  color: #999; font-weight: bold; text-align: center;}
	.showtit{ color: #000; font-size: 36px; font-weight: bold; line-height: 160px; text-align: center;  padding-bottom: 20px;}
	.showp{ margin-bottom: 40px;}
	.showp span{ display: inline-block; margin: 0 50px;}
	.show{ background: #f7f9fa; padding: 80px 0; margin-bottom: 80px;}
	.lx{background: #f7f9fa; padding: 80px 0;  }
	.lxnav ul { overflow: hidden; padding: 60px 0;}
	.lxnav ul li{ width: 33.333%; float: left; text-align: center;}
	.lxnav ul li:first-child{ background: url("../images/lx1.png") no-repeat center top; padding-top: 100px;}
	.lxnav ul li:nth-child(2){ background: url("../images/lx2.png") no-repeat center top; padding-top: 100px;}
	.lxnav ul li:last-child{background: url("../images/lx3.png") no-repeat center top; padding-top: 100px;}
	.lxnav ul li:first-child:hover{ background: url("../images/lx1a.png") no-repeat center top; padding-top: 100px; color: #ff6a2c;}
	.lxnav ul li:nth-child(2):hover{ background: url("../images/lx2a.png") no-repeat center top; padding-top: 100px; color: #ff6a2c;}
	.lxnav ul li:last-child:hover{background: url("../images/lx3a.png") no-repeat center top; padding-top: 100px; color: #ff6a2c;}
	.lxtit{ font-size: 50px; font-weight: bold; text-align: center; line-height: 90px;}
	.lxnav ul li p{ line-height: 25px;}
	.lx .lxnav ul li{ border-right: none;}
	
	
	.p80{ padding: 80px 0;}
	.yijian{background: #f7f9fa; padding: 80px 0;  margin-bottom: 80px;}
	.about{ padding-top: 60px; font-size: 20px;}
	.about img{  padding: 80px 0; }
	.aboutxt{text-align: center; color: #ff6a2c; padding-top: 50px;}
	.djs ul li{   margin-bottom: 60px; overflow: hidden;}
	.djs ul li .djspic{ width: 600px;}
	.djs ul li .djspic img{width: 600px;}
	.djspic img{ margin-bottom: 10px;}
	.djstxt{ width: 500px; padding-top: 90px;} 
	.djstxt p{ color: #ff6a2c; margin-bottom: 20px;}
	.djstxt p span{ display: block; font-size: 50px; font-weight: bold; }
	.djstxt p font{ font-size: 16px; font-weight: bold; letter-spacing: -1px;}
	h4{ color: #333333; font-size: 20px; font-weight: bold;}
	.djs ul li:nth-child(2n) .djstxt{ text-align: right}
	.djs {background: #f7f9fa; padding: 80px 0;  margin-bottom: 80px;}
	.yijiantxt{ float: left; width: 49%; margin-bottom: 15px;}
	.yijian .fr{ float: right;}
 
	.yijianinputtxt{ width: 100%; background: #fff; border: #f5f7f8 1px solid; line-height: 30px; padding: 15px; border-radius: 8px;}
	.textareatxt{width: 100%; background: #fff; border: #f5f7f8 1px solid; line-height: 30px; padding: 15px; border-radius: 8px; height: 180px;}
	
	.yijiantxt p,.yijiantxtarea p{ margin-bottom: 10px; color: #666666; font-size: 16px;}
	.yijiantxtbtn{ text-align: center;}
	.yijiantxtbtn input{width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center;border: #ff6a2c 2px solid;display: inline-block;  margin-top: 30px; border-radius: 40px; color: #fff; background:#ff6a2c; cursor: pointer}
	.job{background: #f7f9fa; padding: 10px 0  80px 0;  margin-bottom: 80px;}
	.sousu{ width: 440px; padding: 0 10px 0 30px; height: 40px; margin: 0 auto; border: #cccccc 1px solid; border-radius: 30px;}
	.inputxt{ background: none; height: 40px; line-height: 30px; padding: 10px 0 ; width: 350px; float: left; border: none;}
	.soubtn{ background: url("../images/sousu.png") no-repeat center center; float: right;  border: none; width: 34px; height: 30px; cursor: pointer}
	
	
	
	 
	.joblist{ clear: both;   }
.joblist ul{overflow: hidden;  }
.joblist li{float: left; margin-right: 30px; background: #ffffff; width: 370px; margin-bottom: 30px; padding: 30px 20px; border-radius: 20px;}
	.joblist li:nth-child(3n){ margin-right: 0;}
	.joblist li h3,.slidemain h3{  font-size: 20px; font-weight: bold; margin-bottom: 10px;}

	
.joblist li.last-bg{background:none;}
.joblist li a{ display: block}
.joblist li a:hover{text-decoration:none;color:#ff6600;}
/* slidemain */
#newsdata{display:none;}
#slidefront{ z-index:999; width:700px; height: 500px; position:absolute; top:-2000px; margin-top: -50px;  }
 
.slideclose{display:block;right:35px;background-image:url(../images/btn_close.png);width:41px;cursor:pointer;position:absolute;top:35px;height:41px;}
.slidetitle{font-weight:bold;font-size:14px;color:#cfa924;line-height:24px;padding-top:10px;height:24px;text-align:center;}
.slidemain{margin:10px;}
#slideshadow{ z-index:998; position:absolute;top:-2000px;background-color:#fff; }
	
.joblist1 .time{ font-size: 14px;  background: url("../images/time.png") no-repeat left center; padding-left: 20px; margin-right: 25px; color: #666666}
	
.joblist1 .add{ font-size: 14px; background: url("../images/dz.png") no-repeat left center; padding-left: 20px; color: #666666}	
	.joblist2{ font-size: 16px; line-height: 22px; margin-top: 5px;}
	.joblist .joblist2{ font-size: 14px;}
	.joblist3{ text-align: center; margin: 10px 0 20px 0}
	.joblist3 span{ display: inline-table; width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center;border: #ff6a2c 2px solid;display: inline-block;  margin-top: 30px; border-radius: 40px; color: #ff6a2c; cursor: pointer }
	.joblist li a:hover .joblist2 { color: #333;}
	.joblist li a:hover .joblist3 span{ background:#ff6a2c; color: #fff; }
	#layers{ left:-4000px; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed;}
	.slidemain{background: #fff;  border-radius: 20px; padding: 30px;}
	.slidemain .joblist1{  margin: 10px 0  20px 0;}
	.joblist2a{ height: 380px; overflow-y: scroll; font-size: 16px;}
	.joblist4 {  margin-top: 10px;}
	.joblist4 span{display: inline-table; width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center;border: #ff6a2c 2px solid;display: inline-block;  margin-top: 30px; border-radius: 40px;  background: #ff6a2c;  color: #fff; cursor: pointer }
	
	
	.sideMenu{ padding: 80px 0;  }
		.sideMenu h3{ padding: 20px 10px 20px 0;  line-height:40px; color: #000000; font-size: 20px;    border-top:1px solid #dddddd;  cursor:pointer;
			 
		}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:40px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
	.sideMenu h3.on{ color: #ff6a2c;}
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu ul{ background: #fff; padding:25px;  font-size: 14px;  display:none; margin-bottom: 30px; /* 默认都隐藏 */ }
	.npb{ padding-bottom: 0;} 
	
	
	.showpicture .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .showpicture .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .showpicture .gallery-top { float: right; width: 900px; height: 900px;
       
    }
	.showpicture .gallery-thumbs .swiper-wrapper{ flex-wrap:wrap; width: 140px;   flex-direction:row;  }
    .showpicture .gallery-thumbs {
       float: left; width: 140px;   margin-top: 200px;  height: 450px;
   
    }

    .showpicture .gallery-thumbs .swiper-slide {
     width: 140px; height: 140px; opacity: 0.5;  
     
    }

    .showpicture .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1; 
    }
	.showpicture .gallery-thumbs .swiper-slide-thumb-active img{border: #ff6a2c 1px solid; border-radius: 4px; }
	
	
	
	.videolist { position:relative;   }
.videolist:hover{ cursor: pointer; }
	.videolist h3{ width: 100%; text-align: center; font-size: 50px; font-weight: bold; line-height: 200px; position: absolute; top:30%; color: #fff; }
.videoed {   width:50px; height:50px; position: absolute; left:50%; margin-left: -25px; top:60%; z-index:99; border-radius:100%; }
.videos{ display:none;  background:url("../images/ht.png"); position:fixed; left:0; top:0;   z-index:100; width: 100%; height: 100%;}
.videos #video	{width:1280px !important; height:720px; position: absolute; left: 50%; margin-left: -640px; top:50%; margin-top: -360px;  background: #000; border: #000 5px solid;}
.vclose { position:absolute;left:50%; top:50%; border-radius:100%; cursor: pointer;  margin-left: 628px; margin-top: -372px;}
	.showpic{ background: #f7f9fa; padding-bottom: 1px;   }
	.jscs{ padding-bottom: 80px;}
	.down{ background: #f7f9fa; padding: 0 0 0 0; margin-bottom: 80px;}
	.down .wrap{ background: #fff; padding: 50px 40px 20px 40px; margin-top: 80px;}
	.downtit{ font-size: 30px; font-weight: bold;  text-align: center; margin-bottom: 50px;}
	.down .wrap ul {overflow: hidden;}
	.down .wrap ul li{ float: left; width: 48%; text-align: left; border-right: #d1d1d1 1px solid; position: relative; margin-bottom: 30px;}
	.down .wrap ul li .dw{ position: absolute; right: 30px; top:10px; display: block; width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center;border: #ff6a2c 2px solid;   border-radius: 40px;  background: #fff;  color: #ff6a2c; cursor: pointer}
	.down .wrap ul li a:hover .dw{ background:#ff6a2c; color: #fff; }
	
	.down .wrap ul li:nth-child(2n){ float: right; border-right: none;}
	.down .wrap ul li a{ background: url("../images/down2.png") no-repeat center left; padding-left: 100px;  display: block;}
	.down .wrap ul li a:hover{ background: url("../images/down1.png") no-repeat center left; }
	.down .wrap ul li a h4{ font-size: 20px; font-weight: bold; margin-bottom: 10px; margin-right: 170px;}
	.down .wrap ul li a:hover h4{ color: #ff6a2c;}
	.down .wrap ul li a p{ color: #666666; margin-right: 170px;}
	.down .wrap ul li a p span{ display: inline-block; margin-right: 20px; padding-left: 25px;}
	.down .wrap ul li a p .time{ background: url("../images/downa.png") no-repeat center left;}
		.down .wrap ul li a p .size{ background: url("../images/downb.png") no-repeat center left;}
		.down .wrap ul li a p .dwnj{ background: url("../images/downc.png") no-repeat center left;}
	.down .wrap ul li a:hover p{color: #666666;}
	.showcasebox1{ background: #ff6a2c; line-height: 60px; height: 60px; color: #fff;}
	.showcasebox1 a{color: #fff;}
	.showcasebox1left{ background: url("../images/xh.png") no-repeat left center; padding-left: 50px; float: left; position: relative; padding-right: 50px;}
	.showcasebox1left .showcasebox1leftbox{ position: absolute; left: 0; top:60px; display: none; background: #f9f2f9; width: 100%; }
	.showcasebox1left .showcasebox1leftbox a{  color: #333; display: block; padding-left: 50px; line-height: 40px; height: 40px; }
	.showcasebox1left .showcasebox1leftbox a:hover{      background: #ff6a2c; color: #fff;  }
	.showcasebox1left:hover .showcasebox1leftbox{ display: block;}
	
	.showcasebox1right{ float: right; }
	.showcasebox1right a{  display: inline-block; margin-left: 30px; display: inline-block; opacity: 0.6}
	.showcasebox1right a:hover,.showcasebox1right .cur{ font-weight: bold; opacity: 1}
	.showcase1{ background: #f7f9fa; padding: 80px 0;}
	.showcasetit h2 { font-size: 80px; line-height: 120px; font-weight: bold;  text-align: center;}
	.showcasetit p{  color: #666666; font-size: 16px; text-align: center; margin-bottom: 60px;}
	.showcasetxt {text-align: center;  }
	.showcasetxt h2{font-size: 20px; margin-bottom: 30px; font-weight: bold;}
	.showcasetxt p{ line-height: 26px;}
	.showcasetxt img{ margin-bottom:40px;}
	.npt{ padding-top: 0; background: #ffffff;}
	.showcase2{ background: #f7f9fa; padding:0 0 80px 0; margin-bottom: 80px;}
	.showcase2txt{ margin-top: 80px;}
	
	.listproducttxt{ margin-top: 10px;}
	.showcasegoum{ float: right; width: 104px; height: 34px; line-height: 34px; margin-left: 30px; margin-top: 13px; }
	.showcasegoum a{ display: block; width: 104px; height: 34px; line-height: 34px; background: #fff; color: #ff6a2c; border-radius: 34px; text-align: center; }
	.showcasegoum a:hover{ opacity: 0.8}
	.showpictitle{ font-size: 80px; line-height: 120px; padding-top: 80px; color: #000; text-align: center;}
	.showpicms{ text-align: center; color: #666666;  margin-bottom: 50px; }
	.showpicmore{ text-align: center}
	.showpicmore a{ display: inline-block; width: 120px; height: 42px; line-height: 42px; background: url("../images/sjx.png") no-repeat 100px 18px #ff6a2c; color: #fff; border-radius: 50px;}
	.hezuotxta{ background: #fff; margin-bottom: 40px; padding: 30px;}
	.boxday1 { color: #000000; font-size: 20px; font-weight: bold; border-bottom: #dddddd 1px solid;}
	.boxday1 span{ display: inline-block; margin-right: 50px; line-height: 100px;}
	.boxdaylist{border-bottom: #dddddd 1px solid; line-height: 50px; padding: 20px 0; }
	.boxdaylist li span{ display: inline-block; color: #999999; margin-right: 20px;}
	.boxdaylist li a{ font-weight: bold;}
	.downlist { padding-bottom: 50px;}
	.downlist .wrap{ margin-top:0; background: none; padding:0;}
	.downlist .wrap ul li{float:none; width: 100%;      background: #fff;
    padding: 50px 40px  ; box-sizing: border-box; border-right:0; margin-right: 0;}
	.downlist .wrap ul li .dw{ top:65px;}
	.downlist  .wrap ul li:nth-child(2n){ float: none;}
	.splis .vidpic{ position: relative}
	.splis .vidpic .videoed{ position: absolute; left:50%; top:50%;  margin-top: -40px; margin-left: -40px; width: 80px; height: 80px;}
	.splis .listproducttxt font{    width: 100%;
    display: inline-block; background: url(../images/downa.png) no-repeat left center; padding-left: 20px; text-align: left}
	 
}