/*全局样式*/
/*@import url("http://cdn.bootcss.com/animate.css/3.5.2/animate.min.css");*/
/*@import url("http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css");*/
body {margin:0;padding:0;font:14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica;color:#777}
a,a:link {color:#02ccff;text-decoration:none} /*未访问*/a:hover,a:focus {color:#02ccff;text-decoration:none;outline:none;-moz-outline:none} /*鼠标悬停*/a:visited {color:#02ccff} /*已访问*/a:active {color:#ff0000} /*被选择*/
input,textarea {outline:none;-moz-outline:none}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color:#000;font-weight:500;line-height:150%}
.h1,.h2,.h3,.h4,.h5,.h6 {margin:0;padding:0}
img {padding:0;margin:0;border:0}img {height:auto;max-width:100%}
.comment-respond #submit,.banner p,.owl-prev,.owl-next,.process figcaption,.kefu,.packages .tc-box,.navbar-brand,.navbar-default,.transition,*:link,*:visited,*:hover,*:active,*:focus {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.parallax {background-attachment:fixed!important;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
::-moz-selection{background:#02ccff;color:#fff}::selection {background:#02ccff;color:#fff} 
.pingpu-bg {background:no-repeat center top fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;position:relative}
.pingpu-bg {min-width:1140px}
.red {color:#f66!important}.blue {color:#02ccff!important}.green {color:#089500!important}.font-12 {font-size:12px!important}
hr {margin:30px 0;border:0;border-top:1px solid #eee}hr.small {margin:15px 0}hr.big {margin:40px 0}hr.white {border-color:rgba(255,255,255,.3)}
.nowrap {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
/*placeholder*/
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {color:#ccc;font-size:12px}
/*外补*/
.t-m-10 {margin-top:10px}.t-m-20 {margin-top:20px}.t-m-30 {margin-top:30px}.t-m-40 {margin-top:40px}.t-m-50 {margin-top:50px}.t-m-60 {margin-top:60px}.t-m-70 {margin-top:70px}
.b-m-10 {margin-bottom:10px}.b-m-20 {margin-bottom:20px}.b-m-30 {margin-bottom:30px}.b-m-40 {margin-bottom:40px}.b-m-50 {margin-bottom:50px}.b-m-60 {margin-bottom:60px}.b-m-70 {margin-bottom:70px}
.l-m-10 {margin-left:10px}.l-m-20 {margin-left:20px}.l-m-30 {margin-left:30px}.l-m-40 {margin-left:40px}.l-m-50 {margin-left:50px}.l-m-60 {margin-left:60px}.l-m-70 {margin-left:70px}
.r-m-10 {margin-right:10px}.r-m-20 {margin-right:20px}.r-m-30 {margin-right:30px}.r-m-40 {margin-right:40px}.r-m-50 {margin-right:50px}.r-m-60 {margin-right:60px}.r-m-70 {margin-right:70px}
/*内补*/
.t-p-10 {padding-top:10px}.t-p-20 {padding-top:20px}.t-p-30 {padding-top:30px}.t-p-40 {padding-top:40px}.t-p-50 {padding-top:50px}.t-p-60 {padding-top:60px}.t-p-70 {padding-top:70px}
.b-p-10 {padding-bottom:10px}.b-p-20 {padding-bottom:20px}.b-p-30 {padding-bottom:30px}.b-p-40 {padding-bottom:40px}.b-p-50 {padding-bottom:50px}.b-p-60 {padding-bottom:60px}.b-p-70 {padding-bottom:70px}
.l-p-10 {padding-left:10px}.l-p-20 {padding-left:20px}.l-p-30 {padding-left:30px}.l-p-40 {padding-left:40px}.l-p-50 {padding-left:50px}.l-p-60 {padding-left:60px}.l-p-70 {padding-left:70px}
.r-p-10 {padding-right:10px}.r-p-20 {padding-right:20px}.r-p-30 {padding-right:30px}.r-p-40 {padding-right:40px}.r-p-50 {padding-right:50px}.r-p-60 {padding-right:60px}.r-p-70 {padding-right:70px}
/*清除内外补*/
.p-none {padding:0}.m-none {margin:0}
.t-p-none {padding-top:0}.b-p-none {padding-bottom:0}.l-p-none {padding-left:0}.r-p-none {padding-right:0}
.t-m-none {margin-top:0}.b-m-none {margin-bottom:0}.l-m-none {margin-left:0}.r-m-none {margin-right:0}
/*加载进度条*/
/*.pace {-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pace-inactive {display:none}
.pace .pace-progress {background:#FFF;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
.pace .pace-progress-inner {display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #FFF,0 0 5px #FFF;opacity:1.0;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}*/
/*上下跳动*/
.animated-td {-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated-td.infinite-td {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes shake-td {
0%,100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);filter:alpha(opacity=30);opacity:.3}
20%,40%,60%,80% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);filter:alpha(opacity=100);opacity:1}
}
@keyframes shake-td {
0%,100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);filter:alpha(opacity=30);opacity:.3}
20%,40%,60%,80% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);filter:alpha(opacity=100);opacity:1}
}
.shake-td {-webkit-animation-name:shake-td;animation-name:shake-td}
/* clearfix */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
/* display none until init */
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
/* mouse grab icon */
.grabbing{cursor:url(grabbing.png) 8 8, move}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
/*CSS3 Transitions*/
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x :50%;-webkit-perspective-origin-y :50%;-moz-perspective :1200px;-moz-perspective-origin-x :50%;-moz-perspective-origin-y :50%;perspective :1200px}
/* fade */
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
/* backSlide */
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
/* goDown */
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
/* scaleUp */
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty{0%{opacity:1}}
@-moz-keyframes empty{0%{opacity:1}}
@keyframes empty{0%{opacity:1}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes backSlideOut{25%{opacity:.5; -webkit-transform:translateZ(-500px)}75%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%)}}
@-moz-keyframes backSlideOut{25%{opacity:.5; -moz-transform:translateZ(-500px)}75%{opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%)}}
@keyframes backSlideOut{25%{opacity:.5; transform:translateZ(-500px)}75%{opacity:.5; transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5; transform:translateZ(-500px) translateX(-200%)}}
@-webkit-keyframes backSlideIn{0%,25%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5; -webkit-transform:translateZ(-500px)}100%{opacity:1; -webkit-transform:translateZ(0) translateX(0)}}
@-moz-keyframes backSlideIn{0%,25%{opacity:.5; -moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5; -moz-transform:translateZ(-500px)}100%{opacity:1; -moz-transform:translateZ(0) translateX(0)}}
@keyframes backSlideIn{0%,25%{opacity:.5; transform:translateZ(-500px) translateX(200%)}75%{opacity:.5; transform:translateZ(-500px)}100%{opacity:1; transform:translateZ(0) translateX(0)}}
@-webkit-keyframes scaleToFade{to{opacity:0; -webkit-transform:scale(.8)}}
@-moz-keyframes scaleToFade{to{opacity:0; -moz-transform:scale(.8)}}
@keyframes scaleToFade{to{opacity:0; transform:scale(.8)}}
@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}
@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}
@keyframes goDown{from{transform:translateY(-100%)}}
@-webkit-keyframes scaleUpFrom{from{opacity:0; -webkit-transform:scale(1.5)}}
@-moz-keyframes scaleUpFrom{from{opacity:0; -moz-transform:scale(1.5)}}
@keyframes scaleUpFrom{from{opacity:0; transform:scale(1.5)}}
@-webkit-keyframes scaleUpTo{to{opacity:0; -webkit-transform:scale(1.5)}}
@-moz-keyframes scaleUpTo{to{opacity:0; -moz-transform:scale(1.5)}}
@keyframes scaleUpTo{to{opacity:0; transform:scale(1.5)}}


.index_main{
	height: 100vh;
}
.section2,.section4{
	height: 100vh;
}
/*owl-carousel*/
.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel {display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item {float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing {cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls {margin-top:20px;text-align:center}
.owl-theme .owl-controls .owl-buttons div {display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=70);opacity:.7}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page {display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span {display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=70);opacity:.7;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading {min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
.owl-pagination {display:none}
.owl-prev,.owl-next {text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-position:left top;background-size:46px auto;width:46px;height:40px;display:inline-block;margin:0 10px}
.owl-prev {background-image:url(btn-left-white.svg)}
.owl-next {background-image:url(btn-right-white.svg)}
.owl-prev,.owl-next {filter:alpha(opacity=40);opacity:.4}
.owl-prev:hover,.owl-next:hover {filter:alpha(opacity=100);opacity:1}
/*header start*/
.navbar-header {position:relative}
/*logo start*/
.navbar-brand {padding:0 15px;width:400px;height:70px;background:url(logo.png) no-repeat;background-size:300px auto;text-indent:-9999px;overflow:hidden;display:block}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:0}
/*nav start*/
.nav {line-height:44px}
.nav > li > a {color:#c9caca;display:block;padding:0;margin-left:32px; font-size: 20px;}
.nav > li.active > a,.nav > li > a:hover,.nav > li > a:focus {color:#02ccff;background-color:transparent}
/*nav-pills start*/
@media (max-width:767px) {
.nav-pills > li {float:inherit}
.navbar-default .navbar-collapse {border-width:0;margin-top:10px;padding-top:10px;padding-right:0;padding-left:0}
.navbar-default .navbar-collapse a {line-height:48px}
.nav-pills {padding-right:15px;padding-left:15px}
.navbar-toggle {margin-top:4px}
.nav {background-color:#222}
.nav > li > a {margin-left:0;border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:0}
}
/*header.scroll start*/
.navbar-default {padding:30px 0;background-color:rgba(69,165,225,0)}
.navbar-default {background-color:transparent;border-color:transparent}
.navbar-default .navbar-toggle:hover {background-color:rgba(255,255,255,0)}
.navbar-default .navbar-toggle .icon-bar {background-color:#DDD}
.navbar-fixed-top {border-width:0}
.navbar {margin-bottom:0;border:0}
@media (max-width:767px) {
.sticky .navbar-collapse {border-width:0;margin-top:10px;padding-top:0}
.sticky .nav {margin-top:10px}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:15px !important; margin-top: 5px;}
}
.sticky {background-color:rgba(34,34,34,0.9)}
.sticky.navbar {padding:14px 0 12px 0;box-shadow:0 1px 0 rgba(255,255,255,0)}
.sticky .nav {line-height:40px}
.sticky .navbar-toggle {margin-top:3px;margin-bottom:0}
.sticky .navbar-brand {background-size:200px auto;width:200px;height:38px} 
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {color:#02ccff;background-color:rgba(255,255,255,0)}
/*banner start*/

.video-my{width: 100%;}
.about-banner {background-image:url(about-banner.jpg)!important}
.about-banner1 {background-image:url(about-banner1.jpg); min-height: 1000px;position:relative}
.about-banner2 {background-image:url(about-banner2.jpg); min-height: 1200px;position:relative}
.about-banner3 {background-image:url(about-banner3.jpg); min-height: 2671px;position:relative}
.services-banner {background-image:url(services-banner.jpg)!important}
.works-banner {background-image:url(works-banner.jpg)!important}
.technology-banner {background-image:url(technology-banner.jpg)!important}
.news-banner {background-image:url(news-banner.jpg)!important}
.marketing-banner {background-image:url(marketing-banner.jpg)!important}
.manage-banner {background-image:url(manage-banner.jpg)!important}
.blog-banner {background-image:url(blog-banner.jpg)!important}
.contact-banner {background-image:url(contact-banner.jpg)!important}
.blog-show-banner {background:#222;padding-top:106px}
.banner {background-size:2000px auto}


/*owl-carousel.2.2.1.css*/
div.owl-stage-outer.owl-height {height: 100%!important}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;max-width:100%;}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:5pc;width:5pc;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*owl-carousel.2.2.1.theme.css*/
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background-color:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background-color:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:#869791}
/*banner*/
.cbanner {}
.cbanner .owl-theme .item{
/*	background-repeat:no-repeat!important;
	background-size:100% auto !important;
	background-position:center top!important; */
    width: 100%;
    height: 100%;
/*    max-height: 594px;*/
	min-height: 594px;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 100% 100% !important;
}
.cbanner .owl-theme .item img{padding:0 15px}
/*banner-prev-nav*/
.cbanner .owl-theme .owl-nav{margin-top:0;text-align:center;-webkit-tap-highlight-color:transparent}
.cbanner .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;padding:0;background-color:#000;display:inline-block;cursor:pointer;border-radius:50%;text-indent:-9999px;background:#000 url(slider-arrow.png) 0 0 no-repeat;overflow:hidden;width:50px;height:50px;position:absolute;left:3%;top:50%;margin:-25px 10px 0 10px;filter:alpha(opacity=0);opacity:.0}
.cbanner .owl-theme .owl-nav .owl-next{left:auto;right:3%;background-position:-50px 0}
.cbanner .owl-theme .owl-nav [class*=owl-]:hover{background-color:#02ccff;color:#FFF;text-decoration:none}
.cbanner .owl-theme:hover .owl-nav [class*=owl-] {filter:alpha(opacity=80);opacity:.8}
.cbanner .owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.cbanner .owl-theme .owl-nav.disabled+.owl-dots{margin-top:0}
/*banner-prev-dots*/
.cbanner .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;width:100%;position:absolute;z-index:1;bottom:0;left:0;height:64px;text-align:center}
.cbanner .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.cbanner .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background-color:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.cbanner .owl-theme .owl-dots .owl-dot.active span,.banner .owl-theme .owl-dots .owl-dot:hover span{background-color:#02ccff}



@media (max-width:991px) {
	/*header start*/
	.navbar-header {position:relative}
	/*logo start*/
	.navbar-brand {padding:0 15px;width:200px !important;height:38px !important;background:url(logo.png) no-repeat;background-size:200px auto !important;text-indent:-9999px;overflow:hidden;display:block}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:15px}
	.banner {height:180px;background-size:991px auto; margin-top: 53px;}
	.about-banner {height:496px;background-size:991px auto}
	.about-banner1 {height:496px;background-size:991px auto}
	.about-banner2 {height:496px;background-size:991px auto}
	.about-banner3 {height:496px;background-size:991px auto}
	.advant {
		height: auto !important;
	}
    .advant .bigImg {position: relative; width: 100%; height: auto; clear: both; margin-bottom: 20px;}
	.advant img {
		margin-top: 20px !important;
	}
	.advant li {
		position: inherit !important;
		width: 100% !important;
	}
	.wrap1 .tit1 {
		margin: 150px auto 0 !important;
	}
	#move1 {
		width: 90% !important;
		margin: 25px auto 0;
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		z-index: 300;
	}
	#move3 {
		width: 100%  !important;
		margin: 0 auto;
		height: 387px;
		position: absolute;
		background: #fff !important;
		top: 200px !important;
	    right: 0 !important; 
	    margin-right: auto  !important; 
		z-index: 400;
		opacity: 0.8
	}
	#move3 ul {
		float: right;
		width: 100%  !important;
		margin-top: 70px;
	}
	#move3 .content {
		 float: left; 
		 width: 100% !important; 
		 padding: 20px;
	}
	.botBox {
		width: 100%  !important;
		height: 350px;
		background: #fff !important;
		position: absolute;
		bottom: 540px;
		left: 0 !important;
		z-index: 201;
		margin-left: 0 !important;
		opacity: 0.8
	}
	.botText {
		float: left;
		width: 100% !important; 
		padding: 20px;
		margin: 0 auto !important;
		_display: inline;
	}
	#redBox{
		display: none;
	}
}
	
@media (min-width:992px) and (max-width:1199px) {
	.banner {height:594px;background-size:1650px auto}
	.about-banner {height:594px;background-size:1650px auto}
	.about-banner1 {height:594px;background-size:1650px auto}
	.about-banner2 {height:594px;background-size:1650px auto}
	.about-banner3 {height:594px;background-size:1650px auto}
}
@media (min-width:2000px) {.full-bg,.banner {background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}
@media all and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
/*.banner {background-image:url(banner@2x.jpg)}*/
.about-banner {background-image:url(about-banner@2x.jpg)}
.services-banner {background-image:url(services-banner@2x.jpg)}
.works-banner {background-image:url(works-banner@2x.jpg)}
.technology-banner {background-image:url(technology-banner@2x.jpg)}
.news-banner {background-image:url(news-banner@2x.jpg)}
.marketing-banner {background-image:url(marketing-banner@2x.jpg)}
.manage-banner {background-image:url(manage-banner@2x.jpg)}
.blog-banner {background-image:url(blog-banner@2x.jpg)}
.contact-banner {background-image:url(contact-banner@2x.jpg)}
}
.white {height:20px;background-color:#FFF;position:absolute;bottom:0;left:-50%;right:-50%}
@media (max-width:767px) {.white {width:100%}}
@media (min-width:768px) {.white {width:720px}}
@media (min-width:992px) {.white {width:940px}}
@media (min-width:1200px) {.white {width:1140px}}
/*banner text*/
.banner article {padding-top:0em;}
.banner article h2 {color:#fff;font-size:72px;font-weight:bolder;margin:0 0 10px 0;padding:0;-webkit-text-shadow:1px 2px 10px rgba(0,0,0,.1);text-shadow:1px 2px 10px rgba(0,0,0,.1)}
.banner article p {color:#fff;font-size:16px;margin:0 0 30px 0;padding:8px 20px;background-color:#02ccff;display:inline-block;border-radius:4px}
.banner article p:hover {background:#6c0}
.banner div a {display:inline-block;width:30px;height:64px;text-indent:-9999px;overflow:hidden;background:url(scroll.svg) no-repeat center top;background-size:30px auto;cursor:pointer}
@media (max-width:767px) {
	.mask {background-color:none;height:calc(100vh - 60px);}
	.banner article {padding-top:11em}.banner article p {font-size:14px;line-height:24px}.banner article h2 {font-size:36px}
	.about2{padding: 10px; width: 100%; margin: 0 auto; background: #02ccff}
	.about2 h2{color: #fff; font-size: 24px; line-height: 50px; margin: 20px auto;}
	.about2 p{color: #fff; font-size: 14px; line-height: 30px;}
	.why{padding: 10px; width: 100%; margin: 0 auto; }
	.why h2{color: #02ccff; font-size: 24px; line-height: 50px; margin: 20px auto;}
	.why p{color: #000; font-size: 14px; font-weight: bold; line-height: 30px;}
	.j-h2 {
		font-size: 60px !important;
	}
	.j-h3 {
		font-size: 30px !important;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.mask {background-color:rgba(0,0,0,.2);height:calc(100vh - 60px);}
	.banner article {padding-top:11em}.banner article h2 {font-size:54px}
	.about2{padding: 50px; width: 100%; margin: 0 auto;  background: #02ccff}
	.about2 h2{color: #fff; font-size: 46px; line-height: 80px; margin: 20px auto;}
	.about2 p{color: #fff; font-size: 18px;  line-height: 40px;}
	.why{padding: 50px; width: 100%; margin: 0 auto;}
	.why h2{color: #02ccff; font-size: 46px; line-height: 80px; margin: 20px auto;}
	.why p{color: #000; font-size: 20px; line-height: 40px;}
	.j-h2 {
		font-size: 60px !important;
	}
	.j-h3 {
		font-size: 30px !important;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.banner article {padding-top:14.5em}
	.banner article h2 {font-size:64px}
	.about2{padding: 50px; width: 100%; margin: 0 auto; background: #02ccff}
	.about2 h2{color: #fff; font-size: 46px; line-height: 80px; margin: 20px auto;}
	.about2 p{color: #fff; font-size: 18px; line-height: 40px;}
	.why{padding: 50px; width: 100%; margin: 0 auto;}
	.why h2{color: #02ccff; font-size: 46px; line-height: 80px; margin: 20px auto;}
	.why p{color: #000; font-size: 20px; line-height: 40px;}
}
@media (min-width:1200px) {
	.about2{padding: 100px; width: 100%; margin: 0 auto; background: #02ccff}
	.about2 h2{color: #fff; font-size: 46px; line-height: 80px; margin: 20px auto;}
	.about2 p{color: #fff; font-size: 18px; line-height: 40px;}
	.why{padding: 100px; width: 100%; margin: 0 auto; }
	.why h2{color: #02ccff; font-size: 46px; line-height: 80px; margin: 20px auto;}
	.why p{color: #000; font-size: 20px; line-height: 40px;}
	.banner {/*background:#222 url(banner.jpg) no-repeat center top;*/min-height: 1000px;position:relative}
	.mask {background-color:rgba(0,0,0,.2);height:calc(100vh - 130px);}
}
@media (min-width: 1920px){
/*
	.mask {
		height: calc(1920px - 130px);
	}
*/
}
@media (min-width: 2550px){
	.mask {
		height: calc(1440px - 130px);
	}
	.process {
		background: url(ys-2.png);
		height: 1347px !important;
		background-position: center 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-attachment: inherit;
		width: 100%;
		position: relative;
	}
	.cbanner .owl-theme .item {
		width: 100%;
		height: 100%;
		/* max-height: 594px; */
		min-height: 792px;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
		background-size: 100% 100% !important;
	}
	.superiority {
		height: 900px;
		margin-top: 200px;
	}
}
.banner article .shake {-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}

/*全局标签*/
.h-h2 {font-size:24px;color:#ffff00;margin:50px 0 10px 0;line-height:100%}
.h-h3 {font-size:30px;color:#ffffff;padding:0 0 20px 0;margin:0 0 20px 0;line-height:150%}
.j-h2 {font-size:80px;color:#ffff00;margin:100px 0 50px 0;line-height:100%; text-align: left;}
.j-h3 {font-size:30px;color:#a1a1a1; text-align: left;}
.j-h4 {font-size:24px;color:#ffff; text-align: left;margin-top: 50px;}
.j-h4 a{background: #02ccff; color:#fff; text-decoration: none; border-radius: 30px; padding: 10px 30px;}
.j-h4 a:hover{background: #00acd7; }
.h-h2-blue {color:#02ccff;}
.h-h2-white {color:#FFF;}
.p-h2 {font-size:2em;line-height:150%;color:#000;padding:0;margin:0 0 30px 0}
.p-h2-white {color:#FFF}
.h-h2 small,.p-h2 small {display:block;font-size:14px;line-height:150%;margin:10px 0}
.h-h2-white small,.p-h2-white small {color:rgba(255,255,255,.5)}
.sx-jianju {padding:70px 0 75px 0;}
.works{ background: #02ccff}
@media (max-width:767px) {
	.sx-jianju {padding:60px 0 65px 0}
	.superiority,.process,.about,.footer {color:#fff}
	.section2, .section4 {
		height: auto;
	}
	.process{
		background-attachment: inherit !important; 
		background-size: cover !important;
		height: auto !important;
		width: 100% ;
	/*	background: url(ys-2.png) no-repeat center bottom !important;*/
	}
	.navbar-default{
		padding: 5px 0;
	}
	.cbanner{
		margin-top: 53px;
	}
	.navbar-default{
		background: rgba(34,34,34,0.9)
	}
	.sticky.navbar {
		padding: 5px 0 5px 0;
		box-shadow: 0 1px 0 rgb(255 255 255 / 0%);
	}
	.cbanner .owl-theme .owl-dots {
		height: 30px !important;
	}
	.cbanner .owl-theme .item{
		min-height: auto !important;
	}
}
/*pic hover*/
.pic-hover {background-color:rgba(69,165,225,0);position:absolute;top:0;left:0;width:100%;height:100%;display:block;padding:50px 40px;-webkit-transition:.2s;transition:.2s}
.pic-hover:hover {background-color:rgba(0,153,255,.8); cursor: pointer;}
.pic-hover-more:hover {background-image: url(p8a.jpg); cursor: pointer;}
.pic-hover h2 {color:#FFF;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding:.8em 0}
.pic-hover h2 {-webkit-transition:.35s;transition:transform .35s}
.pic-hover h2::after {position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:.35s;transition:.35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.pic-hover:hover h2::after {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pic-hover p {-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s}
.pic-hover p a {color:rgba(255,255,255,.8)}
.pic-hover:hover p {-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.2s;transition-duration:.2s}
.pic-hover h2,.pic-hover p {filter:alpha(opacity=0);opacity:0}
.pic-hover h2,.pic-hover p {-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.pic-hover:hover h2,.pic-hover:hover p {filter:alpha(opacity=100);opacity:1}
.pic-hover:hover h2,.pic-hover:hover p {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pic-hover .new {position:absolute;top:0;right:0;width:69px;height:69px;background:url(images/works/new.svg) no-repeat 0 0;background-size:69px auto}
/*btn*/
.btn-left-white,.btn-right-white {text-indent:-9999px;overflow:hidden;background-position:left top;background-size:46px auto;width:46px;height:40px;display:inline-block;margin:0 5px;background-repeat:no-repeat}
.btn-left-white {background-image:url(btn-left-white.svg)}
.btn-right-white {background-image:url(btn-right-white.svg)}
.btn-left-white,.btn-right-white {filter:alpha(opacity=40);opacity:.4}
.btn-left-white:hover,.btn-right-white:hover {filter:alpha(opacity=100);opacity:1}
.btn-center {text-align:center;font-size:14px;padding:14px 60px;color:#02ccff;border:2px solid #02ccff}
.btn-center:hover {background-color:#02ccff;color:#fff;text-decoration:none}
/*模态窗*/
.modal-title {color:#000;text-align:center}.modal-body {padding:20px 30px}.modal-body,.modal-body p {color:#999}.modal-content {border-radius:0}
/*服务项目*/
.services article h2 {padding:0 0 6px 75px;font-size:18px;color:#000;background:no-repeat left 2px / auto 50px;background-position-x:-66px\0}
.services article h2 a {color:#000;text-decoration:none}
.services article h2 a:hover {color:#02ccff}
.services article h2 small {font-size:14px;display:block;margin:10px 0 15px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.services article h2.wj {background-image:url(s-web.svg)}
.services article h2.yy {background-image:url(s-yy.svg)}
.services article h2.yx {background-image:url(s-yx.svg)}
.services article h2.pp {background-image:url(s-pp.svg)}
.services article p {margin-bottom:0}
@media (max-width:768px) {.services article p {padding-left:75px} .services article h2 {margin-bottom:2px}}
.services.row article p {margin-bottom:15px}
/*服务优势*/
.superiority {}
.superiority figure h3 {margin-top:40px;color:#898989}
.superiority figure p {color: #898989}
@media (min-width:992px) {.superiority figure p {width:80%;margin:0 auto}}
/*我们的作品*/
.works figure {margin-bottom:60px}
.works-box {padding:20px;max-width:350px;margin:0 auto;position:relative; background: #fff;/*background:url(works-bg.png) no-repeat center top;background-size:100% auto*/}
@media all and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
.works-box {background-size:100% auto}
.works-box {background-image:url(works-bg@2x.png)}
}
.works-box .pic-hover {max-width:263px;height:334px}
.works-box .pic-hover p{color: #fff;}
@media (max-width:320px) {.works-box .pic-hover {padding:5% 30px}}
@media (max-width:414px) {.works-box .pic-hover {padding:9% 30px}}
@media (max-width:767px) {.works-box {padding:0;max-width:263px;background-image:none}.works-box .pic-hover {margin:0;max-width:263px;height:100%;padding:12% 30px}.works figure img {-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}}
@media (min-width:992px) and (max-width:1199px) {
.works-box h2 {padding:.2em 0}
.works-box {padding:15px 53px 33px 53px;max-width:455px}
.works-box .pic-hover {margin:15px 0 0 53px;max-width:263px;height:334px}
}
/*移动端降级*/
@media only screen and (max-device-width:1199px) {
/*For general iPad layouts*/
.works-box .pic-hover {background-color:rgba(0,153,225,.9);display:none}
.works-box:hover .pic-hover {display:block}
.works-box .pic-hover h2,.works-box .pic-hover p {filter:alpha(opacity=100);opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.works-box .pic-hover h2::after {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
/*加入巴马会*/
.process {
	background: url(ys-2.png);
    height: 1010px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: inherit;
    width: 100%;
    position: relative;
}
/*
@media all and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.process {background-size:100% auto}
	.process {background-image:url(ys-2.png)}
}
*/
.process figure {margin-bottom:40px}
.process figure figcaption {display:inline-block;padding-top:36px;width:136px;height:136px;border-radius:50%;border:3px solid rgba(255,255,255,.7);color:rgba(255,255,255,.7)}
.process figure figcaption:hover {background-color:#02ccff;border:3px solid rgba(255,255,255,0)}
.process figure figcaption small {display:block}
.process figure figcaption a {color:#fff;display:block;text-decoration:none}
.liucheng h3 small {font-size:14px}
/*关于我们*/
.about {background:#02ccff url(about-bg.svg) no-repeat center center;background-size:792px auto}
.about p {color:rgba(255,255,255,.8);margin-bottom:0}
/*团队能量值*/
.energy h3 {font-size:14px;color:#000;margin-bottom:15px}
.energy h3 small {font-size:14px;color:#bbb}
.energy .progress-bar-info {background-color:#02ccff}
.energy .progress-bar-warning {background-color:#fc0}
.energy .progress-bar-success {background-color:#6c0}
.energy .progress-bar-danger {background-color:#f66}
.energy .progress,.energy .progress-bar {border-radius:6px}
.energy .progress {height:12px}
/*标语*/
.biaoyu {padding:70px 0;background:#272a2d url(biaoyu.jpg) no-repeat center center fixed}
@media all and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
.biaoyu {background-size:2000px auto}.biaoyu {background-image:url(biaoyu@2x.jpg)}
}
.biaoyu h2 {color:#FFF;font-size:24px;margin:0 0 15px 0;padding:0}
.biaoyu p {font-size:18px;color:rgba(255,255,255,.5);margin:0 0 10px 0;padding:0}
/*移动端降级*/
@media only screen and (max-device-width:1199px) {
/*For general iPad layouts*/
.process,.biaoyu {background-attachment:fixed}
}
@media (min-width:2000px) {.biaoyu,.process {background-size:100% auto}.biaoyu,.process {background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}}
/*服务套餐*/
.packages .tc-box {background-color:#02ccff;color:rgba(255,255,255,.8);padding:40px 50px;border-radius:4px;margin:0 0 50px 0}
.packages .tc-box:hover {background-color:#6c0;-webkit-box-shadow:0 0 10px rgba(255,96,80,.5);box-shadow:0 0 10px rgba(115,191,58,1)}
.packages .tc-box h2 {font-size:20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:10px;margin:0}
.packages .tc-box ul {text-align:left;line-height:32px;margin:20px 0 0 0}
.packages .tc-box ul li {background:url(tc-bg-ok.svg) no-repeat left center / auto 12px;background-position-x:-43px\0;padding-left:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.packages .tc-box ul li.no {background-image:url(tc-bg-no.svg)}
.packages h3 {margin:0;padding:0;text-align:center}
/*联系我们*/
.jiao {padding-top:20px;background:url(foot-jiao.svg) no-repeat center top;background-size:auto 20px}
.section5 {background: #0e2c50}
.copy {background-color:#0e2c50;font-size:12px; height: 100%; padding: 50px;}
.copy p,.copy a.links {color:#fff; font-size: 16px;}
.copy p img {padding-bottom:3px}
@media (min-width:769px) {.copy p {line-height:24px}}
.copy ul.sns {margin:0 0 30px 0}
.copy ul.sns li a {width:46px;height:46px;display:inline-block;background:#333 no-repeat center center;text-indent:-9999px;overflow:hidden;margin:0 1px}
.copy ul.sns li a.b1 {background-image:url(b1.jpg); width: 212px; height: 267px; cursor: pointer;}.copy ul li a.b1:hover {opacity: 0.8}
.copy ul.sns li a.b2 {background-image:url(b2.jpg); width: 212px; height: 267px; cursor: pointer;}.copy ul li a.b2:hover {opacity: 0.8}
.copy ul.sns li a.b3 {background-image:url(b3.jpg); width: 212px; height: 267px; cursor: pointer;}.copy ul li a.b3:hover {opacity: 0.8}
/*.copy ul.sns li a.tw {background-size:28px auto;background-image:url(twitter.svg)}.copy ul li a.fb:hover {background-color:#386ca1}*/
.weixin-pic {width:auto;height:auto}
@media (min-width:376px) {.weixin-pic {max-width:300px}}
/*客服*/
.kefu {position:fixed;right:-15px;bottom:10px;padding:20px;display:block; z-index: 9999}
@media (min-width:1200px) {.kefu {right:0}}
.kefu a {display:block;width:48px;height:48px;margin:4px 0;text-indent:-9999px;overflow:hidden;background:hsla(0,0%,0%,.85) no-repeat center center;border-radius:100%}
.kefu a.kf-dh {background-image:url(tel.svg);background-size:22px auto}
.kefu a.kf-qq {background-image:url(qq.svg);background-size:22px auto}
.kefu a.kf-qipao {background-image:url(qipao.svg);background-size:22px auto}
.kefu a.kf-hd {background-image:url(hd.svg);background-size:22px auto}
.kefu a.kf-top {background-image:url(top.svg);background-size:22px auto}
.kefu a:hover.kf-dh {background-color:#f66}
.kefu a:hover.kf-qq {background-color:#02ccff}
.kefu a:hover.kf-qipao {background-color:#0cf}
.kefu a:hover.kf-hd {background-color:#f66}
.kefu a:hover.kf-top {background-color:#6c0}
@media (min-width:768px) {.kefu a.kf-dh {display:none}}
/*友情链接*/
#menu-links {padding:0;margin:0;list-style:none}
#menu-links li {display:inline}
#menu-links li + li:before {padding:0 5px;color:#444;content:"/\00a0"}
.copy .well {min-height:20px;padding:15px;margin:30px 0 0 0;background-color:#000;border:1px solid #000;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
/*blog-text*/
.blogtext {height:24px;margin-bottom:14px;overflow:hidden}
.blogtext a {display:inline-block;height:24px;line-height:24px}
/*内页样式*/
/*内页服务页面*/
.fanchou article,.youshi article,.liucheng article {border-bottom:1px solid #ddd;padding-top:25px;padding-bottom:30px;margin-left:0;margin-right:0}
.fanchou article figure,.fanchou article div {padding-left:0;padding-right:0}
.fanchou article figure {text-align:center;padding-top:20px;padding-bottom:20px}
@media (max-width:767px) {.fanchou div.col-xs-12 h2 {text-align:center}.youshi,#liucheng {text-align:center}}
@media (min-width:768px) {
.fanchou article {padding-top:50px;padding-bottom:60px}
.fanchou article:nth-child(odd) div {padding-left:60px}
.fanchou article:nth-child(even) div {padding-right:60px}
}
.fanchou h2,.youshi h2,.liucheng h2 {padding:0 0 6px 0;font-size:2em;color:#000}
.fanchou h2 small,.youshi h2 small,.liucheng h2 small {font-size:14px;display:block;margin:10px 0 15px 0;line-height:150%}
.youshi article {padding-top:0;padding-bottom:0}
.youshi article figure {height:420px;background-color:#f2f2f2}
.youshi article figure,.youshi article div {padding-left:0;padding-right:0}
.youshi article div {padding-top:25px;padding-bottom:30px}
@media (min-width:768px) {
.youshi article div {padding-top:50px;padding-bottom:60px}
.youshi article:nth-child(1) div {padding-top:0;padding-bottom:0}
.youshi article:nth-child(odd) div {padding-left:60px}
.youshi article:nth-child(even) div {padding-right:60px}
}
.youshi article:nth-child(1) figure {background:#f2f2f2 url(images/fuwu/ys-ren.svg) no-repeat center center;background-size:210px auto}
.youshi article:nth-child(2) figure {background:#f2f2f2 url(images/fuwu/ys-ch.svg) no-repeat center center;background-size:220px auto}
.youshi article:nth-child(3) figure {background:#f2f2f2 url(images/fuwu/ys-dw.svg) no-repeat center center;background-size:220px auto}
.youshi article:nth-child(4) figure {background:#f2f2f2 url(images/fuwu/ys-sj.svg) no-repeat center center;background-size:206px auto}
.youshi article:nth-child(5) figure {background:#f2f2f2 url(images/fuwu/ys-bj.svg) no-repeat center center;background-size:215px auto}
.youshi article:nth-child(6) figure {background:#f2f2f2 url(images/fuwu/ys-jg.svg) no-repeat center center;background-size:235px auto}
.youshi article:nth-child(7) figure {background:#f2f2f2 url(images/fuwu/ys-ty.svg) no-repeat center center;background-size:220px auto}
.youshi article:nth-child(8) figure {background:#f2f2f2 url(images/fuwu/ys-ps.svg) no-repeat center center;background-size:215px auto}
.youshi article:nth-child(9) figure {background:#f2f2f2 url(images/fuwu/ys-seo.svg) no-repeat center center;background-size:235px auto}
.youshi article:nth-child(10) figure {background:#f2f2f2 url(images/fuwu/ys-tc.svg) no-repeat center center;background-size:176px auto}
.youshi article:nth-child(11) figure {background:#f2f2f2 url(images/fuwu/ys-yy.svg) no-repeat center center;background-size:235px auto}
.youshi article:nth-child(12) figure {background:#f2f2f2 url(images/fuwu/ys-gj.svg) no-repeat center center;background-size:220px auto}
.youshi article:nth-child(13) figure {background:#f2f2f2 url(images/fuwu/ys-gw.svg) no-repeat center center;background-size:245px auto}
@media (min-width:1000px) {.fanchou,.youshi,.liucheng,.taocan {width:80%;margin:0 auto}}
.liucheng .dl-horizontal dt div {width:120px;height:120px;background-color:#000;border-radius:100%;color:#fff;margin:25px 0 0 0;padding:25px 0 0 0;text-align:center;font-size:40px}
.liucheng .dl-horizontal dt div small {font-size:14px;display:block;margin:0;font-weight:500}
.liucheng .dl-horizontal dd {padding:20px 0 35px 0;margin-bottom:30px;border-bottom:1px solid #ddd;margin-left:0;padding-left:180px}
@media (max-width:767px) {.liucheng .dl-horizontal dd {padding-left:0;padding-right:0}}
.liucheng .dl-horizontal dd h2 {margin:0}
.liucheng .dl-horizontal dd p {line-height:200%}
/*二级菜单*/
.fl-nav {text-align:center}
.fl-nav li {display:inline-block}
.fl-nav li + li:before {padding:0 15px 0 5px;color:#ddd;content:"|\00a0"}
.fl-nav li a {color:#999}
.fl-nav li.active a,.fl-nav li a:hover {color:#02ccff}
/*团队*/
.team figcaption {padding:10px 0 0 0}
.team figcaption small {display:block;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.team figure img {width:100%;max-width:145px}
@media (min-width:768px) {.team figure img {width:70%}}
.team figure {margin-bottom:20px}
.daohang:link,.daohang:visited {color:#fff;font-size:16px;padding:15px 30px;background-color:#02ccff;text-decoration:none;border-radius:4px;margin:0 15px}
.daohang:hover,.daohang a:hover {background-color:#6c0}
.daohang-bg {padding-left:55px!important;margin:0!important;background:url(images/neiye/ico-daohang.svg) no-repeat 25px center;background-size:20px auto}
@media (min-width:768px) {.y0 {padding-right:0}.z30 {padding-left:30px}}
@media (max-width:767px) {.y0,.z30,.about-ny {text-align:center}}
/*内容翻页*/
.fanye {margin:10px 0 0 0; text-align: center;}
.fanye p {color:#bbb;display:block;padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #eee}
.pagination {margin:0}
.pagination a,.pagination span {margin-right:15px}
@media (max-width:768px) {.pagination li a {margin-bottom:15px}}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {background-color:#02ccff;border-color:#02ccff;color:#FFF}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {color:#02ccff;background-color:#f5f5f5;border-color:#eee}
.pagination > li > a,.pagination > li > span {color:#02ccff;border-color:#eee;font-size:14px}
.pagination,.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span,.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-radius:0}

.pagination a,.pagination-lg a,.pagination span,.pagination-lg span{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background-color: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
	text-indent: -9999px;
	float: left;
}
.pagination a:hover,.pagination span.cur {
	width: 10px;
    height: 10px;
    margin: 5px 7px;
    background-color: #02ccff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
	text-indent: -9999px;
	float: left;
}



/*blog style*/
@media (min-width:992px) {.blog .row .col-lg-9 {padding-right:40px}.y40 {padding-right:40px}}
.blog .blog-list article {border-bottom:#eee solid 1px;margin-bottom:50px;padding-bottom:50px}
.blog .xingshi {padding-left:70px;position:relative}
.blog .xingshi figure {position:absolute;top:0;left:0;background-color:#02ccff;margin:5px 0}
.blog .xingshi figure:hover {background-color:#6c0}
.blog .xingshi figure a {text-indent:-9999px;overflow:hidden;display:block;width:50px;height:50px;background:no-repeat center center}
.blog .xingshi figure.format-aside a {background-image:url(rizhi.svg);background-size:auto 30px}
.blog .xingshi figure.format-image a {background-image:url(tuxiang.svg);background-size:auto 21px}
.blog .xingshi figure.format-video a {background-image:url(shipin.svg);background-size:auto 20px}
.blog .xingshi figure.format-audio a {background-image:url(yinyue.svg);background-size:auto 28px}
.blog .xingshi figure.format-quote a {background-image:url(yinyu.svg);background-size:auto 24px}
.blog .xingshi figure.format-link a {background-image:url(lianjie.svg);background-size:auto 27px}
.blog .xingshi figure.format-gallery a {background-image:url(xiangce.svg);background-size:auto 22px}
.blog .xingshi h2 {margin:0px 0 6px 0;padding:0;line-height:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; text-align: center;}
.blog .xingshi h2 a:link {font-size:26px;color:#000}
.blog .xingshi h2 a:hover {color:#02ccff}
.blog .xingshi h2 a:visited {color:#777}
.blog .xingshi aside {font-size:12px;margin-bottom:30px;color:#999;text-transform:uppercase; text-align: center;}
/*
.blog .xingshi aside span + span:before {margin:0 2px 0 6px;color:#ccc;content:"/\00a0"}
aside span + span:before {margin:0 2px 0 6px;color:#ccc;content:"/\00a0"}
*/
.blog .blog-pic {margin-bottom:40px}
.blog .bianlan h3 {font-size:22px;margin:20px 0}
.blog .bianlan.new-text h3 {margin:30px 0 20px 0}
.blog .bianlan.advertising h3 {margin:20px 0 30px 0}
.blog .bianlan ul {line-height:50px}
.blog .bianlan ul li {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.blog .bianlan ul li + li {border-top:#eee solid 1px}
.blog .blog-content {color:#666}
.blog .blog-content a:visited {color:#542189}
.blog .blog-content p {margin:0 0 24px 0}
.blog .blog-content h3 {margin:20px 0}
.blog-content audio {width:100%;margin:20px 0}
.blog .blog-content blockquote {font-size:14px;background-color:#eee;border-color:#ddd}
.blog .blog-content blockquote p {margin:0}
/*搜索*/
.search-form {position:relative}
@media (max-width:991px) {.search-form {margin-top:30px}}
.search-field {height:40px;line-height:40px;width:100%;vertical-align:middle;padding:0 10px;border:1px solid #ddd}
.search-submit {height:38px;width:38px;text-align:center;vertical-align:middle;background-color:#FFF;position:absolute;top:0;right:0;border-width:0;margin:1px}
.search-submit {background:#FFF url(search-submit.svg) no-repeat center center;background-size:20px auto;text-indent:-999px;overflow:hidden}
/*面包屑导航*/
.crumbs {background-color:#f2f2f2}
.breadcrumb {padding:25px 0;margin-bottom:0;list-style:none;border-radius:0}
.breadcrumb > li {display:inline-block}
.breadcrumb > li a {color:#999}
.breadcrumb > li a:hover {color:#02ccff}
.breadcrumb > li + li:before {padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb > .active {color:#999}
/*官方评论*/
/*comments-area*/
.comments-area h3 {font-size:22px}
.comments-area .comments-title {margin:50px 0 40px 0}
.comments-area .no-comments {font-size:16px;margin-top:30px;text-transform:uppercase} /*评论已关闭*/
/*comment-list*/
.comment-list {list-style:none;margin:0;padding:0 0 10px 0;border-bottom:1px solid #eee}
.comment-list .comment-body {margin-bottom:30px}
.comment-list .comment-body p {margin:15px 0 24px 60px;padding:10px 15px;color:#666;border:#f2f2f2 solid 1px;background-color:#f9f9f9}
/*评论回复*/
/*.comment-list .children .byuser p {color:#f66}
.comment-list .comment-body p.comment-awaiting-moderation {color:#f66}*/
.comment-list .children{list-style:none;margin-left:15px}
.comment-list .comment-meta a.comment-edit-link {margin-left:10px;color:#02ccff}
/*comment-body*/
.comment-body .comment-meta {font-size:12px;text-transform:uppercase}
.comment-body .reply{line-height:100%}
.comment-body .reply a:before {content:"→ "}
.comment-body .comment-author {font-size:14px}
.comment-body .comment-author a {color:#777}
.comment-body .comment-author .fn{font-size:16px;color:#777;font-style:normal;font-weight:normal}
.comment-body .comment-meta a {color:#999}
.comment-body .comment-author a:hover,.comment-body .comment-meta a:hover{color:#02ccff}
.comment-body .comment-author{position:relative;line-height:130%}
.comment-body .comment-author .avatar{position:absolute;top:0;left:0;height:40px;/*border-radius:50%;*/width:40px}
.comment-body .comment-author .says{display:none}
.comment-body .comment-author,.comment-body .reply,.comment-metadata {padding-left:60px}
/*评论翻页导航*/
.comment-navigation {font-size:12px;line-height:2;margin-bottom:40px;text-transform:uppercase}
.comment-navigation .nav-next,.comment-navigation .nav-previous {display:inline-block}
.comment-navigation .nav-previous a {margin-right:10px}
#comment-nav-above {margin-top:40px;margin-bottom:0}
.comment-notes,.comment-awaiting-moderation,.logged-in-as,.no-comments,.form-allowed-tags,.form-allowed-tags code {color:#bbb}
/*comment-form*/
.comment-form p {margin:0}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%}
.comment-form .form-allowed-tags {display:none}
.required {color:#f66}
.comment-reply-title {margin:40px 0 20px 0}
.comment-form p.comment-notes,.comment-form p.logged-in-as {margin-bottom:15px}
.comment-respond small {font-size:12px;color:#bbb;display:block;margin-top:10px}
.comment-respond .comment-reply-title {position:relative}
.comment-respond .comment-reply-title small {position:absolute;right:0;top:0;padding-top:30px}
.comment-respond .comment-reply-title small a {font-size:14px}
.comment-respond .comment-reply-title small a:before {content:"→ "}
.comment-respond #author,.comment-respond #email,.comment-respond #url,.comment-respond #comment {height:40px;width:100%;vertical-align:middle;padding:10px;border:1px solid #ddd;margin-bottom:10px}
.comment-respond #comment {height:160px}
.comment-respond #submit {height:40px;line-height:40px;padding:0 80px;text-align:center;vertical-align:middle;color:rgba(255,255,255,.5);background-color:#02ccff;border-width:0;margin-top:20px}
.comment-respond #submit:hover {color:#FFF;background-color:#6c0} 
.comment-form label {display:block;font-weight:normal}
/*相册*/
.gallery {margin:20px 0; border:1px solid #eee; padding:10px}
.gallery:after {display:table;content:""}
.gallery:after {clear: both}
.gallery-item {float:left;margin:10px;overflow:hidden;position:relative}
.gallery-columns-1 .gallery-item {max-width:100%}
.gallery-columns-2 .gallery-item {max-width:48%;max-width:-webkit-calc(50% - 20px);max-width:calc(50% - 20px)} /*359px*/
.gallery-columns-3 .gallery-item {max-width:32%;max-width:-webkit-calc(33.3% - 20px);max-width:calc(33.3% - 20px)} /*232px*/
.gallery-columns-4 .gallery-item {max-width:23%;max-width:-webkit-calc(25% - 20px);max-width:calc(25% - 20px)} /*169px*/
.gallery-columns-5 .gallery-item {max-width:19%;max-width:-webkit-calc(20% - 20px);max-width:calc(20% - 20px)}
.gallery-columns-6 .gallery-item {max-width:15%;max-width:-webkit-calc(16.7% - 20px);max-width:calc(16.7% - 20px)}
.gallery-columns-7 .gallery-item {max-width:13%;max-width:-webkit-calc(14.28% - 20px);max-width:calc(14.28% - 20px)}
.gallery-columns-8 .gallery-item {max-width:11%;max-width:-webkit-calc(12.5% - 20px);max-width:calc(12.5% - 20px)}
.gallery-columns-9 .gallery-item {max-width:9%;max-width:-webkit-calc(11.1% - 20px);max-width:calc(11.1% - 20px)}
/*.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {margin-right:0}*/
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {clear:left}
.gallery-caption {background-color:rgba(0,0,0,.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;margin:0;max-height:50%;opacity:0;padding:6px;font-size:12px;position:absolute;bottom:0;left:0;text-align:center;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.gallery-caption:before {content:"";height:100%;min-height:50px;position:absolute;top:0;left:0;width:100%}
.gallery-item:hover .gallery-caption {opacity:1}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {display:none}
/*多媒体展示页面*/
.entry-header .entry-title {font-size:24px;margin-bottom:5px}
.entry-header .entry-meta {color:#999;font-size:12px}
.entry-header .entry-meta span + span:before {padding:0 5px;color:#ccc;content:"/\00a0"}
.blog .entry-content .entry-attachment p {margin:0 0 20px 0}
.blog .entry-content .entry-caption p {margin:20px 0 0 0}
.nav-links {border-top:1px solid #eee;margin-top:40px}
.image-navigation .previous-image,.image-navigation .next-image {border-bottom:1px solid #eee;padding:12px 0;width:100%}
.image-navigation a {display:block;font-size:14px;text-transform:none}
/*导出链接*/
.blog-content a[href ^="http:"],.blog-content a[href ^="https:"] {padding: 5px 15px 5px 0;background: transparent url(css3_link_external.svg) no-repeat center right;background-size:14px auto}
/*本站链接*/
/*.blog-content a[href ^="http://www.baidu.com"],.blog-content a[href ^="http://baidu.com"]{padding: 0;background-image: none}*/
/*baidu*/
.fenxiang.bdshare-button-style0-16 .bds_more {color:#02ccff!important;float:inherit!important}
.fenxiang.bdshare-button-style0-16 a,.fenxiang.bdshare-button-style0-16 .bds_more {font-size:14px!important;padding-left:0!important;line-height:2!important;height:auto!important;background-image:none!important;background-repeat:no-repeat!important;cursor:pointer!important;margin:auto!important}
#hm_t_undefined {display:none}


.news{
	background:#034eaa url(newsbg.jpg) no-repeat center top;padding-bottom:30px
}

/*case*/
.case {}
.case .row figure {margin-bottom: 40px;}
.case p {height: 90px;}
.case figure a {position: relative;width: 100%;height: 100%;display: block;text-decoration: none;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out}
/*.case figure:hover a {transform:scale(1.05);-webkit-transform:scale(1.05)}*/
.case figure a figcaption {display: block; background-color:#fff;margin: 0 auto}
@media (min-width:1200px) {
	.case figure img{width: 340px;height: 222px; outline: none; margin-bottom: 10px;}
	.case figure video {width: 340px;height: 223px; outline: none; margin-bottom: 0px;}
	.case.team-show figure a {width: auto}
	
}
.case figure a figcaption h3 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;color: #02ccff; margin: 0;text-align: left; line-height: 30px;}
@media (max-width:767px) {
	.case figure a figcaption h3{padding: 10px}
	.case figure a, .case figure video {outline: none;};
	.cbanner .owl-theme .owl-dots {
		height: 30px;
	}
}
.case figure a figcaption{padding:0 20px 20px 20px;}
.case figure a figcaption span{font-size: 12px;color: #c9caca; }
.case figure a figcaption p{font-size: 12px;color: #c9caca;text-align: left; line-height: 20px;}
/*
.case figure:hover a figcaption {
	background-color: #02ccff
}
.case figure:hover a figcaption h3{color: #fff}
.case figure:hover a figcaption span {color: #fff}
.case figure:hover p {color: #fff}
*/
/*team-case*/
.case-page {background-color:transparent}
.case.team-show .row figure {margin-bottom: 20px;margin-top: 20px}

.case figure {background: #fff; border-radius: 10px;}
.case img ,.case video{border-radius: 10px; padding: 10px;}
.case span i {margin: 0 5px 0 0; line-height: 18px;}
.case aside span{line-height: 18px;}
.case figcaption{border-radius: 0 0 10px 10px;}

.case .categories-link, .case .entry-date{text-align: left}


@media (max-width: 768px){
	.pcnav{
		display: none;
	}
	.wapnav{
		display: block;
	}
	
}

@media (min-width: 768px){
	.pcnav{
		display: none;
	}
	.wapnav{
		display: block;
	}
	
}
@media (min-width: 992px){
	.pcnav{
		display: block;
/*
		text-align: left;
		float: left;
*/
	}
	.pcnav .navbar-brand{
		text-align: center;
	}
	.wapnav{
		display: none;
	}

}
@media (min-width: 1200px){
	.pcnav{
		display: block;
/*
		text-align: left;
		float: left;
*/
	}
	.pcnav .navbar-brand{
		text-align: center;
	}
	.wapnav{
		display: none;
	}
}

ol-xs-12 ,.col-sm-12 ,.col-md-12 ,.col-lg-12{
	text-align: center
}