@font-face{
    font-family: 'zt';
    src : url('zt.ttf'); 
}
*{color:#000;margin: 0;padding: 0;list-style: none;text-decoration: none;font-size:16px;font-family: "zt"!important;padding: 0;}
p{margin: 0;font-family: "zt"!important;}

input,textarea{
	outline:none 
}
input::-webkit-input-placeholder {
        color: #999999;
}
              @keyframes big {
  0% {
      transform: scale(1);
      opacity: 1;
  }
  100% {
      transform: scale(1.2);
      opacity: 0;
  }
}
@-webkit-keyframes big {
  0% {
      transform: scale(1);
      opacity: 1;
  }
  100% {
      transform: scale(1.2);
      opacity: 0;
  }
}  

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
@keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
	.hov5 {position: relative;overflow: hidden;}
	.hov5::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
	.hov5:hover::before {-webkit-animation: shine .75s;animation: shine 1.5s;}
	@-webkit-keyframes shine {100% {left: 125%;}}
	@keyframes shine {100% {left: 125%;}}
     .clearfix{clear:both;}
     .f-l{float: left;}
     .f-r{float:right;}
     .ov{overflow:hidden;}
     .uk-container{padding: 0;}
     .uk-container-center{max-width: 1200px;}
	/* 导航样式 */
	.header-nav{z-index: 99;width: 100%;padding:20px 3%;}
	.header-nav>div{background: #fff;}
	.nav-right{margin-top: 30px;}
	.top_icon{display: flex;margin-top: 36px; justify-content: space-around;}
	.icon_box{display: block;position: relative;}
	.qr{background: none;padding: 0;left: -34px!important;}
	.qr img{width: 100px;height: 100px;}
	.logo{margin-top: 0;}
	.header-nav>div{padding: 0 0;font-size: 16px;font-weight: 500;text-decoration: none;}
	.uk-navbar-nav>li>a{color:#666666;line-height:50px;height: 50px;padding: 0;font-size: 18px;
	font-weight: 400;font-weight: 200;}
	.uk-navbar-nav>li{padding:0 0px;text-align: center;margin-right: 36px;;}
	.uk-navbar-nav>li.uk-active>a{color:#b3282c;background:none;}
	.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus{color:#b3282c;
	background:none;}
	 .uk-navbar-nav>li:hover>a>span, .uk-navbar-nav>li>span:focus{color:#b3282c;
	background:none;}	
	.uk-navbar-toggle{margin-left: 20%;margin-top: 3%;}
	.nav-zuo>a{display: block;width: 100%;line-height:28px;text-align: left;font-size: 16px;
	 padding-left: 10%;color:#ffffff;text-transform: uppercase;} 
	.erjiname>a>span{text-align: right;color:#fff;float: right;opacity: 0;}
	.d-erji{width: 300px;background:none;padding-top:0;background:rgba(143,41,54,.7);padding-bottom: 0;left:-40px!important;}
	.d-erji>ul>li>a{line-height: 20px!important;color:#fff!important;font-size: 16px;padding: 12px 0;}
	.d-erji>ul>li:nth-child(2) span{display: none;}
	.d-erji>ul>li>a:hover{background:rgba(143,41,54,.8);}
	.d-erji>ul>li>a:hover span{opacity: 1;}
	@media(max-width:1200px){
	.nav-right{margin-top: 0px;}
	}
		@media(max-width:820px){
	.uk-navbar-nav>li>a{padding: 0 6px;font-size: 16px;}
	}
	  @media(max-width:768px){  
		  .top_icon{padding-right: 32px;}
      .logo{display: block;margin: 10px auto;}
     .header-nav{padding: 0;}
	.uk-navbar-toggle{margin-top: 0;background: #b3282c!important;margin-left: 0;color:#fff;}
    .nav-right{background: #b3282c!important;}	
	.top_icon{margin-top: 4px;float: right;}
	.nav-icon{background: #b3282c!important;}
	}
    /* 视屏展示 */
    .index-video{padding: 3%;}
	.video-title{font-size: 24px;color:#434343;text-align: center;margin-bottom: 10px;line-height: 32px;}
	.video-subtitle{font-size: 20px;color:#9f1c20;text-align: center;margin-bottom: 36px;}
	/* 首页产品中心 */
	.index-pr{padding: 3%;}
	.index-title{color:#2c2c2c;font-size: 34px;text-align: center;margin-bottom:20px;}
	.inav-box{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 800px;margin: 0 auto 40px;}
	.inav-box>li>a{border-right: 1px solid #000;padding: 0 10px;font-size: 18px;line-height: 16px;box-sizing: content-box;}
	.inav-box>li:last-child a{border-right:none;}
	.uk-subnav-pill>.uk-active>*{background: none!important;color:#9f1c20!important;border-right: 1px solid #9f1c20;padding: 0 10px;}
	.uk-subnav-pill>*>:focus, .uk-subnav-pill>*>:hover{background: none!important;color:#9f1c20!important;border-right: 1px solid #9f1c20;}
	.ipr-name{text-align: center;color:#2a2a2a;font-size: 18px;line-height: 62px;float: left;width: calc(100% - 2px);}
	.name-box{position: relative;}
    .more{display: block;margin: 40px auto 0;text-align: center;color:#2c2c2c;font-size: 16px;text-transform: uppercase;line-height: 40px;width: 150px;
	border: 1px solid #2c2c2c;}
	.ipr-img{position: relative;border: 1px solid #ccc;border-bottom: none;}
	.bottom-xian{width: 100%;height: 1px;background: #ccc;}
	.left-xian{width: 1px;height:  0;background: #ccc;float: left;}
	.right-xian{width: 1px;height:  0;background: #ccc;float: left;}
	.bottom-xian1{width: 0;height: 1px;background: #ccc;}
	.ipr-box:hover .bottom-xian{width: 0;}
	.ipr-box:hover .left-xian{height: 62px;transition: 0.8s;}
	.ipr-box:hover .right-xian{height: 62px;transition: 0.8s;}
	.ipr-box:hover .bottom-xian1{width: 100%;transition: 0.8s;}
	.ipr-box{display: block;}
	.ipr-box:hover .ipr-name{transition: 0.6;}
	.ipr-box:hover .ipr-img{transition: 0.6s;border-bottom: none;}
	.ipr-box:hover {text-decoration: none;}
	.more:hover{background: #9f1c20;border: 1px solid #9f1c20;color:#fff;transition: 0.6s;}
	  /* 解决方案 */
    .index-solution{padding: 2% 3%;}
	.solution{width: calc(25% - 5px);height: 407px;float: left;position: relative;transition: 0.6s;}
	.solution:nth-child(2){margin: 0 7.5px;}
	.solution1{position: absolute;background: rgba(0,0,0,.8);left: 0;top: 0;width: 100%;height: 407px;
	display: flex;justify-content: center;align-items: center;transition: 0.6s;}
	.solution-dess{width: 240px;height: 86px;}
	.solution-title{text-align: center;font-size: 24px;margin-top: 10px;line-height: 28px;margin-bottom: 8px;color:#fff;font-weight: 200;}
	.solution-subtitle{text-align: center;font-size: 20px;margin-top: 28px;line-height: 22px;margin-bottom: 10px;color:#fff;font-weight: 200;}
	.s-active{width: calc(50% - 5px)}
	.s-active .solution1{background: rgba(0,0,0,0);}
	.s-active .solution-dess{background: rgba(255,255,255,.8);}
	.s-active .solution-title{color:#000;}
	.s-active .solution-subtitle{color:#000;}
	@media(max-width:768px){
	.solution{width:100%;margin: 0;margin-bottom: 15px;}
	.solution1{background: rgba(0,0,0,0);}	
	 .solution-dess{background: rgba(255,255,255,.8);}
	.solution-title{color:#000;}
	.solution-subtitle{color:#000;}
	.solution:nth-child(2){margin: 0;margin-bottom: 15px;}
	}
	/* 页尾信息 */
	.footer{padding:3% 3%;background: #dadada;padding-bottom: 2%;}
    .f-box{display: flex;justify-content: space-between;max-width: 360px;margin: 0 auto;}
	.f-cn{font-size:18px;line-height: 32px;margin-top: 10px;color:#2a2a2a;font-weight: bold;letter-spacing:7px;}
	.f-en{font-size:12px;line-height: 14px;color:#2a2a2a;letter-spacing:2px;text-transform: uppercase;}
	.sj-box{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1050px;margin: 30px auto 0;}
	.sj-name{display: block;color:#272727;margin-bottom: 15px;}
	.sj-name img{margin-right: 8px;}
	.sj-name:hover{color:#9f1c20;text-decoration: none;}
	
	@media(max-width:768px){
    .f-box1{width: 100%;float: none;margin: 0;margin-bottom: 20px;}
	.f-box2{width:100%;float: none;margin: 0;}
	.f-box3{width:100%;float:none;}
	}
      /* 内页面包屑 */
	.xian5{border-bottom:1px solid #eee;}
	.ny-banner{display: block;width: 100%;margin: 0 auto;}
    .m-box>a{font-size:14px;color:#999;text-decoration: none;line-height:45px;text-transform: uppercase;font-weight: 500;}
	/* 产品列表 */
	.pr-list{padding: 3%;}
	.list-box{border: 1px solid #ccc;}
	.ny-title{margin-bottom: 50px;}
 	  /* 产品详情 */
	.pr-page{padding:3%;}
    .pr-left{width: 41%;float: left;}
	.pr-left img{border: 1px solid #ccc;}
	.pr-right{width: 57%;float: right;}
	.oth-xian{border-bottom: 1px solid #000;display: flex;justify-content: center;}
	.oth-title{font-size:20px;line-height: 24px;font-weight: bold;text-align: center;color:#272727;margin: 0 auto;padding: 0 25px;background: #fff;
	position: relative;top:10px;
	}
	@media(max-width:960px){
	.pr-left{width: 100%;float: none;margin-bottom: 30px;}
	.pr-right{width: 100%;float: none;}
	}

	/* 联系我们 */
	.contact{padding: 3%;}
	.c-box a{display: block;color:#575757;width: 100%;background: #f0f0f0;background: #f0f0f0;font-size:20px;font-weight: bold;padding: 20px 0;
	text-align: center;margin-bottom: 12px;}
	.c-box a:hover{background: #b4292f;color:#fff;text-decoration: none;}
	.ab-title{font-size: 26px;font-weight: bold;color:#000;text-transform: uppercase;margin-bottom: 8px;}
	.ab-gsname{font-size: 20px;font-weight: bold;color:#000;margin-bottom: 20px;}
	.content-lx{background:url(images/c1.png);height:278px;padding: 20px;}
	.c-left{float: left;width:140px;display: flex;justify-content: center;align-items: center;height: 238px;}
	.con-title{font-size: 26px;color:#ffffff;line-height: 26px;}
	.c-right{float: right;width:calc(100% - 160px);padding-top: 65px;}
	.con-lx{color:#fff;font-size: 16px;margin-bottom: 25px;display:block;}
	.con-lx:hover{text-decoration:none;color:#fff;}
	@media(max-width:860px){
	.con-left{width: 100%;float: none;margin-bottom: 20px;}
	.con-right{width: 100%;float: none;}
	.c-left{float: none;width:100%;height: auto;}
	.c-right{float: none;width:100%;height: auto;padding-top: 10px;}
	}
   /*表单*/

   .if-box{width:570px;padding: 30px!important;}
	 .biaodan3>li{margin-bottom: 3%;position: relative;}
	 .biaodan3>li>input::-webkit-input-placeholder {
	          color: #999999;
	  }
	  .biaodan3>li>input{width: 100%;height: 35px;margin-bottom: 15px;font-weight: 300;background: #f2f3f5;
	   border:1px solid #f2f3f5;color:#000;}
	 
	  .biaodan3>li>textarea{width: 100%;font-weight: 300;background: #f2f3f5;border:1px solid #f2f3f5;color:#000}
	  .biaodan3>li>textarea::-webkit-input-placeholder {color: #999999;line-height: 40px;font-weight: 300;background: #f2f3f5;border:1px solid #f2f3f5;} 
	  .biaodan3>li>textarea::-moz-input-placeholder {color: #999999;line-height: 40px;font-weight: 300;background: #f2f3f5;border:1px solid #f2f3f5;} 
	  .biaodan3>li>textarea::-ms-input-placeholder {color: #999999;line-height: 40px;font-weight: 300;background: #f2f3f5;border:1px solid #f2f3f5;} 
	.send3{
	width: 126px!important;
	height: 32px!important;
	background: #8f2936;
	border:1px solid #8f2936;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	transition: 0.8s;-webkit-transition: 0.8s;
	display: block;
	transition: 0.6s;	
	}
	.cont{background:none;position:fixed;right:20px;bottom:30px;z-index:20;}
	.cont:hover{background:none;}
	CSS Document */