.zhugeinner{max-width:1180px;min-width: 900px; margin:0 auto}
/* To Navigation Style */
.codrops-top-1 {width: 100%;position:relative;text-transform: uppercase;font-weight:normal;font-size: 0.6em;padding: 15px 0px;letter-spacing: 1px;z-index: 10000;}
/**logo**/
.codrops-top-1 .logo{width:60px;height:36px;background:url(../../images/zg_index/logo_1.png) no-repeat;float:left;}
.codrops-top-1 .navright{float:right;}
.codrops-top-1 .navright a{display:inline-block;margin-left:10px;color: #fff;text-decoration: none;padding:10px 20px;font-size:14px;}
.codrops-top-1 .navright a:hover,.codrops-top-1 .navright a:active{background:none;color:#00a0ea}
.codrops-top-1 .navright a.active:hover{background:#00a0ea;color:#ffffff;}
.codrops-top-1 .navright a.active{background:#00a0ea;color:#ffffff;margin-left:10px;border-radius:3px;padding:10px 20px;}

/* To Navigation Style */
.codrops-top-2 {width: 100%;position:fixed;top:0px;left: 0;text-transform: uppercase;font-weight:normal;font-size:14px;padding: 15px 0px;letter-spacing: 1px;z-index: 10000;background:#ffffff;opacity: 0.97;box-shadow: 2px 1px 5px #ccc;}
/**logo**/
.codrops-top-2 .logo{width:60px;height:36px;background:url(../../images/zg_index/logo_2.png) no-repeat;float:left;}
.codrops-top-2 .navright{float:right;}
.codrops-top-2 .navright a{display:inline-block;margin-left:10px;color: #333333;text-decoration: none;padding:10px 20px;font-size:14px;}
.codrops-top-2 .navright a:hover,.codrops-top-2 .navright a:active{background:none;color:#00a0ea}
.codrops-top-2 .navright a.active:hover{background:#00a0ea;color:#ffffff;}
.navright a.active{background:#00a0ea;color:#ffffff;margin-left:10px;border-radius:3px;padding:10px 20px;}

/**banner**/
.header{position:relative; margin: 0 auto;  min-height:100vh;  width: 100%;background:url(../../images/zg_index/home_2.jpg) no-repeat;background-size: cover  }
.bg-img {  position: absolute;  overflow: hidden;  top: 0;  left: 0;  right: 0;  bottom: 0;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }
.bg-img img {  position: absolute;  top: 0;  left: 0;  display: block;  min-width: 100%;  min-height: 100%; text-align: center}
.header .zhugetitle{width: 100%;position: absolute;top:50%;margin-top:-8%;left: 0;}
.header .zhugetitle h1{font-size:50px;font-weight:bold;letter-spacing:2px;color:#ffffff}
.banner_btn{margin-top:7%;}
.banner_btn a{display:inline-block;margin-right:20px;padding:12px 0px;width:180px;border:1px solid #ffffff;border-radius:3px;color:#ffffff;cursor: pointer;text-align:center;}
.banner_btn a:hover,.banner_btn a:active,.banner_btn a.active{display:inline-block;margin-right:20px;padding:12px 0px;width:180px;text-align:center;border:1px solid #00a0ea;border-radius:3px;color:#ffffff; background:#00a0ea}
.page2{}
.fluid { width: 100%; *zoom: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;  }
.fluid:before, .fluid:after { display: table; content: ""; }
.fluid:after { clear: both; }
.fluid .rtl-inputs [class*="grid"] { float: right; }
.fluid [class*="grid"] { display: block; width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; }
.fluid [class*="grid"]:first-child { margin-left: 0; }
.fluid .grid12 { width: 99.99999998999999%; *width: 99.94680850063828%; }
.fluid .grid11 { width: 91.489361693%; *width: 91.4361702036383%; }
.fluid .grid10 { width: 82.97872339599999%; *width: 82.92553190663828%; }
.fluid .grid9 { width: 74.468085099%; *width: 74.4148936096383%; }
.fluid .grid8 { width: 65.95744680199999%; *width: 65.90425531263828%; }
.fluid .grid7 { width: 57.446808505%; *width: 57.3936170156383%; }
.fluid .grid6 { width: 48.93617020799999%; *width: 48.88297871863829%; }
.fluid .grid5 { width: 40.425531911%; *width: 40.3723404216383%; }
.fluid .grid4 { width: 31.914893614%; *width: 31.8617021246383%; }
.fluid .grid3 { width: 23.404255317%; *width: 23.3510638276383%; }
.fluid .grid2 { width: 14.89361702%; *width: 14.8404255306383%; }
.fluid .grid1 { width: 6.382978723%; *width: 6.329787233638298%; }
.gongnengimg img{}
.gongnengwords{margin-top:50px;margin-left:30px;}
.gongnengwords h1{color:#333333;font-size:42px;font-weight: 500;padding-left:130px;font-weight: normal}
.gongnengwords p{padding-left:130px;color:#858585;line-height: 36px; font-size: 16px;}

.gongnengimg_2 img{}
.gongnengwords_2{margin-top:50px;margin-left:30px;}
.gongnengwords_2 h1{color:#333333;font-size:42px;font-weight: 500;padding-left:10px;font-weight: normal}
.gongnengwords_2 p{padding-left:10px;color:#858585;line-height: 36px; font-size: 16px;}
.height550{padding:55px 0 70px 0}
.bg_gray{background:#fafafa;}
.bg_white{background:#ffffff;}
.bg_block{background:#1f3549;height:175px;}
.numbers{color:#ffffff;text-align:center;padding-top:40px;}
.numbers h2{font-weight:normal;padding:0px 0px 0px 100px;margin:0;font-size:48px;text-align: left;}
.numbers p{margin:0;padding:0;font-size:18px;padding:0px 0px 0px 100px;font-weight:normal;color:#b2b2b2;text-align: left}
.hezuo{height:300px;background:#2594dc;position:relative;margin-top:100px;}
.hezuo p{position:absolute;bottom:-16px;padding:4px;color:#ffffff;background: url("../../images/zg_index/bg_block.png") repeat}
.hezuo p .persent{font-size:40px;display:block;width:25%;float:left;margin-top:-10px;}
.hezuo p .words{font-size:14px;width:75%;display:block;float:left;}
.bg_blue{background:#00a2e6;}
.youmeitu{background:#eeeeee}
.youmeitu a,.banma a,.baoman a{display: block;height: 100%}
{display: block}
{display: block}
.youmeitu img{margin-top:15%}
.banma{background:#c9b399}
.banma img{margin-top:15%}
.baoman{background:#fee032}
.baoman img{margin-top:15%}


.xuanchuanword2{padding:100px 0;margin-top:100px; text-align:center}
.xuanchuanword2 h2{text-align: center;font-size:36px;color:#ffffff;font-weight: normal;padding:0;margin:0;}
.xuanchuanword2 a{display:inline-block;margin-right:20px;padding:12px 0;width:180px;border:1px solid #ffffff;border-radius:3px;color:#ffffff; text-align: center;margin-top:3%;cursor: pointer}
.xuanchuanword2 a.active{background: #ffffff;color:#00a2e6;}
.footer{background: #313131;padding:2%;}
.footer h3{color:#ffffff;font-size:18px;font-weight: normal;text-align: left;padding:0;margin:0 0px 20px 0;}
.footer a{display: block;color:#929292;font-size:14px;text-align: left;height:35px;line-height:35px;}
.footer p{text-align:left;margin-left:19px;color:#ffffff;font-size:14px;}
.footer_address{list-style: none;margin:0;padding:0;}
.footer_address li{display: block;color:#929292;font-size: 14px;height:35px;line-height:35px;padding-left:25px;position: relative;}
.footer_address li .icon_1{display:block;width:20px;height:20px;background: url("../../images/zg_index/footer_icon.png") no-repeat;background-position:-273px -30px;position: absolute;left:0px;top:10px;}
.footer_address li .icon_2{display:block;width:20px;height:20px;background: url("../../images/zg_index/footer_icon.png") no-repeat;background-position:-171px -28px;position: absolute;left:0px;top:7px;}
.footer_address li .icon_3{display:block;width:20px;height:22px;background: url("../../images/zg_index/footer_icon.png") no-repeat;background-position:-376px -27px;position: absolute;left:0px;top:7px;}
.footer_address li .icon_4{display:block;width:20px;height:20px;background: url("../../images/zg_index/footer_icon.png") no-repeat;background-position:-71px -27px;position: absolute;left:0px;top:8px;}
.copy_right{text-align: center;color:#929292;font-size:14px;padding-top:10px;margin-top:20px;}
.border1{border-top:1px solid #929292;margin-top:20px;}
.partner{margin:0 auto;padding:0;width:900px;text-align: center;}
.partner li{display: block;float: left;margin-top:20px;text-align: center}
.hezuolist{margin:0;list-style: none;padding:100px 0px 0px 0px;}
.hezuolist li{ display: block;float: left;width:14%;}
.hezuolist li img{text-align: center;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-16px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,20px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-16px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,20px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-16px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,20px);}
}