/*全局样式*/

/*@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,"lvetica Neue",Helvetica,Arial,sans-serif;color:#777}

a:link {color:#45a5e5;text-decoration:none} /*未访问*/a:hover,a:focus {color:#45a5e5;text-decoration:underline;outline:none;-moz-outline:none} /*鼠标悬停*/a:visited {color:#45a5e5} /*已访问*/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 .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}

.parallax {background-attachment:fixed!important;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

::-moz-selection{background:#45a5e5;color:#fff}::selection {background:#45a5e5;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:#ff6050!important}.blue {color:#45a5e5!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-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-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-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-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-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-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-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-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 {-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

@-webkit-keyframes shake {

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 {

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 {-webkit-animation-name:shake;animation-name:shake}

/* 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)}}

/*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=50);opacity:.5}

.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=50);opacity:.5;-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(../images/btn-left-white.svg)}

.owl-next {background-image:url(../images/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:140px;height:44px;background:url(../images/logo.svg) no-repeat;background-size:140px 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:#FFF;display:block;padding:0;margin-left:32px}

.nav > li.active > a,.nav > li > a:hover,.nav > li > a:focus {color:#45a5e5;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:#16171a}

.nav > li > a {margin-left:0;border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:0}

}

.arrow {

    position: absolute;

    top: -10px;

    left: 80px;

    width:0;

    height:0;

    font-size:0;

    /*border-bottom:solid 10px;*/

    /*border-color:red ;*/

    border-bottom: 10px solid whitesmoke;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;



}

.wlist {

    position: absolute;

    top: 70%;

    left: 1080px;

    z-index: 1000;

     display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0,0,0,.15);

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

}

.wlist li {

    width: 100%;

    text-align: center;

}

.wlist a {

    width: 100%;

    margin: 0 15px;

    text-decoration: none;

    text-align: center;

    color: black;



}

/*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}

}

.sticky {background-color:#16171a}

.sticky.navbar {padding:14px 0 12px 0}

.sticky .nav {line-height:40px}

.sticky .navbar-toggle {margin-top:3px;margin-bottom:0}

.sticky .navbar-brand {background-size:122px auto} 

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {color:#45a5e5;background-color:rgba(255,255,255,0)}

/*banner start*/

.banner {background:#16171a url(../images/banner.jpg) no-repeat center top;height:720px;position:relative}

.about-banner {background-image:url(../images/about-banner.jpg)!important}

.services-banner {background-image:url(../images/services-banner.jpg)!important}

.works-banner {background-image:url(../images/works-banner.jpg)!important}

.technology-banner {background-image:url(../images/technology-banner.jpg)!important}

.news-banner {background-image:url(../images/news-banner.jpg)!important}

.marketing-banner {background-image:url(../images/marketing-banner.jpg)!important}

.manage-banner {background-image:url(../images/manage-banner.jpg)!important}

.blog-banner {background-image:url(../images/blog-banner.jpg)!important}

.contact-banner {background-image:url(../images/contact-banner.jpg)!important}

.blog-show-banner {background:#16171a;padding-top:106px}

.banner {background-size:2000px auto}

@media (max-width:991px) {.banner {height:454px;background-size:1262px auto}}

@media (min-width:992px) and (max-width:1199px) {.banner {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(../images/banner@2x.jpg)}

.about-banner {background-image:url(../images/about-banner@2x.jpg)}

.services-banner {background-image:url(../images/services-banner@2x.jpg)}

.works-banner {background-image:url(../images/works-banner@2x.jpg)}

.technology-banner {background-image:url(../images/technology-banner@2x.jpg)}

.news-banner {background-image:url(../images/news-banner@2x.jpg)}

.marketing-banner {background-image:url(../images/marketing-banner@2x.jpg)}

.manage-banner {background-image:url(../images/manage-banner@2x.jpg)}

.blog-banner {background-image:url(../images/blog-banner@2x.jpg)}

.contact-banner {background-image:url(../images/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:18.2em}

.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:10px 20px;background-color:rgba(69,165,225,.9);display:inline-block;border-radius:4px}

.banner article p:hover {background:#73bf3a}

.banner div a {display:inline-block;width:30px;height:64px;text-indent:-9999px;overflow:hidden;background:url(../images/scroll.svg) no-repeat center top;background-size:30px auto;cursor:pointer}

@media (max-width:767px) {.banner article {padding-top:11em}.banner article p {font-size:14px;line-height:24px}.banner article h2 {font-size:36px}}

@media (min-width:768px) and (max-width:991px) {.banner article {padding-top:11em}.banner article h2 {font-size:54px}}

@media (min-width:992px) and (max-width:1199px) {.banner article {padding-top:14.5em}.banner article h2 {font-size:64px}}

.banner article .shake {-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}

.mask {background-color:rgba(0,0,0,.2);height:100%}

/*全局标签*/

.h-h2 {font-size:30px;color:#000;padding:0 0 20px 0;margin:0 0 60px 0;border-bottom:#e5e5e5 solid 1px;line-height:150%}

.h-h2-white {color:#FFF;border-bottom:rgba(255,255,255,.2) solid 1px}

.p-h2 {font-size:2em;line-height:150%;color:#000;padding:0;margin:30px 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}

@media (max-width:767px) {.sx-jianju {padding:60px 0 65px 0}}

.superiority,.process,.about,.footer {color:#fff}

/*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:.3s;transition:.3s}

.pic-hover:hover {background-color:rgba(69,165,225,.8)}

.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 .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}

.pic-hover p a {color:rgba(255,255,255,.7)}

.pic-hover:hover p {-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.3s;transition-duration:.3s}

.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/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(../images/btn-left-white.svg)}

.btn-right-white {background-image:url(../images/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:#45a5e5;border:2px solid #45a5e5}

.btn-center:hover {background-color:#45a5e5;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:-50px\0}

.services article h2 a {color:#000;text-decoration:none}

.services article h2 a:hover {color:#45a5e5}

.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.wz {background-image:url(../images/s-wz.svg); background-position-x: 0}

.services article h2.wx {background-image:url(../images/s-weixin.svg); background-position-x: 0}

.services article h2.app {background-image:url(../images/s-app.svg); background-position-x: 0}

.services article h2.kf {background-image:url(../images/s-xcx.svg); background-position-x: 0}

.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 {background-color:#45a5e5}

.superiority figure h3 {margin-top:40px;color:#FFF}

.superiority figure p {color:rgba(255,255,255,.8)}

@media (min-width:992px) {.superiority figure p {width:80%;margin:0 auto}}

/*我们的作品*/

.works figure {margin-bottom:60px}

.works-box {height: 100%; padding:18px 65px 38px 65px;max-width:554px;margin:0 auto;position:relative;background:url(../images/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(../images/works-bg@2x.png)}

}

.works-box .pic-hover {margin:18px 65px 38px 65px;max-width:424px;height:266px}

@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:424px;background-image:none}.works-box .pic-hover {margin:0;max-width:424px;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:349px;height:219px}

}

.works-iPhone {padding:20px 26px 0 25px;max-width:554px;margin:0 auto;position:relative;background:url(../images/iPhone_11.png) no-repeat center top;background-size:100% auto;height: 736px;}

.works-iPhone .pic-hover {

    border-radius: 35px;

    margin: 18px 0 0 25px;

    max-width: 310px;

    height: 674px;}

.works-iPhone img {

    position: absolute;

    left: 25px;

    top: 21px;

    z-index: -1;

    max-width: 310px;

}

.works .iPhone:nth-child(n) {

    height: 713px;

}

.works .iPhone {

    /*margin-bottom: 418px;*/

    margin-bottom: 60px;

}

/*移动端降级*/

@media only screen and (max-device-width:1199px) {

/*For general iPad layouts*/

.works-box .pic-hover {background-color:rgba(69,165,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)}

}

/*服务流程*/

.sicon {

    width: 50px;

}

.process {background:#272a2d url(../images/lc-bg.jpg) no-repeat center center fixed;padding-bottom:30px}

@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:2000px auto}.process {background-image:url(../images/lc-bg@2x.jpg)}

}

.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,.5);color:rgba(255,255,255,.7)}

.process figure figcaption:hover {background-color:#45a5e5;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:#45a5e5 url(../images/about-bg.svg) no-repeat center center;background-size:792px auto}

.about p {color:rgba(255,255,255,.7);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:#45a5e5}

.energy .progress-bar-warning {background-color:#f8b551}

.energy .progress-bar-success {background-color:#73bf3a}

.energy .progress-bar-danger {background-color:#ff6050}

.energy .progress,.energy .progress-bar {border-radius:6px}

.energy .progress {height:12px}

/*标语*/

.biaoyu {padding:70px 0;background:#272a2d url(../images/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(../images/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}

}

/*服务套餐*/

.packages .tc-box {background-color:#45a5e5;color:rgba(255,255,255,.7);padding:40px 50px;border-radius:4px;margin:0 0 50px 0}

.packages .tc-box:hover {background-color:#73bf3a;-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(../images/tc-bg-ok.svg) no-repeat left center / auto 12px;background-position-x:-30px\0;padding-left:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.packages .tc-box ul li.no {background-image:url(../images/tc-bg-no.svg)}

.packages h3 {margin:0;padding:0;text-align:center}

/*联系我们*/

.jiao {padding-top:20px;background:url(../images/foot-jiao.svg) no-repeat center top;background-size:auto 20px}

.copy {background-color:#16171a;padding:60px 0 40px 0;font-size:12px}

.copy p,.copy a.links {color:rgba(255,255,255,.4)}

.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:#272a2d no-repeat center center;text-indent:-9999px;overflow:hidden;margin:0 1px}

.copy ul.sns li a.qq {background-size:24px auto;background-image:url(../images/meiqia.png)}.copy ul li a.qq:hover {background-color:#ff6050}

.copy ul.sns li a.wx {background-size:28px auto;background-image:url(../images/weixin.svg)}.copy ul li a.wx:hover {background-color:#73bf3a}

.copy ul.sns li a.fb {background-size:auto 26px;background-image:url(../images/facebook.svg)}.copy ul li a.tw:hover {background-color:#45a5e5}

.copy ul.sns li a.tw {background-size:28px auto;background-image:url(../images/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}

@media (min-width:1200px) {.kefu {right:0}}

.kefu a {display:block;width:50px;height:50px;margin:3px 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(../images/tel.svg);background-size:22px auto}

.kefu a.kf-qq {background-image:url(../images/meiqia.png);background-size:22px auto}

.kefu a.kf-qipao {background-image:url(../images/qipao.svg);background-size:22px auto}

.kefu a.kf-hd {background-image:url(../images/weixin.svg);background-size:22px auto}

.kefu a.dh-hd {background-image:url(../images/gps.svg);background-size:22px auto}

.kefu a.kf-top {background-image:url(../images/top.svg);background-size:22px auto}

.kefu a:hover.kf-dh {background-color:#ff6050}

.kefu a:hover.kf-qq {background-color:#45a5e5}

.kefu a:hover.kf-qipao {background-color:#40d7f8}

.kefu a:hover.kf-hd {background-color:#ff6050}

.kefu a:hover.dh-hd {background-color:#73bf3}

.kefu a:hover.kf-top {background-color:#ff6050}

@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}

.b article {

    border-bottom: 0px;

}

.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/ys-ren.svg) no-repeat center center;background-size:210px auto}

.youshi article:nth-child(2) figure {background:#f2f2f2 url(../images/ys-ch.svg) no-repeat center center;background-size:220px auto}

.youshi article:nth-child(3) figure {background:#f2f2f2 url(../images/ys-dw.svg) no-repeat center center;background-size:220px auto}

.youshi article:nth-child(4) figure {background:#f2f2f2 url(../images/ys-sj.svg) no-repeat center center;background-size:206px auto}

.youshi article:nth-child(5) figure {background:#f2f2f2 url(../images/ys-bj.svg) no-repeat center center;background-size:215px auto}

.youshi article:nth-child(6) figure {background:#f2f2f2 url(../images/ys-jg.svg) no-repeat center center;background-size:235px auto}

.youshi article:nth-child(7) figure {background:#f2f2f2 url(../images/ys-ty.svg) no-repeat center center;background-size:220px auto}

.youshi article:nth-child(8) figure {background:#f2f2f2 url(../images/ys-ps.svg) no-repeat center center;background-size:215px auto}

.youshi article:nth-child(9) figure {background:#f2f2f2 url(../images/ys-seo.svg) no-repeat center center;background-size:235px auto}

.youshi article:nth-child(10) figure {background:#f2f2f2 url(../images/ys-tc.svg) no-repeat center center;background-size:176px auto}

.youshi article:nth-child(11) figure {background:#f2f2f2 url(../images/ys-yy.svg) no-repeat center center;background-size:235px auto}

.youshi article:nth-child(12) figure {background:#f2f2f2 url(../images/ys-gj.svg) no-repeat center center;background-size:220px auto}

.youshi article:nth-child(13) figure {background:#f2f2f2 url(../images/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%}

/*二级菜单*/

.ser {

    margin: auto 0px;

    padding: 0 10px 0 10px;

}



.ser .third {

    margin: 0px 25px;

    padding: 0px 25px;

    border: 2px solid #e1e1e1;

}

.h-h5 {

    font-size: 30px;

    color: #000;

    padding: 0 0 20px 0;

    margin: 0 0 30px 0;

    border-bottom: #e5e5e5 solid 1px;

    line-height: 150%;

}

.sb-jianju {

    padding: 30px 0 7px 0;

}

.lc {

    position: relative;

    border: #e1e1e1 1px solid;

    float: left;

    height: 275px;

    width: calc(100%/6 - 13px);

    transition:all ease .5s;

}



.blc {

    width: calc(100%/6 + 65px);

    border: #45a5e5 1px solid;

}

.h-h6 {

    padding: 60px 20px 6px 20px;

    font-size: 2em;

    color: #000;

    text-align: center;

}

.h-h6 a {font-weight: normal;color:#000;text-decoration:none;transition:all ease .5s;}

.lc:hover {

    width: calc(100%/6 + 65px);

    border: #45a5e5 1px solid;

}

.lc:hover .h-h6 a {

    color:#45a5e5

}

.lc:hover span {

    background: #45a5e5;

    /*box-shadow: 0px 0px 8px 4px #45a5e5;*/

}

.lc:hover .h-h6 small {

    display:block;

    animation: fadeInUp 1.5s ease;

}

@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0,100%,0);

        transform: translate3d(0,100%,0);

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.lc span {

    position: absolute;

    left: calc(50% - 13px);

    top: -14px;

    text-align:center;

    border-radius: 20px;

    background: #16171A;

    color: whitesmoke;

    padding: 1px 8px;

    /*box-shadow: 0px 0px 8px 4px #16171A;*/

    transition:all ease .5s;

}

.h-h6 small {

    font: 14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,"lvetica Neue",Helvetica,Arial,sans-serif;

    color: #777777;

    line-height: 28px;

    display: none;

    margin: 10px 0 15px 0;

    overflow: hidden;

}



.blc .h-h6 small {

    display:block;

}

.blc .h-h6 a {

    color:#45a5e5

}

.blc span {

    background: #45a5e5;

    /*box-shadow: 0px 0px 8px 4px #45a5e5;*/

}

@media (max-width:1205px) {

    .lc {

        width: 100%;

    }

    .lc:hover {

        width: 100%;

        border: #45a5e5 1px solid;

    }

    .blc{

        width: 100%;

    }

}

.fl-nav li.active a,.fl-nav li a:hover {color:#45a5e5}

/*团队*/

.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:#45a5e5;text-decoration:none;border-radius:4px;margin:0 15px}

.daohang:hover,.daohang a:hover {background-color:#73bf3a}

.daohang-bg {padding-left:55px!important;margin:0!important;background:url(../images/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}
.fanye .page-status{color:#999;}
.fanye a {color:#666;display:inline-block;margin:0 5px;}

.pagination {margin:0}

.pagination li a,.pagination li 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:#45a5e5;border-color:#45a5e5;color:#FFF}

.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {color:#45a5e5;background-color:#f5f5f5;border-color:#eee}

.pagination > li > a,.pagination > li > span {color:#45a5e5;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}

/*blog style*/

@media (min-width:992px) {.blog .row .col-lg-9 {padding-right:83px}.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:#45a5e5;margin:5px 0}

.blog .xingshi figure:hover {background-color:#73bf3a}

.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(../images/rizhi.svg);background-size:auto 30px}

.blog .xingshi figure.format-image a {background-image:url(../images/tuxiang.svg);background-size:auto 21px}

.blog .xingshi figure.format-video a {background-image:url(../images/shipin.svg);background-size:auto 20px}

.blog .xingshi figure.format-audio a {background-image:url(../images/yinyue.svg);background-size:auto 28px}

.blog .xingshi figure.format-quote a {background-image:url(../images/yinyu.svg);background-size:auto 24px}

.blog .xingshi figure.format-link a {background-image:url(../images/lianjie.svg);background-size:auto 27px}

.blog .xingshi figure.format-gallery a {background-image:url(../images/xiangce.svg);background-size:auto 22px}

.blog .xingshi h2 {margin:0 0 6px 0;padding:0;line-height:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.blog .xingshi h2 a:link {font-size:26px;color:#000}

.blog .xingshi h2 a:hover {color:#45a5e5}

.blog .xingshi h2 a:visited {color:#777}

.blog .xingshi aside {font-size:12px;color:#999;text-transform:uppercase}

.blog .xingshi 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(../images/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:#45a5e5}

.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:#ff6050}

.comment-list .comment-body p.comment-awaiting-moderation {color:#ff6050}*/

.comment-list .children{list-style:none;margin-left:15px}

.comment-list .comment-meta a.comment-edit-link {margin-left:10px;color:#45a5e5}

/*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:#45a5e5}

.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:#ff6050}

.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 #xm,.comment-respond #email,.comment-respond #tel,.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:#45a5e5;border-width:0;margin-top:20px}

.comment-respond #submit:hover {color:#FFF;background-color:#73bf3a} 

.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(images/neiye/css3_link_external.svg) no-repeat center right;background-size:14px auto}

/*本站链接*/

.blog-content a[href ^="https://www.tjsys.net"],.blog-content a[href ^="https://tjsys.net"]{padding: 0;background-image: none}

/*baidu*/

.fenxiang.bdshare-button-style0-16 .bds_more {color:#45a5e5!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}



/* 新加分页 */

.pagination li{

    float: left;

}

.pagination li:nth-child(1){

    color: #45a5e5;

    border: 1px solid #eee;

    font-size: 14px;

    padding: 5px 15px;

}

.pagination li:nth-child(1) > a{

  border: none;

  margin-right: 0px;

  padding: 5px 0;

}

.pagination li:nth-child(1):hover{cursor: pointer; background-color: #eee;}

.pagination li:nth-child(1) > a:hover{cursor: pointer; background-color: #eee;}





.pagination li:nth-last-child(2){

    color: #45a5e5;

    border: 1px solid #eee;

    font-size: 14px;

    margin-right: 15px;

    padding: 5px 15px;

}

.pagination li:nth-last-child(2) > a{

    border: none;

    margin-right: 0px;

    padding: 5px 0;

  }

.pagination li:nth-last-child(2):hover{cursor: pointer; background-color: #eee;}

.pagination li:nth-last-child(2) > a:hover{cursor: pointer; background-color: #eee;}





.pagination-lg li{

    float: left;

}

.thisclass{

 padding: 6px 0px;

 padding-right: 15px;

 padding-left: 15px;

}



.works  figure:nth-child(n){

    height: 321px;

}



.sub{

    float: left; border-radius: 10px; border: solid black 1px; margin: 0 19px 19px 19px; padding: 0 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.sub a {

    color: black; text-decoration: none;

}



.sub_active{

     border: solid #46A4E4 1px; background: #46A4E4;

}



.sub_active a {

    color: white;

}

@media (min-width:992px) and (max-width:1199px) {

    .sub{ margin: 0 15px; padding: 0 20px;}

}

@media (min-width:320px)  and (max-width:413px) {.sub{ width: 90%; padding: 0 20px;}}

@media (min-width:414px) and (max-width:767px)  {.sub{width: 40%; margin-bottom: 25px; padding: 0 20px;}}

@media (min-width:768px) and (max-width:991px) {.sub{width: 28%; margin-bottom: 25px; padding: 0 20px;}}

.tag {

    width: 100%; line-height: 16px; height: 25px;margin-bottom:30px;

}



.tag a {

     text-decoration: none;

}

.tag ul {

    list-style: none; padding: 0;

}

.tag ul li {

    float: left; margin: 0 10px;

}



.wm {

    width: 80%;

    margin: 0 auto;

}



.xingshi {

    padding-left: 70px;

    position: relative;

}

.xingshi figure {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #45a5e5;

    margin: 5px 0;

}

.xingshi figure.format-aside a {

    background-image: url(../images/rizhi.svg);

    background-size: auto 30px;

}

.xingshi figure a {

    text-indent: -9999px;

    overflow: hidden;

    display: block;

    width: 50px;

    height: 50px;

    background: no-repeat center center;

}



.xingshi h2 a:visited {

    color: #777;

}

.xingshi h2 a:link {

    font-size: 26px;

    color: #000;

}

.xingshi h2 {

    margin: 0 0 6px 0;

    padding: 0;

    line-height: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.zx article {

    /*border-bottom: #eee solid 1px;*/

    margin-bottom: 50px;

    padding-bottom: 50px;

}

.xingshi aside {

    font-size: 12px;

    color: #999;

    text-transform: uppercase;

}