*{color:#000;margin: 0;padding: 0;list-style: none;text-decoration: none;font-size:16px;font-family: "Arial";padding: 0;}
p{margin: 0;}

@font-face{
    font-family: 'QONQUER-SANS-2';
    src : url('QONQUER-SANS-2.OTF'); 
}
@font-face{
    font-family: 'AKZIDENZGROTESK-EXTRABOLDCOND';
    src : url('AKZIDENZGROTESK-EXTRABOLDCOND.OTF'); 
}



table{
	width:100% !important;
	border-collapse: collapse !important;
	/*border: 1px solid #DDDDDD !important;*/
}
table td{ 
	/*border: 1px solid #ddd !important;*/
}
table tr{
	/*border: 1px solid #ddd !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;
  }
}  
body{position: relative;}
.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%;}}
.circle {width: 24px;margin: 3px auto 0;display: flex;justify-content: space-between;align-items: center;padding: 0 3px;}
.circle-bubble {width:5px;height:5px;border-radius: 50%;background-color: #72a54a;}
.circle1 {animation: pulse .4s ease 0s infinite alternate;}
.circle2 {animation: pulse .4s ease .2s infinite alternate;}
.circle3 {animation: pulse .4s ease .4s infinite alternate;}
@keyframes pulse {
	from {opacity: 1;transform: scale(1);}
	to {opacity: 1;transform: scale(.35);}
}
@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50%{
		transform: translate(0px, -3px);
	}
	100%{
		transform: translate(0px, 0px);
	}
}
@keyframes shake{
      33.3%{transform:translateX(-6px)}
      49.95%{transform:translateX(4px)}
      66.6%{transform:translateX(-2px)}
      83.25%{transform:translateX(1px)}
      to{transform:translateX(0)}
}
.he{position: relative;}
.he-img {position: relative;overflow: hidden;}
.he-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.he-nr::before,
.he-nr::after {content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.he:hover .he-nr::before {right: 50%;left: 50%;background: rgba(255, 255, 255, 0.2);}
.he:hover .he-nr::after {top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.2);}
.he:hover .he-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.row1{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.row2{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.row3{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.row4{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.row5{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.row6{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.row7{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}
.row8{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;}
     .clearfix{clear:both;}
     .f-l{float: left;}
     .f-r{float:right;}
     .ov{overflow:hidden;}
     .uk-container{padding: 0;} 
     .uk-container{max-width: 1400px;}
	 /* 顶部信息 */
	 .header-top{padding: 10px 3%;position:relative;background: #d52527;}
	 .top-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
	 .top-left{display: flex;justify-content: space-between;flex-wrap: wrap;min-width: 190px;}
	 .top-left a{margin-right: 8px;}
	 .top-right{display: flex;justify-content: space-between;flex-wrap: wrap;}
	 .top-lx{font-size: 14px;line-height: 26px;color:#fff;margin:0 10px;display: block;}
	  .top-lx span{font-size: 14px;line-height: 26px;color:#fff;}
	 .top-lx:hover{text-decoration: none;color:#fff;}
	 .top-icon{width: 26px;height: 26px;margin-right: 5px;}
	.sousuo-box1{height:36px;width:100%;border:none;border:none;background: rgba(255,255,255,0.2); z-index: 99;
		 }
		 .sousuo-box1>input{width:calc(100% - 40px);float:left;height: 36px;line-height: 36px;padding-left: 14px;
		 background:none;float:left;color:#fff;border:none;}
		 .sousuo-box1>input::-webkit-input-placeholder{color:#fff;padding-left: 10px;opacity: 0.6;}
		 .sousuo-box1>button{width:13px;float:right;border:none;background: none;float:right;margin-top: 7px;margin-right:16px;}
	
		/* 导航样式 */
	    .header{padding:8px 3%;background: #15327d;z-index:10;}
		.top{position: fixed;top: 0;left: 0;width:100%}
		.header-nav .uk-container-center{position: relative;}
		.nav-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
		.nav-left{width: 100px;
		display: flex;align-items: center;flex-direction: row;
		}
		.logo{max-width: 100px;}
		.nav-center{width:calc(100% - 380px);display: flex;align-items: center;flex-direction: row;justify-content: space-between;padding: 0 0;}
		.nav-right1{width:200px;display: flex;align-items: center;flex-direction: row;}
		.uk-navbar-nav{width: 100%;max-width: 690px;}
		.uk-navbar-nav>li>a{color:#fff;line-height:40px;font-size: 20px;font-weight: bold;padding: 0 0px;position: relative;height: 40px;
		}
		.uk-navbar-nav>li>a:before{content: " ";width: 40px;height: 1px;background: #16337e;position: absolute;bottom: 0;left: calc(50% - 20px);bottom: 0;
		display: none;
		}
		.uk-navbar-nav>li.uk-active>a:before{display: block;}
		.uk-navbar-nav{display: flex;justify-content: space-between;flex-wrap: wrap;}
		.uk-navbar-nav>li{text-align: center;line-height: 20px;position:relative;}
		.uk-navbar-nav>li.uk-active>a{color:#2fb6e5;background:none;}
		.uk-navbar-nav>li.uk-active>a:before{left: calc(50% - 20px);background: #fff;}
		.njt{transition: 0.6s;}
		.uk-navbar-nav>li.uk-active>a img{transform: rotateX(180deg);}
		.uk-navbar-nav>li :hover img{transform: rotateX(180deg);transition: 0.6s;}
		
	.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus{color:#2fb6e5;background:none;}
	.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:before:focus{color:#fff;background:none;} 
		.uk-navbar-toggle{margin-left: 20%;margin-top: 3%;}
		.nav-zuo>a{display: block;width: 100%;line-height:24px;text-align: left;font-size: 18px;margin-bottom: 6px;
		 padding-left: 10%;color:#ffffff;text-transform: uppercase;color:#fff;} 
		.erji{font-size: 14px!important;padding-left: 10%!important;color:#ccc!important;margin-bottom: 2px!important;line-height: 24px!important;z-index:99;} 
		.erjiname>a>span{text-align: right;color:#fff;float: right;opacity: 0;} 
		.d-erji{background:none;padding-top:0;background:#e2e2e2;padding-bottom: 0;left:0!important;
		text-align: left;
		}
		.d-erji>ul>li>a{line-height: 24px!important;color:#000!important;font-size: 16px;font-weight: 200;border-bottom: 1px dashed #afafaf;}
		.d-erji>ul>li:nth-child(2) span{display: none;}
		.d-erji>ul>li>a:hover{background:rgba(21,50,124,1);color:#fff!important;}
		.d-erji>ul>li>a:hover span{opacity: 1;}
		.erjiname{position:relative;}
	    .sanji>a{line-height: 24px!important;color:#000!important;font-size: 16px;font-weight: 200;border-bottom: 1px dashed #afafaf;
		display: block;padding:5px 15px;display:block;}
	    .sanji>a:hover{background:rgba(21,50,124,1);color:#fff!important;}
	    .sanji{
	    position: absolute;left: 100%; top: 0;background:#e2e2e2;width:200px;display:none;color:#000!important;
	    }
	    .erjiname:hover .sanji{display:block!important;}
	
		.sousuo-box{height:42px;width:100%;border:none;background: none;border:1px solid #eaeaea;margin-top:30px;border-radius: 20px;}
		.sousuo-box>input{width:calc(100% - 58px);float:left;height: 40px;line-height: 40px;padding-left: 18px;
		background:none;float:left;border:none;color:#fff;}
		.sousuo-box>button{width:22px;float:right;border:none;background: none;float:right;margin-top: 8px;margin-right:36px;}
			@media(max-width:1400px){  
				.uk-navbar-nav>li>a{padding: 0 14px;}
			}
			@media(max-width:1200px){  
				.uk-navbar-nav>li>a{padding: 0 10px;}
			}
		@media(max-width:1060px){  
		  .nav-left{width: 100%;}
		  .logo{margin:  10px auto 20px;}
		  .nav-center{width: calc(100% - 320px);}
		  .uk-navbar-nav>li>a{padding: 0 6px;}
		  }
	
	    @media(max-width:768px){  
	     .nav-left{width: 100%;}
			.top{position: inherit!important;} 
	    .lar-box{position:absolute;right:40px;top:20px;}     
	    .header{padding: 0;}
		
		.nav-center{padding: 0;background: #d52527;display: block;width: 100%;max-width: 100%;}
		.header>.uk-container{padding: 0;}
		.sousuo-box1{display: none;}
		.uk-navbar-toggle{margin-top: 0;background: #f80003!important;margin-left: 0;color:#fff;}	
		.nav-right{display: none;}
		.top-lx{margin: 0;margin-right: 10px;}
		}

/* 首页公司简介 */
		.index-ab{padding:50px 3%;background:url(images/bg1.png) top center no-repeat;}
		.intitle-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
		.intitle-left{padding-left: 40px;position: relative;margin-bottom: 20px;}
		.index-gs{position: absolute;top: -20px;;left: 0;}
		.index-title{font-size: 48px;color:#000000;line-height: 62px;font-family: "AKZIDENZGROTESK-EXTRABOLDCOND";margin-bottom: 0;}
		.index-title span{font-size: 60px;color:#16347e;line-height: 62px;font-family: "AKZIDENZGROTESK-EXTRABOLDCOND";}
		.index-subtitle{font-size: 14px;line-height: 16px;color:#282828;opacity: 0.6;margin-top:4px ;}
		.intitle-right{display: flex;justify-content: space-between;}
		.index-icon1{width:45px;height: 45px;}
		.index-xian{width: 90px;height: 1px;background:#b6b8bb;margin-top: 22px;}
		.index-more{font-size: 16px;color:#15317b;line-height: 45px;padding:0 12px;}
		.iab-box{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;margin-bottom: 60px;}
		.iab-left{width: 100%;max-width: 654px;}
		.iab-right{width: 62%;position: absolute;top: 0;bottom: 0;right: 0;display: flex;align-items: center;flex-direction: row;}
		.iab-right1{background: #fff;padding: 40px 40px;position: relative;
	-moz-box-shadow:0px 5px 15px #524E4E; -webkit-box-shadow:0px 5px 15px #524E4E; box-shadow:0px 5px 15px #524E4E;

		}
		.iab-title{font-size: 24px;color:#282828;line-height: 28px;text-transform: uppercase;margin-bottom: 0;}
		.iab-xian{width: 63px;height: 3px;background: #15317b;margin: 4px 0 16px;}
		.iab-desc{font-size: 16px;color:#000000;line-height: 30px;}
		.iab-more{display: block;width:196px;line-height: 52px;border-radius: 10px;position: absolute;right: 40px;
		bottom: -26px;color:#fff;font-size:18px;text-align: center;transition: 0.6s;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15317c+0,1f4f98+100 */
		background: linear-gradient(to right,  #15317c 0%,#1f4f98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.iab-more:hover{text-decoration: none;background: #000;color:#fff;}
		/* 企业优势 */
		.inys-box{display: flex;align-items: center;flex-direction: row;min-height: 428px;transition: 0.6s;width: 100%;}
		.inys-box1{border-right: 1px solid #7e7e7e;padding: 18px 10%;width: 100%;}
		.inys-name{color:#a9a9a9;font-size: 36px;line-height:62px;text-align: center;transition: 0.6s;font-family: "AKZIDENZGROTESK-EXTRABOLDCOND";
		height: 62px;}
		.inys-name span{color:#a9a9a9;font-size: 60px;line-height:62px;margin-right: 8px;transition: 0.6s;font-family: "AKZIDENZGROTESK-EXTRABOLDCOND";}
		.inys-xian{width: 44px;height: 4px;background: #a9a9a9;margin: 24px auto 44px;}
		.inys-desc{font-size: 16px;line-height: 30px;color:#282828;transition: 0.6s;height: 120px;text-align: center;}
		.inys-nr:last-child .inys-box1{border: none;}
		.inys-box:hover{border: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15317c+0,1f4f98+100 */
	background: linear-gradient(to right,  #15317c 0%,#1f4f98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.inys-box:hover .inys-name{color:#fff;}
		.inys-box:hover .inys-name span{color:#fff;}
		.inys-box:hover .inys-desc{color:#fff;}
		.inys-box:hover .inys-xian{background:#fff;}
		   @media(max-width:960px){  
			.iab-right{width: 100%;position: initial;margin-top: 20px;}
			.iab-right1{padding: 15px;}
			.iab-more{position: initial;margin-top: 10px;}
		   }
 @media(max-width:768px){  
	 .inys-box{min-height: auto;}
	 .inys-box1{border: none;}
 }
		
   
   	/* 首页主推产品 */
   	.index-pr{padding: 80px 3%;background: #15317b;}
	.inpr-titlebox{display: flex;justify-content: space-between;flex-wrap: wrap;}
   	.index-title1{color:#fff;}
	.index-subtitle1{color:#fff;}
    .inpr-left{width: 30%;}
   	.inpr-rigth{width: 70%;}
   	.inpr-rigth>div{display: flex;justify-content: center;}
   	.iprnav-box{width: 100%;max-width: 880px;}
   	.iprnav-box .uk-active a{color:#1f4f98;background: #fff;}
	.iprnav-box .uk-active a span{color:#1f4f98;}
   	.iprnav{text-align: center;font-size: 18px;height: auto;}
	.iprnav-box a{height: 80px;display: flex;align-items: center;flex-direction: row;justify-content: center;
	border: 1px solid rgba(255,255,255,.3);border-radius: 5px;
	}
   	.iprnav-box a span{font-size: 18px;line-height:24px;display: block;color:#ffffff;background: none;font-weight: 400;
   	text-align: center;
   	}
   	.iprnav-box a:focus {
   	    outline: none;
   	}
   	.iprnav-box a:hover{color:#1f4f98;background: #fff;text-decoration: none;}
	.iprnav-box a:hover span{color:#1f4f98;}
   	.ipr-box{position: relative;overflow: hidden;margin-bottom: 10px;}
   	
   	.ipr-img{width: 100%;display: block;margin: 0 auto;transition: 0.6s;}
   	
   	.ipr-a{display: block;width: 100%;background: #fff;padding-bottom: 24px;border: 1px solid #fff;}
	.inpr-namebox{display: flex;justify-content: center;padding: 0 20px;transition: 0.6;}
	.inpr-icon{display: none;width: 27px;height: 27px;transition: 0.6;}
	.ipr-name{color:#000000;font-size: 18px;line-height: 24px;transition: 0.6s;font-weight: bold;margin-bottom: 20px;transition: 0.6;}
	.ipr-desc{color:#000000;font-size: 14px;line-height: 24px;padding: 0 20px;height: 48px;}
   	.ipr-a:hover{text-decoration: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15317c+0,1f4f98+100 */
	background: linear-gradient(to right,  #15317c 0%,#1f4f98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
  
   	.ipr-a:hover .ipr-img{transform: scale(1.1);}
    .ipr-a:hover .inpr-namebox{display: flex;justify-content: space-between;}
	.ipr-a:hover .inpr-icon{display: block;}
	.ipr-a:hover .ipr-name{width: calc(100% - 30px);color:#fff;}	
	.ipr-a:hover .ipr-desc{color:#fff;}	
    .index-pr .uk-dotnav > .uk-active > *{background: #fff!important;}
	.index-pr .uk-dotnav > * > *{background: none;border: 1px solid #fff!important;}
	.index-pr .uk-dotnav {margin-top: 40px;}
   	@media(max-width:960px){

		.inpr-left{width: 100%;margin-bottom: 20px;}
   		.inpr-rigth{width: 100%;}
   		.iprnav-box{max-width: 100%;width: 100%;}
		.inpr-titlebox{margin-bottom: 40px;}
   	} 
   /* 首页工厂展示 */
   .index-fac{padding: 80px 3% 50px;}
   .infac-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .infac-left{width: 40%;}
  .infac-right{width: 60%;max-width:675px;}
  .infac-navbox{width: 100%;}
  .infac-nav a{background: #e9e9e9;width: 100%;line-height: 85px;color:#282828;font-size: 24px;text-align: center;transition: 0.6s;}
   .infac-right .uk-active a{background: #1f4f98;color:#fff;}		
   .infac-nav a:hover{background: #1f4f98;color:#fff;}
  	@media(max-width:860px){
	.infac-left{width: 100%;margin-bottom: 20px;}
	.infac-right{width: 100%;}	
	}
   /* 首页视频展示 */
   .index-video{padding: 80px 3% 50px;background: url(images/bg2.png) top left no-repeat;}
   .index-more1{color:#fff;}
   
   /* 首页案例展示 */
   .index-case{padding: 80px 3% 50px;background: url(images/bg3.png) top center no-repeat;}
   .incase-box{display: block;overflow: hidden;}
   .incase-tubox{position: relative;}
   .incase-tu{display: block;width: 100%;}
   .incase-fugai{position: absolute;left;top:0;width: 100%;height: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;
   padding: 0 26px;background: rgba(31,79,152,.9);transform: rotateY(90deg);
   }
   .incase-title{color:#000000;font-size: 18px;line-height: 24px;font-weight: bold;margin: 10px 0 10px;}
   .incase-desc{font-size: 16px;line-height: 24px;color:#000000;}
   .incase-fugai>div{width: 100%;}
   .incase-title1{color:#ffffff;font-size: 18px;line-height: 24px;font-weight: bold;}
   .incase-xian{width: 100%;max-width: 308px;height: 1px;background: #fff;opacity: 0.6;margin: 20px 0px;}
   .incase-desc1{font-size: 16px;line-height: 24px;color:#ffffff;opacity: 0.6;}
   .incase-more{display: block;width: 165px;line-height: 46px;background: rgba(255,255,255,.2);color:#fff;text-align: center;font-size: 16px;
   margin-top: 20px;}
   .incase-box:hover{text-decoration: none;}
   .incase-box:hover .incase-fugai{transform: rotateY(0);transition: 0.6s;}
   .incase-box:hover .incase-title{opacity: 0;transition: 0.6;}
   .incase-box:hover .incase-desc{opacity: 0;transition: 0.6;}
   .cleft::before{display: none!important;}
   .cright::before{display: none!important;}
   .cleft{display: block!important;left: -6%!important;top: calc(50% - 30px)!important;}
   .cright{display: block!important;right: -6%!important;top: calc(50% - 30px)!important;}
   @media(max-width:1600px){
	.cleft{left: 1%!important;top: calc(50% - 30px)!important;}
	.cright{right: 1%!important;top: calc(50% - 30px)!important;}   
   }
   
   
   
		
				/* 页尾信息 */
				.footer{background:#16357f;padding-top:2%;padding-bottom: 0;}
				.f-box{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px;}	
				.f-left{width: 14%;}
				.f-center{width: 29%;}
				.f-center1{width: 28%;}
				.f-right{width: 14%;display: flex;align-content:center;justify-content: center;flex-direction: column;}
				.qr{display: block;}
				.f-lxbox{display: flex;justify-content: space-between;margin-bottom: 10px;}
				.flx-right{width: calc(100% - 50px);display: flex;align-items: center;flex-direction: row;}
				.f-lx{font-size: 16px;line-height: 20px;color:#ffffff;text-align: left;width: 100%;
				display: block;
				}
				.f-lxbox img{width: 38px;height: 38px;}
				.f-lxbox:hover{text-decoration: none;color:#fff;}
				
				
				.f-title{color:#ffffff;;font-size: 24px;line-height: 32px;margin-bottom:6px;text-transform: uppercase;margin-bottom: 30px;}
				.f-xian{width: 38px;height: 5px;background: #fff;margin-bottom: 20px;}
				.shemei{display: block;margin-top:64px;}
				.f-nav{display: block;font-size: 16px;line-height: 20px;color:#fff;transition: 0.6s;margin-bottom: 14px;}	
				.f-nav:hover{color:#fff;text-decoration: none;letter-spacing: 2px;}
				.bottom{padding: 10px 0;border-top: 1px solid #fff;}
				.sitem{color:#fff;}
				.bottom p{color:#fff;font-size: 16px;}
				.bottom span{color:#fff;float:right;margin-left: 10px;}
				.sm-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;max-width: 200px;}
				
				
				
			  @media(max-width:960px){ 
			 .footer{padding-left:3%;padding-right: 3%;}
			 .f-left{width: 48%;margin-bottom: 20px;}
			 .f-center{width: 48%;margin-bottom: 20px;}
			 .f-center1{width: 48%;margin-bottom: 20px;}
			 .f-right{width: 48%;margin-bottom: 20px;}
			 }
			    @media(max-width:768px){ 
			 .f-left{width: 100%;margin-bottom: 20px;}
			 .f-center{width: 100%;margin-bottom: 20px;}
			 .f-center1{width: 100%;margin-bottom: 20px;}
			 .f-right{width: 100%;margin-bottom: 20px;}
			
			 }
		/* 表单 */
		.biaodan{margin-top: 24px;}
			.biaodan>li>input{width: 100%;height: 42px;font-weight: 400;background:rgba(255,255,255,.1);border-radius: 6px;
			border:none!important;color:#fff;padding-left: 16px;font-size: 16px;margin-bottom: 10px;}
			.biaodan>li>input::-webkit-input-placeholder{color:#d4d4d4;font-size: 16px;}
			.biaodan>li>textarea{width: 100%;font-weight: 400;background: rgba(255,255,255,.1);border:none!important;color:#fff;
			padding-left: 16px;line-height: 30px;font-size: 14px;border-radius: 3px;border-radius: 6px;
			}
			.biaodan>li>textarea::-webkit-input-placeholder {color: #d4d4d4;line-height: 30px;font-weight: 400;font-size: 16px;} 
			.biaodan>li>textarea::-moz-input-placeholder {color: #d4d4d4;line-height: 30px;font-weight: 400;font-size: 16px;} 
			.biaodan>li>textarea::-ms-input-placeholder {color: #d4d4d4;line-height: 30px;font-weight: 400;font-size: 16px;} 
			.send{
				width: 150px!important;
				height: 40px!important;
				font-size: 18px;
				border:none;
				background: rgba(255,255,255,.1);
				color: #fff;
				font-weight: 100;
				text-transform: uppercase;
				transition: 0.8s;-webkit-transition: 0.8s;
				display: block;
			    margin-top: 20px;
		       margin-bottom: 10px;
			}
			.send:hover{background: #fff;color:#000;border-color:#fff;}
		
    /* 内页面包屑 */
   .m-box>a{font-size:16px;color:#fff;text-decoration: none;line-height:30px;font-weight: 400;text-transform: uppercase;}
   .xian5{background:none;padding:12px 0;background: #173781;border-top: 1px solid #fff;}
   .mbx-home{margin-right: 10px;}
   .banner-box{position: relative;margin: 0 auto;width: 100%;max-width: 1920px;}
   .banner-nr{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;flex-direction: row;justify-content: center;}
   .banner-title{text-align: center;font-size: 48px;color:#ffffff;line-height: 52px;
   font-family: "AKZIDENZGROTESK-EXTRABOLDCOND";
   }
   .banner-xian{width: 60px;height: 5px;background: #ffffff;margin: 8px auto 12px;}
   .banner-subtitle{text-align: center;font-size: 16px;color:#ffffff;line-height: 20px;}
   @media(max-width:768px){
 .banner-title{text-align: center;font-size: 20px;color:#ffffff;line-height: 24px;}  

   }
   /* 内页公司简介 */
	.about{padding-bottom: 80px;}
	.about .uk-container{max-width: 1920px;}
	.ab-box{position: relative;}
	.ab-top{width: 100%;max-width: 1400px;position: absolute;top: 80px;left: 0;right: 0;margin: 0 auto;}
	.ab-top .index-title{color:#fff;}
	.ab-top .index-title span{color:#fff;}
	.ab-top .index-more{color:#fff;}
	.ab-top .index-subtitle{color:#fff;}
	.ab-bottom{max-width: 1400px;margin: -10% auto 0;background: #fff;padding: 28px;position: relative;z-index: 10;
	-moz-box-shadow:0px 0px 15px #A1A1A1; -webkit-box-shadow:0px 0px 15px #A1A1A1; box-shadow:0px 0px 15px #A1A1A1;

	}
	.ab-title{font-size: 24px;color:#282828;line-height: 32px;font-weight: bold;}
	.ab-xian{width:60px;height: 3px;background: #15317b;margin: 8px 0 18px;}
	  @media(max-width:960px){
		  .ab-top{top:40px}
		  .about{padding: 0 3% 80px;}
		.ab-bottom{margin-top: 20px;padding: 12px;}  
	  }
	 /* 内页企业优势 */
	 .ys{padding: 5% 3%;background: url(images/bg4.png) top center repeat;}
	 .ys .inys-box1{border: none;}
	 .ys .inys-name{color:#fff;}
	 .ys .inys-name span{color:#fff;}
	 .ys .inys-desc{color:#fff;}
	 .ys .inys-xian{background:#fff;}
	/* 内页案例列表 */
	.news-list{padding:3%;}
	     .nlist-nr{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px;background: #f0f0f0;
		 margin-bottom: 28px;transition: 0.6s;}
		 .nlist-left{width: 15%;}
		 .nlist-right{width: 85%;padding:  0 24px;display: flex;justify-content: start;align-items: center;flex-direction: row;}
		 .news-title{font-size: 24px;line-height: 28px;color:#000000;font-weight: bold;
		  transition: 0.6s;transition: 0.6s;
		 }
		 .news-date{font-size: 16px;line-height: 20px;opacity: 0.66;margin: 10px 0 16px;transition: 0.6s;}
		 .news-desc{font-size: 16px;line-height: 24px;color:#000000;margin-bottom: 16px;transition: 0.6s;}
		 .news-iconbox{width: 63px;height: 9px;position: relative;overflow: hidden;transition: 0.6s;}
		 .news-icon{
		 	 transition: .3s;display: block;top: 0;position: relative;-webkit-filter: drop-shadow(#fff 0 9px);filter: drop-shadow(#fff 0 9px);  
		 }
		 .nlist-nr:hover{text-decoration: none;background: #15317b;}
		 .nlist-nr:hover .news-title{color:#fff;}
		 .nlist-nr:hover .news-date{color:#fff;}
		 .nlist-nr:hover .news-desc{color:#fff;}
		 .nlist-nr:hover .news-icon{top:-100%;}
		
	   @media(max-width:960px){
	    .nlist-left{width: 35%;}
	    .nlist-right{width: 65%;}
	    
	   }
	
	    @media(max-width:768px){
        .nlist-left{width: 100%;margin-bottom: 20px;}
	    .nlist-right{width: 100%;}
	      }
	
	/*内页案例详情 */
	.news-page{padding:3%;}
	.news-page>div{max-width:1400px;}
	.xq-title{font-size:30px;line-height: 32px;font-weight: bold;text-align: center;color:#343434;}
	.news-content{display: flex;justify-content: center;flex-wrap: wrap;}
	.news-content p{padding:0 20px;font-size: 14px;color:#5a5a5a;}
	.xq-xian{margin: 14px auto;display: block;width:100%;height:1px;background: #8d8d8d;max-width: 1450px;}
	.news-ico{margin: 30px auto 0;display: block;}
	.news-bottom{margin: 20px auto;}
	.news-top{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
	.xq-left{width: 32%;}
	.xq-right{width: 68%;padding-left: 26px;}
	@media(max-width:960px){
		.xq-left{width: 100%;margin-bottom: 20px;}
		.xq-right{width: 100%;padding-left: 0;}
	}
	
	.pr-next{margin:4% auto 0;width:360px;}
	.pr-next>p{width:165px;height: 33px;border:1px solid #424242;color:#333333;line-height: 33px;text-align: center;font-size: 14px;cursor:pointer;}
	.pr-next>p:hover{border:1px solid #183b85;background: #183b85;color:#ffffff;}
	.pr-next>p:nth-child(1){float:left;}
	.pr-next>p:nth-child(2){float:right;}
	@media(max-width:480px){
	.m-box{padding: 0 15px;}
	}
	@media(max-width:400px){
	.pr-next{margin:20px auto 0;width:167px;}
	.pr-next>p{margin-bottom: 5%;}
	}

	/* 产品列表 */
	.pr-list{padding: 3% 3%;}
	.pro-left {padding-right: 0;}
	.pr-titlebox{display: flex;background: #15317b; padding: 50px 20px;align-items: center;flex-direction: row;justify-content: center;margin-bottom: 2px;}
	.pr-title{color:#ffffff;font-size:30px;line-height:32px;font-weight: bold;text-transform: uppercase;text-align: center;
	}
	.inpr-box1{border: 1px solid #ccc;}
	.pro-left ul li {display: block;text-align: left;line-height: 70px;margin-top:10px;background: #7b7b7b;padding:0 7%;}
	.pro-left ul li a {display: block;font-size: 20px;color: #ffffff;}
	.pro-left ul li:hover,.pro-left ul .default {background: #15317b;color: #fff;}
	.pro-left ul li:hover a,.pro-left ul .default a {color: #fff;background:#15317b ;}
	
	    .lei-list div .lei-name1 p{color:#15317b!important;text-decoration: underline;} 
		.nav-box2{margin-bottom: 2px;padding-bottom: 0;}
		.nav-box1{overflow:hidden;height:0;position:relative;}
	    .lei-list h3{padding: 0;padding: 18px 24px;position:relative;text-align: left;background: #eaeaeb;
		 color:#000000;line-height:20px;font-size: 18px;font-weight: 400;margin-bottom: 0;padding-right: 40px;
	         }
	    .nav-box3{margin-bottom:3px;padding: 0 0;background: #e9e9e9;}
		.nav-box3:hover{cursor: pointer;}
		 .lei-list a p{font-size: 16px;line-height: 20px;float: right;padding: 8px 24px;width: 100%;
		 background: none;text-align: left;
		 }
			
	.lei-list h3 .sanjiao{position:absolute;top:calc(50% - 7px);right:20px;
	    width: 0;
	    height: 0;
	    border-left: 12px solid #000;
	    border-top: 8px solid transparent;
	    border-bottom: 8px solid transparent;
	}
	.lei-list div .uk-active .sanjiao{transform: rotate(90deg);	}
	.lei-list div .uk-active1{color:#fff!important;background: #15317b;}
	.lei-list div .uk-active1 .sanjiao{border-left: 12px solid #fff;}
	.uk-accordion-content{padding:0!important;}
	
	.lpr-box{display: block;transition: 0.6s;}
		.lpr-tu{overflow: hidden;border: 1px solid #bfbfbf;position: relative;}
		.lpr-tu img{width: 100%;transition: 0.6s;}
		.lpr-fugai{position: absolute;left: 0;top: 0;background: rgba(11,56,124,.8);width: 100%;height: 100%;
		display: flex;justify-content: center;align-items: center;flex-direction: row;transition: 0.6s;transform: rotateY(90deg);
		}
	.lpr-name1{color:#fff;text-align: center;margin-bottom: 8px;font-size:24px;line-height: 28px;}
	.lpr-more{display: block;width:180px;line-height: 50px;text-align: center;color:#0b387c;font-size: 16px;background: rgba(255,255,255,.8);
	margin: 20px auto 0;height: 50px;
	}
		.lpr-name{font-size: 24px;color:#000000;line-height: 28px;transition: 0.6s;text-align: center;transition: 0.6s;
		margin: 10px 0;}
	
		.lpr-box:hover{text-decoration: none;}
		.lpr-box:hover .lpr-fugai{transform: rotateY(0);}
		.lpr-box:hover .lpr-tu img{transform: scale(1.1);}
	
	
		.lpr-box:hover .lpr-name{opacity: 0;}
	
	
	
	/* 产品详情*/
	.pr-page{padding:3%;background: #fff;}
	.pr-box1{margin-top: 20px;padding: 0 20px;}
	.show{width: 100%;border: 1px solid #ccc;overflow: hidden;overflow: hidden;}
	.xiao{border: 1px solid #ccc;overflow: hidden;}
	.npr-title{color:#000000;font-size: 24px;line-height: 28px;margin-top: 10px;font-weight: bold;margin-bottom: 18px;}
	.npr-title span{color:#000000;font-size: 18px;line-height: 24px;font-weight: 400;}
	.npr-xian{width: 100%;height: 1px;background: #ccc;margin-bottom: 20px;max-width: 752px;}
	.pr-lx{width: 100%;max-width: 400px;}
	.cont{display: block;width: 190px;height: 58px;background: #15317b;text-align: center;line-height: 58px;font-size: 16px;color:#f9fafb;
	}
	.pr-lxname{font-size: 24px;color:#333333;font-weight: bold;line-height: 58px;}
	.cont:hover{text-decoration: none;color:#fff;}
	.pr-right .uk-active img{border: 1px solid #15317b!important;}
	.content-nr{padding: 3%;}
	.bottom-title{color:#000000;font-size: 24px;line-height: 34px;font-weight: bold;margin-bottom: 8px;margin-top: 40px;}
	.bottom-xian{width: 100%;height: 1px;background: #b2b2b2;margin-bottom: 20px;}
	.s-left::before,.s-right::before{display: none;}
	.s-left{left:-6%!important;top: 52%!important;display: block!important;border: none;color:#999999;width: 34px;}
	.s-right{right:-6%!important;top: 52%!important;display: block!important;border: none;color:#999999;width: 34px;}	
	.s-left:hover{background: none!important;color:#15317b!important;}
	.s-right:hover{background: none!important;color:#15317b!important;}
	/* 更多产品 */
	.rel{padding: 3%;padding-top: 0;}
	.rel-title{color:#000;text-align: center;font-size: 40px;line-height: 46px;text-transform: uppercase;}
	.rel-xian{margin-bottom: 40px;}
	.rel-name{text-align: center;padding: 0 20px;font-size: 18px;line-height: 24px;color:#000000;margin-top: 10px;}
	.rel-tu{border: 1px solid #ccc;display: block;}
	.p-left::before,.p-right::before{display: none;}
	 .p-left{display: block!important;left: -4%!important;}
	.p-right{display: block!important;right: -4%!important;}
	.r-left::before,.r-right::before{display: none;}
	 .r-left{display: block!important;left: -4%!important;width: 41px!important;height: 141px!important;top:36%!important;}
	.r-right{display: block!important;right: -4%!important;width: 41px!important;height: 141px!important;top: 36%!important;}
	  @media(max-width:1600px){
		 	  .s-left{display: block!important;left:3%!important;}
		 	  .s-right{display: block!important;right:3%!important;}   
			  .p-left{display: block!important;left:1%!important;}
			  .p-right{display: block!important;right:1%!important;} 
			  .r-left{display: block!important;left:1%!important;}
			  .r-right{display: block!important;right:1%!important;} 
		 	   }
	
 
   
      
      
   /* 联系我们 */
   	.contact{padding: 3%;background: url(images/cbg.jpg) no-repeat;margin-bottom: 0;}  
   	.c-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
   	.c-left{width:61%;}
   	.con-title{color:#222222;font-size: 36px;text-transform: uppercase;margin-top:10px;line-height: 40px;font-weight: bold;}
   	.con-desc{font-size: 16px;color:#434342;margin-top: 12px;line-height: 18px;}
   	
	.c-lxbox{display: flex;justify-content: space-between;margin-bottom: 10px;max-width: 380px;}
	.clx-right{width: calc(100% - 50px);display: flex;align-items: center;flex-direction: row;}
	.c-lx{font-size: 16px;line-height: 20px;color:#000000;text-align: left;width: 100%;
	display: block;
	}
	.c-lxbox img{width: 38px;height: 38px;}
	.c-lxbox:hover{text-decoration: none;color:#000000;}
	
   	.b-title{color:#222222;font-size: 36px;text-transform: uppercase;margin-top:30px;line-height: 40px;font-weight: bold;}
   	.b-xian{width: 56px;height: 3px;background: #15317b;margin-top:12px ;margin-bottom: 12px;}
   	.b-xian1{width: 56px;height: 3px;background: #15317b;margin-top:12px ;margin-bottom: 50px;}
   	.b-desc{font-size: 16px;color:#434342;margin-top: 12px;line-height: 18px;margin-bottom: 20px;}
   	.c-right{width:33%;padding:0  27px;padding-bottom:50px;position: relative;z-index: 10;background: #fff;
   	overflow: hidden;
   	-moz-box-shadow:0px 0px 10px #B8B8B8; -webkit-box-shadow:0px 0px 10px #B8B8B8; box-shadow:0px 0px 10px #B8B8B8;}
   	.map{}
   	.map .uk-container{max-width:1920px;}
   	.whats-tu{width: 100%;display: block;}
   	.whats{text-align: center;margin-top: 10px;font-size: 16px;line-height: 20px;}
   	
   	  @media(max-width:960px){
   	  .c-left{width:70%;float: none;}
   	 .c-right{width:100%;float: none;}
   	 .c-right1{width:30%;float: none;}
   	.map{position: relative;top:0;} 
   	.contact{margin-bottom: 0;padding-left: 3%;padding-right: 3%;}
   	  }
   	  @media(max-width:560px){
   	   .c-left{width:100%;float: none;}
   	  
   	  .c-right1{width:100%;float: none;margin-bottom: 40px;}
   	  }
   	 /* 联系我们表单 */
   	.biaodan1>li{margin-bottom: 30px;}
   	.biaodan1>li>input{width: 100%;height: 30px;font-weight: 400;background: #fff;
   	border: none;color:#000;border-bottom: 1px solid #333333;}
   	.biaodan1>li>input::-webkit-input-placeholder{color:#333333;}
   	.biaodan1>li>textarea{width: 100%;font-weight: 400;background: #fff;border:none;color:#000;border-bottom: 1px solid #333333;
   	 height: 30px;}
   	.biaodan1>li>textarea::-webkit-input-placeholder {color: #333333;line-height: 30px;font-weight: 400;} 
   	.biaodan1>li>textarea::-moz-input-placeholder {color: #333333;line-height: 30px;font-weight: 400;} 
   	.biaodan1>li>textarea::-ms-input-placeholder {color: #333333;line-height: 30px;font-weight: 400;} 
   	.button-box{margin-top:10px;}
   	.send1{
   		width: 120px!important;
   		height: 40px!important;
   		background: #15317b;
   		color: #ffffff;
   		transition: 0.8s;-webkit-transition: 0.8s;
   		display: block;
   		float: left;
   		margin-left: calc(100% - 120px);
   		border: none;
   		
   	}
 

	CSS Document */
	


