@charset "utf-8";
/* CSS Document */

.banner{width:100%;margin:0 auto;height: auto;overflow: hidden;}
.banner img{width:100%;}

/*案例展示*/
.wyz_fenlei{ width:1200px; margin:0 auto; margin-top:30px;}
.wyz_fenlei ul{ margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;width:1193px;}
.wyz_fenlei li{ font-size: 14px; text-align:center; float: left;margin-left: 10px;}
.wyz_fenlei a{ width: 150px; line-height:25px; display:block; border-radius:10px;}
.wyz_fenlei a:hover{ background: #C8161D ; color: #fff;}


	.nav_cpbox{width:100%;margin:0 auto;overflow: hidden;height: auto;background:#f9f9f9;}
		.nav_cp{width:1200px;margin:0 auto;overflow: hidden;height:auto;padding:20px 0;}
		.nav_cp li{width:20%;float:left;overflow: hidden;background:#fff;padding:20px 0;}
		.nav_cp li a span{display: block;width:70px;height:70px;margin:10px auto;transition: all 1s;}
		.nav_cp li a span img{width:100%;}
		.nav_cp li a b{display:block;margin:0 auto;text-align: center;font-size:22px;width:100%;margin:10px auto;font-weight: normal;color:#fff;}
		.nav_cp li a i{display:block;font-size:12px;text-align: center;width:100%;margin:0 auto;color:#fff;}
	
		
		
		.nav_cp li:nth-child(1){background:#b7b940;}
		.nav_cp li:nth-child(2){background:#47bf82;}
		.nav_cp li:nth-child(3){background:#6e8bd6;}
		.nav_cp li:nth-child(4){background:#ad53c4;}
		.nav_cp li:nth-child(5){background:#e05d6d;}
		
		.nav_cp li:hover{background:#f00;}
		.nav_cp li:hover a span{transform: rotate(360deg)}





	/*�?1二板�?*/
		.wz1{width:100%;margin:0 auto;overflow: hidden;height: auto;background-image:url(../images/bzbj.png);background-repeat: no-repeat;background-position: center bottom;}
		.zwnr1{width:1200px;margin:0 auto;height:550px;padding:50px 0;}
		.zwnr1 li{width:650px;height: auto;}
		.zwnr1 li:nth-child(2){width:480px;}
		.zwnr1 li h3{width:480px;text-align:left;line-height: 50px;font-size:30px;font-weight: normal;z-index: 4;position: relative;}
		.zwnr1 li i{font-size:80px;color:#f1f1f1;font-style: normal;width:500px;height: auto;overflow: hidden;}
		.zwnr1 li span{width:480px;height: auto;margin-top:-50px;overflow: hidden;margin-bottom:15px;}
		.zwnr1 li span img{width:20%;float:left;margin-right: 2px;}
		.clearfix{clear: both;}
		.zwnr1 li p{width:400px;font-size:16px;line-height: 26px;margin-top:10px;color:#555;}
		.zwnr1 li .xzl{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#f00;border:1px solid #f00;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr1 li .xzl em{font-style: normal;}
	
		.zwnr1 li .xzl a{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#f00;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr1 li  .xzl1:hover  a{background:#f00;color:#fff;}
		.zwnr1 li .xzl1:hover{background:#f00;color:#fff;}
			
		.zwnr1 li  .xzl2:hover  a{background:#f00;color:#fff;}
		.zwnr1 li .xzl2:hover {background:#f00;color:#fff;}
		
		
		/*第二个板�?*/
		.wz2{background:#f2a31a;background-image: url(../images/yxbj2.png);background-repeat: no-repeat;background-position: center bottom;}
		.zwnr2{width:1200px;margin:0 auto;height:550px;padding:50px 0;}
		.zwnr2 li{width:650px;height: auto;}
		.zwnr2 li:nth-child(2){width:480px;}
		.zwnr2 li h3{width:480px;text-align:left;line-height: 50px;font-size:30px;font-weight: normal;z-index: 4;position: relative;color:#fff;}
		.zwnr2 li i{font-size:80px;color:rgba(241, 241, 241, 0.31);font-style: normal;width:500px;height: auto;overflow: hidden;}
		.zwnr2 li span{display: block;width:480px;height: auto;margin-top:-50px;overflow: hidden;margin-bottom:15px;}
		.zwnr2 li span img{width:16%;float:left;margin-right: 2px;}
		.clearfix{clear: both;}
		.zwnr2 li p{width:400px;font-size:16px;line-height: 26px;margin-top:10px;color:#fff;}
		.zwnr2 li .xzl{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#fff;border:1px solid #fff;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr2 li .xzl em{font-style: normal;}
		
		.zwnr2 li .xzl a{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#fff;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr2 li  .xzl1:hover  a{background:#f00;color:#fff;}
		.zwnr2 li .xzl1:hover{background:#f00;color:#fff;}
			
		.zwnr2 li  .xzl2:hover  a{background:#f00;color:#fff;}
		.zwnr2 li .xzl2:hover {background:#f00;color:#fff;}
		
		
		
		.wz3{background:#f2f2f2;background-image: url(../images/qybj.png);background-repeat: no-repeat;background-position: center bottom;}
		.zwnr3{width:1200px;margin:0 auto;height:550px;padding:50px 0;}
		.zwnr3 li{width:650px;height: auto;}
		.zwnr3 li:nth-child(2){width:480px;}
		.zwnr3 li h3{width:480px;text-align:left;line-height: 50px;font-size:30px;font-weight: normal;z-index: 4;position: relative;}
		.zwnr3 li i{font-size:80px;color:rgba(167, 167, 167, 0.21);font-style: normal;width:500px;height: auto;overflow: hidden;}
		.zwnr3 li span{display: block;width:480px;height: auto;margin-top:-50px;overflow: hidden;margin-bottom:15px;}
		.zwnr3 li span img{width:16%;float:left;margin-right: 2px;}
		.clearfix{clear: both;}
		.zwnr3 li p{width:400px;font-size:16px;line-height: 26px;margin-top:10px;color:#555;}
		.zwnr3 li .xzl{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#f00;border:1px solid #f00;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr3 li .xzl em{font-style: normal;}
		
		.zwnr3 li .xzl a{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#f00;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr3 li  .xzl1:hover  a{background:#f00;color:#fff;}
		.zwnr3 li .xzl1:hover{background:#f00;color:#fff;}
		.zwnr3 li  .xzl2:hover  a{background:#f00;color:#fff;}
		.zwnr3 li .xzl2:hover {background:#f00;color:#fff;}
		
		/*�?4个板�?*/
		.wz4{background:#2395e5;background-image:url(../images/wmbj.png);background-repeat: no-repeat;background-position: center bottom;}
		.zwnr4{width:1200px;margin:0 auto;height:550px;padding:50px 0;}
		.zwnr4 li{width:650px;height: auto;}
		.zwnr4 li:nth-child(2){width:480px;}
		.zwnr4 li h3{width:480px;text-align:left;line-height: 50px;font-size:30px;font-weight: normal;z-index: 4;position: relative;top:-70px;color:#fff;}
		.zwnr4 li i{font-size:80px;color:rgba(241, 241, 241, 0.31);font-style: normal;width:500px;height: auto;overflow: hidden;}
		.zwnr4 li span{display: block;width:480px;height: auto;margin-top:-50px;overflow: hidden;margin-bottom:15px;}
		.zwnr4 li span img{width:16%;float:left;margin-right: 2px;}
		.clearfix{clear: both;}
		.zwnr4 li p{width:400px;font-size:16px;line-height: 26px;margin-top:10px;color:#fff;}
		.zwnr4 li .xzl{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#fff;border:1px solid #fff;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr4 li .xzl em{font-style: normal;}
		.zwnr4 li .xzl a{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#fff;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr4 li  .xzl1:hover  a{background:#f00;color:#fff;}
		.zwnr4 li .xzl1:hover{background:#f00;color:#fff;}
		.zwnr4 li  .xzl2:hover  a{background:#f00;color:#fff;}
		.zwnr4 li .xzl2:hover {background:#f00;color:#fff;}
		
		
		.wz5{background:#f2f2f2;}
		.zwnr5{width:1200px;margin:0 auto;overflow: hidden;height:auto;padding:50px 0;}
		.zwnr5 li{width:650px;height: 600px;}
		.zwnr5 li:nth-child(2){width:450px;}
		.zwnr5 li h3{width:480px;text-align:left;line-height: 50px;font-size:30px;font-weight: normal;z-index: 4;position: relative;top:-70px;}
		.zwnr5 li i{font-size:80px;color:rgba(167, 167, 167, 0.21);font-style: normal;width:500px;height: auto;overflow: hidden;}
		.zwnr5 li span{display: block;width:480px;height: auto;margin-top:-50px;overflow: hidden;margin-bottom:15px;}
		.zwnr5 li span img{width:16%;float:left;margin-right: 2px;}
		.clearfix{clear: both;}
		.zwnr5 li p{width:400px;font-size:16px;line-height: 26px;margin-top:10px;color:#555;}
		.zwnr5 li .xzl{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#f00;border:1px solid #f00;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr5 li .xzl em{font-style: normal;}
		.zwnr5 li .xzl a{width:130px;height: 30px;line-height: 30px;font-size:16px;color:#f00;border-radius: 2px;text-align:center;margin-top:20px;}
		.zwnr5 li  .xzl1:hover  a{background:#f00;color:#fff;}
		.zwnr5 li .xzl1:hover{background:#f00;color:#fff;}
		.zwnr5 li  .xzl2:hover  a{background:#f00;color:#fff;}
		.zwnr5 li .xzl2:hover {background:#f00;color:#fff;}



.one1{ position: relative; top: -500px; opacity:0;}
.one2{ position: relative; bottom: -100px; opacity:0;}
.one3{ position: relative; bottom: -200px; opacity:0;}
.one4{ position: relative; bottom: -300px; opacity:0;}
.one5{ position: relative; bottom: -400px; opacity:0;}
.one6{ position: relative; bottom: -500px; opacity:0;}
.one7{ position: relative; bottom: -400px; opacity:0;}


.twoy{position: relative; right: -300px; opacity:0;}
.twoz1{position: relative; left: -300px; opacity:0;}
.twoz2{position: relative; left: -300px; opacity:0;}
.twoz3{position: relative; left: -300px; opacity:0;}
.twoz4{position: relative; left: -300px; opacity:0;}
.twoz5{position: relative; left: -300px; opacity:0;}
.twoz6{position: relative; left: -300px; opacity:0;}




.threez{transition: all 2s; transform:scale(0);opacity: 0;}
.threey{position: relative; right: -300px; opacity:0;}
.threey1{position: relative; right: -300px; opacity:0;}
.threey2{position: relative; right: -300px; opacity:0;}
.threey3{position: relative; right: -300px; opacity:0;}
.threey4{position: relative; right: -300px; opacity:0;}
.threey5{position: relative; right: -300px; opacity:0;}
.threey6{position: relative; right: -300px; opacity:0;}



.foury{transition: all 2s;transform: scale(0);opacity: 0;}
.fouryimg{transition: all 2s;transform: rotate(360deg);}
.fourz{position: relative; left: -300px; opacity:0;}
.fourz1{position: relative; left: -300px; opacity:0;}
.fourz2{position: relative; left: -300px; opacity:0;}
.fourz3{position: relative; left: -300px; opacity:0;}
.fourz4{position: relative; left: -300px; opacity:0;}
.fourz5{position: relative; left: -300px; opacity:0;}
.fourz6{position: relative; left: -300px; opacity:0;}


.fixz{transition: all 1s;transform: scale(0.2);opacity: 0;}
.fixzimg{transition: all 2s;transform: rotateX(180deg);}
.fixy{position: relative; right: -300px; opacity:0;}
.fixy1{position: relative; right: -300px; opacity:0;}
.fixy2{position: relative; right: -300px; opacity:0;}
.fixy3{position: relative; right: -300px; opacity:0;}
.fixy4{position: relative; right: -300px; opacity:0;}
.fixy5{position: relative; right: -300px; opacity:0;}
.fixy6{position: relative; right: -300px; opacity:0;}

/*合作流程*/

/* .qylc{width:100%;margin:0 auto;overflow: hidden;height: 756px;padding:30px 0;} */
/* .qylc_box{width:1200px;margin: 50px auto;height: 496px;overflow: hidden; */
/* background-image: url(../images/lcbj.png)/; */
/* background-position:0 175px; */
/* background-repeat: no-repeat;  */
/* background-size:100%; */


/* } */
/*上面1�?3�?5*/
/* .qylc_ys{width:1020px;height: auto;padding-left: 90px;} */
/* .qylc_ys li{width:170px;float:left;position: relative;height: 270px;    padding-top: 10px;} */
/* .qylc_ys li .qylc_nr{width:100%;background:#fff;z-index: 5;height: auto;overflow: hidden; padding: 10px 0;box-shadow:0px 0px 6px 1px #ccc;} */
/* .qylc_ys li .qylc_nr h5{width:100%;height: 40px;line-height: 40px;font-size: 18px;text-align: center;font-weight: normal;} */
/* .qylc_ys li .qylc_nr b{display:block;width:90%;margin:5px auto;font-size:16px;font-weight: normal;text-align: center;color:#555;} */
/* .qylc_ys li .dwj_x{width:30px;height: 30px;border-radius: 1px;display: block;background:#fff;transform: rotate(45deg);margin:0 auto;margin-top:-15px;z-index: -3;box-shadow:5px 5px 4px 0px #eee}	 */
/*圆和线条处中间部�?*/
/* .mt{margin-top:30px;} */
/* .qylc_sz{width:100%;height: 30px;line-height: 30px;color: #fff;text-align:center;padding-top:15px;} */
/* .qylc_sz em{width:30px;height: 30px;background:#f00;border-radius: 50%;margin:0 auto;font-size:18px;display: block;box-shadow:0px 0px 6px 1px #999999ad;border: 2px solid #f2f2f2;z-index: 9;margin-top:-19px;padding:2PX;transition: all ease 0.5s;-ms-transition: all ease 0.5s;} */
/* .qylc_sz strong{display:block;width:100%;height: 1px;z-index:-99;} */
/*上面红色线条*/
/* .xts{border-top:2px solid #f00;} */
/*下面红色线条*/
/* .xtx{border-bottom:2px solid #f00;margin-top:-15px;} */

/* .qylc_ys li .dwj_s{width:30px;height: 30px;border-radius: 1px;display: block;background:#fff;transform: rotate(45deg);margin:0 auto;z-index: -3;} */
/* .mb{margin-bottom: 20px;} */
/* .qylc_x{padding-left: 260px;position:absolute;bottom:0;} */
/

/* .qylc_ys li:hover .qylc_sz em{transform:scale(1.4);} */


/*合作流程end*/
/*合作流程2*/
/* #one11{ position: relative; top: -100px; opacity:0;} */
/* .lc1{ position: relative; bottom: -100px; opacity:0;} */
/* .lc2{ position: relative; bottom: -200px; opacity:0;} */
/* .lc3{ position: relative; bottom: -300px; opacity:0;} */
/* .lc4{ position: relative; top: -100px; opacity:0;} */
/* .lc5{ position: relative; top: -200px; opacity:0;} */
/* .lc6{ position: relative; top: -300px; opacity:0;} */
/* #xs{ position: relative; bottom: -500px; opacity:0;} */


/*合作伙伴*/
/* #one9{ position: relative; left: -1200px; opacity:0;} */
/* .hzhb{position:relative;right:-1200px;opacity: 0;} */