﻿.page2{height: 100%;}
.page{overflow:hidden;}
/*--------------------第一屏--------------------*/
.newZ_part1{width:100%; height: 690px; background: url(../maobg/newz_bg.png) center top no-repeat; -webkit-background-size: cover; background-size: cover;}
.newZ_part1 li{position: relative;height: 100%;}
.newZ_goods{height:522px; width: 100%; background: url(../maobg/light_bg.png) left center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -266px;}
.goods_lists{position: absolute; width:64px; height: 64px; background-color:#3d90f6;}
.shadow_blue:hover{box-shadow: 0 0 6px 2px rgba(23,66,225,.75);}
.shadow_purple:hover{box-shadow: 0 0 6px 2px rgba(62,15,207,.75);}
.shadow_green:hover{box-shadow: 0 0 6px 2px rgba(15,178,19,.75);}
.goods_list1{top:170px; left:41px;}
.goods_list2{top:250px; left:41px; background-color:#2772ce;}
.goods_list2 span{background: url(../maobg/part1_icon1.png) center center no-repeat;}
.goods_list3{top:330px; left:41px; background-color:#1359ae;}
.goods_list4{top:410px; left:41px; background-color: #0f4b91;}
.goods_list5{top:170px; left:123px; background-color: #2b80e7;}
.goods_list6{top:250px; left:203px; background-color: #2772ce;}
.goods_list6 span{background: url(../maobg/part1_icon2.png) center center no-repeat;}

.goods_list7{top:330px; left:283px; background-color: #1359ae;}
.goods_list8{top:170px; left:363px; background-color: #2b80e7;}
.goods_list9{top:250px; left:363px; background-color: #2772ce;}
.goods_list10{top:330px; left:363px; background-color: #1359ae;}
.goods_list10 span{background: url(../maobg/part1_icon3.png) center center no-repeat;}
.goods_list11{top:410px; left:363px; background-color: #0f4b91;}

.goods_list12{top:170px; left:494px; background-color: #8268d3;}
.goods_list12 span{background: url(../maobg/part1_icon4.png) center center no-repeat;}

.goods_list13{top:410px; left:494px; background-color: #452c92;}
.goods_list14{top:170px; left:574px; background-color: #755ac9;}
.goods_list15{top:330px; left:574px; background-color: #4b3299;}
.goods_list16{top:410px; left:574px; background-color: #3d2587;}
.goods_list16 span{background: url(../maobg/part1_icon5.png) center center no-repeat;}
.goods_list17{top:170px; left:654px; background-color: #6348b5;}
.goods_list17 span{background: url(../maobg/part1_icon6.png) center center no-repeat;}
.goods_list18{top:250px; left:654px; background-color: #553ba6;}
.goods_list19{top:410px; left:654px; background-color: #361f7d;}
.goods_list20{top:170px; left:734px; background-color: #543ba0;}
.goods_list21{top:410px; left:734px; background-color: #2f1973;}

.goods_list22{top:291px; left:877px; background-color: #46a449;}
.goods_list23{top:211px; left:957px; background-color: #51a353;}
.goods_list24{top:291px; left:957px; background-color: #4f9d51;}
.goods_list24 span{background: url(../maobg/part1_icon7.png) center center no-repeat;}
.goods_list25{top:371px; left:957px; background-color: #2d812f;}
.goods_list26{top:291px; left:1037px; background-color: #3a893c;}
.goods_lists{
	transition: transform 0.2s ease 0;
	-webkit-transition: -webkit-transform 0.2s ease 0s;
	-moz-transition: -moz-transform 0.2s ease 0s;
	-ms-transition: -ms-transform 0.2s ease 0s;
	-o-transition: -o-transform 0.2s ease 0s;
	/*transform-origin:top left;
	-webkit-transform-origin:top left;*/
}
.goods_lists:hover{transform: scale(1.1); -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); z-index: 2;}
.goods_lists span{display: inline-block; width:66px; height: 51px; font-size: 12px; color:#fff; text-align: center; line-height: 20px; padding-top:15px; }
/*banner2*/
/*.part2_con{width:1100px; margin:0 auto; display: none;}*/
.left_img{width:539px; padding-top:140px; padding-left:70px;}
.right_txt{color:#fff; font-size: 18px; padding-top:0; padding-left:45px;}
.creat_good2 .creat_txt{line-height: 34px;}
.newZ_goods2{height: 482px;width: 100%; position: absolute; left: 0; top: 50%; margin-top: -241px;}
.creat_goods{margin-bottom:30px; }
.creat_txt{width:290px;display: inline-block; vertical-align: middle; padding-right:35px;}
.creat_icon{display: inline-block; vertical-align: middle; width: 136px; height: 136px; position: relative;}
.creat_icon .wave1{
	width: 120px; height: 120px; position: absolute; left: 7px; top: 7px; border-radius: 68px; overflow: hidden; border: 1px solid rgba(39,80,133,1); background: rgba(39,80,133,0.48);
	animation:wave  1.6s infinite; -webkit-animation:wave 1.6s infinite; -moz-animation:wave 1.6s infinite; -o-animation:wave 1.6s infinite;
}
.creat_icon .wave2{
	width: 120px; height: 120px; position: absolute; left: 7px; top: 7px; border-radius: 68px; overflow: hidden; border: 1px solid rgba(77,71,129,1); background: rgba(77,71,129,0.48);
	animation:wave  1.6s infinite; -webkit-animation:wave 1.6s infinite; -moz-animation:wave 1.6s infinite; -o-animation:wave 1.6s infinite;
}
.creat_icon .wave3{
	width: 120px; height: 120px; position: absolute; left: 7px; top: 7px; border-radius: 68px; overflow: hidden; border: 1px solid rgba(16,97,38,1); background: rgba(16,97,38,0.48);
	animation:wave  1.6s infinite; -webkit-animation:wave 1.6s infinite; -moz-animation:wave 1.6s infinite; -o-animation:wave 1.6s infinite;
}
.creat_icon img{width: 114px; height: 114px; position: absolute; left: 11px; top: 11px; z-index: 9}
.newZ_goods ol{position: absolute; bottom:20px; left: 0; width: 100%;}
.newZ_goods ol li{display: inline-block; width:68px; height: 8px; background-color: #636e7c;}
.newZ_main{width:1100px; margin:0 auto;}
.flexslider{width:1170px; height:100%; margin:0 auto; position: relative; overflow: hidden;}
.flex-viewport{height:100%;}
.flexslider .slides{width:100%; height:100%; position:absolute; top:0; left: 0;}
.slides li{float: left; width:1170px; text-align: center; margin:0 auto;}
.slides li img{display: inline-block; max-width:1170px;}
.flex-control-nav{position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; z-index: 9;}
.flex-control-nav li{display: inline-block; width: 68px; height: 8px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a {display: inline-block; width: 68px; height: 8px; line-height: 40px; overflow: hidden; background-color:#FFF; cursor: pointer; opacity:0.3; filter:alpha(opacity=30);}
.flex-control-nav .flex-active{opacity:1; filter:alpha(opacity=100);}

/*-------------------第二屏----------------*/
.page2{position: relative;}
.page2 .newZ_main{height:510px; padding:110px 0;}
.newZ_main h2{color:#00479d; font-size: 48px; text-align: center;}
.page2 .newZ_main h2{text-align: left;}
.page2_left{width:450px; padding-left: 64px;}
p.tell_txt_top{padding-top:30px; padding-bottom:25px;}
.tell_txt{font-size: 14px;}
.tell_txt p{font-size: 16px;}
.tell_txt ul li{padding-bottom:25px;}
.tell_txt ul li span{color:#00479d;}
.tell_txt ul li span i{font-style: normal; font-size: 18px; font-weight: bold; border-bottom: 1px solid #00479d; display: inline-block; margin-right: 5px;}
.btn_free{text-align: center; line-height: 48px; margin-top:-15px;}
.btn_free a{display: inline-block; width:180px; height: 48px; background-color: #f97b2f;  color:#fff; font-size: 16px;}
.bottom_lik{width: 100%; height: 50px; line-height: 50px; background-color: #f0f0f0; position: absolute; bottom:0; left: 0;}
.link_list{width:1100px; margin:0 auto;}
.link_list a{padding-right: 12px;}
.link_list a:last-child{padding-right: 0;}
.link_list .hot{font-size:12px; color:#fff; padding:0 2px; background-color: #eb2929;}
.tell_img{/*animation: rotatImg 4s linear  infinite ; -webkit-animation: rotatImg 4s linear  infinite ; -moz-animation: rotatImg 4s linear  infinite; -o-animation: rotatImg 4s linear  infinite ;*/}
/*-------------------第三屏----------------*/
.page3{background-color: #f5f6fa;}
.page3 .newZ_main{padding-top:45px; height:647px;}
.page3 .newZ_main_inner,.page4 .newZ_main_inner{padding-left:39px; padding-top:45px;}
.case_list{width:100%; padding-bottom:26px;}
.case_list li,.case_list2 li{float: left; padding-bottom: 16px; margin-right:18px;}
.case_list li{width:240px; border:1px solid #ddd; background-color: #fff; position: relative;}
/*.case_list li{ margin-bottom:26px;}*/
.case_list li.last{margin-right:0;}
.case_list2 li{width: 242px; height: 82px;}
.case_list2 li img{display: block;}
.case_txt{font-size: 12px; color:#999;padding-left:14px; padding-right:10px;}
.case_txt h3{font-size: 14px; color:#333; padding-top:15px; padding-bottom: 15px;}
.case_txt p{ text-indent: 3px; padding-bottom:12px; width:216px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
span.zan,span.browse{display: block; width:74px; float: left; cursor:pointer;}
.case_hot span i{display: inline-block; width:18px; height: 18px; vertical-align: middle; margin-right:6px;}
.zan i{background: url(../maobg/case_icon1.png) left center no-repeat;}
.browse i{background: url(../maobg/case_icon2.png) left center no-repeat;}
.share{background: url(../maobg/case_icon3.png) left center no-repeat; width: 18px; height: 18px; display: block;}
.share-content{position: absolute; left: 33px; bottom: -32px; display: none; width:186px;}
.bdshare-button-style0-24{width:186px;}
/*-------------------第四屏----------------*/
.page4{padding-top:45px; position: relative;}
.page4 .newZ_main{height:405px; padding-bottom: 40px}
.clients_list{padding-bottom:10px;}
.clients_list li{float: left; width:475px; margin-right:74px; margin-bottom: 30px;}
/*.clients_list li:nth-child(2n){margin-right:0;}*/
.clients_list li.last{margin-right:0;}
.clients_list li .client_img{float: left;width: 130px; height: 130px; overflow: hidden;}
.client_img img{
	display: block;
	transition: transform 0.4s;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-ms-transition: -ms-transform 0.4s;
	-o-transition: -o-transform 0.4s;}
.client_img img:hover{transform: scale(1.2); -webkit-transform: scale(1.2);  -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.clients_list li .client_det{float: right; width:325px; line-height: 30px; text-align: left; padding-top:16px;}
.client_det h3{font-size: 16px; color:#333;}
.client_det p{color:#666;}
.client_det p a{color:#00479d;}
.page4 .free-ask{width:100%; height: 205px; padding-top:25px; padding-bottom:10px; }
.free-ask-inner{width: 1100px; margin:0 auto;}
.page4 .title{background:none; display: inline-block; width:105px; height: auto; line-height: 30px; color:#666; font-size: 24px; vertical-align: middle; padding:48px 50px 0 0;}
.page4 .free-ask .con{width:912px; display: inline-block; padding:0; vertical-align: middle;}
.free-ask-inner .textfile{float: left; margin-right:42px;}
.free-ask-inner .textfile:nth-child(2n){margin-right:0;}
.free-ask-inner .last{margin-right:0;}
.free-ask-inner .marginr0{margin-right:0;}
.page4 .free-ask .con .textfile input{width:380px;}
.page4 .free-ask .con .textfile input.email{width:290px;}
.page4 .free-ask .con .lxman input{width:145px;}
.page4 .free-ask .con .lxman .appellation input{width:16px;}
.page4 .free-ask .con .wherecity input{width:106px;}
.page4 .nice-select{width:126px;}
.page4 .gtt{margin-right:10px;}
.page4 .gpp{margin-right:10px;}
.page4 .free-ask .con .wherecity input.gp{margin-right:0;}
/*-------------------第五屏----------------*/
.page5{padding-top:144px; padding-bottom:172px;}
.newZ_main_inner{text-align: center;}
.newZ_main_inner>div{display: inline-block; text-align: center;}
.inner_left{width:514px; position: relative;}
.inner_left span.hand{width:49px; height: 39px; background: url(../maobg/hand.png) 0 0 no-repeat; position: absolute; bottom:-15px; right:152px; animation: handRotate 1s ease-in-out infinite alternate; -webkit-animation: handRotate 1s ease-in-out infinite alternate; -moz-animation: handRotate 1s ease-in-out infinite alternate; -o-animation: handRotate 1s ease-in-out infinite;}
.page5 img{display: inline-block;}
.test_txt{margin-top:-30px; padding-right:55px;}
.btn_test{display: inline-block; width:120px; height:40px; line-height: 40px; color:#fff; font-size: 16px; background-color: #f97b2f; padding-left: 5px; vertical-align: top; margin-top:-20px; cursor: pointer;}
/*.btn_test a{}*/
.test_txt_det{display: inline-block; vertical-align: middle; padding-top:5px;}
.page5 .inner_right{width:516px; padding-left:65px; text-align: left;}
.value_title{color:#00479d; font-size: 30px; font-weight: bold; line-height: 60px; padding-bottom:20px;}
.value_title span{font-size: 48px;}
.inner_right a{color:#f97b2f; text-decoration: underline;}
.inner_right p{line-height: 30px; padding-bottom:10px; font-size: 14px; color:#333;}
/*----------------------page6----------------*/
.page6{background-color: #f5f6fa; padding-bottom:100px; padding-top: 46px;}
.page6 .newZ_main{height:575px;}
.top_title{padding-left:405px; padding-top:20px;}
.rmb_icon{width:108px; height:28px; display: inline-block; background: url(../maobg/rmb_icon.png) 0 0 no-repeat;}
.title_txt{display: inline-block; width:220px; font-size:18px; padding-left: 22px;}
.title_txt p{font-size: 14px; color:#666; line-height: 30px;}
.tack_steps{padding-top:65px;}
.tack_steps li{float: left; width:206px; margin-right:17px;}
.tack_steps li.last{margin-right:0;}
.steps_name{padding-bottom:15px;}
.step_img{width:94px; height:94px; position:absolute; top:-47px; left:50%; margin-left:-47px;}
.step_img img{display:block; margin:0 auto;}
.step_text{height:238px; box-shadow: 2px 2px 8px 3px rgba(0,0,0,.05); padding-top:70px; background-color: #fff; margin-top:47px; border:1px solid #ccc\9; position: relative;}
.step_text h3{padding-bottom:20px;}
.step_text p{font-size: 12px; color:#999; line-height: 22px; text-align: left; padding-left:12px; padding-right: 12px;}
/*----------------------page7----------------*/
.newZ_service{padding-top:40px; padding-bottom:90px;}
.newZ_service h2{padding-bottom:40px;}
.business,.service{display: inline-block; vertical-align: top;}
.business{width:635px; height: 305px; text-align: center; padding-top:145px; position: relative;}
.newZ_logo{text-align: center;}
.newZ_logo img{display: inline-block;}
.busTitle_sub{padding-bottom:24px; margin-top:-5px;}
.free_btn a{display: inline-block; width:180px; height: 42px; line-height: 42px; color:#fff; font-size: 16px; text-align: center; background-color: #f97b2f;}
.business_lists{position: absolute; width:238px; z-index: 4;}
.business_lists.on{z-index:5;}
.business_list1{top:0; left:215px;}
.business_list2{top:69px; left:360px;}
.business_list3{top:185px; left:400px;}
.business_list4{top:325px; left:358px;}
.business_list5{top:395px; left:215px;}
.business_list6{top:325px; left:43px;}
.business_list7{top:185px; left:0;}
.business_list8{top:69px; left:60px;}
.pop_box{width:222px; font-size: 12px; color:#666; line-height: 30px; text-align: left; box-shadow: 0 0 4px 1px rgba(0,0,0,.3); background-color: #fff; padding:8px; position: relative; margin-top:12px; z-index: 2; display: none; border:1px solid #ccc\9; z-index:9;}
.pop_box span.before{content:''; width:22px; height:12px; background: url(../maobg/arrow_bg.png) 0 0 no-repeat; transform:translateX(-50%); position: absolute; top:-12px; left:50%;}
.busList_num span{width:36px; height:36px; line-height: 36px; border-radius: 50%; background-color: #3d90f6; color:#fff; font-size: 18px; font-weight: bold; display: inline-block;}
.busList_txt{display: inline-block; height: 27px; line-height: 27px; color:#fff; background-color: #3d90f6; padding-left:5px; padding-right:5px; margin:0 10px; position: relative; margin-top:6px;}
.busList_txt span.before,.busList_txt span.after{content:''; width:10px; height: 27px; position: absolute; top:0;}
.busList_txt span.before{left:-10px; background: url(../maobg/arrowl.png) 0 0 no-repeat;}
.busList_txt span.after{right:-10px; background: url(../maobg/arrowr.png) 0 0 no-repeat;}
.business_list1 .busList_txt{_width:104px; *width:104px;}
.business_list2 .busList_txt,.business_list8 .busList_txt{_width:66px; *width:66px;}
.business_list3 .busList_txt,.business_list4 .busList_txt,.business_list6 .busList_txt{_width:94px; *width:94px;}
.business_list5 .busList_txt{_width:108px; *width:108px;}
.business_list7 .busList_txt{_width:126px; *width:126px;}
.service{width:410px; padding-top:30px;}
.service h3{font-size: 18px;}
.serTitle_sub{padding-top:12px; padding-bottom:40px;}
.service_lists{padding-bottom:20px;}
.serList_title{font-weight: bold;}
.serList_txt{padding-top:8px; color:#999;}
/*----------------------page8----------------*/
.page8{background-color: #f8f8f8; position: relative;}
/*动画效果*/
@keyframes handRotate{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
	}
}
@-webkit-keyframes handRotate{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
	}
}
@-moz-keyframes handRotate{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
	}
}
@-o-keyframes handRotate{
	from{
		transform:rotate(0); 
		-webkit-transform:rotate(0); 
		-moz-transform:rotate(0); 
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(45deg); 
		-webkit-transform:rotate(45deg); 
		-moz-transform:rotate(45deg); 
		-o-transform:rotate(45deg);
	}
}


@keyframes wave{
	0%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		transform:scale(1.15); 
		-webkit-transform:scale(1.15); 
		-moz-transform:scale(1.15); 
		-o-transform:scale(1.15);
	}
	100%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}
@-webkit-keyframes wave{
	0%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		transform:scale(1.15); 
		-webkit-transform:scale(1.15); 
		-moz-transform:scale(1.15); 
		-o-transform:scale(1.15);
	}
	100%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}
@-moz-keyframes wave{
	0%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		transform:scale(1.15); 
		-webkit-transform:scale(1.15); 
		-moz-transform:scale(1.15); 
		-o-transform:scale(1.15);
	}
	100%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}
@-o-keyframes wave{
	0%{
		transform:scale(1); 
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		transform:scale(1.15); 
		-webkit-transform:scale(1.15); 
		-moz-transform:scale(1.15);
		-o-transform:scale(1.15);
	}
	100%{
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
	}
}

@keyframes rotatImg{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
@-webkit-keyframes rotatImg{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
@-moz-keyframes rotatImg{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
@-o-keyframes rotatImg{
	from{
		transform:rotate(0);
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
	}
	to{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}