@charset "utf-8";
/* 

 * 首页样式表
 
 */

/* floor */
.floor-layout,.floor-gso .floor-layout{padding: 40px 0;}


/* --------------------------
   关于谷道
   -------------------------- */
.floor-about .floor-layout{width:auto;}
.floor-about .sv-main{text-align:center;padding:1em 0 3em;}
.floor-about .sv-main li{display:inline-block;width:270px;text-align:center;max-width:22%;perspective:500;vertical-align: top;}
.floor-about .sv-main li{*display:inline}
.floor-about .sv-main li .item-ico{display: block;width: 164px;height: 188px;margin: 0 auto;position: relative;}
.floor-about .sv-main li .ico-front,.floor-about .sv-main li .ico-back{display:block;width:164px;padding:34px 0 0;height:154px;margin:0 auto;background:url(../img/index/about_sv_ico_bg.png) center 0 no-repeat;-webkit-transition: all .5s ease;transition: all .5s ease;position: relative;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.floor-about .sv-main li .ico-front{z-index: 2;}
.floor-about .sv-main li .ico-back{background-position:center -192px;position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: rotateY(-90deg) translateX(100%);transform: rotateY(-90deg) translateX(100%);}
.floor-about .sv-main li:hover .ico-front{-webkit-transform: rotateY(-90deg) translateX(-100%);transform: rotateY(-90deg) translateX(-100%);opacity: .2;}
.floor-about .sv-main li:hover .ico-back{-webkit-transform: rotateY(0) translateX(0);transform: rotateY(0) translateX(0);opacity: 1;z-index: 11;}
.floor-about .sv-main li.item-1 {}
.floor-about .sv-main li .item-name{display:block;font-size:15px;font-weight:bold;margin-top:8px; color:#000;background-color:#fff;position:relative;z-index:1;-webkit-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;transform-origin: center;}
.floor-about .sv-main li .item-desc{display:block;}
.floor-about .sv-main li a:hover{text-decoration: none;color:#666;}
.floor-about .sv-main li a:hover .item-name{color:#000;}
.floor-about .sv-others {text-align:center;font-size: 0;}
.floor-about .sv-others li,.floor-about .sv-others li a{color:#000}
.floor-about .sv-others li{width:135px;display:inline-block;padding:15px 10px;text-align:center;font-size: 12px;}
.floor-about .sv-others li{*display:inline}
.floor-about .sv-others li .item-ico{display:block;width:105px;height:90px;padding:15px 0 0;margin:0 auto;border-radius:50%;background-color:#0c7fe9;transition:background-color .3s ease-in-out;}
.floor-about .sv-others li .item-name{display:block;padding:6px 0 0;}
.floor-about .sv-others li:hover .item-ico,.floor-about .sv-main li:hover .item-ico{-webkit-animation:0.5s icojump linear;animation:0.5s icojump linear;}
.floor-about .sv-others li:hover .item-ico{background-color: #cd1200;}


/* 动画 */
.floor-about .sv-main li{-webkit-transition:all 1s ease;transition:all 1s ease;}
@-webkit-keyframes icojump{
	0%{-webkit-transform:translateY(0);}
	25%{-webkit-transform:translateY(-10px);}
	50%{-webkit-transform:translateY(0);}
	75%{-webkit-transform:translateY(-5px);}
	100%{-webkit-transform:translateY(0);}
}
@keyframes icojump{
	0%{transform:translateY(0);}
	25%{transform:translateY(-10px);}
	50%{transform:translateY(0);}
	75%{transform:translateY(-5px);}
	100%{transform:translateY(0);}
}



/* --------------------------
   客户案例
   -------------------------- */
.floor-cases{background-color:#ca192b;}
.floor-cases .floor-hd{padding:0;}
.floor-cases .floor-hd,.floor-cases .floor-hd .floor-title,.floor-cases .floor-hd .floor-title a{color:#fff;}
.floor-cases .floor-hd .title-desc{color:#ffcbcb;}
.floor-cases .cases-slides {width:auto;}
.floor-cases .cases-slides .slide-item{display:none;padding:4px 0 0;}
.floor-cases .cases-slides .slide-case-item,.floor-cases .cases-slides .slide-case-item a{color:#fff;}
.floor-cases .cases-slides .slide-case-item,.floor-cases .cases-slides .slide-case-item a,.floor-cases .cases-slides .slide-case-item .case-img img{height: auto;}
.floor-cases .cases-slides .slide-case-item .case-img img{display: block;width: 100%;}
.floor-cases .cases-slides .slide-case-item{width:33.33333333%;*margin-right: -1px;float: left;position:relative;}
.floor-cases .cases-slides .slide-case-item a{display:block;position:relative;margin: 6px;outline:4px solid rgba(0,0,0,0);position: relative;overflow: hidden;}
.floor-cases .cases-slides .slide-case-item a:hover{outline-color: #aa1524;}
.floor-cases .cases-slides .slide-case-item .case-img,.floor-cases .cases-slides .slide-case-item  img{display:block;}
.floor-cases .cases-slides .slide-case-item .case-name{display:block;width:100%;height:42px;line-height:42px;overflow:hidden;text-align:center;background-color:rgba(0,0,0,.7);color:#fff;font-size:14px;position:absolute;left:0;bottom:0;z-index:1;background-color:#000\9;filter:alpha(opacity=70);}
.floor-cases .cases-slides .slide-case-item:hover .case-name{height: 40%;padding: 60% 0 0;font-size: 18px;}
.floor-cases .cases-slides .slide-case-item .case-btn-view{display:block;width:126px;height:35px;line-height:35px;text-align:center;background-color:rgba(0,119,252,.8);background-color:#0077fc\9;visibility:hidden;position:absolute;left:50%;margin-left:-63px;top:30%;z-index:9;font-size-adjust:none;font-size:14px;font-weight:normal;-moz-transform:translateY(-15px);-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);opacity:0;filter:alpha(opacity=0);-webkit-transition-delay: .5s;transition-delay: .5s;}
.floor-cases .cases-slides .slide-case-item .case-btn-view:hover{background-color:rgba(0,119,252,1);}
.floor-cases .cases-slides .slide-case-item a:hover .case-btn-view{visibility:visible;opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.floor-cases .cases-slides .slide-case-item,.floor-cases .cases-slides .slide-case-item .case-name,.floor-cases .cases-slides .slide-case-item .case-btn-view,.floor-cases .cases-slides .slide-case-item:after{-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.floor-cases .cases-slides .slide-case-item:hover .case-name{background-color:rgba(0,0,0,.8);}
.floor-cases .owl-loaded .slide-item{display:block;}
.floor-cases .owl-carousel .owl-dots{padding:55px 0 0;}
.floor-cases .owl-carousel .owl-dots .owl-dot{width:98px;height:9px;line-height:9px;border-radius:0;background-color:#8b232d;border:0;position:relative;}
.floor-cases .owl-carousel .owl-dots .owl-dot:before{content:'';display:block;width:0;height:0;overflow:hidden;border-style:dashed dashed solid;border-color:transparent;border-width:0 6px 8px;position:absolute;left:50%;margin-left:-6px;bottom:9px;}
.floor-cases .owl-carousel .owl-dots .active{background-color:#ffb700;box-shadow:none;}
.floor-cases .owl-carousel .owl-dots .active:before{border-color:transparent transparent #ffb700;}

@media screen and (max-width: 960px){
	.floor-cases .cases-slides .slide-case-item{width: 50%;}
}


/* --------------------------
   合作伙伴
   -------------------------- */
.floor-partner{background-color:#1c5f97;position: relative;z-index: 99;}
.floor-partner .floor-layout {padding-bottom:40px;}
.floor-partner .floor-hd{padding:0 0 12px;}
.floor-partner .floor-hd,.floor-partner .floor-hd .floor-title,.floor-partner .floor-hd .floor-title a{color:#fff;}
.floor-partner .floor-hd .title-desc{color:#c5e5ff;}
.floor-partner .partner-list{width:100%;position:relative;}
.floor-partner .partner-list ul{padding:0;}
.floor-partner .partner-list li{width: 33.33333333%;*margin-right: -1px;float: left;}
.floor-partner .partner-list li .partner-item{display: block;position: relative;background-color: #fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;outline-offset: 0;
outline:1px solid transparent;overflow: hidden;margin: 6px;}
.floor-partner .partner-list li .partner-item img{display: block;width: 100%;height: auto;}
.floor-partner .partner-list li:hover .partner-item{outline-color:#4daee6;outline-offset: 5px;}
.floor-partner .partner-list li:hover .partner-item img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


/* --------------------------
   最新动态
   -------------------------- */
.floor-news .floor-hd{padding:0 0 38px;}
.floor-news .floor-inner{vertical-align:bottom;}
.floor-news .floor-news-list li,.floor-news .floor-news-list li a{height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.floor-news .floor-news-list li{width:20.5%;margin:0 4% 0 0;position:relative;float:left;}
.floor-news .floor-news-list li a{display:block;padding:0 0 0 18px;}
.floor-news .floor-news-list li a:before{content:'+';font-size:10px;color:#b5b5b5;position:absolute;left:0;top:0;}
.floor-news .floor-news-more{text-align:right;line-height:28px;border-bottom:1px solid #d7d7d7;margin-top:8px;font-family:Arial;font-size:10px;font-weight:bold;}
.floor-news .floor-news-more a{display:inline-block;padding:0 0 0 10px;background:url(../img/index/ico_more.png) 0 11px no-repeat;text-transform:uppercase;}
.floor-news .floor-news-more a:hover{text-decoration:none;}
.floor-news .floor-news-more a{*display:inline;}


/* --------------------------
   联系我们
   -------------------------- */
.floor-concat .contact-tit{width:100%;height:106px;background:url(../img/index/contact_title.png) center 0 no-repeat;margin-bottom:-14px;position:relative;z-index:1;}
.floor-concat .contact-section{background-image:url(../img/index/contact_bg.jpg);background-position:center 0;background-repeat:no-repeat;background-color:#ffab00;}
.floor-concat .contact-form{width:490px;margin:0 auto;padding:80px 0 60px;}
.floor-concat .contact-form .contact-item{margin:0 0 10px;padding-left:48px;position:relative;}
.floor-concat .contact-form .contact-item .item-label{display:block;width:36px;height:100%;background-color:#1f2228;position:absolute;left:0;top:0;}
.floor-concat .contact-form .contact-item .item-label i{content:'';display:block;width:0;height:0;overflow:hidden;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #fff;border-width:7px 0 7px 7px;position:absolute;left:50%;top:50%;margin-top:-7px;margin-left:-3px;opacity:0;filter:alpha(opacity=0);-webkit-transform: translateX(-15px);transform: translateX(-15px);}
.floor-concat .contact-form .contact-item:hover .item-label{background-color:#ca192b;}
.floor-concat .contact-form .contact-item:hover .item-label i{opacity:1;filter:alpha(opacity=100);-webkit-transform: none;transform: none;}
.floor-concat .contact-form .contact-ipt-txt,.floor-concat .contact-form .contact-txt-area{display:block;width:422px;height:32px;line-height:32px;background-color:#fff;padding:0 10px;border:0;}
.floor-concat .contact-form .contact-txt-area{height:75px;padding-top:4px;padding-bottom:4px;overflow:auto;line-height:1.5;}
.floor-concat .contact-form .contact-ft{padding:30px 0 0;text-align:center;}
.floor-concat .contact-form .contact-btn-submit{display:inline-block;width:50px;height:50px;line-height:56px;text-align:center;background-color:#fff;border-radius:50%;color:#000;font-weight:bold;font-size:12px;border:0;}
.floor-concat .contact-form .contact-btn-submit:hover{background-color:#ca192b; color:#fff;box-shadow: 0 0 8px rgba(0,0,0,.5);}
.floor-concat .contact-form .contact-ipt-txt:focus,.floor-concat .contact-form .contact-txt-area:focus {background-color:#faffbd;}
.floor-concat .contact-form .contact-ipt-txt:focus + .item-label,.floor-concat .contact-form .contact-txt-area:focus + .item-label{background-color:#ca192b;}
.floor-concat .contact-form .contact-ipt-txt:focus + .item-label i,.floor-concat .contact-form .contact-txt-area:focus + .item-label i{opacity:1;filter:alpha(opacity=100);-webkit-transform: none;transform: none;}


/* --------------------------
   左侧导航
   -------------------------- */
.floor-2-active #fp-nav li .fp-tooltip,.floor-4-active #fp-nav li .fp-tooltip,.floor-6-active #fp-nav li .fp-tooltip,.floor-8-active #fp-nav li .fp-tooltip{color: #aaa;}




/* PC窄屏 */
@media screen and (max-width: 1279px) {

}



/* 
 * 适应手机
 */

@media screen and (max-width:767px){

.floor-slide-banner{margin-top: 0;}


/* ---------------------------- 
 * 关于我们 
 * ---------------------------- */
.floor-about ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.floor-about .sv-main {padding-bottom:1em;}
.floor-about .sv-main li{width:50%;max-width:none;float:left;padding:10px 15px;}
.floor-about .sv-main li .item-ico,.floor-about .sv-main li .item-ico:hover{width: 130px;height: 116px;}
.floor-about .sv-main li .ico-front,.floor-about .sv-main li .ico-back{width:100px;height:116px;padding:20px 15px 10px;-webkit-background-size:100% auto;background-size:100% auto;background-position:center 0;}
.floor-about .sv-main li .item-ico img{width:70px;height:70px;}
.floor-about .sv-main li:nth-child(2n+1){clear:left;}
.floor-about .sv-others {text-align: center;}
.floor-about .sv-others li{width:33.33333333%;float:none;padding:5px;font-size:11px;display: inline-block;margin: 0 -1px;}
.floor-about .sv-others li:nth-child(3n+1){clear:left;}
.floor-about .sv-others li .item-ico{width:5.5em;height:5.5em;padding:1em;}
.floor-about .sv-others li .item-ico img{width:3.5em;height:3.5em;}


/* ---------------------------- 
 * 最新动态 
 * ---------------------------- */
.floor-news{padding-left:0;padding-right:0;padding-bottom:0;}
.floor-news .floor-hd{padding-bottom:15px;}
.floor-news .contact-tit{height:54px;-webkit-background-size:auto 100%;background-size:auto 100%;margin-bottom:-7px;margin-top:20px;}
.floor-news .floor-news-list{padding:0 15px;}
.floor-news .floor-news-list li{width:100%;float:none;margin:0;}
.floor-news .contact-form{width:100%;padding:30px 15px 30px;}

/* ---------------------------- 
 * 客户案例 
 * ---------------------------- */
.floor-cases .floor-hd{padding:0 15px;}
.floor-cases .cases-slides .slide-case-item{width:50%;}
.floor-cases .owl-carousel .owl-dots{padding:30px 0 10px;}
.floor-cases .owl-carousel .owl-dots{}
.floor-cases .owl-carousel .owl-dots .owl-dot{width:8px;height:8px;border-radius:50%;margin:0 6px;}
.floor-cases .owl-carousel .owl-dots .active:before{display:none;}
.floor-cases .cases-slides .slide-case-item .case-name,.floor-cases .cases-slides .slide-case-item:hover .case-name{height:26px;line-height:26px;overflow:hidden;font-size:11px;padding: 0;}
.floor-cases .cases-slides .slide-case-item .case-btn-view{display:none!important;}

/* ---------------------------- 
 * 最新动态 
 * ---------------------------- */
.floor-news .contact-form .contact-ipt-txt, .floor-news .contact-form .contact-txt-area{width:100%;}

/* ---------------------------- 
 * 合作伙伴 
 * ---------------------------- */
.floor-partner .partner-list li{width: 50%;}

/* ---------------------------- 
 * 联系我们 
 * ---------------------------- */
.floor-concat .contact-form{width: 100%;}
.floor-concat .contact-section{padding-left: 12px;padding-right: 12px;}
.floor-concat .contact-form .contact-ipt-txt, .floor-concat .contact-form .contact-txt-area{width: 100%;}
.floor-concat .contact-tit{height: 54px;-webkit-background-size: auto 100%;background-size: auto 100%;z-index: 1;margin-bottom: -7px;margin-top: 20px;}
.floor-concat .contact-form .contact-item .item-label i{opacity:.5;-webkit-transform: scale(.75);transform: scale(.75);}


}