@charset "utf-8";

/* 清除浮动 */
.clearfix:after,.gd-container:after,.layout:after,.head-layout:after,.gd-row:after,.foot-item-3 .foot-qrcodes:after,.gs-model-list ul:after,
.head-nav ul:after,
.foot-advs ul:after,
.gd-layout:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.gd-container,.layout,.head-layout,.gd-row,.foot-item-3 .foot-qrcodes,.gs-model-list ul,
.head-nav ul,
.foot-advs ul,
.gd-layout{*zoom:1;}


/* 布局 */
.gd-layout,.gd-container,.layout{max-width:1200px;*width:1200px;margin:0 auto;}
.head-layout{max-width:1200px;*width:1200px;margin:0 auto;}
.gd-layer{}
.gd-row{margin-left:-6px;margin-right:-6px;}
.fl{float:left;}
.fr{float:right;}
.floor-layout{max-width:1100px;*width:1100px;margin:0 auto;padding:98px 0 50px;}
.disabled{display:none;}
.fb{font-weight: bold;}
@media screen and (max-width: 1280px){.gd-layout,.gd-container,.page-gso .gso-sys-view .gd-layout{max-width: 90%;}}
@media screen and (max-width: 1024px){.gd-layout,.gd-container,.page-gso .gso-sys-view .gd-layout{max-width: 95%;}}
@media screen and (max-width: 768px){.gd-layout,.gd-container,.page-gso .gso-sys-view .gd-layout{max-width: inherit;margin-left: 10px;margin-right: 10px;}.btn-wave:before{display: none!important;}}


/* 栅格化 */
.gd-col-12,.gd-col-11,.gd-col-10,.gd-col-9,.gd-col-8,.gd-col-7,.gd-col-6,.gd-col-5,.gd-col-4,.gd-col-3,.gd-col-2,.gd-col-1{float:left;}
.gd-col-12{width:100%;}
.gd-col-11{width:91.66666667%;}
.gd-col-10{width:83.33333333%;}
.gd-col-9{width:75%;}
.gd-col-8{width:66.66666667%;}
.gd-col-7{width:58.33333333%;}
.gd-col-6{width:50%;}
.gd-col-5{width:41.66666667%;}
.gd-col-4{width:33.33333333%;}
.gd-col-3{width:25%;}
.gd-col-2{width:16.66666667%;}
.gd-col-1{width:8.33333333%;}

/* 字体 */
.floor-hd .floor-title,.foot-contact-info,.title-bar,.index-tit-bar .title,.slide-banner-wrapper,.model-cate-panel,.shop-intro .intro-foot,.article-list-wrap,.article-wrap,.article-detail .article-title,
.foot-contact li{font-family:"Microsoft YaHei","微软雅黑",Arial,Tahoma,simsun,Verdana,Helvetica,sans-serif;}

/* 按钮 */
.btn-blue{display:inline-block;width:230px;height:40px;line-height:40px;text-align:center;background-color:#00a0ea;color:#fff;font-size:14px;border-radius:3px;font-family:Arial;letter-spacing:1px;position:relative;overflow:hidden;vertical-align:middle;transition:all .4s ease;perspective:500;border-bottom:1px solid transparent;box-shadow:0 4px 0 #0181cb, 0 8px 3px rgba(0, 0, 0, 0.15);-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.btn-blue:hover{*background-color:#00b2fc;text-decoration:none;}
.btn-blue{*display:inline;}
.btn-blue:hover{color:#fff;}
.btn-blue:before,.btn-blue:after{content:'/';position:relative;z-index: 1;}
.btn-blue b{display:inline-block;width:145px;text-align:center;font-weight:normal;padding:0 2px;transform:translateZ(0px);position:relative;z-index:2;}
.btn-blue b{*display:inline;}
.btn-blue i{content:'';display:block;width:0;height:100%;position:absolute;left:50%;top:50%;background-color:rgba(255,255,255,0);z-index:1;transform:translate(-50%,-50%);-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:6px;display:none\9;}
.btn-blue:hover i{width:100%;background-color:#00b2fc}
.gd-btn{display:inline-block;line-height:1.5;padding:6px 30px;background-color:#3B9FF2;border:1px solid #3B9FF2;font-size:14px;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:3px;overflow: hidden;}
.gd-btn:hover{opacity:.8;background-color:#fff;color:#3B9FF2;}
.btn-wave{display: inline-block;position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.btn-wave:before{content: '';display: block;width: 120%;height: 0;padding: 60% 0;background-color: rgba(0,0,0,0.12);border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.sys-btn{background-color:#257dff;border:0;color:#fff;display:inline-block;padding:12px 30px;font-size: 12px;line-height: 1.1;overflow: hidden;border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.sys-btn:hover{color:#fff;}
.sys-btn:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}

/* 图片悬停 */
.shine-item .cell-img,.shine-item .item-img,.shine-img{position: relative;overflow: hidden;}
.shine-item .cell-img:before,.shine-item .item-img:before,.shine-img:before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.shine-item:hover .cell-img:before,.shine-item .item-img:hover:before,.shine-img:hover:before{animation: shine 1.5s;-webkit-animation: shine 1.5s;}
.scale-item .item-img a,.scale-img a{display: block;position: relative;overflow: hidden;}
.scale-item .item-img img,.scale-img img,
.scale-item .item-img a:before,.scale-img a:before{-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.scale-item .item-img a:before,.scale-img a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);position: absolute;left: 0;top: 0;z-index: 1;}
.scale-item:hover .item-img a img,.scale-img a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.scale-item:hover .item-img a:before,.scale-img a:hover:before{background-color: rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.item-img .ico-zoom{display: inline-block;width: 42px;height: 42px;background: url(../img/about/ico_zoom.png) center no-repeat;-webkit-background-size: auto 35px;background-size: auto 35px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 1;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(30%);-ms-transform: translateY(30%);-o-transform: translateY(30%);transform: translateY(30%);-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.item-img:hover .ico-zoom{;opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine { 100% {left: 125%;}}



/* ===================================================
														公用版块
															=================================================== */


/* --------------------------
   轮播样式
   -------------------------- */
.slide-banner-layer{background:#247dff url(../img/slider_bg.jpg) center 0 no-repeat;background-size:cover;width:100%;position: relative;margin: 0 auto 45px;z-index: 1;}
.slide-banner-wrapper{margin:0 auto;position: relative;width: 100%;min-height: 831px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.slide-banner-wrapper .slide-banner-item{text-align:center;padding:300px 0 190px;}
.slide-banner-wrapper .slide-banner-item,.slide-banner-wrapper .slide-banner-item a{color:#fff;}
.slide-banner-wrapper .slide-banner-inner{max-width:90%;margin:0 auto;}
.slide-banner-wrapper .slide-item-img{padding: 0;}
.slide-banner-wrapper .slide-item-img .banner-img-box{width: 4000px;position: relative;left: 50%;margin-left: -2000px;text-align: center;}
.slide-banner-wrapper .slide-item-img .banner-img-box img{/*height: 830px;*/}
.slide-banner-wrapper .banner-title{font-size:60px;line-height:1.3;font-weight:normal;}
.slide-banner-wrapper .banner-text{font-size:18px;color:#fff;padding-top:15px;}
.slide-banner-wrapper .banner-btn{display:inline-block;padding:5px 30px;border:1px solid #fff;font-size:14px;background-color:#0c7fe9;}
.slide-banner-wrapper .owl-dots .owl-dot{width:12px;height:12px;background:#fff;border:1px solid #fff;margin:0 8px;opacity:.5;filter:alpha(opacity=50);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;}
.slide-banner-wrapper .owl-dots .owl-dot:hover{background:none;}
.slide-banner-wrapper .owl-dots .active{background:none;box-shadow:none;opacity:1;filter:alpha(opacity=100);}
.slide-banner-wrapper .banner-btns{text-align:center;padding-top:25px;}
.slide-banner-wrapper .banner-btns a{display:inline-block;padding:5px 30px;margin:0 10px;border:1px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:14px;overflow: hidden;}
.slide-banner-wrapper .banner-btns a{*display:inline;}
.slide-banner-wrapper .banner-btns a.active,.slide-banner-wrapper .banner-btns a:hover{background-color:#fff;color:#3ca0f3;}
.slide-banner-wrapper .banner-btns a.active{outline: 4px solid rgba(0,0,0,0);-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;cursor: pointer;}
.slide-banner-wrapper .banner-btns a.active:hover{outline: 4px solid rgba(255,255,255,.55);outline: 4px solid #9fc8fc\9;overflow: hidden;background: none;border-color: transparent;color: #fff;}
.slide-banner-wrapper .owl-controls{width: 100%;position: absolute;left: 0;bottom: 110px;z-index: 2;}
.owl-loaded .slide-banner-item{display:block;}
.float-square-bg,.float-square-bg-2{position:relative;bottom:0;left:0;width:100%;height:100%;z-index:1}
.float-square-bg i,.float-square-bg-2 i{position:absolute;display:block;width:40px;height:40px;background:rgba(255,255,255,.15);bottom:-160px;-webkit-animation:square 28s infinite;animation:square 28s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.float-square-bg i:nth-child(1),.float-square-bg-2 i:nth-child(1){left:10%}
.float-square-bg i:nth-child(2),.float-square-bg-2 i:nth-child(2){left:20%;width:80px;height:80px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:17s;animation-duration:17s}
.float-square-bg i:nth-child(3),.float-square-bg-2 i:nth-child(3){left:25%;-webkit-animation-delay:.4s;animation-delay:.4s}
.float-square-bg i:nth-child(4),.float-square-bg-2 i:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:10s;animation-duration:10s;background-color:rgba(255,255,255,.25)}
.float-square-bg i:nth-child(5),.float-square-bg-2 i:nth-child(5){left:70%}
.float-square-bg i:nth-child(6),.float-square-bg-2 i:nth-child(6){left:80%;width:120px;height:120px;-webkit-animation-delay:3s;animation-delay:3s;background-color:rgba(255,255,255,.2)}
.float-square-bg i:nth-child(7),.float-square-bg-2 i:nth-child(7){left:32%;width:100px;height:100px;-webkit-animation-delay:7s;animation-delay:7s}
.float-square-bg i:nth-child(8),.float-square-bg-2 i:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}
.float-square-bg i:nth-child(9){left:25%;width:10px;height:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s;background-color:rgba(255,255,255,.3)}
.float-square-bg i:nth-child(10),.float-square-bg-2 i:nth-child(10){left:90%;width:120px;height:120px;-webkit-animation-delay:11s;animation-delay:11s}
@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1700px) rotate(600deg);transform:translateY(-1700px) rotate(600deg)}}
@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1700px) rotate(600deg);transform:translateY(-1700px) rotate(600deg)}}
@-webkit-keyframes square-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}}
@keyframes square-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}}
.float-square-bg-2 i{-webkit-animation:square-2 22s infinite;animation:square-2 22s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.slide-banner-layer .banner-waves {width: 100%;position: absolute;left: 0;bottom: 60px;z-index: 1;}
.slide-banner-layer .banner-waves canvas {width: 100%!important;height: 150px!important;}
.slide-banner-layer .banner-waves{display: none\9;}
.slide-banner-layer .owl-dots{position: relative;text-align: center;z-index: 2;}
.slide-banner-layer .owl-dots .owl-dot{width: 12px;height: 12px;margin: 0 5px;background: none;border: 1px solid #fff;opacity: 0.7;filter: alpha(opacity=70);}
.slide-banner-layer .owl-dots .active{background-color: #fff;}

/*首页轮播*/
.index-slide-banners .owl-nav{width: 1200px;height: 100%;position: absolute;left: 0;left: 50%;margin-left: -600px;bottom: 0;}
.index-slide-banners .slider-tabs {width: 1060px;margin: 0 auto;position: relative;z-index: 2;}
.index-slide-banners .owl-controls{width: 100%;background-color: rgba(255,255,255,0.65);position: absolute;left: 0;bottom: 0;z-index: 3;text-align: center;}
.slider-tabs {width: 100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.slider-tabs .owl-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align: center;font-family: simsun;}
.slider-tabs .owl-tab .tab-ico{display: inline-block;width: 11px;height: 11px;background-color: #257dff;border-radius: 50%;cursor: pointer;vertical-align: middle;}
.slider-tabs .owl-tab .tab-txt{display: block;padding-top: 2px;line-height: 1.2;}
.slider-tabs .owl-tab .tab-item{display: inline-block;cursor: pointer;padding-top: 43px;padding-bottom: 10px;position: relative;}
.slider-tabs .owl-tab .tab-tit{width: 200px;position: absolute;left: 50%;top: 13px;margin-left: -100px;font-size: 12px;font-weight: normal;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: translateY(30%);-ms-transform: translateY(30%);-o-transform: translateY(30%);transform: translateY(30%);}
.slider-tabs .active .tab-tit{-webkit-animation: fadeInUp 0.4s;-o-animation: fadeInUp 0.4s;animation: fadeInUp 0.4s;opacity: 1;filter: alpha(opacity=100);-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.slider-tabs .active .tab-tit,.slider-tabs .owl-tab .tab-item:hover .tab-tit{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.slider-tabs .owl-tab .tab-tit em{display: inline-block;height: 23px;line-height: 23px;background-color: #238fec;color: #fff;font-style: normal;padding: 0 10px;text-align: center;position: relative;}
.slider-tabs .owl-tab .tab-tit em:after{content: '';display: block;border: 6px solid transparent;border-top-color: #238fec;position: absolute;position: absolute;left: 50%;margin-left: -6px;bottom: -12px;}
.index-slide-banners .owl-prev,.index-slide-banners .owl-next{display: inline-block;width: 50px;height: 70px;line-height: 70px;opacity: 1;filter: alpha(opacity=100);position: absolute;top: 50%;margin-top: -35px;cursor: pointer;z-index: 1;}
.index-slide-banners .owl-prev:before,.index-slide-banners .owl-next:before,.index-slide-banners .owl-prev:after,.index-slide-banners .owl-next:after{display: inline-block;font-family: 'iconfont';color: #fff;font-size: 60px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: absolute;top: 0;}
.index-slide-banners .owl-prev{left: 0;}
.index-slide-banners .owl-prev:before,.index-slide-banners .owl-prev:after{content: '\e601';}
.index-slide-banners .owl-prev:before{left: 0;}
.index-slide-banners .owl-prev:after{left: 50%;opacity: 0;filter: alpha(opacity0=);}
.index-slide-banners .owl-prev:hover:before{left: -50%;opacity: 0;filter: alpha(opacity0=);}
.index-slide-banners .owl-prev:hover:after{left: 0;opacity: 1;filter: alpha(opacity=100);}
.index-slide-banners .owl-next{right: 0;}
.index-slide-banners .owl-next:before,.index-slide-banners .owl-next:after{content: '\e600';}
.index-slide-banners .owl-next:before{right: 0;}
.index-slide-banners .owl-next:after{right: 50%;opacity: 0;filter: alpha(opacity0=);}
.index-slide-banners .owl-next:hover:before{right: -50%;opacity: 0;filter: alpha(opacity0=);}
.index-slide-banners .owl-next:hover:after{right: 0;opacity: 1;filter: alpha(opacity=100);}
.floor-1-active #fp-nav li:hover .fp-tooltip{color: #eee;}

/*内页轮播*/
.sub-slide-banners{background:url(../img/slider_bg_2.jpg) center 0 no-repeat;background-size:cover;margin:0 auto 30px;overflow:hidden;position:relative;}
.sub-slide-banners .slide-banner-wrapper {min-height: 430px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.sub-slide-banners .slide-banner-wrapper .banner-title{font-size:36px;}
.sub-slide-banners .slide-banner-wrapper .slide-banner-item{padding:140px 0 180px;}
.sub-slide-banners .slide-banner-wrapper .slide-item-img{padding: 0;}
.sub-slide-banners .slide-item-img .banner-img-box img{height: 430px;}
.sub-slide-banners .slide-banner-wrapper .banner-text{font-size:16px;}
.sub-slide-banners .owl-controls{bottom: 60px;}
.sub-slide-banners .banner-waves{bottom:20px;}
.sub-slide-banners .banner-waves canvas {width: 100%!important;height: 130px!important;}
@media screen and (max-width:1280px) {
	.index-slide-banners .slider-tabs{width: 85%;}
	.index-slide-banners .owl-nav{width: 100%;position: static;}
	.index-slide-banners .owl-prev{left: 5px;}
	.index-slide-banners .owl-next{right: 5px;}
}
@media screen and (max-width:768px){
.slide-banner-wrapper .banner-title{font-size:50px;}
}
@media screen and (max-width:767px) {
/* 轮播 */
.slide-banner-wrapper{min-height: 561px;}
.slide-banner-wrapper .slide-banner-item{padding:200px 0 120px;min-height:inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.slide-banner-wrapper .slide-item-img{padding: 0;}
.slide-banner-wrapper .banner-title{font-size:21px;}
.slide-banner-wrapper .banner-text{padding-top:10px;font-size:14px;}
.sub-slide-banners .slide-banner-wrapper .banner-title{font-size:21px;}
.sub-slide-banners .slide-banner-wrapper .banner-text{font-size: 14px;}
.float-square-bg , .float-square-bg-2 {-webkit-transform:scale(.5);transform:scale(.5);}
.slide-banner-layer .banner-waves{bottom:80px;}
.slide-banner-wrapper .slide-item-img .banner-img-box img{height: 600px;}
.slide-banner-wrapper .slide-item-img .banner-img-box{width: 300%;height: 600px;overflow: hidden;margin-left: 0;left: -100%;}
.index-slide-banners .slider-tabs{display: block;width: auto;text-align: center;}
.index-slide-banners .owl-controls{bottom: 20px;background: none;}
.slider-tabs .owl-tab{display: inline-block;}
.slider-tabs .owl-tab .tab-item{padding: 0;}
.slider-tabs .owl-tab .tab-txt,.slider-tabs .owl-tab .tab-tit{display: none;}
.slider-tabs{background: none;}
.index-slide-banners .slider-tabs .tab-ico{width: 10px;height: 10px;background-color: transparent;border: 1px solid #fff;margin: 0 5px;opacity: 0.8;filter: alpha(opacity=80);}
.index-slide-banners .slider-tabs .active .tab-ico{background-color: #fff;}
.sub-slide-banners .slide-banner-wrapper {min-height: 430px;}
.sub-slide-banners .slide-item-img .banner-img-box img{height: 430px;}
}


/* ie */
.index-slide-banners .owl-controls{background: #b3d2ff\9;}
.slider-tabs .owl-tab{display: inline-block\9;min-width: 180px\9;vertical-align: top\9;}
.slider-tabs .owl-tab .tab-tit{display: none\9;}
.slider-tabs .active .tab-tit{display: block\9;}
.slide-banner-layer .slide-banner-wrapper .owl-item.active{position: absolute\9;left: 0\9;top: 0\9;}
.slide-banner-layer .slide-banner-wrapper .owl-item{position: static\9;}
.slide-banner-layer .slide-banner-wrapper .slide-banner-item{opacity: 0\9;visibility: hidden\9;}
.slide-banner-layer .slide-banner-wrapper .active .slide-banner-item{opacity: 1\9;visibility: visible\9;}
/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.slide-banner-layer .slide-banner-wrapper .owl-item.active{position: static;}
.slide-banner-layer .slide-banner-wrapper .owl-item{position: static;}
.slide-banner-layer .slide-banner-wrapper .slide-banner-item{opacity:1;visibility: visible;}
.slide-banner-layer .slide-banner-wrapper .active .slide-banner-item{opacity: 1;visibility: visible;}
 }


/* ===================================================
														插件
															=================================================== */

/* --------------------------
   视频弹窗
   -------------------------- */



/* --------------------------
   owl.carousel
   -------------------------- */
.owl-drag{position:relative;width:100%;}
.owl-drag .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;}
.owl-drag .owl-stage-outer{width:100%;overflow:hidden;position:relative;}
.owl-drag .owl-stage{position:relative;}
.owl-drag .owl-controls{overflow:visible;}
.owl-drag .owl-prev,.owl-carousel .owl-next{cursor:pointer;}
.owl-drag  button{border: 0;background: none;}
.owl-loaded .slide-item{display:block;}
.owl-dots{text-align: center;padding-top: 15px;}
.owl-dots .owl-dot{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #22417a;background: none;margin: 0 2px;cursor: pointer;}
.owl-dots .active{background-color: #22417a;}
.owl-carousel{position:relative;width:100%;}
.owl-carousel .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;}
.owl-carousel .owl-stage-outer{overflow:hidden;position:relative;}
.owl-stage{position:relative;}
.owl-loaded .slide-item{display:block;}
/*owl*/
.slide-banner-item{display: none;}
.owl-loaded .slide-banner-item{display: block;}
.customer-says .says-item,.customer-video .video-item,.layer-partner .parter-item,.layer-news .news-item,.gso-sys-view .sys-view-item,.about-office .swiper-wrapper .swiper-slide,.gso-sys-view .sys-view-item{display: none;}
.customer-says .owl-loaded .says-item,.customer-video .owl-loaded .video-item,.layer-partner .owl-loaded .parter-item,.layer-news .owl-loaded .news-item,.gso-sys-view .owl-loaded .sys-view-item,.about-office .owl-loaded .swiper-slide,.gso-sys-view .owl-loaded .sys-view-item{display: block;}



/* --------------------------
   boxer
   -------------------------- */
.boxer-open{overflow:hidden!important}
#boxer,#boxer .boxer-container,#boxer .boxer-content,#boxer-overlay{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-ms-transition:none}
#boxer-overlay{position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;background:#000}
#boxer{position:absolute;z-index:1001;padding:10px;border-radius:3px;background:#fff;box-shadow:0 0 25px #000}
#boxer.inline{padding:30px}
#boxer .boxer-close{position:absolute;top:-8px;right:-8px;z-index:1002;display:block;padding:0;width:30px;height:30px;border-radius:100%;background:#fff url(../img/jquery.fs.boxer-icons.png) no-repeat -70px 10px;text-indent:-99999px;cursor:pointer}
#boxer .boxer-container{position:relative;z-index:1001;overflow:hidden;width:100%;height:100%;background:#fff;zoom:1}
#boxer .boxer-content{overflow:hidden;padding:0;width:10000px;background:#fff url(../img/loading.gif) center no-repeat}
#boxer .boxer-image{float:left}
#boxer .boxer-video{width:100%;height:100%}
#boxer .boxer-iframe{float:left;overflow:auto;width:100%;height:100%}
#boxer .boxer-meta{clear:both}
#boxer .boxer-arrow{position:absolute;top:0;display:block;margin-right:auto;margin-left:auto;width:40px;height:40px;border-radius:100%;background:#fff url(../img/jquery.fs.boxer-icons.png) no-repeat 0 0;box-shadow:0 0 6px rgba(0,0,0,.4);text-indent:-99999px;cursor:pointer;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;-ms-transition:opacity .1s linear}
#boxer .boxer-arrow.previous{left:20px}
#boxer .boxer-arrow.next{right:20px;background-position:-40px 0}
#boxer .boxer-meta{padding-top:10px;padding-bottom: 5px;}
#boxer .boxer-position{margin:0;padding:0 10px;color:#666;font-size:14px;position: absolute;right: 0;bottom: 5px;}
#boxer .boxer-caption{padding:0 10px;padding-right: 80px;min-height: 28px;display: block!important;}
#boxer .boxer-caption p{margin:0;font-size: 16px;color: #333;font-family: 'Microsoft YaHei','微软雅黑';}
#boxer .boxer-caption.gallery p{padding-top:0}
#boxer .boxer-caption.gallery p.caption #boxer.loading .boxer-container{background:#fff url(../img/jquery.fs.boxer-loading.gif) no-repeat center}
#boxer.mobile{position:fixed;top:0;left:0;padding:30px 0 0;width:100%;height:100%;border-radius:0;background-color:#000}
#boxer.mobile .boxer-close{top:0;right:0;border-radius:0;background-color:#000;background-position:-70px -60px}
#boxer.mobile .boxer-container{position:relative;background:#000}
#boxer.mobile .boxer-content{background-color:#000}
#boxer.mobile .boxer-arrow{top:50%;margin:-20px 0 0;border-radius:0;background-color:transparent}
#boxer.mobile .boxer-arrow.previous{left:0;float:left;background-position:0 -40px}
#boxer.mobile .boxer-arrow.next{right:0;float:right;background-position:-40px -40px}
#boxer.mobile .boxer-arrow.disabled{opacity:.5}
#boxer.mobile .boxer-meta{position:absolute;bottom:0;left:0;padding:15px 50px 10px;width:100%;background-color:rgba(0,0,0,.75)}
#boxer.mobile .boxer-position{padding:0}
#boxer.mobile .boxer-caption p{padding:10px 0 0;color:#eee}
#boxer.mobile .boxer-image{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-ms-transition:none!important;-ms-transform:translate(0,0)}
#boxer.mobile.animated .boxer-image{-webkit-transition:-webkit-transform .25s ease-out!important;-moz-transition:-moz-transform .25s ease-out!important;-o-transition:-o-transform .25s ease-out!important;transition:transform .25s ease-out!important;-ms-transition:-ms-transform .25s ease-out!important}
#boxer.mobile.loading .boxer-container{background:#000 url(../img/jquery.fs.boxer-loading-dark.gif) no-repeat center}
@media screen and (min-width:980px){
#boxer .boxer-close:hover{background-position:-70px -20px}
#boxer .boxer-arrow{opacity:0}
#boxer .boxer-content:hover .boxer-arrow{opacity:.75}
#boxer .boxer-content .boxer-arrow:hover{opacity:1}
#boxer .boxer-content:hover .boxer-arrow.disabled{opacity:.3;cursor:default!important}
#boxer.mobile .boxer-arrow{opacity:1}
#boxer.mobile .boxer-arrow.disabled{opacity:.5}
}
@media screen and (max-width:980px){
#boxer.mobile{position:fixed}
}



/* --------------------------
   animate
   -------------------------- */
a{-moz-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;}
.contact-form .contact-item .item-label,.contact-form .contact-item .item-label i,.contact-form .contact-btn-submit,.contact-form .contact-ipt-txt,.contact-form .contact-txt-area{-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn-blue b:before{-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-partner .partner-list li .partner-item img{-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@keyframes rotateIco {0%{-webkit-transform: none;transform: none;}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes rotateIco {0%{-webkit-transform: none;transform: none;}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes tabIn{0%{opacity: 0.8;-webkit-transform: translateY(15%);transform: translateY(15%);}100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes tabIn{0%{opacity: 0.8;-webkit-transform: translateY(15%);transform: translateY(15%);}100%{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes gdfadeInLeft{0%{opacity: 0.8;-webkit-transform: translateX(-15px);transform: translateX(-15px);}100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes gdfadeInLeft{0%{opacity: 0.8;-webkit-transform: translateX(-15px);transform: translateX(-15px);}100%{opacity: 1;-webkit-transform: none;transform: none;}}
@-moz-keyframes jump{0%{-moz-transform:translateY(0);}25%{-moz-transform:translateY(-8px);}50%{-moz-transform:translateY(0);}75%{-moz-transform:translateY(-4px);}100%{-moz-transform:translateY(0);}}
@keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-8px);}50%{transform:translateY(0);}75%{transform:translateY(-4px);}100%{transform:translateY(0);}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@-webkit-keyframes footWave{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@keyframes footWave{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@-webkit-keyframes waveline{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(50%);transform:translateX(50%)}}
@keyframes waveline{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(50%);transform:translateX(50%)}}

@-webkit-keyframes videoIco{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes videoIco{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}
@-webkit-keyframes videoIn{0%{-webkit-transform: scale(.5,.5);transform: scale(.5,.5);opacity: 0;}100%{-webkit-transform: scale(1,1);transform: scale(1,1);opacity: 1;}}
@keyframes videoIn{0%{-webkit-transform: scale(.5,.5);transform: scale(.5,.5);opacity: 0;}100%{-webkit-transform: scale(1,1);transform: scale(1,1);opacity: 1;}}
@-webkit-keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,40%,0);-ms-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

.page-gso{ }

/* --------------------------
   栏目标题
   -------------------------- */
.floor-hd .floor-icon{display:block;width:150px;height:150px;background-image:url(../img/gso/gso_floor_icons.png);background-repeat:no-repeat;margin:0 auto 30px;}
.gso-about .floor-icon{background-position: 0 0;}
.gso-system .floor-icon{background-position: -150px 0;}
.gso-sys-view .floor-icon{background-position: -300px 0;}
.gso-process .floor-icon{background-position: -450px 0;}
.gso-price-case .floor-icon{background-position: -600px 0;}
.floor-hd .hd-title{text-align:center;font-size: 28px;font-weight:normal;padding-top:60px;margin:0 0 0.8em;line-height:1.3;color:#333;}
.floor-hd .title-desc{line-height:2.2em;text-align:center;margin:0 auto 3em; font-size:14px; color:#666;}
.floor-ft-more{text-align:center;padding:20px 0 0;}

/* --------------------------
   介绍
   -------------------------- */
.gso-about {padding-top: 0;}
.gso-about .floor-hd .hd-title{font-size: 28px; font-weight:normal;padding-top:60px;}
.gso-about .gso-about-img{text-align: center;}
.gso-about .icon-earch{display: block;width: 209px;height: 209px;margin: -45px auto 0;position: relative;background-position: center;background-repeat: no-repeat;background-image: url(../img/gso/gso_earch.png);-webkit-transition: all 30s ease;-o-transition: all 30s ease;transition: all 30s ease;-webkit-animation: 26s rotateIco ease;animation: 26s rotateIco ease;}

/* --------------------------
   四大系统
   -------------------------- */
.gso-system{background-color:#27292b;padding-bottom: 50px;}
.gso-system .floor-hd .hd-title,.gso-system .floor-hd .title-desc{color: #fff;}
.gso-system .floor-hd .hd-title{font-size: 28px;font-weight:normal;padding-top:60px;}
.gso-system .floor-hd .title-desc{color: #dbdbdb;}
.gso-system .system-items{margin: 0 -5px;}
.gso-system .system-item{width: 25%;float: left;text-align: center;padding-bottom: 50px;font-size: 14px;}
.gso-system .system-item .item-inner{background-color: #fff;margin: 0 30px;padding: 15px 15px 25px;outline: 5px solid transparent;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.gso-system .system-item .item-img{display: block;text-align: center;margin-bottom: 20px;}
.gso-system .system-item .item-tit{font-size: 22px;font-weight: normal;padding-bottom: 15px;position: relative;}
.gso-system .system-item .item-tit:after{content: '';display: block;width: 0%;border-bottom: 2px dashed #64a8f2;position: absolute;left: 50%;bottom: 5px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity: 0;filter: alpha(opacity=0);}
.gso-system .system-item .item-list li{line-height: 2.5;}
.gso-system .system-item .item-inner:hover{outline:10px solid rgba(0,0,0,0.2);}
.gso-system .system-item .item-inner:hover .item-tit:after{width: 100%;opacity: 1;filter: alpha(opacity=100);left: 0;}
.gso-system .system-item .item-inner:hover .item-img{-webkit-animation:jump 0.6s ease;-o-animation:jump 0.6s ease;animation:jump 0.6s ease;}


/* --------------------------
   系统演示
   -------------------------- */
.gso-sys-view {padding-bottom: 0;overflow: hidden;}
.gso-sys-view .gd-layout{max-width: inherit;*width: auto;}
.gso-sys-view .floor-bd{padding: 54px 0 65px;background-position: center 0;background-repeat: no-repeat;background-image: url(../product/gso_view_bg.jpg);}
.gso-sys-view .sys-view-slider{width: 1070px;margin: 0 auto;position: relative;border: 1px solid #999;overflow: visible;}
.gso-sys-view .sys-view-slider .sys-view-item,.gso-sys-view .sys-view-slider .sys-view-item img{width: 100%;height: auto;}
.gso-sys-view .sys-view-slider .sys-view-item{position: relative;}
.gso-sys-view .sys-view-slider .sys-view-item img{height: 606px;}
.gso-sys-view .sys-view-slider .view-item-tit{width: 100%;height: 42px;line-height: 42px;background-color: rgba(0,0,0,0.6);background-color: #666\9;position: absolute;left: 0;bottom: 0;text-align: center;font-size: 14px;font-weight: normal;-webkit-transform: translateY(60%);-ms-transform: translateY(60%);-o-transform: translateY(60%);transform: translateY(60%);opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.gso-sys-view .sys-view-slider .view-item-tit,.gso-sys-view .sys-view-slider .view-item-tit a{color: #fff;}
.gso-sys-view .swiper-control{padding-top: 0;}
.gso-sys-view .sys-view-slider .active .view-item-tit{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);}
.gso-sys-view .owl-prev,.gso-sys-view .owl-next{display: inline-block;width: 40px;height: 80px;line-height: 80px;position: absolute;top: 50%;background-color: #fff;margin-top: -60px;z-index: 1;cursor: pointer;font-size: 24px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 1px solid #aaa;color: #666;}
.gso-sys-view .owl-prev:before,.gso-sys-view .owl-next:before{font-family: 'iconfont';}
.gso-sys-view .owl-prev{left:0;border-radius: 0 40px 40px 0;border-left: 0;}
.gso-sys-view .owl-next{right:0;border-radius: 40px 0 0 40px;border-right: 0;}
.gso-sys-view .owl-prev:before{content: ''; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat;padding-right: 35px;background-position:center;}
.gso-sys-view .owl-next:before{content: '';background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E") !important;background-repeat:no-repeat;padding-left: 44px; background-position:center;}
.gso-sys-view .sys-view-slider:hover .owl-prev,.gso-sys-view .sys-view-slider:hover .owl-next{opacity: 1;filter: alpha(opacity=100);}
.gso-sys-view .owl-dots{width: 100%;position: absolute;left: 0;bottom: -40px;text-align: center;}
.gso-sys-view .owl-dots .swiper-pagination-bullet{width: 8px;height: 8px;background: -webkit-linear-gradient(#eee, #fff);background: -o-linear-gradient(#eee, #fff);background: linear-gradient(#eee, #fff);background: linear-gradient(top,#eee,#fff);margin: 0 4px;cursor: pointer;border:1px solid #c6c6c6; opacity:1;}
.gso-sys-view .owl-dots .swiper-pagination-bullet-active{background: #003eb3;border-color: #003eb3;}
.gso-sys-view .sys-view-slider:hover .owl-prev,.gso-sys-view .sys-view-slider:hover .owl-next{color: #000;}
.process-list ul:after{ content:''; display:block; clear:both;}


/* --------------------------
   流程
   -------------------------- */
.gso-process{background:#3f80e8;text-align:center;}
.gso-process .floor-layout{padding-bottom:0;}
.gso-process .floor-hd .floor-title{margin-bottom:1.8em;}
.gso-process .floor-in{width:100%;padding:40px 0;}
.gso-process .floor-hd,.gso-process .floor-hd .hd-title,.gso-process .floor-hd .hd-title a,.gso-process,.gso-process a{color:#fff;}
.gso-process .floor-hd .title-desc{color:#fff8e7;font-size:14px;padding:5px 0 0;margin-bottom:3.2em;line-height:36px;}
.gso-process .process-list {width:100%;height:680px;overflow:hidden;padding-bottom:60px;position:relative;}
.gso-process .process-list .p-top{display:block;width:16px;height:16px;border:5px solid #95bdff;background-color:#fff;border-radius:50%;margin:0 auto;position:relative;z-index:9;}
.gso-process .process-list .p-line{display:block;width:1px;height:626px;background-color:#91bdfc;position:absolute;left:50%;top:0;opacity:.6;filter:alpha(opacity=60);}
.gso-process .process-list li{width:290px;position:absolute;line-height:1.5;}
.gso-process .process-list li .p-num{display:inline-block;width:80px;font-size:18px;font-weight:normal;text-align:center;position:absolute;right:5px;top:-8px;}
.gso-process .process-list li .p-num{*display:inline;}
.gso-process .process-list li .txt-cn{display:block;font-size:15px;}
.gso-process .process-list li .txt-eng{display:block;color:#c5d8fa;}
.gso-process .process-list .p-item-l{background:url(../img/gso/process_line_left.png) right center no-repeat;padding-right:102px;right:50%;text-align:right;margin-right:-5px;}
.gso-process .process-list .p-item-r{background:url(../img/gso/process_line_right.png) 0 center no-repeat;padding-left:102px;left:50%;text-align:left;margin-left:-5px;}
.gso-process .process-list li.p-item-r .p-num{right:auto;left:5px;}
.gso-process .process-list li.p-item-1{top:45px;}
.gso-process .process-list li.p-item-2{top:87px;}
.gso-process .process-list li.p-item-3{top:129px;}
.gso-process .process-list li.p-item-4{top:171px;}
.gso-process .process-list li.p-item-5{top:213px;}
.gso-process .process-list li.p-item-6{top:255px;}
.gso-process .process-list li.p-item-7{top:297px;}
.gso-process .process-list li.p-item-8{top:339px;}
.gso-process .process-list li.p-item-9{top:381px;}
.gso-process .process-list li.p-item-10{top:423px;}
.gso-process .process-list li.p-item-11{top:465px;}
.gso-process .process-list li.p-item-12{top:507px;}

@media screen and (max-width:1280px){
.gso-about .icon-earch{margin-top: 0;}
.gso-system .system-items{margin: 0 -10px;}
.gso-system .system-item .item-inner{margin-left: 10px;margin-right: 10px;}
.gso-sys-view .floor-bd{padding-top: 0;background: none;}
.gso-sys-view .sys-view-slider{width: auto;margin-left: auto;margin-right: auto;}
.gso-sys-view .sys-view-slider .sys-view-item img{height: auto;}
}
@media screen and (max-width:1024px){
	.gso-system .system-item{width: 50%;}
	.price-case-item .item-inner{margin: 0 5px;}
	.price-case-item .price-case-cont li{font-size: 12px;}
}
@media screen and (max-width:768px){
.floor-hd .hd-title{ padding-top:35px;}
.gso-about .floor-hd .hd-title{ padding-top:30px;}
.gso-system .floor-hd .hd-title{ padding-top:26px;}
	
.floor-hd .floor-icon{width: 75px;height: 75px;-webkit-background-size: 375px 75px;background-size: 375px 75px;}
.gso-about .floor-icon{background-position: 0 0;}
.gso-system .floor-icon{background-position: -75px 0;}
.gso-sys-view .floor-icon{background-position: -150px 0;}
.gso-process .floor-icon{background-position: -225px 0;}
.gso-price-case .floor-icon{background-position: -300px 0;}
.floor-hd .hd-title,.gso-about .floor-hd .hd-title,.gso-system .floor-hd .hd-title{font-size: 20px;}
.floor-hd .title-desc,.gso-process .floor-hd .title-desc{font-size: 14px;line-height: 1.8;margin-bottom: 2em;}
/* about */
.gso-about .icon-earch{width: 100px;height: 100px;-webkit-background-size: contain;background-size: contain;}
/* 四大系统 */
.gso-system .system-item{width: auto;float: none;margin-bottom: 15px;padding-bottom: 0;}
.gso-system .system-item .item-inner{border-radius: 4px;}
.gso-system .system-item .item-img img{height: 80px;width: auto;}
.gso-system .system-item .item-tit{padding-bottom: 8px; font-size:20px;}
.gso-system .system-item .item-list li{line-height:2;}

/* 流程 */
.gso-process .process-list {position:relative;padding:0 10px 30px;height:auto;}
.gso-process .process-list ul{padding-top:30px;}
.gso-process .process-list .p-line{height:100%;}
.gso-process .process-list li{position:relative;left:auto!important;right:auto!important;width:100%;padding:0 0 10px 50%!important;text-align:left!important;background:none!important;margin:0!important;top:auto!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gso-process .process-list li .p-num{position:static;font-size:11px;display:inline-block;width:15px;height:15px;line-height:15px;text-align:center!important;background-color:rgba(255,255,255,.5);border-radius:50%;position:absolute;left:50%;margin-left:-7px;top:3px;}
.gso-process .process-list li span{padding:0 0 0 15px;}
.gso-process .process-list li:nth-child(even){padding-left:0!important;padding-right:50%!important;text-align:right!important;}
.gso-process .process-list li:nth-child(even) span{padding:0 15px 0 0;}
.gso-process .process-list li:nth-child(even) .p-num{left:auto;right:50%;margin-left:auto;margin-right:-7px;}
.gso-process .process-list li .txt-cn{font-size:14px;}
.gso-process .process-list li .txt-eng{font-size:10px;}
/* 报价方案 */
.gso-price-cases{width: 100%;overflow: hidden!important;}
.price-case-bd{overflow:visible;height:auto;}
.price-case-items{width:100%;padding:0;max-width: 500px;margin-left: auto;margin-right: auto;}
.price-case-item{width:100%;float:none;-webkit-transform:none;transform:none;margin-bottom: 15px;border-radius: 3px;margin-bottom: 10px;margin-top: 0;}
.price-case-item .item-inner{margin: 0;}
.price-case-item .ico-thumb{margin-right: 12px;}
.price-case-item .price-case-name{height:auto;line-height:2em;font-size:24px;font-weight:normal;}
.price-case-item .price-case-cont li,.price-case-item .price-case-cont li.case-price{height:auto;line-height:1.5em;padding:.8em 0;}
.price-case-item .price-case-cont li{border-top-color: #eee;}
.price-case-item .price-case-cont li.case-price{padding:.3em 0;font-size:20px;}
.price-case-item:last-child{margin-bottom:0;}
.price-case-item:hover{box-shadow: none;}
.price-case-item-2 .price-case-name{padding-top: 5px;padding-bottom: 5px;}
}
@media screen and (max-width:420px){
/* 演示 */
.gso-sys-view .swiper-control{display: none;}
.gso-sys-view .sys-view-slider .view-item-tit{height: 35px;line-height: 35px;font-size: 12px;}
}
