html,body{ width:100vw; height:100vh; overflow:hidden;
    min-width: 1000px;overflow: hidden;
}
		.section-wrap{ width:100vw; height:100vh;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);
		    position: relative;
		}
		
.section-wrap .section{ position:relative; width:100vw; height: 100vh;
overflow:hidden; background-position:center center; background-repeat:no-repeat;z-index: 1;left: 0;right: 0;top: 0;
		
		}
	
		.section-wrap .section-1{ background-color:#000;}
		.section-wrap .section-2{ background-color:#000;}
		.section-wrap .section-3{ background-color:#f2f2f2;
		    position: relative;
		}
		/*.section-wrap .section-3:after,.section-wrap .section-5:after,.section-wrap .section-7:after,.section-8:after{
		    display: block;content: "";height: 80px;width: 100%;background: #222;position: absolute;left: 0;right: 0;top: 0;
		}
		*/
		.section-wrap .section-4{ background:url(images/youshibg.jpg)center top no-repeat; background-size:cover;}
		.section-wrap .section-5{  position: relative;
		    background:#f2f2f2 url(images/partnerbg.jpg)center bottom no-repeat;
		}
		.section-wrap .section-6{ background:#f2f2f2;}
		.section-wrap .section-7{position: relative;}
		.section-wrap .section-8{
		    background: #222;position: relative;
		}
		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
		.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
		.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
		.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
		.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
			.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
		.put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}
		
		.section-btn{ width:14px;position:fixed;right:4%;top:50%;}
		.section-btn li{ width:10px;height:10px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; 
		background:#fff;text-align:center; color:#fff; onsor:pointer;
		    border: 2px solid #eee;
		}
		.section-btn li.on{ background:#074c97;
		 
		}
	


    
    

  /*首页幻灯片*/
.sybanner{
    width: 100%;min-width: 1300px; position:relative; overflow:hidden;} 

.sybanner .bannercon{ 
   position:absolute !important;width: 100%;left: 0;right: 0;margin: 0 auto; top: 0;}
.sybanner .prev{ display:block; width: 55px;height: 55px;border:2px solid #fff; font-size: 26px;line-height:55px; border-radius: 50%; opacity: 0.5; color: #fff;text-align: center;z-index: 2;
			 cursor:pointer; position:absolute; left:1vw;top:45vh;transform:rotate(180deg);}
.sybanner .next{display:block; width: 55px;height: 55px;border:2px solid #fff; font-size: 26px;line-height: 55px;border-radius: 50%; opacity: 0.5; color: #fff;text-align: center;z-index: 2;
			 cursor:pointer;  position:absolute;right:1vw;top:45vh;}

.sybanner .next:hover,.sybanner .prev:hover{
    background: #074c97;color: #fff;border-color: #074c97;opacity: 1;
}
	.sybanner .pic{ text-align:center; position:relative;}
	.sybanner .pic img{ width:100vw;  height: 100vh;
	    min-width: 1300px;
	}
	

.bannerheight{  display:block;width: 100%;}
.bannerheight img{
    display: block;width: 100%;min-width: 1300px;}
    
.banpage{
    position: absolute;text-align: center;left: 0;right: 0;margin: 0 auto;bottom: 2vh;z-index: 2;
}   
.banpage li{cursor: pointer;
    display: inline-block;width: 12px;height: 12px;background: rgba(255,255,255,0.5);border-radius:6px;overflow: hidden; margin: 0 5px; color: transparent;
}
.banpage li.on{
    background: rgba(255,255,255,1);width:44px;
}
.sybanner .txt{  width:1300px; box-sizing: border-box;color: #fff; line-height: 1.4; top:21vh;
	margin: 0 auto;position: absolute;left: 0;right: 0;}
.sybanner .txt .txtwd h2{letter-spacing: 1px;
    font-size: 52px;font-weight: bold;color: #fff;
}
.sybanner .txt .txtwd span{ color:#ff7600;}
.sybanner .txt .txtwd dl{ font-size: 30px;font-weight: normal;letter-spacing: 1px;}
.sybanner .txt .txtwd dt{ height: 6px;
    display: block;position: relative;margin: 30px 0;
}

.sybanner .txt .txtwd dt:after{
    display: block;content:"";width:100px;height: 1px;background: #fff2;position: absolute;left: 0;bottom: 0;
}
.sybanner .txt .txtwd dt:before{
    display: block;content:"";width:200px;height: 1px;background: #fff2;position: absolute;left: 0;top: 0;
}

.bannerthree .txt .txtwd dt:after{
    display: block;content:"";width:100px;height: 1px;background: #0002;position: absolute;left: 0;bottom: 0;
}
.bannerthree .txt .txtwd dt:before{
    display: block;content:"";width:200px;height: 1px;background: #0002;position: absolute;left: 0;top: 0;
}



.sybanner .txt .txtwd dd{
    font-size: 18px;line-height: 28px;color: #fff7;margin-top: 10px;letter-spacing: 2px;
}




.bannertwo .txt .txtwd dd{
    font-size: 18px;line-height: 28px;color: #fff7;margin-top: 10px;letter-spacing: 2px;
}

.sybanner .txt .txtwd .pic1{position: absolute;display: block;top: 46vh;left: 0;}
.sybanner .txt .txtwd .pic2{position: absolute;display: block;top: 34vh;left: 192px;}
.sybanner .txt .txtwd .pic3{position: absolute;display: block;top: 46vh;left: 384px;}

.sybanner .bannertwo .txt{ top:2vh;}
.bannertwo .txtwd{ padding-top: 17vh;
    width: 791px;height:748px; background: url(images/banner021.png)center top no-repeat;float: right;text-align: center;
}

.bannertwo .txtwd .bannertwo1{ line-height:50px;width:540px; background: #074c97;
    color: #fff;border-radius: 0 30px 0 30px;margin: 5px auto;font-size: 28px;
}
.bannertwo .txtwd .bannertwotd{text-align: center;
    width:540px; margin: 20px auto;}
 .bannertwo .txtwd .bannertwotd li{font-weight: lighter;font-size: 22px;
     display: inline-block;margin: 0 14px;background: url(images/banner024.png)center left no-repeat;padding-left: 30px; line-height:40px;
 }   

 .bannertwo .txtwd p{ width:540px; margin: 15px auto; 
     font-size: 12px;color: #fff3;line-height: 14px;font-weight: lighter;
 }
 
  .bannertwo .txtwd .pic22{
      width: 540px;margin: 0 auto;position: relative;
  }
   .bannertwo .txtwd .pic22 img{display: inline-block; margin: 0 10px;
       
   }
   .sybanner .bannerthree .txt .txtwd h2{color: #222;}
.bannerthree .txt .txtwd dl{font-weight: lighter; color: #222;
    font-size: 29px;
} 
.bannerthree .txt .txtwd  dd{ letter-spacing:0; color:#666;}
 
 .bannerthree .txt .txtwd .bannerthreepic{
     width: 815px;margin-top:8vh;
 }
 .bannerthree .txt .txtwd .bannerthreepic img{
     display: block;float: left;
 }
  .bannerthree .txt .txtwd .bannerthreepic img+img{
       margin-left: 17px;
  }
  .bannerthree .txt .txtwd .bannerthreepic img:nth-of-type(n+4){ margin-top:17px;}
 .bannerthree .txt .txtwd .bannerthreepic:after{
     display: block;content:"";clear: both;
 }
 .sybanner .bannerthree .txt{
    top: 17vh;
 }
 
 
/*首页简介*/
.about{
    width: 100%;height: 100vh;background:#f2f2f2;box-sizing: border-box; padding-top: 9vw; color: #666;line-height: 2;
}

.aboutr{
    position: relative;
}
.aboutr:before{
    display: block;content: "";background:#f2f2f2;width:4px;height: 500px;position: absolute;left:-3px;top: 0;
}
.aboutr:after{
    display: block;content: "";background:#f2f2f2;width:2px;height: 500px;position: absolute;right: 0;top: 0;
}
.aboutr video{
    display: block;
}
.aboutl{ 
    width: 45%;box-sizing: border-box; line-height: 1.6;
}
.aboutl h2{
    font-size: 42px;color: #fff;font-weight: bold;
}
.aboutl h2 em{
    font-size: 46px;letter-spacing: 1px;color: #ff7600;
}
.aboutl dl{
   font-size: 16px;line-height: 1.8;padding-top: 5px; margin-bottom: 40px;
}
.aboutl span{
    color: #0054ac;
}
.aboutl h3{ font-size:36px; line-height: 1.2;margin-bottom: 6px;
    display: block;font-weight: lighter;color: #333;
}
.aboutl dt{
    display: block;font-size: 12px;font-family: "arial"; padding-top: 10px; margin-bottom: 40px; color: #ccc;
}
.morelink{ font-size: 16px;
    display: block;width: 200px;border-radius: 5px;line-height: 50px;color: #666;text-align: center;margin-top: 50px;border: 1px solid #ddd;
}
.morelink:hover{
    background: #074c97;color: #fff;border-color: #074c97;
}

/*数字*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;  font-size:18px; color:#666; text-align:center;  padding-top:3vw;}
.num span,.num i{ display:inline-block; vertical-align:top;}
.num span{ font-size:60px; color:#222; font-family:impact; position:relative; z-index:3;
    line-height: 1;
}
.num i{ border-radius:50%; width:30px; height:30px; font-size:22px; font-family:impact; line-height:30px; color:#fff; background:#074c97; margin-left:-10px;}
.num p+p{ margin-top:5px;}


/*产品中心*/
.prod_all{
    width: 100%;background: #f2f2f2;padding-top:8vw;
}
.prod_t{
    text-align: center;font-size: 17px;color: #888;line-height: 1; margin-bottom:1.5vw;
}
.prod_t h2{
    font-size: 40px;text-align: center;font-weight: normal;color: #222; padding-bottom: 1vw;
}
 .prod_all .picScroll-left1{ position:relative; 

 }
	.prod_all .picScroll-left1 .hd{ overflow:hidden;  height:38px;z-index: 1;  position: relative;text-align:center; min-width: 300px; margin: 0 auto;
background: #fff;border-radius: 30px;box-shadow: 0 0 10px rgba(0,0,0,10%);padding:5px 10px; margin-bottom: 30px;
		    
		}
	.prod_all .picScroll-left1 .hd .prev{ display:block;  width:38px; height:38px;  position:absolute;left:10px; top: 5px;
     cursor:pointer; border-radius: 50%;overflow: hidden;background: rgba(7,76,151,0.1); transform: rotate(180deg);
         color: #074c97;font-size:18px;text-align: center;line-height: 38px;}
         
     .prod_all .picScroll-left1 .hd .next{ display:block;  width:38px; height:38px;  position:absolute;right:10px; top: 5px;
     cursor:pointer; border-radius: 50%;overflow: hidden; background: rgba(7,76,151,0.1);
         color: #074c97;font-size:18px;text-align: center;line-height: 38px;
     }
	
	.prod_all .picScroll-left1 .hd .prev:hover,.prod_all .picScroll-left1 .hd .next:hover{
	  background:#074c97;color: #fff;
	}		 

	.prod_all .picScroll-left1 .bd{ padding:0; position:relative;  }
	.prod_all .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
	/*.prod_all .picScroll-left1 .bd ul li{ float:left;  width:calc(100% / 3);-webkit-width:calc(100% / 3);-ms-width:calc(100% / 3);	box-sizing: border-box;display:block; }*/
	
	.prod_all .picScroll-left1 .bd ul li{ float:left;  width:100%;	box-sizing: border-box;display:block; }
	.prod_all .picScroll-left1 .bd ul li a{ text-align:center; display:block; width: 32%;
	    float: left;
	}
	.prod_all .picScroll-left1 .bd ul li:after{
	    display: block;content: "";clear: both;
	}
	.prod_all .picScroll-left1 .bd ul li a+a{
	     margin-left: 2%;
	}
	.prod_all .picScroll-left1 .bd ul li .pic{ overflow:hidden;}
	.prod_all .picScroll-left1 .bd ul li .pic img{ width:100%;  height:auto; display:block;transition: all ease 0.5s;
	}
	.prod_all .picScroll-left1 .bd ul li a:hover .pic img{transform:scale(1.1);}
.prod_all .picScroll-left1 .bd ul li .txt{	text-align: center; margin-top:3px; font-size: 16px;color: #888;font-weight: lighter;line-height: 1.6;
	background: #fff;padding:25px;position:relative;
    }

.prod_all .picScroll-left1 .bd ul li .txt:after{
    display: block;content: "";width:100%;height:20px;border-radius: 50%;overflow: hidden;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -10px;
    background:linear-gradient(to right,#444,#555);transition: all ease 0.5s;opacity: 0.2;
}
.prod_all .picScroll-left1 .bd ul li a:hover .txt:after{ opacity: 1; background:linear-gradient(to right,#074c97,#006fe7);
    
}

	.prod_all .picScroll-left1 .bd ul li .title1{  font-size:18px; color:#333; font-weight: normal;
}
	.prod_all .picScroll-left1 .bd ul li:hover .title1{ color:#074c97;}
	.prod_all .picScroll-left1 .tempWrap{ width:100% !important;}
.prod_all .picScroll-left1 .fenlei{
    display: inline-block;line-height: 38px;font-size: 16px;margin: 0 10px; padding: 0 30px; border-radius: 25px;overflow: hidden; color: #333;
}
.prod_all .picScroll-left1 .fenlei:hover{background: #074c97; color:#fff;}
.prod_all .picScroll-left1 .picList2 li{
    display: inline-block;line-height: 38px;
}
.prod_all .picScroll-left1 .picList2 li a{
    display: block;font-size: 16px;margin: 0 5px; padding: 0 30px; border-radius: 25px;overflow: hidden; color: #333;
}
.prod_all .picScroll-left1 .picList2 li a:hover,.prod_all .picScroll-left1 .picList2 li.on a{
    background: #074c97; color: #fff;
}


/*公司优势*/
.youshi{
    padding-top: 8vw;width: 100%;min-width: 1300px;
}

.youshi .box{
    position: relative;
}
.youshil{
    width: 664px;margin-left: -44px;
}
.youshi img{
    display: block;
}
.youshir{
    width: 660px;font-size: 16px;line-height: 1.4;color: #fff;
}
.youshir .youshit{font-size: 22px;}
.youshir .youshit dl{
    font-size: 100px;font-family: "arial";line-height: 1;text-transform: uppercase;
}
.youshir .youshit p{
    font-weight: lighter; line-height: 1;padding-bottom: 5px;
}
.youshir .youshit dt{
    display: block;font-size: 40px; line-height: 70px;color: #fff;
}
.youshir .youshib{
    margin-top:2vw;
}
.youshir  .youshib li{color: #333;
    padding: 25px 35px; background: #fff;
}
.youshir .youshib li .pic{ float: left;
    font-size:60px;color: #074c97;
}
.youshir .youshib li .txt{
    width: 510px;float: right;color: #333
}
.youshir .youshib li:after{
    display:block;content: "";clear: both;
}

.youshir .youshib li .txt dl{
    font-size: 24px;
}
.youshir .youshib li .txt p{ font-size:15px;line-height:1.4;text-align: justify; padding-top: 5px;
    color: #666;
}
.youshir .youshib li:nth-of-type(2n){
 margin: 1.5vw 0;
}

/*合作伙伴*/
.partner{
    width: 100%;min-width: 1300px;padding-top: 8vw;
}
.partnerb{ position: relative; margin-top: 90px;

}
.partnerb:after{
    display: block;content:"";clear: both;
}
.partnerb a{float: left; position: relative;overflow: hidden; margin: 0 47px;
    display: block;width: 166px;height: 166px;box-sizing: border-box;border: 1px solid #eee; background: #fff;transform: rotate(45deg);
}
.partnerb a .pic{
    width: 100%;height: auto; position: relative; padding-top: 40px; margin-left: 0;
}

.partnerb a .pic img{
    display: block;width: 100%; transform: rotate(-45deg);
}
.partnerb a:nth-of-type(n+6){
    margin-top: -40px;
}
.partnerb a:nth-of-type(6){ margin-left:175px;}
.partnerb a .txt{width: 0;height: 0;transition: all 0.5s ease;transform: rotate(325deg);
    position: absolute;left:-35px; top: -32px;line-height: 234px;background: rgba(7,76,151,0.9);color: #fff;font-size: 18px;text-align: center;
    
}
.partnerb a:hover .txt{width: 234px;height: 234px;
     transform: rotate(-45deg)
}

/*合作流程*/
.process{
    color: #fff;width: 100%;min-width: 1300px;padding-top: 7vw;
}


.processb{
    overflow: hidden;
}
.processb li{float: left; padding: 40px;text-align: center;position: relative;overflow: hidden;cursor: pointer; height: 245px;
    display: block;width: 25%; background:#fff;box-sizing:border-box;border-right:none;border-bottom: none;
}
.processb li:nth-of-type(2n){ background: #f9f9f9}
.processb li+li:after{content:"";
    display: block;width: 20px;height: 20px;background: #646464;transform: rotate(45deg);position:absolute;left: -10px;top: 107px;
}
.processb li:nth-of-type(n+5):after{right: -10px;left:auto;}
.processb li:nth-of-type(8):after{content:"";
   left:0;right: 0;margin: 0 auto;top: -10px;
}

.processb li:nth-of-type(5),.processb li:nth-of-type(7){
  background: #f9f9f9;
}
.processb li:nth-of-type(6),.processb li:nth-of-type(8){
  background:#fff;    
}

.processb li dl{
    display: block;position: relative;
}
.processb li dl:after{
    display: block;content: "";clear: both;
}
.processb li dl:before{border-radius:50%;overflow:hidden; margin: 0 auto; padding: 6px; border: 5px solid #fff;
    display: block;width: 60px;height: 60px;text-align: center;background: #d5d5d5;line-height: 60px;color: #fff;font-size: 32px;
}
.processb li dl dd{
    font-size:26px;color: #222;line-height:1.6; padding-top: 8px;
}
.processb li dt{
    font-size: 16px;line-height:1.4; color: #666;
}


.processb li.cur{
    background: #074c97;color:rgba(255,255,255,0.4);
}
.processb li.cur dl dd{
    color: #fff;
}
.processb li.cur dl:before{
    background:#ff7600;color: #fff;
}
.processb li.cur:after {
    background: #fff;
}
.processb li.cur dt{
    color: #fff6;
}

.proc_pho{display: flex;background: #074c97;width: 790px;height: 60px;align-items: center;justify-content:center;border-radius: 30px;margin:60px auto 80px;}
.proc_pho b{font-size: 24px;color: #fff; font-weight:normal;}
.proc_pho p{width: 230px;height: 100%;background: #333;color: #fff;font-size: 18px;text-align: center;line-height: 60px;border-radius: 30px;margin:0 16px;}
.proc_pho>span{color: #fff;font-size: 36px;font-family: "Arial";font-weight: bold;}
.proc_pho p span{display: inline-block;margin-right:3px;
    font-size: 22px;
}