*{margin: 0;padding: 0;box-sizing: border-box}
ul,ol{list-style: none;}
a{text-decoration: none}
input{border: none}

.hdx{border-bottom: 1px solid #ccc}
.hdtop{height: 80px;border-bottom: 1px solid #ccc}
.hdtop .hdtopfl{line-he ight:65px}
.hdtop .hdtopfl img{height: 65px;padding-top: 15px}
.hdtop .toplogo {float: right;}
.headDiv .wal .logo img{height: 28px;display: none}
.headDiv{ background-image:url( ../../jss/images/nav_bg.jpg);}
.hdtop .toplogo{padding-top:25px }
.hdtop .hdtopfr .toplogo li{margin: 0 5px;display: inline-block}
.hdtop .hdtopfr .toplogo li:last-child{margin: 0}
.header nav ul li:first-child{padding-left: 0}
.hdtop span{float: right;height: 15px;padding-top: 5px;color: #8a8a8a}
.hdtop span a {height: 15px;}

.header .search{ position:absolute; right:0; top:12px; }
.header .search .so{ width:145px; height:20px; border:1px solid #828283; background:#fff; outline:none; color:#CCC;font-size: 14px;}

.header .search .btn{ width:21px; height:17px; background:url(../images/ss.jpg) no-repeat center; position:absolute; right:5px; top:2px;}

.header{position: relative;z-index:5;width:100%;background: url( ../../jss/images/nav_bg.jpg)no-repeat center;}
.header nav ul li{position:relative;float:left;padding:0 30px;   background: url(../images/xian.jpg) no-repeat right center;}
.header nav ul li:last-child{ background:none}
.header .logo {
    line-height: 60px;
}
/* .header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)} */
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:45px}
/* .header nav ul li:hover { background: #d32727} */
.header nav ul li:hover a { color:#0c8de8;}
.header nav ul li.layui-this-moren{ color:#fff;background: #d32727}
.header nav ul li a.layui-this-moren{ color:#0c8de8;}
.header nav ul li>a{position:relative;height:45px;line-height:45px;color:#333;font-size:16px;display: inline-block;}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#d32727;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{position:absolute;visibility:hidden;opacity:0;z-index:1;top:100px;left:50%;width:160px;color:#fff;background:#ebe9e9;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center;color:#333;}
.header nav ul li .sub-nav a:hover{background:#0c8de8; color:#fff;}
.header .language{color:#333}
.header .language em{height:100px;line-height:45px;cursor:pointer;padding-right:15px}
.header .language em::after{position:absolute;content:'';top:50%;right:0;border-top:4px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header .language ul{z-index:1;width:100%;top:100px;left:50%;background:rgba(255,255,255,.5);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul::after{position:absolute;content:'';left:50%;top:-6px;border-bottom:6px solid rgba(204,204,204,.9);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul li a{height:30px;line-height:30px;border-bottom:1px solid rgba(255,255,255,.2)}
.header .language ul li a:hover{text-decoration:underline; color:#d32727;}
.dn{display: none}





.banner{  width:100%; }
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{ background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{ width:30px; height: 6px; opacity: 1; background: #fff; border-radius: 0px; }
.banner .swiper-pagination-bullet-active{ width:30px;background: #0c8de8 }

/* .procon{padding: 30px 0;} */
.probn .probnfl{float: left}

.shipin{padding-top: 30px;}
.shipin img{width: 100%}
.probtn{float: right;overflow: hidden;}
.pro btn img{width: 100%}
.header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center}
.header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;}
div.fsbanners { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
  /* opcional */
  
	height:287px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
	
   -webkit-text-stroke: 1px black;
}


.fsbanners > div { 
	position:absolute; 
	background-size:cover;
	cursor:pointer;
	top:0px; 
	left:0px; 
}
.fsbanners > div .name { 
	display:block;
	position:absolute; 
	left:10px; 
	bottom:10px;
}
.fsbanners > div .name.minimized {
	/* css3 */
	transform: rotate(-90deg);
	transform-origin: left top 0;
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */
	bottom: -13px;
    left: 7px;
}
.propic ul{padding-top: 15px;}

.propic  li  img{width: 100%;display: block}
.propic .pic{position: relative;}
.propic .mxzyceng{position: relative;left: 0; bottom: 0;padding: 5px ;margin-top: -35px; width: 100%;height: 35px;background: rgba(255,255,255,0.6);text-align: left; color: #333;font-size: 18px;}
.propic  .mxceng{overflow: hidden;}
.propic  li img{transition: 1s}
.propic  li:hover  img{transform: scale(1.1);}

.about{padding: 50px 0}
.about .abtit{display: block}
.about .abtit h2{font-size: 18px;}
.about .abtit span{margin-top: 15px;height: 1px; background: #ccc;display: inline-block}
.about .abconfr{padding-left: 30px}
.about .abconfr a{color: #505050;font-size: 12px}
.about .abconfr p{color: #505050;font-size: 14px;line-height: 36px;padding-top: 10px}
.about .aboutcon{padding-top: 30px}

.about .abconfr a:hover{color: #0c8de8}
.about .abconfl img{width: 100%}
.abny .abub{
	padding:  75px 0;
}
.procon  .abub{
	padding:  35px 0;
}
.footer{
   border-top: 1px solid #dcdcdc;
bottom:0px;
right:16px;
width:100%;
z-index:2;
overflow:hidden;
}
.footer .ftfr p{float: right;line-height: 50px;color: #5b5b5b;font-size: 12px}
.footer .ftlogo img{height: 40px;}
.footer .ftlogo {padding-top: 5px}


.abny{min-height: 800px;}
.layui-container{
	padding: 75px 0;
}
  .fenye {
		width: 100%;
		text-align: center;
		margin-top: 30px;
    }
	.fenye a {
		color: #666666;
		display: inline-block;
		width: 5%;
        height: 5%;
		text-align: center;
		line-height: 35px;
		background: #fff;
		border: 1px solid #d2d2d2;
		margin: 0 5px;
	}
	.fenye a:hover{background: #1f75cd;border: 1px solid #1f75cd;color: #fff;}
.abny .cont img{width:100%}
.abny .abnyfl ul{padding: 0 10px;padding-right: 30px}
.abny .abnyfl li{border-bottom: 1px solid #dedede;line-height: 36px;}
.abny .abnyfl li a{padding-left: 15px;color: #5b5b5b}
.abny .abnyfl li a:hover{color: #0a8be1}

.abnyfr .abnytit h3{color: #585858;font-size: 18px;}
.abnyfr i{display: block;width: 100%;height: 1px;background: #dedede;margin: 10px 0  0}
.abny .abnyfl li a.layui-this-moren{ color:#0c8de8;}



.prony{padding-top: 50px}
.prony .propic{position: relative;overflow: hidden;}
.prony li img{width: 100%;}
.prony li .proceng{position: absolute;width: 100%;height: 100%; top: 0;left: 0;display: none}

.prony li{position: relative;overflow: hidden;}
.prony li:hover .proceng{display: block;}
.prony li p{text-align: center;color: #7a7b7b;padding: 5px 0 10px 0;font-size: 16px}
.prony li:hover p{color: #0a8be1}

/* 瀑布css */
.article {
  display: block;
  margin: 0 0 30px 0;
  padding: 12px;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;
  border: 1px solid #ccc
}
.article:hover {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;
}
.article > img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.article h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  color: #4e4e4e
}
.article:hover h2{color: #0a8be1}
.wall {
  display: block;
  position: relative;
  padding-top: 60px
}
.wall-column {
  display: block;
  position: relative;
  /*width: 33.333333%;*/
  width: 33.3%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}     
/* 瀑布cssd */

/* 新闻动态 */
.newsdt .bk {border: 1px solid #ccc;display: block;text-align: center}
.newsdt li img{transition: 1s;width: 100%}
.newsdt li:hover img{transform: scale(1.1) ;}
.newsdt li .nsnypic{overflow: hidden;}
.newsdt li h3{font-size: 16px;color: #1b1b1b;padding: 10px 0;}
.newsdt li p{text-align: left;font-size: 14px;color: #909090; padding: 12px 10px 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsdt li p:last-child{padding-bottom: 30px}
.newsdt li:hover p{color: #0a8be1}
.newsdt{padding-top: 50px}


/* 留言 */
.abny .liuyantit{padding-bottom: 50px}
.abny .liuyantit h3{color: #585858;font-size: 18px;}
.abny .liuyantit i{display: block;width: 100%;height: 1px;background: #dedede;margin: 10px 0  0}


/* 最新产品 */
.newprofl img{width: 100%}

div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
  /* opcional */
  
	height:521px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
	
   -webkit-text-stroke: 1px black;
}


.fsbanner > div { 
	position:absolute; 
	background-size:cover;
	cursor:pointer;
	top:0px; 
	left:0px; 
}
.fsbanner > div .name { 
	display:block;
	position:absolute; 
	left:10px; 
	bottom:10px;
}
.fsbanner > div .name.minimized {
	/* css3 */
	transform: rotate(-90deg);
	transform-origin: left top 0;
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */
	bottom: -13px;
    left: 7px;
}



/* 联系我们 */
.ditu{padding-top: 50px;overflow: hidden;}
.ditutxt p{padding-top: 50px;font-size: 14px;color:#585858}
.ditutxt h3{font-size: 18px;color:#585858;padding-top: 10px}

.proconfr{padding-left: 50px}
.exzoom {
  box-sizing: border-box; }
  .exzoom * {
    box-sizing: border-box; }
  .exzoom .exzoom_img_box {
    background: #eee;
    position: relative; }
    .exzoom .exzoom_img_box .exzoom_main_img {
      display: block;
      width: 100%; }
    .exzoom .exzoom_img_box span {
      background: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAK\aTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQ\aWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec\a 5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28A\a AgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0\aST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaO\aWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHi\awmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryM\a AgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0l\aYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHi\aNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYA\aQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6c\awR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBie\awhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1c\aQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqO\aY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hM\aWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgoh\aJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSU\a Eko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/p\a dLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Y\a b1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7O\aUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsb\a di97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W\a 7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83\aMDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxr\aPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW\a 2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1\aU27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd\a 8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H0\a 8PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+H\avqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsG\aLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjg\aR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4\aqriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWY\a EpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1Ir\a eZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/Pb\a FWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYj\ai1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVk\aVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0Ibw\a Da0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vz\a DoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+y\a CW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawt\ao22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtd\aUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3r\aO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0\a/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv95\a 63Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+\aUPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAA\a ADqYAAAXb5JfxUYAAAAcSURBVHjaYnz9+Vs5AxJgYkADhAUAAAAA//8DANmxA1Okl3sAAAAAAElF\aTkSuQmCC") repeat; }
  .exzoom .exzoom_preview {
    margin: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none; }
    .exzoom .exzoom_preview .exzoom_preview_img {
      position: relative;
      max-width: initial !important;
      max-height: initial !important;
      left: 0;
      top: 0; }

    .exzoom .exzoom_nav .exzoom_nav_inner {
      position: absolute;
      left: 0;
      top: 0;
      margin: 0; }
      .exzoom .exzoom_nav .exzoom_nav_inner span {
        border: 1px solid #ddd;
        overflow: hidden;
        position: relative;
        float: left; }
        .exzoom .exzoom_nav .exzoom_nav_inner span.current {
          border: 1px solid #f60; }
        .exzoom .exzoom_nav .exzoom_nav_inner span img {
          max-width: 100%;
          max-height: 100%;
          position: relative; }
  .exzoom .exzoom_btn {
    position: relative;
    margin: 0;
  left:0;top: 0 }
    .exzoom .exzoom_btn a {
      display: block;
      width: 15px;
     
      height: 60px;
      line-height: 60px;
      
      text-align: center;
      font-size: 30px;
      
      position: absolute;
      left: 0;
      top: -62px;
      text-decoration: none;
      color: #999; }
    /* .exzoom .exzoom_btn a:hover {
      background: #f60;
      color: #fff; } */
    .exzoom .exzoom_btn a.exzoom_next_btn {
      left: auto;
      right: 0px; }
  .exzoom .exzoom_zoom {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 5;
    cursor: pointer; }
  @media screen and (max-width: 768px) {
    .exzoom .exzoom_zoom_outer {
      display: none; } }

  .exzoom .exzoom_img_ul_outer {
    border: 1px solid #ddd;
    position: absolute;
    overflow: hidden; }
    .exzoom .exzoom_img_ul_outer .exzoom_img_ul {
      padding: 0;
      margin: 0;
      overflow: hidden;
      position: absolute; }
      .exzoom .exzoom_img_ul_outer .exzoom_img_ul li {
        list-style: none;
        display: inline-block;
        text-align: center;
        float: left; }
        .exzoom .exzoom_img_ul_outer .exzoom_img_ul li img {
          width: 100%; }
          .exzoom .exzoom_nav {
            
            margin-top: 10px;
            overflow: hidden;
            position: relative;
            left: 15px;
            }
@media(max-width:1366px){
  .procon  .btntan1{top:5px;left: 9px;}
  .procon  .btntan2{top:5px;left: 9px;}
  .procon  .btntan3{top:5px;left: 9px;}
  div.fsbanner { height: 483px;}

}




@media(max-width:1200px){
  .btntan1 img{width: 98%;height: 97%;}
  .btntan2 img{width: 98%;height: 97%;}
  .btntan3 img{width: 98%;height: 97%;}
  .procon  .btntan1{top:5px;left: 5px;}
  .procon  .btntan2{top:5px;left: 5px;}
  .procon  .btntan3{top:5px;left: 5px;}
  .header nav ul li{padding:0 15px;}
  .about .abconfr p{padding-left: 20px;line-height:22px;}
  .about .abconfl .abconpic img{width: 100%}
  div.fsbanner { height: 521px;}
}
@media(max-width:1024px){
  
  .footer .ftlogo{text-align: center}
  
  .news .newstxtr h3{padding-top: 4px}
  .news .newstxtr p{padding-top: 8px}
  .news .newsfl{height: 300px;}
  .header nav ul li{padding:0 15px;text-align: center}
  .header .logo img{
    height: 60px;
    
}
.footer .ftlogo img{float: left;}
.header nav ul li>a {
    font-size: 16px;
}	
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}

}
 

@media(max-width:993px){
  .header nav ul li{padding:0 8px;text-align: center}
  .about .abconfl .abconpic {padding-top: 25px;}
  .search{display: none}
  .hdtop span{display: none}
  .abny  .abnyfl{display: none}
  div.fsbanner { height:244px;}
  
  div.fsbanners { height:380px;}
}

@media(max-width:768px){
  .exzoom .exzoom_btn a.exzoom_next_btn { right:0; }
  .exzoom .exzoom_nav{left:15px;}
  .exzoom .exzoom_btn{left: 0;}
  .btn1 img{ width: 100%; }
  .btn2 img{ width: 100%; }
  .btn3 img{ width: 100%; }
  .btntan1 img{width: 98.6%;height: 98%;}
  .btntan2 img{width: 98.6%;height: 98%;}
  .btntan3 img{width: 98.6%;height: 98%;}
  .probtn{float: none}


  .hdtop{display: none}
  .banner{margin-top:70px}
  
  .header-m{display:block!important;z-index:999;position:fixed;left:0;top:-1px;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
  .header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
  .header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
  .header-m .logo img{max-height:45px; max-width:none;}
  .header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
  .header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
  .header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
  .header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
  .header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
  .header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
  .header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto}
  .header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
  .header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
  .header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
  .header-m .nav>li .sub-nav{display:none}
  .header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
  .header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
  .header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
  .header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
  .header-m .nav>li.cur{position:relative}
  .header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
  .header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
  .header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
  .header-m .nav>li.active::after{background:#fff}
  .header-m .nav>li.active::before{height:0}
  .header-m .nav>li.active>a{color:#fff;background:#e5494a;}
  .header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
  .header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center}
  .header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;}
  .header{display:none}
  .abny  .abnyfl{display: none}
    .abnyfr{padding: 0;}
    
    div.fsbanner { height:300px;}
    div.fsbanners { height:380px;}
}
@media(max-width:767px){
  .footer .ftlogo img{float: none}
 .abny .abnyfl{display: none}
  .main-nav-m{display:block;position:relative;z-index:10;cursor:pointer;margin: 30px 0}
  .main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#d32727;}
  .main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
  .main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
  .main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
  .main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(229,73,74,.8);color:#fff}
  .main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
  .probnfl img{width: 100%}
  .about .abconfr{padding-left: 0}
  .about .abconfr p{padding-left: 0;line-height: 26px}
  .footer .ftfr p{text-align: center;line-height: 20px}
  .footer .ftlogo{text-align: center}
  .btntan1 img{width: 97.6%;height: 96%;}
  .btntan2 img{width: 97.6%;height: 96%;}
  .btntan3 img{width: 97.6%;height: 96%;}
  div.fsbanner { height:300px;}
  div.fsbanners { height:180px;}
  .proconfr{padding: 0;padding-top: 30px}
  .layui-row .img  img{width: 100%;}
  .abny .abub{
	padding:  75px 20px;
   }
   .abnyfr p img{width: 100%;}
		.procon .abub{
			padding:  35px 20px;
		}
}