body {margin:0;padding:0;font:14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica;color:#777}
a,a:link {color:#09f;text-decoration:none} /*éˆî‡î†–闂�*/a:hover,a:focus {color:#09f;text-decoration:underline;outline:none;-moz-outline:none} /*æ¦§çŠ³çˆ£éŽ®î„€ä» */a:visited {color:#09f} /*宸茶闂�*/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:#09f;color:#fff}::selection {background:#09f;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:#09f!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-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)}}
/*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(../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-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:#09f;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}
}
.sticky {background-color:#222}
.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:122px auto;width:122px;height:38px}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {color:#09f;background-color:rgba(255,255,255,0)}
/*banner start*/
.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:#222;padding-top:106px}
.banner { height:700px}
@media (max-width:991px) {
.banner {height:360px;background-size:1262px auto}
.homeimg{ height:400px !important}
}
@media (min-width:992px) and (max-width:1199px) {.banner {height:400px;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) {
.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:8px 20px;background-color:#09f;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(../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:28px}}
@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: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}
@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:.2s;transition:.2s}
.pic-hover:hover {background-color:rgba(0,153,255,.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 .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/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:#09f;border:2px solid #09f}
.btn-center:hover {background-color:#09f;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:#09f}
.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(../images/ind2.png)}
.services article h2.yy {background-image:url(../images/ind4.png)}
.services article h2.yx {background-image:url(../images/ind3.png)}
.services article h2.pp {background-image:url(../images/ind1.png)}
.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:#09f}
.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 {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}
}
/*绉诲姩绔檷绾�*/
@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:#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,.7);color:rgba(255,255,255,.7)}
.process figure figcaption:hover {background-color:#09f;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:#09f url(../images/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:#09f}
.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(../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:#09f;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(../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:#222;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:#333 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/qq.svg)}.copy ul li a.qq:hover {background-color:#f66}
.copy ul.sns li a.wx {background-size:28px auto;background-image:url(../images/weixin.svg)}.copy ul li a.wx:hover {background-color:#6c0}
.copy ul.sns li a.fb {background-size:auto 26px;background-image:url(../images/facebook.svg)}.copy ul li a.tw:hover {background-color:#09f}
.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: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(../images/tel.svg);background-size:22px auto}
.kefu a.kf-qq {background-image:url(../images/qq.svg);background-size:22px auto}
.kefu a.kf-ly {background-image:url(../images/tel.svg);background-size:24px auto}
.kefu a.kf-qipao {background-image:url(../images/weixin.svg);background-size:26px auto}
.kefu a.kf-hd {background-image:url(../images/hd.svg);background-size:22px auto}
.kefu a.kf-top {background-image:url(../images/top.svg);background-size:22px auto}
.kefu a.kf-bottom {background-image:url(../images/bottom.svg);background-size:24px auto}
.kefu a:hover.kf-dh {background-color:#f66}
.kefu a:hover.kf-qq {background-color:#09f}
.kefu a:hover.kf-ly {background-color:#E79735}
.kefu a:hover.kf-qipao {background-color:#0cf}
.kefu a:hover.kf-hd {background-color:#f66}
.kefu a:hover.kf-top {background-color:#6c0}
.kefu a:hover.kf-bottom {background-color:#3498db}
@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/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%}
/*浜岀骇鑿滃崟*/
.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:#09f}
/*é¥ãˆ¤æ§¦*/
.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:#09f;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/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 p {color:#bbb;display:block;padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #eee}
.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:#09f;border-color:#09f;color:#FFF}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {color:#09f;background-color:#f5f5f5;border-color:#eee}
.pagination > li > a,.pagination > li > span {color:#09f;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:#09f;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(../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:#09f}
.blog .xingshi h2 a:visited {color:#777}
.blog .xingshi aside {font-size:12px;margin-bottom:30px;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:#09f}
.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:#09f}
/*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:#09f}
.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:#09f;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(../images/css3_link_external.svg) no-repeat center right;background-size:14px auto}
/*éˆî„‚ç¯é–¾ç‚¬å¸´*/
.blog-content a,.blog-content a{padding: 0;background-image: none}
/*baidu*/
.fenxiang.bdshare-button-style0-16 .bds_more {color:#09f!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}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px; line-height:100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
/*é’嗛〉é峰紡钃濊壊妗� */
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{ display:block; float:left; margin-right:10px; padding:2px 12px; border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080;}
.pglist a:hover,.pglist span{color:#077ee3; background: white; border:1px #077ee3 solid; }
.pglist a.page-num-current{color:#077ee3; background: white; border:1px #077ee3 solid; }
#maximg img{ max-width:100% !important; height:auto !important}
.footer a{ color:#777}