@charset "utf-8";


*{ margin: 0; padding: 0;  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif ; box-sizing: border-box; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#ccc;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#ccc; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#ccc; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#ccc;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.swiper-button-prev:focus,
.swiper-button-next:focus{ display: none;}

/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.woff2") format("woff2"),
   url("../fonts/din-regular.woff") format("woff"),
   url("../fonts/din-regular.ttf") format("truetype"),
   url("../fonts/din-regular.eot") format("embedded-opentype"),
   url("../fonts/din-regular.svg") format("svg");
}






/* body::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #666;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #222;
  border-radius:10px;
}
 */

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{ width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transform: scale(1); transition: 0.7s;}
.scale:hover img{ transform: scale(1.05);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   box-shadow: 0px 0px 10px rgba(209,169,62,0.4); }


/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}





.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}





/******header*********/


.header{ height: 100px; overflow: hidden;}
.logo{  margin-top: 29px; height: 40px; margin-left: 5%;  }
.logo img{ max-height: 50px;}
.nav { margin-top: 25px; margin-right: 45px; transition: 0.45s;}
.nav.on{ margin-right: 0; pointer-events: none; opacity: 0; }
.nav li{ position: relative; float: left; margin: 0 47px 0 0 ;  transition: 0.3s; line-height: 50px;  height: 50px; overflow: hidden; padding-left: 20px;
	background-repeat: no-repeat; background-position: left center; }
.nav li:last-child{ margin-right: 0;}
.nav li.active{ background-image: url(../images/zhua.png) ;}
.nav li.active a,
.nav li:hover a{ color: #01522D;}

.menu{ cursor: pointer; }


.footer{ position: relative; margin-top: 60px; background: #01522D;padding: 70px 5.73% 0; }
.fotnav{ width: 45.83vw; }
.fotnav li{ float: left;  margin-right: 3.72vw;}
.fotnav li:last-child{ margin-right: 0;}
.fotnav li>a{ font-weight: bold; color: #fff;  margin-bottom: 1.5vw; display: block;}
.fotnav .dd a{ display: block; color: rgba(255,255,255,0.5); line-height: 2;}
.fotnav .dd a:hover{ color: #fff;}

.erw{ width: 6.25vw;  font-size: 12px; color: #fff; text-align: center;}
.erw img{ padding: 5px; background: #fff; }
.erw p{ margin-top: 10px;}

.linksh{text-align: center; width: 28vw; border-left: 1px solid rgba(255,255,255,0.12); border-right: 1px solid rgba(255,255,255,0.12); margin-right: 5vw; }
.linksh ul{ display: inline-block; }
.linksh li{ float: left; font-size: 0.85vw; color: rgba(255,255,255,0.5); margin: 0 1vw;  transition: 0.2s;}
.linksh li span{ display: inline-block; width: 4.166vw; height: 4.166vw; border-radius: 50%; border: 1px solid rgba(255,255,255,0.12); margin-bottom: 0.5vw; }
.linksh li img{  transition: 0.2s;
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	 filter: grayscale(100%);  filter: gray;transition: 0.2s;
}
.linksh li:hover p{ color: #fd6500;}
.linksh li:hover span{ border-color: #fd6500 }
.linksh li:hover img{
	-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);
	 filter: grayscale(0);  filter: gray;transition: 0.2s;
}


.bq{ height: 89px; border-top: 1px solid rgba(255,255,255,0.1);  line-height: 88px; margin-top: 70px; }
.lee { font-size: 12px; color: #fff;}
.lee a{ color: #fff; margin-left: 20px;}

#share{ text-align: right; margin-top: 26px;}
#share a{display: block; width: 38px; height: 38px; border-radius: 50%;  padding: 0; margin: 0 5px 0 ; background: none; text-align: center; line-height: 38px; opacity: 0.9;}
#share a img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
    filter: grayscale(100%);  filter: gray;transition: 0.2s;}
#share a:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); 
filter: grayscale(0); filter: gray; pointer-events: none;}

.bd_weixin_popup .bd_weixin_popup_main{ padding: 10px 0 !important;}
.bd_weixin_popup .bd_weixin_popup_foot{ line-height: 18px !important; text-align: center !important;}





/*  ab */
.subNav{ height: 61px; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.subNav .suleft { padding-left: 80px; background: url(../images/home.png) no-repeat left center; }
.subNav .suleft i{ color: #999;}
.subNav .suleft a{ display: inline-block; color: #999; margin: 0 3px;  line-height: 60px;}
.subNav .suleft a.active{ color: #666666;}

.subrig a{ margin-right: 5px; display: inline-block; color: #666; height: 60px; line-height: 60px; background-repeat: no-repeat; background-position: center; }
.subrig a:last-child{ margin-right: 0;}
.subrig a.active{ color: #01522D; background-image: url(../images/sub.png) ; }


.m-page{position: absolute; bottom: 0; left: 0; line-height: 40px; color: #999; font-family: arial; }
.m-page a{  display: inline-block; width: 40px; height: 40px;  margin: 0 5px; box-sizing: border-box;  
vertical-align: middle; border:1px solid #d2d2d2; color: #999; text-align: center;}
.m-page a.z-crt{ background: #01522D; color: #fff; border-color: #01522D;}
.m-page a.pagenxt,
.m-page a.pageprv{ width: 100px;}
.m-page a.pageprv{ margin-left: 0;}		


/* 关于 */
.nabbox{ margin-top: 70px; min-height: 500px; }
.nabimg{ width: 600px; }
.abtxt{ width: 600px; }
.abtxt dl{ padding-top: 60px; font-size: 18px; color: #01522D;  text-transform: uppercase; background: url(../images/douh.png) no-repeat right top; }
.abtxt dt{ font-size: 32px; color: #333333; }
.abtxt dd{ font-family: 'din-bold-webfont'; line-height: 1; }
.nabok{ line-height: 26px; font-size: 16px; color: #666; margin-top: 50px; }



/* 荣誉 */
.zzrybox{ margin-top: 70px; min-height: 500px;}
.zzTop{ position: relative; }
.zzImA{ width: 280px; height: 380px ; background: url(../images/zzbg.jpg) no-repeat center;  padding-left: 27px; }
.zzImA img{ margin-top: 162px;}
.zzImA p{ margin-top: 20px; font-size: 16px; color: #fd6500; font-family: "din-regular"; }
.zzImA div{font-size: 20px; color: #fff; }

.zzbtn{ position: relative; margin-top: 40px; padding-top: 40px; border-top: 2px solid #e5e5e5;}
.zzbtn .zzImA{ background-image: url(../images/zzbg2.jpg); }
.zzbtn .zzImA p{color: #ffd873;}

.abSwiper .swiper-container{ width: 895px; height: 380px; }
.abSwiper li img{ border: 2px solid #9c2f2e;}
.zzTop .abSwiper li{ height: 180px; margin-bottom: 20px; margin-top:0 !important; }

.zzrybox .stt{ left: 20px; bottom: 20px;  text-align: left;}
.zzrybox .stt span{ width: 6px; height: 6px; background: #fff; margin: 0 5px 0 0; }
.zzrybox .zzbtn .stt {left: auto; right: 53px; width: 200px;}



/* 产品  */
.cpTip{ margin-top: 60px; }
.cpTip li{ float: left; width: 50%; height: 200px;  }
.cpTip li img.i,
.cpTip li.active img.o{ display: none;}
.cpTip li.active img.i{ display: block; }

.cplist {margin-top: 25px;}
.cplist ul{ width: 1204px;}
.cplist li{ float: left; position: relative; width: 398px; height: 240px; margin: 0 3px 3px 0; text-align: center; background: #f5f5f5; }
.cplist li:nth-child(3n){ margin-right: 0;}
.cplist li .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; width: 75%; height: 75% ; opacity: 0; transition: 0.3s; margin: auto; z-index: 2; }
.cplist li .txt{ position: absolute; left: 0; bottom: 0 ; width: 100%; height: 48px; line-height: 48px; background: rgba(0,0,0,0.4); padding: 0 25px; font-size: 18px; color: #fff;}
.cplist li .cpic{ line-height: 220px; height: 90%;  }
.cplist li .cpic img{ max-width: 100%; max-height: 100%  }
.cplist li:hover .img{ opacity: 1; width: 100%; height: 100%; }


.load{ text-align: center; padding: 15px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 30px; }
.load img{ cursor: pointer;}
.load .load1{ margin-right: 10px;}
.load .load1.on{ animation: rolo 2s linear infinite; }

@keyframes rolo{
	from{ transform: rotate(0); }
	to{transform: rotate(360deg);}
}





/* xiwnen  */
.newlist{ margin-top: 40px; min-height: 500px; }
.newlist ul{ width: 1221px; display: flex;flex-wrap: wrap;}
.newlist li{ float: left; width: 590px; margin: 20px 20px 0 0; border: 0 5px 5px 0; }
.newlist li a{ display: block; background: #f6f6f6;   transition: 0.3s;}
.newlist li .img{ width: 230px; height: 230px; }
.newlist li .txt{ width: 300px; font-size: 16px; line-height: 24px; margin-right: 25px; margin-top: 25px; }
.newlist li .name{ font-size: 18px; color: #333; height: 48px; }
.newlist li p{ color: #999; height: 72px; margin: 15px 0; }
.newlist li .time{ color: #ccc; background: url(../images/cc.png) no-repeat right center; }
.newlist li:hover a{ background: #fff; box-shadow: 0 0 28px rgba(0,0,0,0.05);}
.newlist li:hover .name{ font-weight: bold; }
.newlist li:hover p{ color: #666; }
.newlist li:hover .time{color: #999; background-image: url(../images/cc1.png); }



/* video */
.video{ margin-top: 30px; min-height: 500px; }
.video ul{ width: 1281px; }
.video li{ position: relative; float: left; width: 560px; padding-bottom: 18px; border-bottom: 2px solid #f0f0f0; margin: 30px 80px 0 0;}
.video li::after{ position: absolute; left: 0; bottom: 0; width: 0% ; height: 2px; background: #01522D;  content: '';  transition: 0.3s;}
.video .img{ height: 315px; }
.video .txt{ font-size: 16px; margin-top: 15px;  }
.video .txt .name{ color: #333; font-size: 18px; line-height: 26px; }
.video .txt p{ color: #999; line-height: 28px ; height: 84px; margin: 10px 0; }
.video .txt .time{ color: #ccc;  font-family: "din-regular"; background: url(../images/m1.png) no-repeat right center;}

.video li:hover::after{width: 100%; }
.video li:hover .name{ font-weight: bold; color: #01522D;}
.video li:hover .txt p{ color: #666; }
.video li:hover .time{ color: #999; background-image: url(../images/m2.png); }


/* 4class */
.mclass{ margin-top: 50px;}
.mclass ul{ width: 1231px; }
.mclass li{ position: relative; float: left; width: 380px; padding-bottom: 18px; border-bottom: 2px solid #f0f0f0; margin: 30px 30px 0 0;}
.mclass li::after{ position: absolute; left: 0; bottom: 0; width: 0% ; height: 2px; background: #01522D;  content: '';  transition: 0.3s;}
.mclass .img{ height: 250px; }
.mclass .txt{ font-size: 16px; margin-top: 15px;  }
.mclass .txt .name{ color: #333; font-size: 18px; line-height: 26px; }
.mclass .txt p{ color: #999; line-height: 28px ; height: 84px; margin: 10px 0; }
.mclass .txt .time{ color: #ccc; height: 18px; font-family: "din-regular"; background: url(../images/m1.png) no-repeat left center;}

.mclass li:hover::after{width: 100%; }
.mclass li:hover .name{ font-weight: bold; color: #01522D;}
.mclass li:hover .txt p{ color: #666; }
.mclass li:hover .time{ color: #999; background-image: url(../images/m2.png); }




/* kangkang */
.kangkang{ margin-top: 70px; min-height: 500px;}
.kul ul{ width: 1221px; }
.kul li{ float: left; width: 588px; border: 1px solid #e5e5e5; margin: 20px 20px 0 0; }
.kul li a{ display: block; background: #f9f9f9 url(../images/wd1.png) no-repeat top 23px right 28px;  transition: 0.3s;}
.kul .tit{padding: 0 80px 0 65px; font-size: 18px; color: #333; line-height: 58px; height: 58px; border-bottom: 1px solid #e5e5e5; 
	background: url(../images/q.png) no-repeat left 30px center;}
.kul .txt{ padding: 15px 25px 18px 65px; line-height: 26px; font-size: 16px; color: #666;	background: url(../images/a.png) no-repeat left 30px top 20px;}
.kul li:hover a{ background: #Fff url(../images/wd2.png) no-repeat top 23px right 28px;}
.kul li:hover .tit{ font-weight: bold; color: #01522D; }


.seeleft{  }
.seeleft input{ border: 1px solid #e5e5e5; width: 600px; padding: 0 30px; height: 60px; box-sizing: border-box; color: #666;}
.seeleft .submit{ width: 200px; height: 60px; background: url(../images/see.png) no-repeat center; border: 0; }

.quera{ line-height: 60px; font-size: 16px; color: #666; }
.quera a{ color: #999; margin-left: 25px;  transition: 0.3s;}
.quera a:first-child{ margin: 0;}
.quera a.active,
.quera a:hover{ color: #01522D; }



/* 百科 */
.baike{ min-height: 500px;}
.baike ul{ width: 1221px; }
.baike li{ position: relative; float: left;  width: 285px; margin: 20px 20px 0 0; padding-bottom: 22px;}
.baike li .img{ height: 190px; }
.baike li .txt{ position: absolute; bottom: 0; left: 0; width: 100%;  height: 44px; line-height: 44px; font-size: 16px; color: #666; }
.baike li .txt p{ padding: 0 25px; margin: 0 25px; background: #f7f7f7; text-align: center; transition: 0.3s; }
.baike li:hover .txt p{ background: #01522D; margin: 0; color: #fff; }




/* contus */
.contus{  margin-top: 30px; min-height: 600px; padding-top: 285px; }
.contus dl{ text-align: center; }
.contus dt{ font-size: 30px; color: #01522D; }
.contus dd{color: #ccc; text-transform: uppercase; line-height: 1; }


.conTop{ min-height: 280px; margin-bottom: 30px; }
.conTop li{ float: left; margin-top: 26px; padding-left: 115px;  min-height: 107px; }
.conTop li.li1{ background: url(../images/adic1.png) no-repeat left center; width: 300px; margin-left: 100px; }
.conTop li.li2{ background: url(../images/adic2.png) no-repeat left center; width: 340px; margin: 20px 50px 0; }
.conTop li.li3{ background: url(../images/adic3.png) no-repeat left center; width: 290px; }

.conTop li .aa{ font-size: 20px; color: #333; margin-top: 15px; }
.conTop li .bb{ font-size: 12px; color: #ccc; line-height: 1; }
.conTop li .dd{ font-size: 20px; color: #333; line-height: 22px; font-family: "din-regular";  /*text-transform: uppercase;*/ margin-top: 10px;}

.conTop li.li3 .dd{ font-size: 16px;}
.conTop li.li3 .aa{ margin-top: 8px ;}



.lyad{ width: 550px;  }
.lyad dl{ text-align: left; }
.lyad dt{ font-size: 30px; color: #01522D; }
.lyad dd{ font-size: 18px; color: #666; line-height: 28px; margin-top: 15px;  white-space: nowrap;}

.lyad  ul{ margin-top: 20px;}
.lyad li{ margin-top: 10px;}
.lyad li input,
.lyad li textarea{ height: 60px; border: 1px solid #e5e5e5; width: 100%; padding: 0 30px; font-size: 18px; color: #666;   }
.lyad li textarea{ height: 150px; padding: 14px 30px; box-sizing: border-box; resize: none; color: #666;}
.lyad li.li4 .yzm{ width: 335px;  border: 1px solid #e5e5e5; }
.lyad li.li4 input{ width: 190px; border: 0; height: 58px; }
.lyad li.li4 i{ width: 106px; height: 58px; line-height: 58px; margin-right: 15px; }
.lyad li.li4 .btna{ width: 195px; height: 60px; font-size: 16px; background: #01522D; border: 0; }
.lyad li.li4 .btna input{ color: #fff;  width: 100%; height: 100%;  cursor: pointer;}


.map,
.map img{ width: 600px; height: 497px; }



/* 52 */
.zplist{ margin-top: 70px; min-height: 500px;}
.zpleft{ width: 482px; }
.zpright{ position: relative; width: 690px; background: url(../images/zpbg.jpg) no-repeat right bottom; height: 645px; }
.zpli{  }
.zpli li{ border: 1px solid #f2f2f2; margin-bottom: 9px; padding: 13px 25px; background: url(../images/zpa.jpg) no-repeat right top; }
.zpli .ztop { color: #ccc;  transition: 0.3s; }
.zpli .ztop .fl span{ font-size: 20px; font-weight: bold;  color: #666; margin-right: 5px;}
.zpli li:hover{ background-image: url(../images/zpb.jpg);}
.zpli li:hover .ztop{  color: #999;  }
.zpli li:hover .ztop .fl span{ color: #01522D; }
.zpli .zpbot{ line-height: 26px; font-size: 16px; color: #999;  }





::-webkit-scrollbar {
width : 5px;  
height: 1px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #01522D;
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #ccc;
}


/*  index */
.header.index{ position: relative; z-index: 1; }
.header.index::after{ position: absolute; right: 0; content: ''; width: 81.25vw; height: 100%; top: 0; z-index: -1; background: #01522D;}
.header.index .nav li a{ color: #b4b5e3; }
.header.index .nav li.active a,
.header.index .nav li:hover a{ color: #fff;} 
.header.index .nav li.active { background-image: url(../images/indbg.png); }

.index-ban{ position: relative; display: flex; background: #01522D;}
.ban-img{ position: absolute; z-index: 22; top: 13.925vw; right: 6.18vw; width: 31.5vw; }

.banleft{ width: 75vw; }
.banleft .swiper-container{ max-width: 1440px; }
.index-ban .banpag{ right: 0; bottom: 13.66vw; width: 37.7vw; height: 26px; left: auto; padding-left: 13.92vw; background: url(../images/banx.png) no-repeat left center / 13.08vw; 
 display: flex;}
.index-ban .banpag span{ width: 26px; height: 26px; background: url(../images/banb.png) no-repeat center;  opacity: 1;margin-right: 5px; transition: 0.2s;}
.index-ban .banpag span.swiper-pagination-bullet-active{  background-image: url(../images/banb1.png); }


.index-ban-new{ width: 23.95vw; height: 11.97vw ; background: #fff; position: absolute; right: 0; bottom: 0;  z-index: 22;}
.banewbox{ position: relative;  width: 100%; height: 100%; }
.inform{ font-size: 1.354vw; color: #01522D; font-family: 'din-bold-webfont'; text-transform: uppercase; height: 5.2vw; display: flex; align-items: center;  border-bottom: 1px solid rgba(1,82,45,0.1); padding:0 2vw; }
.banewbox .ssw{  margin-top: 1.4vw; padding:0 2vw; height: 4.1667vw; }
.banewbox .ssw .swiper-container{ height: 4.1667vw;  }
.banewbox .ssw li{ height: 4.1667vw; }
.banewbox .ssw li .newT{ font-size: 0.83vw; color: #ccc; font-family: "din-regular"; margin-bottom: 0.7vw; }
.banewbox .ssw li .newN{ font-size: 0.83vw; color: #333; line-height: 1.5; }

.banewbox .bprev,
.banewbox .bnext{ width: 2.8645vw; height: 5.2vw; right: 0; top: 0; margin: 0; opacity: 1; }
.banewbox .bprev{ left: auto; right: 2.8645vw; background: url(../images/l.png) no-repeat center;  }
.banewbox .bnext{ background: url(../images/r.png) no-repeat center;  }
.banewbox .bprev:hover{ background-image: url(../images/ll.png); }
.banewbox .bnext:hover{ background-image: url(../images/rr.png); }




.indexAb{ position: relative; margin-top: 3.8vw; position: relative; background: url(../images/inabbg.jpg) no-repeat left bottom -1px;  z-index: 22;}
.tit{ text-align: center;  }
.gou{ position: absolute; bottom: -2.15vw; width:33.8vw ; height: 9.479vw; left: 6.25vw;  text-align: right;}
.gou img{ max-height: 100%;  }
.indvid{ position: absolute; right: 0; top: 0; width: 23.958vw;  z-index: 2;}



.iabbox{ display: flex; justify-content: space-between; margin-top: 1.3vw; }
.Amore{ display: flex; justify-content: center; align-items: center; font-size: 0.833vw; font-family: "din-regular"; color: #999; background: url(../images/Amobg.png) no-repeat center / 100% 100%; width: 13.59vw; height: 3.125vw; padding-right: 1.2vw; }

.iableft{ width: 36.18vw; margin-left: 5.73vw; margin-top: 3.125vw; }
.iableft dl{ position: relative; line-height: 1.1; padding-top: 2.6vw ; background: url(../images/dd.png) no-repeat right top; }
.iableft dl::after{ content: ''; position: absolute; left: 0; top: 0; width: 2.255vw; height: 0.2vw; background: #01522D; }
.iableft dt{ font-size: 1.667vw; color: #333;  }
.iableft dd{ font-size: 0.85vw; color: #01522D; font-family: 'din-bold-webfont'; text-transform: uppercase; }

.iableft .iabbot{ font-size: 0.833vw; color: #666666; line-height: 1.4vw;  margin: 2vw 0 2.35vw; height: 4.2vw;    text-indent: 2em;}
.iabright{ width: 50%; }


.product{ position: relative; background: url(../images/probg.jpg) no-repeat top center ; min-height: 500px;  padding-top: 5vw; box-sizing: border-box; 
  background-size: 100%;}
.wenzi{ text-align: center; font-size: 1.56vw; color: #fff; transform: translateY(-1.5vw); }

.proli{ margin-top: 6vw;}
.proli,
.proli .li{ display: flex; justify-content: center; align-items: center;  font-size: 0.955vw; color: #666;}
.proli .li{ border-radius: 30px; width: 11.458vw; height: 3.125vw; background: #f6f6f6;margin: 0 15px; cursor: pointer;padding:10px;}
.proli .li.active{ color: #fff; font-weight: bold; background: #FD6500;  }


.indecopbox{ margin: 2.6vw 5.625vw 4.16667vw; }
.copbox .hide{ display: flex; justify-content: space-between; }
.copbox .coplee{ width: 44vw; }
.copbox .hide.cc2{ flex-direction: row-reverse; }



.cophtt{ width: 44vw; }
.cophtt ul{  display: flex; justify-content: space-between; flex-wrap: wrap; }
.cophtt li{ position: relative; width: 21.875vw; height: 13.38vw; background: #f5f5f5; margin-bottom: 0.3125vw; }
.cophtt li:nth-child(3),
.cophtt li:nth-child(4){ margin-bottom: 0; }
.cophtt li .imga{ height: 100%; display: flex; justify-content: center; align-items: center; }
.cophtt li .imga img{ max-height: 13.38vw; }
.cophtt li .atext{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 25px; position: absolute; left: 0; top: 0; 
background: rgba(1,82,45,0.8); width: 100%; height: 100%; color: #fff; font-size: 0.95vw; opacity: 0;  z-index: 5; transition: 0.3s; }
.cophtt li .atext img{ margin: 1.5vw 0 0; width: 1.56vw;}
.cophtt li .txt{ position: absolute; left: 0; bottom: 0; width: 100%; height: 3.125vw; line-height: 3.125vw; background: rgba(0,0,0,0.4); color: #fff;
 font-size: 0.95vw; z-index: 2; text-align: center; transition: 0.3s; }
.cophtt li:hover .atext{ opacity: 1; }
.cophtt li:hover .txt{ opacity: 0; }



.indexnews{ position: relative;  z-index: 1; }
.indexnews::after{ content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #f5f5f5;  z-index: -1;}
.nnnna{display: flex; justify-content: space-between; }
.newleft{ width: 50%; }

.newright{ width: 50%; padding-top: 4vw; }
.newright .tit { margin-right: -3.5vw;}
.newright .wenzi{ text-align: left; color: #333; margin-left: 3.3vw; margin-bottom: ;} 

.newSiper{ width:44.27vw ; height: 15.3645vw; background: #fff;padding: 3.3vw 3.125vw 0; margin-top: 2.69vw; }
.newSiper .swiper-container{ height: 8.45vw; }
.newSiper li .nam{ font-size: 1.1vw; color: #333333; line-height: 1.4vw; }
.newSiper li .ntx{ font-size: 0.833vw; color: #999999; line-height: 1.458vw; height: 3vw; margin: 1vw 0 1.4vw; }
.newSiper .newp{ right: 0; bottom: 0.1rem; display: flex; justify-content: flex-end;  align-items: baseline;}
.newSiper .newp span{ font-size: 0.955vw; color: #999999;   font-family: "din-regular";  margin: 5px; }
.newSiper .newp span.swiper-pagination-current{ color: #01522D; font-size: 1.458vw; }



.newTitle{ display: flex; align-items: center;  font-size: 1.354vw; color: #333333; padding: 0 0 0 5.73vw; margin-top: 3vw;}
.newTitle img{ width: 1.823vw; margin-right: 5px;}
.newTitle i{ font-size: 0.83vw; color: #999999; font-family: "din-regular"; margin-left: 5px; padding-top: 0.5vw; }


.nenelist{ padding: 0 3vw 0 5.73vw; }
.nenelist ul{ display: flex; justify-content: space-between; }
.nenelist li{ width: 19.17vw; margin-top: 2vw; }
.nenelist li .nam{font-size: 0.955vw; color: #333333; line-height: 1.2vw;  }
.nenelist li .ntx{font-size: 0.833vw; color: #999999; line-height: 1.458vw; height: 3vw; margin: 1vw 0 1.4vw; }
.nenelist li .ntm{ background: url(../images/m1.png) no-repeat center left; height: 0.83vw; }
.nenelist li:hover .ntm{ background-image: url(../images/m2.png); }
.nenelist li:hover .nam{ color: #01522D; }
.nenelist li:hover .ntx{ color: #666; }

.newright .nenelist{ padding: 0 5.73vw 0 3vw;   }
.newright .newTitle{ padding: 0 0 0 3vw;   }


.NREMORE{ padding: 2.6vw 5.73% 4vw; border-bottom: 1px solid #e5e5e5;}



.indeadd{ background: url(../images/abb.jpg) no-repeat top center; max-height: 474px; padding: 4vw 0; text-align: center;}
.indeadd .wenzi{ color: #333; transform: translateY(0);}
.adtook{ line-height: 1.458vw; font-size: 0.955vw; color: #666; margin: 1.5vw 0 3.4vw; }
.indeadd  a{ display:inline-block; width: 13vw; height: 4.1vw; text-align: center;  line-height: 4.1vw; color: #333; font-size: 0.95vw; border: 1px solid #e5e5e5;}


@media screen and (max-width: 1366px) {
	.fotnav{ width: 50vw; }
	.fotnav li{  margin-right: 3vw;}
	.linksh{ width: 25vw; margin-right: 4vw; }
}