/*  about-page and layout
=================================== */

/*第一屏--焦点图*/
.zc-about-banner{width:100%;height:900px;overflow:hidden;position:relative;background:url(../images/banner_about_20161014.jpg) no-repeat center center;color:#fff;}
.zc-about-banner h2{font-size:48px;font-weight:400;margin-top:170px;}
.zc-about-banner h3{font-size:24px;font-weight:400;margin-top:30px;margin-bottom:100px;}
.zc-about-banner p{font-size:18px;line-height:2.3333;}
.zc-about-banner .about-banner-arrow{margin-top:145px;}
.zc-about-culture,.zc-about-team,.zc-about-honor{height:100%;width:100%;background:url(../images/zc_spot.png) repeat 0 0;}
.zc-about-develop,.zc-about-advantage{height:100%;width:100%;background:#fff;}
.zc-about-culture .main,.zc-about-develop .main,.zc-about-team .main,.zc-about-advantage .main,.zc-about-honor .main{padding:70px 0;}
.zc-about-culture h2,.zc-about-develop h2,.zc-about-team h2,.zc-about-advantage h2,.zc-about-honor h2{margin-bottom:50px;}

/*第二屏--企业文化*/
.about-culture-list .list-item{width:167px;height:280px;float:left;background:#519bf6;margin-left:39px;position:relative;color:#fff;padding:35px 10px 0 12px;overflow:hidden;}
.about-culture-list .list-item:first-child{margin-left:0;}
.about-culture-list .list-item:before{content:"";display:block;position:absolute;left:-130px;top:0;width:50px;height:280px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:linear-gradient(to right,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);transform:skewX(-25deg);}
.about-culture-list .list-item:hover:before{left:260px;-webkit-transition:left 1s;-moz-transition:left 1s;transition:left 1s;}
.about-culture-list .list-item h3{font-size:20px;font-weight:400;}
.about-culture-list .list-item h4{font-size:16px;font-weight:400;line-height:1;}
.about-culture-list .list-item .fill-white-line{display:block;width:21px;height:2px;background:#fff;margin:12px 62px 15px 62px;}
.about-culture-list .list-item p{font-size:14px;line-height:1.7;}
.about-culture-list .list-item .decorate-bottom-icon{position:absolute;top:235px;left:46px;right:45px;display:block;width:76px;height:45px;background:url(../images/about/about_culture_icon.png) no-repeat 0 0;}
.about-culture-list .list-item-sincerity{background-image:-webkit-linear-gradient(top,#629ee8,#4699ff);background-image:-moz-linear-gradient(top,#629ee8,#4699ff);background-image:-o-linear-gradient(top,#629ee8,#4699ff);background-image:linear-gradient(to bottom,#629ee8,#4699ff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#629ee8',endColorstr='#4699ff',GradientType=0);}
.about-culture-list .list-item-adult{background-image:-webkit-linear-gradient(top,#ffce00,#ffcf00);background-image:-moz-linear-gradient(top,#ffce00,#ffcf00);background-image:-o-linear-gradient(top,#ffce00,#ffcf00);background-image:linear-gradient(to bottom,#ffce00,#ffcf00);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce00',endColorstr='#ffcf00',GradientType=0);}
.about-culture-list .list-item-efficient{background-image:-webkit-linear-gradient(top,#ff8800,#ff8600);background-image:-moz-linear-gradient(top,#ff8800,#ff8600);background-image:-o-linear-gradient(top,#ff8800,#ff8600);background-image:linear-gradient(to bottom,#ff8800,#ff8600);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8800',endColorstr='#ff8600',GradientType=0);}
.about-culture-list .list-item-adore{background-image:-webkit-linear-gradient(top,#669ee6,#4699ff);background-image:-moz-linear-gradient(top,#669ee6,#4699ff);background-image:-o-linear-gradient(top,#669ee6,#4699ff);background-image:linear-gradient(to bottom,#669ee6,#4699ff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#669ee6',endColorstr='#4699ff',GradientType=0);}
.about-culture-list .list-item-culture{background-image:-webkit-linear-gradient(top,#ffcf00,#ffd000);background-image:-moz-linear-gradient(top,#ffcf00,#ffd000);background-image:-o-linear-gradient(top,#ffcf00,#ffd000);background-image:linear-gradient(to bottom,#ffcf00,#ffd000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf00',endColorstr='#ffd000',GradientType=0);}
.about-culture-list .list-item-vision{background-image:-webkit-linear-gradient(top,#ff8600,#ff8401);background-image:-moz-linear-gradient(top,#ff8600,#ff8401);background-image:-o-linear-gradient(top,#ff8600,#ff8401);background-image:linear-gradient(to bottom,#ff8600,#ff8401);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8600',endColorstr='#ff8401',GradientType=0);}
.about-culture-list .list-item-sincerity .decorate-bottom-icon{background-position:0 0;}
.about-culture-list .list-item-adult .decorate-bottom-icon{background-position:-76px 0;}
.about-culture-list .list-item-efficient .decorate-bottom-icon{background-position:-152px 0;}
.about-culture-list .list-item-adore .decorate-bottom-icon{background-position:-228px 0;}
.about-culture-list .list-item-culture .decorate-bottom-icon{background-position:-304px 0;}
.about-culture-list .list-item-vision .decorate-bottom-icon{background-position:-380px 0;}

/*第三屏--发展历程*/
.about-develop-list{height:173px;-webkit-transition:height .4s ease-in-out;-moz-transition:height .4s ease-in-out;-o-transition:height .4s ease-in-out;transition:height .4s ease-in-out;}
.about-develop-list:hover{height:780px;}
.about-develop-list .list-item{width:194px;float:left;margin:0 50px;padding:0 3px;position:relative;cursor:pointer;}
.about-develop-list .list-item h3{font-size:26px;font-weight:400;line-height:2;color:#fff;-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px;-webkit-transition:-webkit-transform .3s ease-in-out,font .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,font .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,font .3s ease-in-out;transition:transform .3s ease-in-out,font .3s ease-in-out;}
.about-develop-list .list-item .point-middle-icon{display:block;width:29px;height:36px;margin:20px auto 25px;background:url(../images/about/about_develop_icon.png) no-repeat 0 0;position:relative;z-index:2;}
.about-develop-list .list-item:after{content:"";display:block;width:300px;height:3px;background:#e5e5e5;position:absolute;top:104px;left:-53px;right:-53px;z-index:1;}
.about-develop-list .list-item .develop-item-time{display:block;width:138px;margin:0 auto;font-family:Impact;font-size:18px;line-height:2;color:#595959;border:2px dashed #c9c9c9;}
.about-develop-list .list-item-start h3{background:#4699ff;}
.about-develop-list .list-item-growth h3{background:#ffcf00;}
.about-develop-list .list-item-expand h3{background:#ff8600;}
.about-develop-list .list-item-lead h3{background:#fb3c00;}
.about-develop-list .list-item-start .point-middle-icon{background-position:0 0;}
.about-develop-list .list-item-growth .point-middle-icon{background-position:-29px 0;}
.about-develop-list .list-item-expand .point-middle-icon{background-position:-58px 0;}
.about-develop-list .list-item-lead .point-middle-icon{background-position:-87px 0;}
.develop-summary-list .develop-item-summary{display:none;margin:30px auto 0;z-index:3;width:520px;background:#fff;padding:38px;border-width:2px;border-style:solid;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:visibility .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-moz-transition:visibility .3s ease-in-out,opacity .3s ease-in-out,-moz-transform .3s ease-in-out;-o-transition:visibility .3s ease-in-out,opacity .3s ease-in-out,-o-transform .3s ease-in-out;transition:visibility .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out;}
.develop-summary-list .develop-item-summary .fill-up-arrow{position:absolute;top:-13px;left:246px;z-index:4;display:block;width:28px;height:13px;}
.about-develop-list .list-item:hover h3{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px); /* IE9 */transform:translateY(-10px);}
.develop-summary-list .develop-item-summary .fill-up-arrow{background:url(../images/about/fill_up_arrow.png) no-repeat 0 0;}
.develop-summary-list .develop-item-summary dl{background:url(../images/develop_item_summary.png) no-repeat 0 0;background-position:1px 90px;position:relative;z-index:1;}
.develop-summary-list .develop-item-summary dt{display:block;width:208px;margin:0 auto 40px;font-family:Impact;font-size:24px;line-height:1.5;text-align:center;}
.develop-summary-list .develop-item-summary dd{text-align:left;padding-bottom:25px;}
.develop-summary-list .develop-item-summary dd:last-child{padding-bottom:0;}
.develop-summary-list .develop-item-summary h4{font-size:20px;font-weight:400;line-height:1;color:#595959;text-indent:35px;background:url(../images/develop_item_summary_h4.png) no-repeat 0 0;background-position:0 4px;position:relative;z-index:3;}
.develop-summary-list .develop-item-summary p{font-size:16px;line-height:1.625;color:#313131;padding-left:35px;}
.develop-summary-list .develop-item-start{border-color:#4699ff;}
.develop-summary-list .develop-item-growth{border-color:#ffcf00;}
.develop-summary-list .develop-item-expand{border-color:#ff8600;}
.develop-summary-list .develop-item-lead{border-color:#fb3c00;}
.develop-summary-list .develop-item-start .fill-up-arrow{background-position:0 0;}
.develop-summary-list .develop-item-growth .fill-up-arrow{background-position:-28px 0;}
.develop-summary-list .develop-item-expand .fill-up-arrow{background-position:-56px 0;}
.develop-summary-list .develop-item-lead .fill-up-arrow{background-position:-84px 0;}
.develop-summary-list .develop-item-start dt{border:2px dashed #4699ff;color:#4699ff;}
.develop-summary-list .develop-item-growth dt{border:2px dashed #ffcf00;color:#ffcf00;}
.develop-summary-list .develop-item-expand dt{border:2px dashed #ff8600;color:#ff8600;}
.develop-summary-list .develop-item-lead dt{border:2px dashed #fb3c00;color:#fb3c00;}

/*第四屏--管理团队*/
.about-team-list .list-item{width:256px;height:295px;float:left;margin:0 0 10px 10px;}
.about-team-list .list-item:first-child{width:400px;height:600px;margin-left:0;}
.about-team-list .list-item > a{display:block;width:100%;height:100%;position:relative;}
.about-team-list .list-item > a:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;background:rgba(0,0,0,0.7);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out;transition:transform .3s ease-in-out;}
.about-team-list .list-item .team-card{position:absolute;left:0;right:0;top:0;bottom:0;padding:30px;color:#fff;z-index:6;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:transform .5s ease-in-out;}
.about-team-list .list-item h3{font-size:24px;margin-bottom:3px;}
.about-team-list .list-item h4{font-size:14px;margin-bottom:17px;}
.about-team-list .list-item p{font-size:14px;line-height:1.72;}
.about-team-list .list-item:first-child h3{font-size:30px;}
.about-team-list .list-item:first-child h4{font-size:18px;}
.about-team-list .list-item:first-child p{font-size:16px;line-height:2.25;}
.about-team-list .list-item:hover .team-card,.about-team-list .list-item:hover > a:after{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

/*第五屏--企业优势*/
.about-advantage-list{padding-top:50px;height:250px;-webkit-transition:height .4s ease-in-out;-moz-transition:height .4s ease-in-out;-o-transition:height .4s ease-in-out;transition:height .4s ease-in-out;}
.about-advantage-list:hover{height:410px;}
.about-advantage-list .list-item{position:relative;width:240px;float:left;cursor:pointer;}
.about-advantage-list .list-item .item-suface-icon{display:inline-block;width:146px;height:146px;background:url(../images/about/about_advantage_icon.png) no-repeat 0 0;}
.about-advantage-list .list-item h3{font-size:18px;font-weight:400;line-height:2;color:#373737;margin-top:15px;}
.about-advantage-list .list-item .hover-zoom-in{position:absolute;z-index:9;top:-30px;left:15px;right:15px;border:2px solid #e3e3e3;box-shadow:0 0 8px rgba(217,217,217,.9);color:#373737;background:#fff;width:206px;height:410px;padding:28px 20px 0 20px;display:none;-webkit-animation:flipInY 0.7s  ease both;-moz-animation:flipInY 0.7s  ease both;animation:flipInY 0.7s  ease both;}
.about-advantage-list .list-item .hover-zoom-in .item-hover-icon{display:inline-block;width:90px;height:90px;background:url(../images/about/about_advantage_hover_icon.png) no-repeat 0 0;}
.about-advantage-list .list-item .hover-zoom-in h4{margin-top:10px;font-size:16px;line-height:2.25;}
.about-advantage-list .list-item .hover-zoom-in p{text-align:left;font-size:14px;}
.about-advantage-list .list-item:hover .hover-zoom-in{display:block;}
.about-advantage-list .list-item-product .item-suface-icon{background-position:0 0;}
.about-advantage-list .list-item-product .hover-zoom-in .item-hover-icon{background-position:0 0;}
.about-advantage-list .list-item-program .item-suface-icon{background-position:-146px 0;}
.about-advantage-list .list-item-program .hover-zoom-in .item-hover-icon{background-position:-90px 0;}
.about-advantage-list .list-item-service .item-suface-icon{background-position:-291px 0;}
.about-advantage-list .list-item-service .hover-zoom-in .item-hover-icon{background-position:-180px 0;}
.about-advantage-list .list-item-system .item-suface-icon{background-position:-437px 0;}
.about-advantage-list .list-item-system .hover-zoom-in .item-hover-icon{background-position:-270px 0;}
.about-advantage-list .list-item-study .item-suface-icon{background-position:-582px 0;}
.about-advantage-list .list-item-study .hover-zoom-in .item-hover-icon{background-position:-360px 0;}

/*第六屏--企业荣誉*/
.about-honor-list .about-honor-bd{width:750px;height:512px;border:2px solid #e2e2e2;margin:0 auto 60px;overflow:hidden;position:relative;}
.about-honor-list .about-honor-bd .album-image-bd{width:748px;height:508px;overflow:hidden;position:relative;text-align:center;}
.about-honor-list .about-honor-bd .album-image-bd img{/*width:100%!important;*/height:100%!important;}
.about-honor-list .album-carousel{border:1px solid #e2e2e2;padding:20px 79px;position:relative;height:179px;overflow:hidden;}
.about-honor-list .album-carousel-zone{overflow:hidden;width:1040px;height:137px;position:relative;}
.about-honor-list .album-carousel > a{display:block;width:33px;height:68px;background:url(../images/about/about_honor_arrow.png) no-repeat 0 0;position:absolute;top:56px;text-indent:-9999px;}
.about-honor-list .album-carousel > .album-carousel-btn-prev{left:35px;background-position:0 0;}
.about-honor-list .album-carousel > .album-carousel-btn-prev:hover{background-position:0 -68px;}
.about-honor-list .album-carousel > .album-carousel-btn-next{right:35px;background-position:-33px 0;}
.about-honor-list .album-carousel > .album-carousel-btn-next:hover{background-position:-33px -68px;}
.about-honor-list .album-carousel-zone li{width:200px;height:137px;float:left;border:2px solid #e2e2e2;margin:0 30px;position:relative;z-index:12;text-align: center;}
.about-honor-list .album-carousel-zone li img{/*width:196px;*/height:133px;}
.about-honor-list .album-carousel-zone li:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;visibility:hidden;}
.about-honor-list .album-carousel-zone .album-carousel-thumb-selected:after{visibility:visible;}
.album-carousel-list{position:absolute;height:137px;left:0;top:0;}
.album-image-ft{font-size:30px;color:#fff;padding-top:200px;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);visibility:hidden;}
.about-honor-list .about-honor-bd:hover .album-image-ft{visibility:visible;}

/*第七屏--地图*/
.zc-about-map{width:100%;background:#323232;}
.zc-about-map .about-map{position:relative;height:820px;/*background:url(../images/about/about_map.jpg) no-repeat top center;*/}
.about-map-address{margin:50px 0 0 160px;width:325px;height:510px;float:left;padding:10px;background:#fff;color:#343436;box-shadow:0 0 8px rgba(0,0,0,.4);}
.about-map-address h2{font-size:20px;margin:15px 0 7px 0;}
.about-map-address .fill-black-line{display:block;width:28px;height:2px;background:#343436;margin-bottom:16px;}
.about-map-address p{font-size:14px;line-height:2;}
.about-map-img{float:right;position:relative;margin:75px 120px 0 0;cursor:pointer;}
.map-surface-img{width:166px;margin:95px 18px 0 0;position:relative;padding-top:40px;z-index:10;}
.about-map-img .surface-address-icon{position:absolute;top:2px;left:70px;z-index:15;display:block;width:26px;height:33px;background:url(../images/about/surface_address_icon.png) no-repeat 0 0;}
.map-surface-img > img{position:relative;z-index:16;}
.map-surface-img span{display:block;border:1px solid #fb7070;background:rgba(239,193,192,.6);position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.map-surface-img .small-ripple-circle{width:81px;height:81px;left:43px;top:0;z-index:8;-webkit-animation:animate-ripple 1s ease-in-out infinite alternate;-moz-animation:animate-ripple 1s ease-in-out infinite alternate;animation:animate-ripple 1s ease-in-out infinite alternate;}
.map-surface-img .big-ripple-circle{width:121px;height:121px;left:23px;top:-20px;z-index:7;-webkit-animation:animate-ripple 1s ease-in-out infinite alternate;-moz-animation:animate-ripple 1s ease-in-out infinite alternate;animation:animate-ripple 1s ease-in-out infinite alternate;}
@-webkit-keyframes animate-ripple{
	0%{-webkit-transform:scale(0.8);}
	100%{-webkit-transform:scale(1);}
}
@-moz-keyframes animate-ripple{
	0%{-moz-transform:scale(0.8);}
	100%{-moz-transform:scale(1);}
}
@keyframes animate-ripple{
	0%{-webkit-transform:scale(0.8);}
	100%{-webkit-transform:scale(1);}
}
.about-map-help{position:absolute;z-index:21;width:100%;bottom:0;height:235px;background:rgba(50,50,50,.8);}
.about-help-list .list-item{text-align:center;float:left;width:160px;margin:80px 70px 0 70px;cursor:pointer;position:relative;}
.about-help-list .list-item-online > a{display:block;}
.about-help-list .list-item .about-help-icon{display:inline-block;width:60px;height:49px;margin-bottom:30px;background:url(../images/about/about_help_icon.png) no-repeat 0 0;}
.about-help-list .list-item h3{font-size:18px;font-weight:400;color:#fff;}
.about-help-list .list-item-wechat .about-help-icon{background-position:0 0;}
.about-help-list .list-item-app .about-help-icon{background-position:-60px 0;}
.about-help-list .list-item-online .about-help-icon{background-position:-120px 0;}
.about-help-list .list-item-office .about-help-icon{background-position:-180px 0;}
.about-help-list .list-item .hover-code{width:108px;padding:9px;background:#fff;animation:fadeInDown 0.5s  ease both;-webkit-animation:fadeInDown 0.5s  ease both;-moz-animation:fadeInDown 0.5s  ease both;display:none;font-size:14px;font-weight:700;color:#323232;position:absolute;top:0;left:26px;}
.list-item-office .hover-map-in{position:absolute;top:-590px;right:-70px;z-index:19;display:none;width:660px;height:440px;background:#fff;padding:40px 0 0 110px;box-shadow:0 0 8px rgba(0,0,0,.4);animation:fadeInRight 0.7s  ease both;-webkit-animation:fadeInRight 0.7s  ease both;-moz-animation:fadeInRight 0.7s  ease both;}
.list-item-office:hover .hover-map-in,.about-help-list .list-item:hover .hover-code{display:block;}