@charset "utf-8";
/* CSS Document */

@font-face
{
font-family: myFirstFont;
src: url('苹方黑体-准-简.ttf')/* IE9 */
} 
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}

*, *::before, *::after {box-sizing:inherit;}
* { margin:0px;  padding:0px; font-family:myFirstFont }
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: inline-block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
/*common*/
.page { overflow:hidden; padding:80px 0}
.white { background:#FFFFFF}
.grey { background:#F6F6F6}
.blue { background:#222C48}
.pink { background:#EF3D5B}
.black { background:#000000}
.white,.grey,.blue,.pink,.black {  }
.title { text-align:center; padding:0 10px; }
.title h2{ font-size:18px; color:#222C48; line-height:42px;}
.title p { font-size:14px; line-height:24px; letter-spacing:0px; margin-top:10px;}
.blue .title h2,.pink .title h2,.blue .title p,.pink .title p { color:#FFFFFF}
@media(min-width:768px) { 
.page { padding:120px 0 }
.title h2 {font-size:40px; line-height:72px; }
.title p {font-size:18px;letter-spacing:5px;margin-top:30px;  }
}
@media(min-width:992px) { 
.page { padding:160px 0 }
.title h2 {font-size:50px;  }
.title p {letter-spacing:10px;  }
}
/*head*/
.site-header {background:rgba(239,61,91,0.9); padding:10px 0;height:60px;position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box;}
.site-header a { color:#FFFFFF;}
.site-header .logo { width:40%; }
.site-header .logo img { width:100%; max-width:225px; margin-left:5px;}
.site-header .logoa { width:20%; text-align:right; visibility:hidden }
.site-header .logoa img { vertical-align:middle; margin:10px 5px}
.site-header .navw { width:60%;}
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:18px; }
.nav__content {position:fixed;top:60px; left:0;width:100%;height:100%;cursor:pointer; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;overflow-y:auto;height:100%;}
.menu-item {border-bottom:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-item a {color:#666; display:block}
@media(min-width:768px) {
.site-header { height:60px;}
.site-header .logo { width:20%; }
.site-header .logoa { visibility:visible}
.site-header .logoa img { margin:0px 5px;}
.menu-icon { visibility:hidden}
.site-header .navw { text-align:center}
.nav {visibility: visible; padding:0; position:inherit}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-item {border-bottom:none;margin-left:0px;position:relative;font-size:18px;display: inline-block; height:40px;line-height:38px;margin:0 10px; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-item a {display:inline-block;font-size:18px; padding:0 10px; color:#FFF; }
.menu-item a::after {content: ''; display:block; width:0;border-bottom:solid 2px #FFF;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.menu-item.current-menu-item a::after,.menu-item a:hover::after { width:100%}
}
@media(min-width:992px) {
.site-header { height:80px;}
.site-header .logoa img { margin:10px 5px;}
.menu-item{ height:60px;line-height:52px;}
}
.menu-icon {box-sizing:border-box;padding:8px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:9px;cursor:pointer;}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFFFFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-item {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-item:nth-child(0) {
transition-delay:.5s;}
body.nav-active .menu-item:nth-child(1) {
transition-delay:.6s;}
body.nav-active .menu-item:nth-child(2) {
transition-delay:.7s;}
body.nav-active .menu-item:nth-child(3) {
transition-delay:.8s;}
body.nav-active .menu-item:nth-child(4) {
transition-delay:.9s;}
body.nav-active .menu-item:nth-child(5) {
transition-delay:1s;}
body.nav-active .menu-item:nth-child(6) {
transition-delay:1.2s;}
/*banner*/
.banner { padding:160px 20px 100px; background:url(../img/banner.png); text-align:center; color:#FFFFFF}
.banner h2 {font-size:24px; line-height:52px; font-weight:700}
.banner p {font-size: 16px; line-height:32px;}
.banner em {display:block;width:218px; margin:50px auto;}
.banner em a { display:block;width:208px;height:52px;line-height:52px;border-radius:30px;font-size:16px;text-indent:50px;font-style:normal;transition:all .3s;cursor:pointer; text-align:left; color:#FFF;background:url(../img/i_bg9.png) 150px center no-repeat #EF3D5B;}
.banner em a:hover {background-position:160px center;margin-left:10px}

.button-zx {display: block;width:180px; height:52px; border-radius: 26px; margin:50px auto 0; font-size:`6px; color:#FFFFFF;letter-spacing:5px; text-align:center; line-height:50px; font-weight:400; vertical-align: middle;	position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.button-zx--pipaluk::before,.button-zx--pipaluk::after {content: '';border-radius: inherit;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s;-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);}
.button-zx--pipaluk::before {border: 2px solid #fff;} 
.button-zx--pipaluk::after {background: #EF3D5B;} 
.button-zx--pipaluk:hover::before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.button-zx--pipaluk::before,.button-zx--pipaluk:hover::after {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
.button-zx--pipaluk:hover::after {background-color: #EF3D5B;}
@media(min-width:768px) {
.banner { padding:180px 0 100px; }
.banner h2 {font-size:54px; line-height:100px; }
.banner p {font-size: 22px;line-height:52px; }
.button-zx { width:220px;height:60px; border-radius: 30px;line-height:60px;  font-size:18px; }
}
@media(min-width:992px) {
.banner h2 {font-size:60px; }
.banner p {font-size: 22px;}
.button-zx { width:260px;  font-size:22px; }
}

.fuSlide {width:100%;height:480px;position:relative;z-index:1}
.fuSlide .imgs {width:100%}
.ck-slide, .ck-slide ul.ck-slide-wrapper li, .ck-slide ul.ck-slide-wrapper li a img {transition:all 1s ease}
.ck-slide {position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li {position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child {z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current {z-index:1112}
.ck-slide ul.ck-slide-wrapper li a {display:block}
.ck-slide ul.ck-slide-wrapper li a .img {width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto {filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .leftto {animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s}
.ck-slide ul.ck-slide-wrapper li.current .anim-1 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s}
.ck-slide ul.ck-slide-wrapper li.current .anim-2 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s}
.banner_con {top:0;left:0;width:100%;height:100%;position:absolute}

.banner2_one {width:90%;color:#fff; margin:0 auto; text-align:center;padding:160px 20px 100px;}
.banner2_one h2 {font-weight: bold;font-family:;opacity:0;filter:Alpha(opacity=0);  font-size:24px;line-height:52px;}
.banner2_one p {color:#fff;font-family:;opacity:0;filter:Alpha(opacity=0); font-size:16px;line-height:32px;}
.banner2_one em {display:block;width:218px; margin:50px auto;}
.banner2_one em a { display:block;width:208px;height:52px;line-height:52px;border-radius:30px;font-size:16px;text-indent:50px;font-style:normal;transition:all .3s;cursor:pointer; text-align:left; color:#FFF;background:url(../img/i_bg9.png) 150px center no-repeat #EF3D5B;}
.banner2_one em a:hover {background-position:160px center;margin-left:10px}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto {animation-delay:1s}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto {animation-delay:1s}
.index-waper-box {position:absolute;bottom:0;width:100%;height:60px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d}
.index-back-box {height:60px;background:0 0;width:90%; max-width:1440px;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0, 0, 0);transition:all .65s cubic-bezier(.55, .65, .55, 1) 0s}
.index-back-box .sub-arrows {position:absolute;right:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom {display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before, .index-back-box .sub-arrows i.prev:before {content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(../img/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before {background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before {background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after {position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0, 1);transition:all .3s ease-out 0s}
.index-back-box .sub-arrows i.icom font {color:#000;transition:all .3s ease-out 0s}
.index-back-box .sub-arrows i.icom.prev font {position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font {position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after {transform:scale(1, 1)}
.index-back-box .sub-arrows i.icom.prev:hover font {left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font {left:20px}

@media(min-width:768px) {
.fuSlide { height:580px;}
.banner2_one { padding: 180px 0 100px;}
.banner2_one h2 {font-size:54px; line-height:100px; }
.banner2_one p {font-size: 22px;line-height:52px; }
.banner2_one em a { font-size:22px; }
.index-waper-box,.index-back-box {height:100px; }
}
@media(min-width:992px) {
.banner2_one h2 {font-size:60px; }
.banner2_one p {font-size: 22px;}
}

.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6, .anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12, .anim-13, .anim-14, .anim-15, .anim-16 {-webkit-transform:translateY(100px) translateX(0);-moz-transform:translateY(100px) translateX(0);transform:translateY(100px) translateX(0);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.anim-1 {-webkit-transition:transform .8s, opacity .8s;-moz-transition:transform .8s, opacity .8s;-o-transition:transform .8s, opacity .8s;transition:transform .8s, opacity .8s}
.anim-2 {-webkit-transition:transform 1s, opacity 1s;-moz-transition:transform 1s, opacity 1s;-o-transition:transform 1s, opacity 1s;transition:transform 1s, opacity 1s}
.anim-show {-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0);opacity:1}
.anim-list .anim-1 {-webkit-transition:transform .5s, opacity .5s;-moz-transition:transform .5s, opacity .5s;-o-transition:transform .5s, opacity .5s;transition:transform .5s, opacity .5s}
.anim-list .anim-2 {-webkit-transition:transform .6s, opacity .6s;-moz-transition:transform .6s, opacity .6s;-o-transition:transform .6s, opacity .6s;transition:transform .7s, opacity .7s}
.anim-show .roundimg1 {animation:mymove12 3.3s;-webkit-animation:mymove12 3.3s linear;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:0s;filter:alpha(opacity=100);opacity:1;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0s}
.rotateInDownRight {visibility:hidden;animation-name:none}
.anim-show .rotateInDownRight {visibility:visible;animation:rotateInDownRight 1s}
.rotateInDownLeft {visibility:hidden;animation-name:none}
.anim-show .rotateInDownLeft {visibility:visible;animation:rotateInDownLeft 1s}
@keyframes mymove8 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(0) translateX(-100px);-moz-transform:translateY(0) translateX(-100px);transform:translateY(0) translateX(-100px);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@-webkit-keyframes mymove8 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(0) translateX(-100px);-moz-transform:translateY(0) translateX(-100px);transform:translateY(0) translateX(-100px);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@keyframes mymove7 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(0) translateX(100px);-moz-transform:translateY(0) translateX(100px);transform:translateY(0) translateX(100px);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@-webkit-keyframes mymove7 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(0) translateX(100px);-moz-transform:translateY(0) translateX(100px);transform:translateY(0) translateX(100px);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@keyframes mymove10 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(-100px) translateX(0);-moz-transform:translateY(-100px) translateX(0);transform:translateY(-100px) translateX(0);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@-webkit-keyframes mymove10 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(-100px) translateX(0);-moz-transform:translateY(-100px) translateX(0);transform:translateY(-100px) translateX(0);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@keyframes mymove6 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(100px) translateX(0);-moz-transform:translateY(100px) translateX(0);transform:translateY(100px) translateX(0);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
@-webkit-keyframes mymove6 {
from {filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(100px) translateX(0);-moz-transform:translateY(100px) translateX(0);transform:translateY(100px) translateX(0);-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out
}
to {filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0)
}
}
.anim-show .leftto {animation:mymove8 .5s;-webkit-animation:mymove8 .5s linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:.3s}
.anim-show .rightto {animation:mymove7 .5s;-webkit-animation:mymove7 .5s linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:.3s}
.anim-show .danim-3 {animation:mymove10 .8s;-webkit-animation:mymove10 .8s linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0s}



/*什么是SEO搜索引擎优化*/
.what { padding: 0 20px; } 
.what .what-en { font-size:28px; color:#DEDEDE; line-height:40px; margin:30px 0 10px; text-align:center; font-family:"Times New Roman", Times, serif}
.what p{ font-size:12px; color:#222C48; line-height:24px; text-align:justify } 
@media(min-width:768px) {
.what .what-en{ font-size:42px;margin:60px 0 20px; line-height:40px;  }
.what p { font-size:14px; padding:0 50px; line-height:28px; }
}
/*我们能助您达到什么效果*/
@media(min-width:992px) {
.what .what-en { font-size:72px; margin:100px 0 50px; }
.what p {font-size:14px; text-align:center; padding:0 }
}
.effect .item { margin-top:40px; text-align:center; padding:0 5% }
.effect .item .pic{ width:100px; height:100px; margin:0 auto; position:relative }
.effect .item h2{  font-size:18px; color:#FFFFFF; margin:20px 0 }
.effect .item p{ font-size:12px; color:#6B7C93; line-height:24px; }
@media(min-width:768px) {
.effect .item  {margin-top:60px;  }
.effect .item h2 {font-size:20px;margin:40px 0 } 
.effect .item p {font-size:14px; line-height:28px;  }
}
@media(min-width:992px) {
.effect .item  {margin-top:80px;  padding:0 16% }
.effect .item h2 {font-size:30px;} 
.effect .item p {font-size:18px;  }
}
/*数字加载*/
.number { margin-top:20px;  }
.number .item {cursor: pointer; text-align:center;padding:40px 5%;background:#F6F9FC;  }
.number .item .number-a{ font-size:24px; line-height:40px;height:40px; }
.number .item .number-a span{ -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.number .item p{ font-size:14px; line-height:28px; height:56px; margin-top:30px;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out; }
.number .item:hover { background:#EF3D5B; color:#FFFFFF }
.number .item:hover .number-a span{ font-size:32px;}
.number .item:hover p { font-size:;}
@media(min-width:768px) {
.number .item   { margin-top:60px;padding:60px 5%  }
.number .item .number-a { font-size:36px; line-height:60px;height:60px;} 
.number .item p {font-size:16px; line-height:32px; height:64px; margin-top:20px;}
.number .item:hover .number-a span{ font-size:42px;}
.number .item:hover p { font-size:;line-height:32px;}
}
@media(min-width:992px) {
.number .item  { margin-top:80px; padding:80px 20% }
.number .item .number-a { font-size:48px; line-height:80px;height:80px;} 
.number .item p {font-size:18px; line-height:36px; height:96px; margin-top:30px;}
.number .item:hover .number-a span{ font-size:72px;}
.number .item:hover p { font-size:; line-height:48px;}
}
/*首页案例*/
.case { text-align:center; }
.case{ margin-top:50px;}
.case .item { cursor:pointer; margin-top:10px; padding:20px 0 40px; background:#F6F9FC; }
.case.index-case .item { background:none }
.case .item .pic img { width:100%; max-width:320px; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.case .item p { font-size:14px; line-height:24px; height:48px; color:#4C4C4C;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.case .item:hover .pic img {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(10);-o-filter: grayscale(0);filter: grayscale(0); }
.case .item:hover p { color:#000000}
.case .item .btn { width: fit-content; margin:10px auto 0; }
.button2 {display:block; height:36px; line-height:36px; border-radius:18px; background: #000;font-size:14px; color:#FFFFFF; text-align:center;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow:hidden; padding:0 20px;}
.button2--ujarak::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #EF3D5B;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.1, 1, 1);transform: scale3d(0.1, 1, 1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button2--ujarak,.button2--ujarak::before {-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button2--ujarak:hover::before {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
@media(min-width:768px) {
.case { margin-top:60px;}
.case .item { margin-top:10px;padding:30px 0 60px;}
.case .item p {font-size:16px; line-height:28px; height:56px; padding:0 10px; }
.case .item .btn {  margin:30px auto 0; }
}
@media(min-width:992px) {
.case { margin-top:100px;}
.case .item { margin:20px 10px; padding:40px 0 80px;}
.case .item p {font-size:24px;  }
.case .item .btn {  margin:20px auto 0; }
}
/*首页文库*/
.scroll_horizontal{position:relative;width:100%;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;margin:60px auto 0; }
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:25%;  overflow:hidden}
.index-wiki  a { display: block; margin:0 20px;}
.index-wiki  a .pic  { overflow:hidden}
.index-wiki  a .pic img{ width:100%;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;  }
.index-wiki  a h2{ font-size:18px; color:#000000; font-weight:bold; line-height:32px; margin:20px 0 }
.index-wiki  a p{font-size:14px; color:#000000; line-height:28px; height:56px;  }
.index-wiki  a:hover .pic img{ -webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);}
@media(min-width:375px) {
.scroll_horizontal .box { width:360px;}
.scroll_horizontal .list li { width:360px; }
}
@media(min-width:414px) {
.scroll_horizontal .box { width:360px;}
.scroll_horizontal .list li { width:360px; }
}
@media(min-width:768px) {
.index-wiki  a h2 { font-size:16px;margin:10px 0   }
.index-wiki  a p {  font-size:14px; }
.scroll_horizontal .box { width:720px;}
.scroll_horizontal .list li { width:360px;  }
}
@media(min-width:992px) {
.index-wiki  a h2 { font-size:18px;  }
.index-wiki  a p { font-size:14px;  }
.scroll_horizontal .box { width:870px;}
.scroll_horizontal .list li { width:290px;  }
}
@media(min-width:1280px) {
.scroll_horizontal .box { width:1200px;}
.scroll_horizontal .list li { width:300px; }
}
@media(min-width:1920px) {
.scroll_horizontal .box { width:1800px;}
.scroll_horizontal .list li { width:450px; }
}


/*提交表单*/
form { padding:0 10px}
form input{ display:block; width:100%;  background-color: #FFFFFF; padding: 14px 10px;color: #6e6e6e; font-size: 12px; line-height:32px; border:none; margin:30px auto 0; }
.h-captcha {width:100%;  margin:30px auto 0;  }
form input.submit { background-color: #FFFFFF;color: #EF3D5B; text-align: center;cursor: pointer;height: 60px;line-height: 30px;border-radius:30px;--webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
@media(min-width:768px) {
form { padding:0 50px}
form input { font-size:14px;}
form input.submit { font-size:14px;}
}
@media(min-width:992px) {
form input {width:90%; }
}
/*底部*/
.footer { color:#DEDEDE}
.footer .item.logo img { width:100%; max-width:225px;}
.footer .item { padding:20px 10px; }
.footer .item .footer-tit { font-size:18px; font-weight:bold; letter-spacing:0px; height:32px; line-height:32px; margin:10px 0; }
.footer .item p {font-size:12px; line-height:28px;  }
.link,.link a { font-size:12px; color:#C5C5C5;}
.link14,.link14 a { font-size:14px; color:#C5C5C5;}
@media(min-width:768px) {
.footer .item p {font-size:14px;}
}
@media(min-width:992px) {
 }
/*您是否遇到了这些问题？*/
.question {margin:40px 10px 0}
.question ul li { position:relative; display:block; float:left;width: calc((100% - 10px) /2); margin-right:10px;/* padding:10px 10px;*//*background:#F6F9FC;*/margin-top:10px;position: relative;overflow: hidden;}
.question ul li:nth-of-type(2n) {margin-right:0}
.question ul li .item { background:#F6F9FC; margin-left:5px;padding:10px 10px;font-size:12px; line-height:28px; -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;}
.biankuang{position: absolute;z-index: 99; /*background: black;*/}
.biankuang_1{height: 0px;top: 0px;left:0px;border-left: 5px solid #EF3D5B;}
.biankuang_2{height: 100%;top: 0px;left:0px;border-left: 5px solid #EF3D5B;}
.spbq:hover .biankuang_2{ visibility:hidden}
 .question ul li:hover .item { background:#dddddd; font-size:14px; line-height:28px; }
@media(min-width:768px) {
.question {margin:20px 40px 0}
.question ul li { width: calc((100% - 40px) /2); margin-right:40px; margin-top:40px;/*padding:20px 40px;*/ }
.question ul li:nth-of-type(2n) {margin-right:0}
.question ul li .item {padding:20px 40px; font-size:18px; line-height:36px;}
 .question ul li:hover .item {font-size:20px; line-height:36px; }
}
@media(min-width:992px) {
.question { width:96%; margin:40px auto 0}
.question ul li {width: calc((100% - 150px) /4); margin-right:50px; margin-top:80px; /*padding:30px 40px;*/}
.question ul li:nth-of-type(2n) {margin-right:50px}
.question ul li:nth-of-type(4n) {margin-right:0}
.question ul li .item {padding:30px 40px;  font-size:20px; line-height:56px;}
 .question ul li:hover .item { font-size:22px; line-height:56px; }
}
/*我们可以优化哪些搜索引擎*/
.Search_Engines { padding:0 5%; margin-top:20px; text-align:center}
.Search_Engines ul li { display:block; float: left; width: calc((100% - 5px) /2); margin-right:5px; margin-top:10px;  font-size:12px; color:#060038;}
.Search_Engines ul li:nth-of-type(2n) {margin-right:0px }
.Search_Engines ul li div.box { width:120px; height:120px; margin:0 auto; position:relative}
.Search_Engines ul li div.text {position:absolute; left:0; top:26px;; width:100% }
.Search_Engines ul li p {font-size:14px; line-height:24px;  color:#060038;  text-align:center }
.circle-load-rect-svg0{ position:absolute; left:-60px; top:-60px;}
.g-rect-path-0{fill: none;stroke-width:5;stroke:#d3dce6;stroke-linejoin:round;stroke-linecap:round; }
.Search_Engines ul li:hover .g-rect-fill-0{fill: none;stroke-width:5;stroke:#ef3d5b;stroke-linejoin:round;stroke-linecap:round;stroke-dashoffset: 0; animation: lineMove0 1s ease-out infinite;}
@keyframes lineMove0 {
    0%{
        stroke-dasharray: 0, 800;
    }
    100%{
        stroke-dasharray: 400, 400;
    }
}



@media(min-width:768px) {
.Search_Engines { }
.Search_Engines ul li  {width: calc((100% - 30px) /4); font-size:16px;margin-right:10px; margin-top:40px;   }
.Search_Engines ul li:nth-of-type(2n) {margin-right:10px }
.Search_Engines ul li:nth-of-type(4n) {margin-right:0px} 
.Search_Engines ul li div.text {  top:28px;}
.Search_Engines ul li p {font-size:16px; line-height:26px; }
}
@media(min-width:992px) {
.Search_Engines {}
.Search_Engines ul li  {width: calc((100% - 60px) /7);  font-size:18px; margin-right:10px; margin-top:60px;  }
.Search_Engines ul li:nth-of-type(7n) {margin-right:0px }
.Search_Engines ul li div.text {  top:28px;}
.Search_Engines ul li p { font-size:18px; line-height:30px; top:28px; }
}
/*搜索引擎优化全面的技术列表*/
.Technology_list { padding:0 5%; margin-top:20px;}
.Technology_list ul li { display:block; float: left; width: calc((100% - 10px) /2); margin-right:10px;height:40px; font-size:12px; color:#060038; line-height:40px; border-bottom:solid 1px #e0e0e0; cursor:pointer }
.Technology_list ul li:nth-of-type(2n) {margin-right:0px }
.Technology_list ul li i::before { content: '';display:block; width:0; height:2px; border-bottom:solid 2px #EF3D5B;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; } 
.Technology_list ul li:hover { border:none}
.Technology_list ul li:hover i::before { width:100% }
@media(min-width:768px) {
.Technology_list { padding:0 10%; margin-top:40px;}
.Technology_list ul li  {width: calc((100% - 40px) /3); font-size:16px;height:60px; line-height:60px; margin-right:20px; }
.Technology_list ul li:nth-of-type(2n) {margin-right:20px}
.Technology_list ul li:nth-of-type(3n) {margin-right:0px }
}
@media(min-width:992px) {
.Technology_list { padding:0 15%; margin-top:60px;}
.Technology_list ul li  {width: calc((100% - 60px) /4);  font-size:18px;   }
.Technology_list ul li:nth-of-type(3n) {margin-right:20px }
.Technology_list ul li:nth-of-type(4n) {margin-right:0px}
}
/*搜索引擎优化术语*/
.term { padding:0 5%; margin-top:20px;}
.term ul li { display:block; float: left; width: calc((100% - 20px) /2); margin:20px 20px 0 0; }
.term ul li:nth-of-type(2n) {margin-right:0}
/*button1*/
.button1 {display: block; width:100%;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.button1--isi {height:40px; background:#F6F9FC; font-size:14px; color:#060038; line-height:40px; text-align:center; border-radius:20px; overflow: hidden;}
.button1--isi::before {content: '';z-index: -1;position: absolute;top: 50%;left: 100%;margin: -15px 0 0 1px;width: 30px;height: 30px;border-radius: 50%;background: #EF3D5B;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(1, 2, 1);transform: scale3d(1, 2, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);transition-timing-function: cubic-bezier(0.7,0,0.9,1);}
.button1--isi:hover::before {-webkit-transform: scale3d(9, 9, 1);	transform: scale3d(9, 9, 1);}
.button1--isi:hover {color:#FFFFFF}
@media(min-width:768px) {
.term { padding:0 10%; margin-top:40px;}
.term ul li  {width: calc((100% - 60px) /4); margin:40px 20px 0 0;}
.term ul li:nth-of-type(2n) {margin-right:20px}
.term ul li:nth-of-type(4n) {margin-right:0}
}
@media(min-width:992px) {
.term { padding:0 15%; margin-top:60px;}
.term ul li  {width: calc((100% - 140px) /8); margin:40px 20px 0 0;  }
.term ul li:nth-of-type(4n) {margin-right:20px}
.term ul li:nth-of-type(8n) {margin-right:0}
.term ul li a { font-size:18px;  }
}


/*文库列表*/
.wiki .item { padding:0 10px;}
.wiki .item a { display: block; margin-top:60px; }
.wiki .item a .pic {overflow:hidden}
.wiki .item a .pic img{ width:100%;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;  }
.wiki .item a h2{ font-size:18px; color:#000000; font-weight:bold; line-height:32px; margin:20px 0 }
.wiki .item a p{font-size:14px; color:#000000; line-height:28px; height:56px;  }
.wiki .item a:hover img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
.wiki .item a:hover h2{ }
.wiki .item a:hover p{ }
@media(min-width:768px) {
.wiki .item { padding:0 10px;}
.wiki .item a {margin-top:80px;  }
.wiki .item a h2 { font-size:16px;margin:10px 0   }
.wiki .item a p {  font-size:14px; }
}
@media(min-width:992px) {
.wiki .item { padding:0 30px;}
.wiki .item a {margin-top:100px;  }
.wiki .item a h2 { font-size:18px;  }
.wiki .item a p { font-size:14px;  }
}
/*页码*/
.pagenavi { margin-top:40px; text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:16px; color:#A1A1A1; border:solid 1px #EAEAEA; background:#EAEAEA; border-radius:15px; margin:0 10px; width:30px; height:30px; line-height:30px;}
.pagenavi span.current,.pagenavi a:hover { background:#FFDAE0; border:solid 1px #FFDAE0; color:#EF3D5B }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none; background:none }
@media(min-width:768px) {
.pagenavi { margin-top:80px; text-align:center }
.pagenavi span,.pagenavi a { font-size:24px;border-radius:15px;width:30px; height:30px; line-height:30px; }	
}
@media(min-width:992px) {
.pagenavi span,.pagenavi a { font-size:22px;border-radius:20px;width:40px; height:40px; line-height:40px; }	
}
/*文章页*/
.article { padding:20px 20px; font-size:14px; color:#000; line-height:30px; background:#F8F8F8; margin:20px 0 }
 
.article img{ width:100%!important; height:auto!important; }
@media(min-width:992px) {
.article { padding:60px 10% 60px; font-size:16px; line-height:46px;  margin:40px 0 }
.article img{ width:auto!important; height:auto!important; }
}
/*上下页*/
.pre-next { padding:0px 20px; color:#999999;  }
.pre-next a { display: inline-block;  font-size:14px; color:#999999; line-height:28px;  }
.pre-next .pre {width:100%; padding-left:30px;background:url(../img/bg-pre.png) left center no-repeat;margin-top:20px;}
.pre-next .next { width:100%; padding-left:30px ;background:url(../img/bg-next.png) left center no-repeat;margin-top:20px;}
.pre-next  a:hover { color:#EF3D5B } 
@media(min-width:992px) {
.pre-next { padding:0px 10%;  }
.pre-next .pre { float:left; width:50%;padding-left:30px;}
.pre-next .next { float:right;width:50%; padding:0; padding-right:30px ; text-align:right;background:url(../img/bg-next.png) right center no-repeat;}
}
/*contact*/
.address p.p-cn,.address p.p-add { margin-top:30px;}
.address p.p-cn{ font-size:18px; color:#000000;text-align:right; font-weight:bold; padding-right:10px; }
.address p.p-en{ font-size:22px; color:#DEDEDE;text-align:right;padding-right:10px; }
.address p.p-add,.address p.p-add span{ font-size:16px; color:#000000; line-height:36px; }
.address p.p-add span{ font-size:14px; }
.tel .item{ line-height:30px; font-size:16px; color:#000000; margin-left:10%;margin-top:20px; }
.tel .item img { width:30px; display:inline-block; vertical-align:middle; margin-right:10px; }
@media(min-width:768px) {
.address p.p-cn,.address p.p-add { margin-top:50px;}
.address p.p-cn {font-size:26px; padding-right:30px;  }
.address p.p-en {font-size:42px;padding-right:30px;  }
.address p.p-add,.address p.p-add span { font-size:18px;}
.address p.p-add span {font-size:16px; }
.tel .item { line-height:40px; font-size:18px; margin-left:0 ;margin-top:50px;}
.tel .item img { width:40px; }
}
@media(min-width:992px) {
.address p.p-cn,.address p.p-add { margin-top:80px;}
.address p.p-cn {font-size:30px;  }
.address p.p-en {font-size:72px; }
.address p.p-add,.address p.p-add span { font-size:24px;}
.address p.p-add span {font-size:18px; }
.tel .item { line-height:50px; font-size:28px;margin-top:80px; }
.tel .item img { width:50px; }
}

/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border:none}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }