@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
html,body{max-width:750px; margin:0 auto; font-size:1.2rem;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.clear{clear:both; height:1px !important; font-size:1px !important;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


 
 
/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{line-height:3.5rem; text-align:left;  border-bottom:1px solid #efefef; font-size:1.4rem; position:relative}
.drawer-nav li .link{ padding-left:15px;}
.drawer-nav li i{  
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
       top: 1.3rem;
    right: 1rem;

    border-color: rgba(255,255,255,.4);
    transform: rotate(135deg);
} 
.drawer-nav li .sub-nav{display:none;}
.drawer-nav li:hover .sub-nav{display:block; background:#fff;}
.drawer-nav li:hover .sub-nav a{display:block; height:3.5rem; line-height:3.5rem; font-size:1.2rem; border-bottom:1px dotted #fff; padding-left:15px; font-size:12px;     border-bottom: #e5e5e5 1px solid; color: #333;
 }

.drawer-nav li:hover .sub-nav a:last-child{ border-bottom:none;}


 
/* --- 内容 --- */
	
	
	
	
/* --- 头部 --- */
.header   { padding: 10px 10px ; position: relative; height: 61px; }
	.header .logo{ position: absolute; left:10px;}
.lang{ position:absolute; top:35px; right:55px; border:#fff 1px solid;   line-height:26px; color:#fff;}
.lang a{ display:inline-block; width:70px; text-align:center;  color:#fff;}
.lang .cur{ background:#fff; color:#ff6a2c; }
 
/* 导航 */
.nav{ height:55px;
    line-height:55px;
    color:#333333;  float: right; margin-right: 100px;
     }
.nav li{ padding:0 20px;     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; }

/* --- 内容 --- */
	.banner{   position: relative}
	.banner .swiper-slide{  position: relative ; background-size:100%;}
	.banner  .swiper-pagination-bullet-active{ background: #ff6a2c;}.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: 28px; font-weight: bold; color: #000; line-height: 40px; text-align: center; padding-top: 10px;}
	.indexproduct ul{ overflow: hidden; margin-top: 15px;}
	.indexproduct ul li{ text-align: center; float: left; width: 50%;}
	.indexproduct ul li p{ font-size: 16px; }
	.indexsolution{ background: #f7f9fa; margin-top: 30px; padding-bottom: 30px; padding-top: 10px;  }
	.indexsolution ul{ padding: 10px 10px  0 10px; overflow: hidden;}
	.indexsolution ul li{  margin-bottom: 15px; margin-right: 2%; float: left; width: 48%;}
	.indexsolution ul li a{ position: relative; display: block; width: 100%;}
	.indexsolution ul li img{ height: 320px;}
	.indexsolution ul li .solutionitem{ 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;}
	.indexnav{margin-bottom: 30px;}
	.solutionitem p{ text-align: left;}
	.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 span{ background: #ff6a2c; border: #ff6a2c 2px solid;}
	.indexnav ul { overflow: hidden; padding: 20px 0;}
	.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; background-size: 60px; padding-top: 70px;}
	.indexnav ul li:nth-child(2){ background: url("../images/ioc2.png") no-repeat center top; background-size: 60px;padding-top: 70px;}
	.indexnav ul li:last-child{background: url("../images/ioc3.png") no-repeat center top; background-size: 60px; padding-top: 70px;}
	.indexnav ul li:first-child:hover{ background: url("../images/ioc1a.png") no-repeat center top; background-size: 60px;padding-top: 70px; color: #ff6a2c;}
	.indexnav ul li:nth-child(2):hover{ background: url("../images/ioc2a.png") no-repeat center top; background-size: 60px; padding-top: 70px; color: #ff6a2c;}
	.indexnav ul li:last-child:hover{background: url("../images/ioc3a.png") no-repeat center top; background-size: 60px; padding-top: 70px; color: #ff6a2c;}
	.footerleft{  text-align: center}
	.footerleftlogo{ margin-bottom: 10px;}
	.footerleftioctem{ display: inline-block; margin-right: 10px;}
	.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{ top: -110px;  transform:rotate(180deg);}
	.footerright{ display: none;}
	
	 
	.footercopyright{ border-top: #e6e6e6 1px solid; line-height: 20px; color: #595656; clear: both; overflow: hidden; padding: 10px 10px; line-height: 25px;}
	.copyright{  width: 100%; text-align: center;}
	.copylang{ width: 100%; text-align: center;}
	.copylang a{color: #595656; }
	
 
 
	.nybanner{height: 150px; background-size:100% cover; line-height: 150px; text-align: center; font-size: 20px; font-weight: bold;  color: #fff;}
 
	.listproductnav{ }
	.listproductnav ul { display: flex; flex-wrap: wrap;}
	.listproductnav ul li {  position: relative;height: 60px; line-height: 60px; width: 50%;}
	.listproductnav ul li a{ display: block;  padding-left: 110px;  padding-right: 40px;}
	.listproductnav ul li i{display: none}
	 
	.listcase ,.listproduct,.listshowcase{ background: #f7f9fa; padding: 20px 10px; margin-bottom: 20px;}
	.listproduct ul, .listcase ul{ overflow: hidden;}
	.listproduct li{    background: #ffffff;  margin-bottom: 30px; text-align: center; padding:30px 10px; }
	.listproduct li:nth-child(4n){ margin-right: 0;}
	.listproducttxt{ margin-top: 10px;}
	.listproducttxt h4{ font-size: 20px; font-weight:bold; margin-bottom: 10px;}
	
	.listproducttxt span{ width: 120px; height: 40px; line-height: 36px; font-size: 16px; text-align: center;border: #ff6a2c 2px solid;display: inline-block;  margin-top: 10px; 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{  background: #ffffff;   margin-bottom: 30px; text-align: center; padding:20px 20px;  border-radius: 20px;}
	.listcase li:nth-child(3n){ margin-right: 0;}
	.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{   line-height: 30px; background: #f7f9fa; padding:15px 10px;  }
	.listcasenav a{ display: inline-block; margin-right: 30px;  color: #999999; font-size: 16px;}
	.listcasenav .cur{ color: #ff6a2c;}
	.showcasebox{ padding: 20px 10px;}
	.showcaseboxtit{ border-left: #ff6a2c 3px solid; line-height: 30px; height: 30px; font-weight: bold;  font-size: 20px;  padding-left: 20px; margin-bottom: 20px;}
	.showcasebanner { position: relative; margin-top: 20px;}
	.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: 10px; padding: 20px;  margin-bottom: 30px;}
	.listshowcase li .listshowcaseimg { width: 100px; height: 100px; line-height: 100px; border-radius: 20px; background: #ff6a2c; text-align: center;  margin: 0 auto; margin-bottom: 10px;}
	.listshowcase li .listshowcasetxt{   }
	.listshowcasetxt h4{ font-size: 20px; font-weight: bold; color: #000; line-height: 30px; text-align: center; margin-bottom: 10px}
 
	.listshowcasetxt  p{ line-height: 25px;}
 
	.hezuotit{  padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; text-align: center}
	.hezuotit p{ margin-top: 10px;}
	.hezuotit h2{ font-size: 20px; font-weight: bold; line-height: 20px;  } 
	.down .hezuotit h2{ font-size: 24px;}
	.hezuo ul li{ margin-bottom: 20px; padding: 0 10px;  }
  
	.hezuotxt{ margin-bottom: 10px;}
	.hezuoliucheng{ background: url("../images/hzwap.jpg") no-repeat center center; background-size: 100%   ;padding: 50px 0;}
	.hezuoliuchengtit {font-size: 20px; font-weight: bold; line-height: 40px;  margin-bottom: 10px; color: #fff; text-align: center;}
	.hezuoliucheng ul{ overflow: hidden; padding: 0 15px;}
	.hezuoliucheng ul li{ float: left; width:  175px;   background: url("../images/hej.png") no-repeat  0 40px; color: #fff;}
	.hezuoliucheng ul li:nth-child(2n){ float: right}
	.hezuoliucheng ul li span{ display: block; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
	.hzbtn{  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: 20px 0; background: #f7f9fa; margin-bottom: 20px;}
	.fwzc ul{ overflow:hidden; padding: 0 10px;}
	.fwzc ul li{ float: left; margin-right: 10px; margin-bottom: 30px; background: #fff; border-radius: 10px;  padding: 10px; width:calc(50% - 5px);  }
	.fwzc ul li:nth-child(2n){ margin-right: 0;}
	.fwzc ul li span{ display: block; color: #ff6a2c; font-size: 30px; font-weight: bold;  }
	.fwzc ul li h3{color: #000; font-size: 20px; margin-bottom: 5px;font-weight: bold;}
	.nom{ padding-top: 0; background: #f7f9fa; padding-bottom: 20px; margin-bottom: 20px;}
	.nom ul{ overflow: hidden; padding: 0 10px;}
	.nom li{ 
    margin-right: 30px;
    background: #ffffff;
    width: 100%;
    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;}
	.showp{   color: #999;   text-align: center;}
	.showtit{ color: #000; font-size: 24px; font-weight: bold; line-height: 40px; text-align: center;  padding-bottom: 10px;}
	.showp{ margin-bottom: 10px;}
	.showbox { padding: 0 10px;}
	.showp span{ display: inline-block; margin: 0 10px;}
	.show{ background: #f7f9fa; padding: 20px 0; margin-bottom: 20px;}
	.lx{background: #f7f9fa; padding: 20px 0;  }
	.lxnav ul { overflow: hidden; padding: 20px 0 0 0;}
	.lxnav ul li{   text-align: center; margin-bottom: 30px}
	.lxnav ul li:first-child{ background: url("../images/lx1.png") no-repeat center top;  background-size: 60px;  padding-top: 70px;}
	.lxnav ul li:nth-child(2){ background: url("../images/lx2.png") no-repeat center top;background-size: 60px;  padding-top: 70px;}
	.lxnav ul li:last-child{background: url("../images/lx3.png") no-repeat center top; background-size: 60px;  padding-top: 70px;}
	 
	.lxtit{ font-size: 30px; font-weight: bold; text-align: center; line-height:50px;}
	.p80{ padding: 20px 0;}
	.yijian{background: #f7f9fa; padding: 20px 10px;  margin-bottom: 20px;}
	.about{ padding: 10px;  }
	.about img{ margin: 20px 0;}
		.aboutxt{text-align: center; color: #ff6a2c; padding-top: 20px;}
	.djs ul li{  margin-bottom: 20px; }
 
	.djspic img{ margin-bottom: 10px;}
	 
	.djstxt p{ color: #ff6a2c; margin-bottom: 5px;}
	.djstxt p span{ display: block; font-size: 30px; line-height: 40px; 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: 20px 10px;  margin-bottom: 20px;}
	.yijiantxt{  margin-bottom: 15px;}
	 
 
	.yijianinputtxt{ width: 100%; background: #fff; border: #f5f7f8 1px solid; line-height: 30px; padding: 5px 10px; border-radius: 8px;}
	.textareatxt{width: 100%; background: #fff; border: #f5f7f8 1px solid; line-height: 30px; padding: 5px 10px; border-radius: 8px; height: 120px;}
	
	.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: 10px; border-radius: 40px; color: #fff; background:#ff6a2c; cursor: pointer}
	.job{background: #f7f9fa; padding: 10px 0  20px 0;  margin-bottom: 20px;}
	.sousu{ width: 80%; 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:calc(100% - 40px); 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; margin-top: 20px;  }
.joblist ul{overflow: hidden;  padding: 0 10px; }
.joblist li{  background: #ffffff;  margin-bottom: 30px; padding: 10px 10px; border-radius: 10px;}
	.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:90%; position:absolute; top:-2000px;  }
 
.slideclose{display:block;right:15px;background-image:url(../images/btn_close.png);width:41px;cursor:pointer;position:absolute;top:15px;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;}
	.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;    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:-2000px; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed;}
	.slidemain{background: #fff;  border-radius: 20px; padding: 15px;}
	.slidemain .joblist1{  margin: 10px 0  20px 0;}
	.joblist2a{ height: 320px; 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: 20px 10px;  }
		.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{ padding: 10px;}
	.showpicture .swiper-container {
      width: 100%;
   
      margin-left: auto;
      margin-right: auto;
    }

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

    .showpicture .gallery-top {  width: 100%; height: 100%;
       
    }
	.showpicture .gallery-thumbs .swiper-wrapper{        justify-content: center; }
    .showpicture .gallery-thumbs { width: 210px;
        
   
    }

    .showpicture .gallery-thumbs .swiper-slide {
     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{  display: none;}
.videoed {   width:50px; height:50px; position: absolute; left:50%; margin-left: -25px; top:50%; margin-top: -25px;  z-index:99; border-radius:100%; }
.videos{ display:none;  position:fixed; left:5%; top:40%;  z-index:999; width:90%;  }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
	.showpic{ background: #f7f9fa; padding-bottom: 1px;   }
	.jscs{ padding-bottom: 20px;}
	.down{ background: #f7f9fa; padding: 20px 0 ; margin-bottom: 20px;}
	.down .wrap{ padding: 0 10px; margin-top: 20px;}
	.downtit{ font-size: 20px; font-weight: bold;  text-align: center; margin-bottom: 20px;}
	.down .wrap ul {overflow: hidden;}
	.down .wrap ul li{ margin-bottom: 20px; background: #fff;  padding: 10px;  text-align: left;   position: relative}
	.down .wrap ul li .dw{ display: none;  }
	 
	.down .wrap ul li a{ background: url("../images/down2.png") no-repeat center left; background-size: 60px; padding-left: 80px;  display: block;}
	 
	.down .wrap ul li a h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px;  }
	.down .wrap ul li a p{ color: #666666;  }
	.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;}
 
	.showcasebox1{ background: #ff6a2c; line-height: 60px; height: 60px; padding: 0 10px; color: #fff;}
	.showcasebox1 a{color: #fff;}
	.showcasebox1left{display: none}
	.showcasebox1right{   }
	.showcasebox1right a{  display: inline-block; margin-left: 10px; display: inline-block; opacity: 0.6}
	.showcasebox1right .cur{ font-weight: bold; opacity: 1}
	.showcase1{ background: #f7f9fa; padding: 20px 0;}
	.showcasetit h2 { font-size: 30px; line-height: 50px; font-weight: bold;  text-align: center;}
	.showcasetit p{  color: #666666; font-size: 16px; text-align: center; margin-bottom: 20px;}
	.showcasetxt {text-align: center;  }
	.showcasetxt h2{font-size: 20px; margin-bottom: 20px; font-weight: bold;}
	.showcasetxt p{ line-height: 26px;}
	.showcasetxt img{ margin-bottom:20px;}
	.npt{ padding-top: 0; background: #ffffff;}
	.showcase2{ background: #f7f9fa; padding:0 0 20px 0;  margin-bottom: 20px; }
	.showcase2txt{ margin-top: 20px; }
	
	.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: 30px; line-height: 50px; font-weight: bold; padding-top: 30px; color: #000; text-align: center;}
	.showpicms{ text-align: center; color: #666666;  margin-bottom: 10px; }
	.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;}
 .listproductnav  {  display: none;}
 .hezuotxta{ background: #fff; margin-bottom: 20px; padding: 10px;}
	.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}
	.banner .swiper-pagination-bullet{    opacity: .9;}
}