@font-face {
    font-family: "Anton-Regular";
    src: url("../fonts/Anton-Regular.woff2") format("woff2"),
    url("../fonts/Anton-Regular.woff") format("woff"),
    url("../fonts/Anton-Regular.ttf") format("truetype"),
    url("../fonts/Anton-Regular.eot") format("embedded-opentype"),
    url("../fonts/Anton-Regular.svg") format("svg");
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearfix::after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    visibility: hidden;
    clear: both;
}

body {
    font-family: "Microsoft Yahei";
}

.aside {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    z-index: 18;
    background-color: rgba(36, 101, 156, 0.8);
    /* background: url(../images/aside.jpg) center top repeat; */
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.aside ul {
    margin-top: 100px;
}

.aside ul li a {
    display: block;
    margin-top: 30px;
    text-align: center;
    color: #cf0a0a;
}

.aside ul li.kan a {
    font-size: 12px;
    color: #fff;
}

.aside ul li img {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 24px;
}

.kanjia {
    display: none;
    width: 150px;
    height: 150px;
    position: fixed;
    right: 41px;
    top: 28%;
    z-index: 9999;
    border: 1px solid #e95656;
    border-radius: 4px;
}

.kanjia img {
    width: 100%;
    border-radius: 4px;
}

.seopro, .seokp {
    position: fixed;

    z-index: 9999;
}

.seopro {
    top: 15%;
    left: 2%;
}

.seopro img, .seokp img {
    width: 100px;
}

.seokp {
    top: 30%;
    left: 2%;
}

@media (max-width: 991px) {
    .seopro, .seokp {
        display: none;
    }

}

.aside ul li.consulting .img2 {
    display: none;
}

.aside ul li.consulting span {
    display: inline-block;
    margin: 0 2px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #cf0a0a;
}

.aside ul li.consulting span:nth-child(1) {
    -webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
    animation: consulting 0.6s 0.07s infinite ease-in-out;
}

.aside ul li.consulting span:nth-child(2) {
    -webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
    animation: consulting 0.6s 0.14s infinite ease-in-out;
}

.aside ul li.consulting span:nth-child(3) {
    -webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
    animation: consulting 0.6s 0.21s infinite ease-in-out;
}

@keyframes consulting {
    33% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    66% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes consulting {
    33% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    66% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.aside ul li.consulting.active {
    background: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

.aside ul li.consulting.active a {
    color: #3F82ED;
}

.aside ul li.consulting.active span {
    background: #3F82ED;
}

.aside ul li.consulting.active .img1 {
    display: none;
}

.aside ul li.consulting.active .img2 {
    display: block;
}

.consulting_box {
    width: 250px;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 15;
    position: fixed;
    top: 0;
    right: -250px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, .1);
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
}

.consulting_box .title {
    background: url("../images/0102.png") center top no-repeat;
    text-align: center;
    padding: 8px 0 2px 0;
    color: #fff;
}

.consulting_box .title_t1 {
    font-size: 12px;
}

.consulting_box .title_t2 {
    font-size: 16px;
    margin: 5px 0;
}

.consulting_type {
    padding: 5px 0;
    border-bottom: solid 1px #399BEC;
}

.consulting_type_title {
    padding-left: 30px;
    font-size: 16px;
    color: #333;
}

.consulting_type ul {
    margin: 8px 0;
    padding: 0 10px;
}

.consulting_type ul li {
    margin: 10px 0;
    position: relative;
    margin: 5px 0;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ead5d5;
}

.consulting_type ul li a span {
    font-weight: bold;
    font-size: 14px;
    margin-left: 68px;
}

.consulting_type ul li a {
    display: block;
    z-index: 2;
    font-size: 12px;
    position: relative;
    color: #666;
    margin: 0;
    text-align: left;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.consulting_type ul li p {
    margin-left: 70px;
    line-height: 20px;
    font-size: 12px;
}

.consulting_type ul li p a {
    color: #c95050;
}

.consulting_type ul li a img {
    margin: 0;
    display: inline-block;
    width: 60px;
    padding-right: 15px;
    position: absolute;
    top: 7px;
}

.consulting_type ul li a:hover {
    color: #222;
}

.consulting_box .problem {
    padding-top: 10px;
}

.consulting_box .problem_title {
    padding-left: 30px;
    font-size: 16px;
    color: #333;
}

.consulting_box .problem ul {
    padding: 5px 0 0 20px;
}

.consulting_box .problem ul li {
    margin-bottom: 5px;
}

.consulting_box .problem ul li a {
    display: inline-block;
}

.consulting_box .problem ul li span {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #3c9af2;
    margin: 3px 10px 3px 0;
    animation: none;
}

.consulting_box .problem ul li a {
    font-size: 12px;
    color: #818181;
}

.consulting_box .problem ul li a:hover {
    color: #3c9af2;
}

.consulting_type .time {
    color: #818181;
    font-size: 12px;
    padding-left: 30px;
}

.consulting_box .close {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
}

.consulting_box .close img {
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.consulting_box .close:hover img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.top_link {
    width: 100%;
    background: #1446A0;
    padding: 5px 0;
}

.top_link .top_link_list span {
    font-size: 14px;
    color: #fff;
}

.top_link .top_link_list a {
    font-size: 14px;
    color: #f05d5d;
    padding: 0 10px;
    font-weight: bold;
    border-right: 1px solid #dedede;
}

.all_title1 {
    margin-bottom: 40px;
    text-align: center;
}

.all_title1 .title {
    font-size: 34px;
    color: #333;
}

.all_title1 h3 {
    font-size: 20px;
    color: #333;
    margin: 10px 0;
}

.all_title1 .text {
    color: #818181;
}

.all_title2 {
    margin-bottom: 20px;
    text-align: center;
    color: #1a1a1a;
}

.all_title2 .title {
    font-size: 35px;
}
.all_title2 p {
    color: #818181;
}
.all_button {
    display: inline-block;
    background: #3B9FF2;
    border: solid 1px #3B9FF2;
    color: #fff;
    padding: 6px 30px;
    border-radius: 3px;
    overflow: hidden;
}

.all_button:hover {
    background: #fff;
    background: transparent;
    color: #3B9FF2;
}

.header {
    height: 80px;
    background: #fff;
    /* height: 100px; */
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
    /* background-color:rgba(255,255,255,1); */
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.header-nav {
    float: left;
}

.header .top-mess {
    width: 100%;
    /* border-bottom:1px solid rgba(28,122,203,0.2); */
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    line-height: 30px;
    /* background-color:white; */
}

.header .top-mess p {
    font-size: 14px;
    color: white;
}

.header .top-mess div.top-left {
    float: left;
}

.header .top-mess .top-left {
    font-size: 16px;
    color: white;
    margin-top: 6px;
}

.header .top-mess p.top-left {
    margin-left: 2.5%;
    float: left;
    margin-top: 8px;
}

.top-left {
}

.top-left span {
}

.top-left-box {
    display: relative;
}

.top-left-ul {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    z-index: 999;
    display: none
}

.top-left-ul li {
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5;
}

.top-left-p {
    cursor: pointer;
}


@media (max-width: 991px) {
    .seoxw {
        display: none;
    }
}

.seoxw img {
    width: 100px;
}

.seoxw {
    position: fixed;
    top: 45%;
    z-index: 9999;
    left: 2%;
}

.seo_text {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.header .top-mess .top-right {
    float: right;
}

.header .top-mess .top-right img {
    width: 16px;
    height: 16px;
}

.header .top-mess .top-right p {
    float: left;
    font-size: 14px;
    margin: 6px 16px 8px 0;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
}

.header .top-mess .top-right p span {
    color: #fff;
    margin: 0 10px;
    background-size: 15px;
    padding: 0;
}

.header .top-mess .top-right i {
    margin-right: 10px;
}

.header .top-mess .top-right h1 {
    float: left;
}

.header .top-mess .top-right h1 a {
    font-size: 14px;
    padding: 0 10px;
    color: #fff;
    border-right: 1px dashed rgba(255, 255, 255, 0.2);
}

.header .top-mess .top-right h1 a:last-child {
    border: none;
}

@media (max-width: 1199px) {
    .header .top-mess {
        display: none;
    }
}

.header .logo {
    margin-top: 10px;
    float: left;
}

.header .logo img {
    max-width: 100%;
}

.header .header_menu ul {
    /* text-align: center; */
}

.header .header_menu ul li {
    display: inline-block;
    text-align: center;
    line-height: 80px;
}

.header .header_menu ul li a {
    display: block;
    padding: 0 16px;
    color: #333;
    font-size: 18px;
    /* opacity: 0.7; */
    filter: alpha(opacity=70);
}
.zw_box{
    height: 80px;
    clear: both;
}
.zw_box1{
    display: none;
    height: 50px;
    clear: both;
}
.sign {
    float: right;
    font-size: 14px;
    margin-top: 23px;
}

.sign img {
    width: 22px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

.sign a {
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
    color: #666;
}

.sign span {
    display: inline-block;
    color: #666;
}

.sign .shoucang {
    padding-left: 20px;
}


.sign .register_m {
    display: none;
}


.sign .login{
    border: 1px solid #747577;
    display: inline-block;
    width: 70px;
    height: 32px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-size: 15px;
}

.sign a:hover{
    background:#00aaff;
    color: #fff;
}
.sign .register_pc,.sign .register_pc:hover {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    font-size: 15px;
    border: 1px solid #00aaff;
    width: 100px;
    text-align: center;
    background: #00aaff url("../images/icon_register_gift.png") no-repeat 10px center;
    padding-left: 15px;
    color: #fff;
    margin-left: 10px;
}

#header:hover .sign .login {
    border-color: #fff;
    background: #666;
}

@media (max-width: 1199px) {
    .header .header_menu ul li a {
        color: #b6b6b6;
    }
}

.header .header_menu ul li a:hover, .header .header_menu ul li a.active {
    opacity: 1;
    color: #00aaff;
    filter: alpha(opacity=100);
}

.header .header_avatar {
    width: 30px;
    border-radius: 50%;
    height: 30px;
    overflow: hidden;
    display: block;
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

.header .header_avatar img {
    display: block;
    max-width: 100%;
}

.header .md-show {
    display: none;
}

/*.header_scroll {
    background: url("../images/black_85.png");
    line-height: 65px;
    transition: 0.4s all;
    box-shadow: 2px 0 3px #808080;
    -webkit-transition: 0.4s all;
}

.header_scroll .header_menu ul li a {
    !*color:#444;*!
}

.header_scroll .top-mess {
    transition: 0.4s all;
}*/

.header .mobileMenuBtn {
    position: absolute;
    top:28px;
    right: 20px;
    width: 32px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    display: none;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.header .mobileMenuBtn.active {
    right: 200px;
    color: #fff;
}
.header .mobileMenuBtn.active span{
    background: #fff;
}
.header .mobileMenuBtn span {
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    margin-bottom: 8px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.header .mobileMenuBtn span:last-child {
    margin: 0;
}

.header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.header .mobileMenuBtn.active span:first-child {
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
}

.header .mobileMenuBtn.active span:last-child {
    transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
}

.header .mobileMenuBtn span:nth-child(2) {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.header .mobileMenuBtn.active span:nth-child(2) {
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    opacity: 0;
}

/*.header_scroll .mobileMenuBtn span {
    background: #5f82c1;
}*/

.banner {
    overflow: hidden;
    text-align: center;
    z-index: 10;
    position: relative;
    background: #000;
}
.position {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    line-height: 40px;
}
.position h2{
    font-size: 24px;
    font-weight: bold;
}
.bread {
    font-size: 14px;
    color: #555;
}

.bread a {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-left: 10px;
    color: #555
}

.bread span {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.bread a:first-child:before {
    position: absolute;
    content: "";
    left: -10px;
    top: 5px;
    width: 10px;
    height: 25px;
    background: url("../images/address002.png") center no-repeat;
    background-size: 100%;
    -webkit-filter: brightness(0.1);
    -moz-filter: brightness(0.1);
    -ms-filter: brightness(0.1);
    filter: brightness(0.1);
}

.bread a:hover, .bread span:hover {
    color: #e95656;
}

.mpage {
    width: 100%;
    height: 520px;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 0;
    z-index: -1;
}

.anitOut {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item {
    position: relative;
}

.item_mess {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.banner_title {
    color: #fff;
    font-size: 44px;
    z-index: 999;
    text-shadow: 2px 2px 2px #161718;
}

.banner_text {
    font-size: 20px;
    color: #fefeff;
    z-index: 999;
    text-shadow: 2px 2px 2px #161718;
}

.banner_button {
    margin-top: 30px;
    z-index: 999;
}

.banner_button a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 30px;
    border: solid 2px #fdf800;
    color: #fdf800;
    font-size: 16px;
    background: none;
    /* border-radius:50px; */
}

.banner .item img {
    max-width: 100%;
}

.banner_button a:hover, .banner_button a.active {
    background: #fff;
    color: #e95656;
}

.banner .owl-pagination {
    margin-top: 150px;
}

.banner .owl-theme .owl-controls {
    display: none !important;
}

.banner .owl-buttons {
    display: none
}

.banner .owl-prev, .banner .owl-next {
    width: 39px;
    height: 39px;
    border-radius: 100%;
    opacity: 0.5;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    margin-top: -100px;
    display: none;
}

.banner .owl-prev {
    margin-left: 40px;
    float: left;
    background: #fff url("../images/icon_prev2_1.png") center no-repeat;
    display: none;
}

.banner .owl-next {
    margin-right: 40px;
    float: right;
    background: #fff url("../images/icon_next2_1.png") center no-repeat;
    display: none;
}

.banner .owl-pagination {
    margin-top: -32px;
}

.banner img {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .pc_banner {
        display: none;
    }

    #toTop {
        background-color: #00aef3;
    }
}

.banner img {
    display: block;
    width: 100%;
}

.mobile_banner {
    display: none;
}

@media screen and (max-width: 768px) {
    .pc_banner {
        display: none;
    }

    .mobile_banner {
        display: block;
    }
}

.index_product {
    padding: 45px 0;
    background: #fff;
}

.index_product_content {
    margin-left: -10px;
    position: relative;
}

.index_product_list {
    display: block;
    margin: 0 0 10px 10px;
    position: relative;
    overflow: hidden;
}

.index_product_list:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    content: '';
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
    transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
}

.index_product_list:hover:before {
    -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
    transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
}

.index_product_list .list_backimg {
    padding: 46px 0;
    text-align: center;
}

.index_product_list .list_txt {
    color: #fff;
    margin-top: 10px;
}

.index_product_list .list_title {
    font-size: 16px;
}

.index_product_list .list_text {
    font-size: 12px;
}

.platform_advantage {
    background: #fff url("../images/01411.jpg") center no-repeat;
    padding: 45px 0;
    position: relative;
    overflow: hidden;
}

.eqi_advantage {
    width: 100%;
    background: url("../images/wbfw2_bg.jpg") center;
    padding: 40px 0 20px;
}

.eqi_advantage .all_title2 {
    color: #fff;
}

.eqi_advantage .eqi_advantage_content {
    margin: 0 -20px 30px;
}

.eqi_advantage .eqi_advantage_content .span4 {
    padding: 20px;
    box-sizing: border-box;
}

.eqi_advantage .eqi_advantage_list .eqi_advantage_img {
    margin: 15px 0;
}

.eqi_advantage .eqi_advantage_list .eqi_advantage_img span {
    font-size: 50px;
    color: #000;
}


.eqi_advantage .eqi_advantage_list {
    background: #fff;
    text-align: center;
    min-height: 260px;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.eqi_advantage .eqi_advantage_list .brief_title {
    font-size: 24px;
    color: #0d0e11;
    margin: 15px 0;
}

.eqi_advantage .eqi_advantage_list .brief_text {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.new_service {
    padding: 40px 0;
    position: relative;
    background: #f5f5f5;
}

.new_service .service_exp_box {
}

.new_service .service_exp {
    box-sizing: border-box;
    text-align: center;
}

.new_service .service_exp ul {
    margin: 0;
}

.new_service .service_exp ul li {
    padding: 25px;
    color: #111;
    box-sizing: border-box;
    width: 23.5%;
    float: left;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-top: 60px;
    padding-top: 90px;
}
.new_service .service_exp ul li.mar0 {
    margin-right: 0;
}
.new_service .service_exp ul li span {
    display: inline-block;
    font-family: "Anton-Regular";
    font-size: 20px;
    margin-bottom: 10px;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    box-shadow: 1px 2px 2px #dedede;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #bbb;
}
.new_service .service_exp ul li .icon {
    width: 120px;
    height: 120px;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -60px;
    box-sizing: border-box;

}
.new_service .service_exp ul li .icon img{
    display: block;
    margin: 0 auto 0;
}
.new_service .service_exp ul li h3{
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}
.new_service .service_exp ul li p {
    font-size: 14px;
    margin-top: 5px;
    position: relative;
    border-bottom: 1px solid #ebecef;
    padding-bottom: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 30px;
    height: 120px;
    overflow: hidden;
    box-sizing: border-box;
}

.new_service .service_exp ul li p:after {
    position: absolute;
    content: "";
    width: 10%;
    height: 1px;
    background: #3ebcc7;
    left: 0px;
    bottom: -1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.new_service .service_exp ul li:hover p:after {
    width: 100%;
}


.eqiseo_case {
    background: #fff url("../images/seobg001.jpg") center no-repeat;
    padding: 45px 0;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.eqiseo_case .eqiseo_list .owl-item .item {
    padding: 1px;
}

.eqiseo_case .eqiseo_list .owl-item .item img {
    max-width: 100%;
}

.eqiseo_case .owl-controls {
    margin-top: 15px;
}

.eqiseo_case .owl-controls .owl-page span {
    background: #fff;
}

.eqiseo_case .tabs-style-bar nav ul li a {
    color: #fff;
}

.waves_box canvas {
    height: 0px !important;
    width: 100% !important;
}

.response_shows .response_shows_box {
    padding: 0 0 100px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.response_shows .response_shows_box img {
    width: 100%;
}

.response_shows .response_shows_width {
    position: relative;
}

.response_shows .response_shows_box .pic {
    overflow: hidden;
    position: absolute;
    float: none;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.response_shows .response_shows_box .pc {
    position: relative;
    margin-top: -2%;
    max-width: 75%;
    width: 100%;
}

.response_shows .response_shows_box .pc .pic {
    top: 2.5%;
    bottom: 20%;
    left: 2.22%;
    right: 1.5%;
}

.response_shows .response_shows_box .pad {
    position: absolute;
    bottom: 2%;
    right: 0px;
    max-width: 40%;
    width: 100%;
}

.response_shows .response_shows_box .pad .pic {
    top: 3%;
    bottom: 6%;
    left: 2%;
    right: 1.6%;
    overflow: hidden;
}

.response_shows .response_shows_box .phone {
    position: absolute;
    bottom: 0;
    right: 38%;
    max-width: 15%;
    width: 100%;
}

.response_shows .response_shows_box .phone .pic {
    top: 8%;
    bottom: 10.5%;
    left: 5%;
    right: 5%;
}

.response_shows .response_shows_box .item {
    width: 100%;
    height: 101%;
    position: relative;
    float: left;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.response_shows .response_shows_box .thumb {
    width: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: -10%;
}

.response_shows .response_shows_box .thumb span {
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 0 0 10px;
}

.response_shows .response_shows_box .thumb span:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    border: solid 1px #2D9EDD;
    background: #fff;
    z-index: 1;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

.response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before {
    background: #2D9EDD;
}

.platform_advantage_bg {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.platform_advantage_bg li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -160px;
    -webkit-animation: square 28s infinite;
    animation: square 28s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg_z li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -300px;
    -webkit-animation: square_z 22s infinite;
    animation: square_z 22s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
    left: 10%
}

.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 17s;
    animation-duration: 17s
}

.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-color: rgba(255, 255, 255, .25)
}

.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
    left: 70%
}

.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, .2)
}

.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
    left: 32%;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s
}

.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, .3)
}

.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
    left: 90%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}

@-webkit-keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-1700px) rotate(600deg);
        transform: translateY(-1700px) rotate(600deg)
    }
}

@keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-1700px) rotate(600deg);
        transform: translateY(-1700px) rotate(600deg)
    }
}

@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px) rotate(500deg);
        transform: translateY(-700px) rotate(500deg)
    }
}

@keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px) rotate(500deg);
        transform: translateY(-700px) rotate(500deg)
    }
}

.index-anli {
    padding: 20px 0;
    display: -webkit-box;
    -webkit-box-pack: center;
}

.index-anli ul li {
    float: left;
    margin: 15px 20px;
}

.index-anli ul li a {
    color: white;
    padding: 10px;
    cursor: pointer;
}

.index-anli ul li.active a {
    background-color: white;
    color: #359dda;
}

.index-anli ul li a:hover {
    background-color: white;
    color: #359dda;
}

.marketing_advantage {
    padding: 50px 0;
    background: url("../images/0181.jpg") center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.marketing_advantage_content {
    margin-left: -15px;
}

.marketing_advantage_list {
    position: relative;
    margin: 0 0 15px 15px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    overflow: hidden;
    max-height: 236px;
}

.marketing_advantage_brief {
    position: absolute;
    top: 30%;
    padding: 0 40px;
}

.marketing_advantage_brief .brief_title {
    font-size: 16px;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.marketing_advantage_list .anli_box {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    padding: 5px;
    box-sizing: border-box;
}

.marketing_advantage_list .anli_box a {
    display: inline-block;
    width: 100%;
    color: #1a1a1a;
    font-size: 14px;
}

.marketing_advantage_list .anli_box p {
    width: 100%;
    color: #555;
    font-size: 12px;
    padding: 3px 0;
    text-indent: 0em;
    line-height: 20px;
    margin: 0 0px;
    text-align: left
}

@media (max-width: 414px) {
    .marketing_advantage_list .anli_box p {
        display: none;
    }
}

.marketing_advantage_brief .brief_title span {
    margin-left: 15px;
}

.marketing_advantage_brief .brief_text {
    font-size: 12px;
    color: #6e6e6e;
    line-height: 1.6;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.marketing_advantage_list:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

.marketing_advantage_list:hover .brief_text {
    color: #333;
}

.about-left img {
    width: 100%;
}

.about-nav ul li {
    float: left;
    margin: 0 20px;
    padding-bottom: 30px;
}

.about-nav ul li a {
    cursor: pointer;
    color: #555;
    padding: 10px;
    border: 1px solid white;
}

.about-nav ul li.active a {
    border: 1px solid #359dda;
    color: #359dda;
}

.about-nav ul li a:hover {
    border: 1px solid #359dda;
    color: #359dda;
}

.about-right {
    padding-top: 5px;
}

.about-right p {
    font-size: 14px;
    color: #787878;
    line-height: 26px;
    text-align: left;
}

.about-right h5 {
    font-size: 16px;
    color: #555;
    text-align: left;
}

.about-right img {
    margin-right: 20px;
}

.partners {
    padding: 100px 0;
}

.partners_content {
    text-align: center;
    padding: 0 30px;
}

.partners_content_list {
    display: inline-block;
    margin: 20px 10px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.partners_content_list:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

.join_in {
    padding: 100px 0;
    background: url("../images/033.jpg") center no-repeat;
    text-align: center;
    background-attachment: fixed;
    position: relative;
    z-index: 9
}

.join_in_title {
    font-size: 36px;
    color: #fff;
    margin-top: 50px;
}

.join_in_title span {
    color: #31b5ff;
}

.join_in_text {
    color: #e3e3e3;
    font-size: 18px;
    margin: 15px 0 50px 0;
}

.join_in_button {
    padding: 8px 60px;
    margin-bottom: 10px;
}

.exper_callus {
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin-bottom: -90px;
    position: relative;
}

.exper_callus .left_exper {
    background: #e95656;
    padding: 25px 15px 43px 15px;
    text-align: center;
    color: #fff;
    position: relative;
    box-sizing: border-box;
}

.exper_callus .left_exper span {
    position: relative;
    font-size: 40px;
    letter-spacing: 10px;
    z-index: 999;
}

.exper_callus .left_exper span:nth-child(01) {
    font-family: "Anton-Regular";
    font-size: 130px;
    text-shadow: 2px 2px 2px #961b1b;
}

.exper_callus .left_exper p {
    position: relative;
    font-size: 30px;
    letter-spacing: 2px;
    z-index: 99;
}

.exper_callus .left_exper p:before {
    position: absolute;
    content: "\f080";
    font-family: "FontAwesome";
    left: -2px;
    bottom: -72px;
    font-size: 150px;
    color: #ff5a5a;
    z-index: -1;
}

.exper_callus .exper_box {
    background: #f7f8f9;
    padding: 15px;
    text-align: left;
    position: relative;
    box-sizing: border-box;
}

.exper_callus .exper_box p {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 5px
}

.exper_callus .exper_box p:nth-child(01) {
    font-size: 30px;
    color: #d23e3e;
}

.exper_callus .exper_box p:nth-child(02) {
    font-size: 20px;
    color: #111;
}

.exper_callus .exper_box p:nth-child(04) {
    font-size: 16px;
    color: #333;
}

.exper_callus .exper_box i {
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    color: #d23e3e;
}

.exper_callus .exper_box p:nth-child(04) i {
    margin-right: 20px;
}

.exper_box .exper_contact {
    margin-top: 15px;
}

.exper_box .exper_contact a {
    position: relative;
    font-size: 14px;
    background: #fff;
    display: inline-block;
    padding: 6px 15px 6px 35px;
    margin-right: 10px;
    border-radius: 50px;
}

.exper_box .exper_contact a:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f095";
    left: 15px;
    bottom: 5px;
    color: #d23e3e;
}

.exper_zixun {
    margin-top: 15px;
    padding-left: 5px;
    position: absolute;
    top: 4px;
    right: 17px;
}

.exper_zixun a {
    font-size: 16px;
    background: #f56b6b;
    display: inline-block;
    padding: 6px 12px 6px 45px;
    color: #fff;
    position: relative;
    border-radius: 50px;
}

.exper_zixun a:before {
    content: "\f0e6";
    font-family: "FontAwesome";
    position: absolute;
    left: 12px;
    bottom: 4px;
    font-size: 20px;
    color: #fff;
}

.news-d {
    margin: 0 10px;
    text-align: center;
    box-shadow: 2px 2px 5px #cbcbcb;
}

.news_d_center .text {
    color: #818181;
    margin-top: 15px;
}

.news-d_title {
    font-size: 18px;
    color: #333;
    margin: 20px 0;
}

.news-d p {
    font-size: 14px;
    color: #818181;
    margin: 0px 10px;
    padding-bottom: 10px;

}

.news_d_center {
    margin: 20px 0;
    padding: 40px 0;
}

.net_d_center {
    padding: 40px 0;
}
.net_d_center .all_title1 .text{
    text-indent: 2em;
}
.net_d_center .news_center_list_img {
    box-sizing: border-box;
    padding: 20px 0;
    background-color: #f7f7f7;
}
.net_d_center .span3 {
    width: 23.5%;
    margin-right: 2%;
}

.net_d_center .span3.mar0{
    margin-right: 0;

}
.net_d_center .net_d_list {
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
}

.net_d_center .net_d_box {
    padding: 10px;
    box-sizing: border-box;
}

.net_d_center .net_d_title {
    font-size: 18px;
    color: #000;
    margin: 0 0px 10px 0px;
    padding: 10px 0;
    position: relative;
    text-align: center;
}


.net_d_center p {
    font-size: 14px;
    color: #888;
    margin: 5px 0px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    height: 112px;
}

.wltuiguang {
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}

.news_center {
    padding: 30px 0;
}

.news_center .tabs nav {
    margin: 10px 0;
    border-bottom: 1px solid #dedede;
}

.news_center .tabs nav ul li {
    margin: 0;
    padding: 0 15px;
    border-right: 1px solid #dedede;
}

.news_center .tabs nav ul li a {
    border: none;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    color: #333;
    padding: 0 0 5px 0;
    line-height: 20px;
}

.news_center .tabs nav ul li:last-child {
    border-right: none;
}

.news_center .tabs nav ul li.tab-current a {
    border-bottom: 2px solid #f35555;
    color: #f35555;
}

.news_center .all_title1 {
    margin-bottom: 5px;
}

.index_news_list .left_news {
    text-align: left;
}

.index_news_list .left_news .news_mess {
    margin-top: 20px;
    border-top: 1px solid #dedede;
}

.index_news_list .left_news .news_mess a {
    font-size: 18px;
    color: #000;
    display: block;
    position: relative;
    padding: 15px 0;
}

.index_news_list .left_news .news_mess a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 10%;
    height: 1px;
    background: #000;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.index_news_list .left_news .news_mess p {
    font-size: 14px;
    color: #888;
    text-indent: 0;
    margin-bottom: 10px;
}

.index_news_list .left_news .news_mess span.time {
    font-size: 14px;
    color: #111;
    position: relative;
}

.index_news_list .left_news .news_mess span.time:after {
    position: absolute;
    content: "";
    top: 6px;
    right: -70px;
    width: 60px;
    height: 1px;
    background: #111;
}

.index_news_list .left_news:hover .news_mess a:before {
    width: 100%;
}

.news_center_list {
    margin: 30px 30px 0;
    text-align: left;
}
.news_center_list .title{
    height: 30px;
    line-height: 30px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.news_center_list .title h3 {
    float: left;
    font-size: 20px;
    font-weight: bold;
}
.news_center_list .title a{
    float: right;
}
.news_center_list li {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    position: relative;
}
.news_center_list li h4{
    display: inline-block;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.news_center_list .news_mess a {
    font-size: 16px;
    color: #555;
}

.news_center_list .news_mess p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    text-indent: 0;
    margin: 15px 0;
}

.news_center_list .time{
    float: right;
    font-size: 14px;
    color: #888;
}

.news_center_list li:after {
    position: absolute;
    content: "";
    width: 3%;
    height: 1px;
    background: #3ebcc7;
    bottom: -1px;
    left: 0;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.news_center_list ul li:hover:after {
    width: 100%;
}


.news_center_list_img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.news_center_list_img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.news_center_list ul li:hover .news_mess a, .index_news_list .left_news:hover .news_mess a {
    color: #3ebcc7;
}

.youqing {
    margin-bottom: 0px;
    padding: 10px;
}

.yl_content {
    width: 100%;
}

.yl_content .tabs nav ul {
    text-align: left;
    border-bottom: 1px solid #dedede;
    display: block;
}

.yl_content .tabs nav ul li {
    display: inline-block;
    float: none;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: 0;
}

.yl_content .tabs nav ul li a {
    padding: 0;
    border: none;
    line-height: 20px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

.yl_content .tabs nav ul li a:before {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: #3769ca;
}

.yl_content .tabs nav ul li.tab-current a:before {
    width: 100%;
}

.youqing-one ul li.title-you {
    font-size: 18px;
    color: #333;
}

.youqing-one ul li {
    line-height: 26px;
    float: left;
    font-size: 14px;
    color: #444;
    margin: 0 5px;
}

.youqing-one ul li a {
    color: #7e7e7e;
}

.youqing-one ul li a:hover {
    color: #000;
}

.foot_two {
    margin-top: 30px;
}

.foot_two p {
    color: #fff;
}

.foot_two ul#frientLinks {
    margin-top: 20px;
}

.footer {
    /* margin-top: 50px; */
    background-size: cover;
	background: #000;
}

.footer_content {
    padding: 50px 0;
    overflow: hidden;
    margin-left: -70px;
}

.footer_list {
    margin-left: 70px;
}


.footer1 {
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    background: #333;
    text-align: center;
    display: none;
    z-index: 11;
}

.footer1 .item {
    width: 50%;
    float: left;
    padding: 5px 0;
}

.footer1 .item a {
    color: #fff;
}

.footer1 .item img {
    display: block;
    margin: 0 auto;
    width: 22px;
}


.quick_navigation_title, .footer_link_title, .footer_cotact_title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    background: url("../images/address002.png") left no-repeat;
    background-size: 15px;
    padding-left: 25px;
}

.quick_navigation {
    /* padding-left: 50px; */
}

.quick_navigation p {
    color: #fff;
}

.quick_navigation ul li a {
    display: block;
    margin-bottom: 10px;
    color: #8A8A8A;
    font-size: 14px;
}

.quick_navigation ul li a:hover {
    color: #fff;
}

.footer_link ul li {
    float: left;
}

.footer_link ul li a {
    display: block;
    margin: 0 1px 1px 0;
    background: #c6383a;
    color: #fff;
    font-size: 14px;
    padding: 5px 16px;
}

.footer_link ul li a:hover {
    color: #fff;
    background: #ff6969;
}

.footer_link .foot-_weixin {
    margin: 10px 0;
}

.footer_link .foot-_weixin img {
    width: 100px;
}

.footer_cotact {
    color: #b0b0b0;
    font-size: 14px;
}

.footer_cotact h5 {
    color: #fff;
    font-size: 14px;
    margin: 5px 0;
}

.footer_cotact .footer_cotact_type {
    width: 15%;
    display: block;
    float: left;
}

.footer_cotact .footer_cotact_content {
    width: 85%;
    display: block;
    float: left;
}

.footer_cotact ul li {
    margin-bottom: 5px;
    overflow: hidden;
}

.footer_cotact ul li a {
    color: #fff;
}

.footer .copyright {
    text-align: center;
    padding: 10px 10px 15px;
    color: #fff;
    background: #000;
    font-size: 12px;
}
.footer .copyright a {
    display: inline-block;
    color: #fff;
    margin-left: 5px;
}
.links{
    color: #fff;
    text-align: center;
    margin-top: 15px;
}
.links span{
    display: inline-block;
    margin: 0 5px;
}
.z_banner {
    background: url("../images/0555.jpg") center repeat;
    text-align: center;
    background-size: cover;
    padding: 170px 0;
    position: relative;
    margin-bottom: 50px;
}

.z_banner_title {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px;
}

.z_banner_text {
    font-size: 16px;
    color: #fff;
    background: rgba(60, 148, 241, .85);
    border-radius: 50px;
    padding: 5px 0;
}

.z_banner_text a {
    color: #fff;
}

.case_show_content {
    margin: 50px 0;
    border-bottom: solid 1px #F7F7F7;
    overflow: hidden;
}

.case_show_list {
    overflow: hidden;
    padding-top: 50px;
    border-top: solid 1px #F7F7F7;
}

.case_show_list .case_show_pic img {
    max-width: 470px
}

.case_show_brief_title {
    color: #333;
    font-size: 16px;
}

.case_show_brief_title span {
    color: #8a8a8a;
}

.case_show_brief_text {
    color: #8a8a8a;
    margin: 20px 60px 30px 0;
    line-height: 1.8;
}

.case_show_brief_button .all_button {
    padding: 8px 35px;
    margin-right: 15px;
}

.case_show_more {
    padding: 50px 0;
    text-align: center;
}

.case_show_more .all_button {
    padding: 8px 50px;
}

.know_more {
    text-align: center;
    padding: 50px 0;
}

.know_more_text {
    font-size: 16px;
    color: #818181;
    margin-bottom: 20px;
}

.know_more .all_button {
    margin: 0 15px;
}

.z_banner_input {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 50px auto 40px auto;
}

.z_banner_input input {
    background: rgba(60, 148, 241, .8);
    color: #fff;
    border: solid 1px #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    text-indent: 20px;
}

.z_banner_input input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

.z_banner_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.z_banner_input input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.z_banner_input input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

.z_banner_input img {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.hot_search {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.hot_search ul li {
    float: left;
    color: #C2D6F9;
    margin-right: 20px;
}

.hot_search ul li a {
    color: #A3BBE0;
}

.hot_search ul li a:hover {
    color: #C2D6F9;
}

.support_type {
    margin: 50px 0 0 0;
}

.support_type_content {
    margin-left: -50px;
}

.support_type_list {
    display: block;
    border: solid 1px #F2F2F2;
    text-align: center;
    padding: 10px 0;
    color: #7b7b7b;
    margin-left: 50px;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.support_type_list.active {
    color: #fff;
    background: #3DA6F7;
    border: solid 1px #3DA6F7;
}

.support_type_list.normal:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 0;
    height: 100%;
    background: #3DA6F7;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    z-index: -1;
}

.support_type_list.normal:hover:before {
    width: 100%;
}

.support_type_list.normal:hover {
    color: #fff;
    background: #3DA6F7;
    background: rgba(0, 0, 0, 0);
    border: solid 1px #3DA6F7;
    border: solid 1px rgba(0, 0, 0, 0);
}

.technical_support {
    /* background: #F5F7F9; */
    overflow: hidden;
    padding: 50px 0 0 0;
}

.technical_support_content {
    overflow: hidden;
    margin-left: -30px;
}

.technical_support_list {
    margin-left: 30px;
    overflow: hidden;
}

.technical_support_type {
    background: #fff;
}

.technical_support_type .title {
    background: url("../images/074.png") center no-repeat;
    color: #fff;
    font-size: 16px;
    text-indent: 35px;
    padding: 15px 0;
    position: relative;
}

.technical_support_type .title span {
    position: absolute;
    top: 13px;
    right: 20px;
    display: none;
}

.technical_support_type .title span img {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.technical_support_type .title span.active img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.technical_support_type ul li {
    position: relative;
    z-index: 1;
}

.technical_support_type ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 0;
    height: 100%;
    background: #fafafa;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    z-index: -1;
}

.technical_support_type ul li a {
    display: block;
    color: #4e4e4e;
    padding: 15px 0;
    margin: 0 10px;
    border-bottom: solid 1px #F7F7F7;
    text-indent: 25px;
}

.technical_support_type ul li:last-child a, .technical_support_type ul li:hover:last-child a {
    border: none;
}

.technical_support_type ul li:hover:before {
    width: 100%;
}

.technical_support_type ul li:hover a {
    background: #3DA6F7;
    background: rgba(0, 0, 0, 0);
    border-bottom: solid 1px #3DA6F7;
}

.technical_support_type ul li:first-child.active {
    border-top: none;
}

.technical_support_type ul li.active {
    background: #3DA6F7;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
}

.technical_support_type ul li.active a {
    color: #fff;
    border-bottom: solid 1px #3DA6F7;
}

.technical_support_type ul li.active:hover:before {
    display: none;
}

.technical_support_box {
    padding: 30px 20px;
    background: #fff;
}

.technical_support_box .title {
    font-size: 16px;
    color: #4e4e4e;
    text-indent: 10px;
}

.technical_support_box ul {
    margin: 15px 0;
    padding: 10px 0;
    border-top: solid 1px #F7F7F7;
    border-bottom: solid 1px #F7F7F7;
}

.technical_support_box ul li a {
    display: block;
    overflow: hidden;
    color: #9a9a9a;
    position: relative;
    z-index: 1;
    padding: 10px;
}

.technical_support_box ul li a:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(1, 0.1, 1);
    transform: scale3d(1, 0.1, 1);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.technical_support_box ul li a, .technical_support_box ul li a:before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.technical_support_box ul li a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.technical_support_box ul li a:hover {
    color: #333;
}

.technical_support_box ul li a .text {
    float: left;
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.technical_support_box ul li a .time {
    float: right;
    width: 15%;
    text-align: right;
}

.technical_support_page {
    padding: 0 20px 30px 20px;
    overflow: hidden;
    background: #fff;
}

.technical_support_page ul li {
    float: left;
}

.technical_support_page ul li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: solid 1px #D1D1D1;
    border-radius: 3px;
    color: #c1c1c1;
    margin-right: 15px;
}

.technical_support_page ul li a.active, .technical_support_page ul li a:hover {
    background: #3c9af2;
    color: #fff;
    border: solid 1px #3c9af2;
}

.technical_support_page ul li a.disable {
    cursor: not-allowed;
}

.technical_support_page ul li a.disable:hover {
    color: #c1c1c1;
    background: #fff;
    border: solid 1px #D1D1D1;
}

.technical_support_box_z {
    background: #fff;
    padding: 30px;
}

.technical_support_box_z_header .title {
    color: #4E4E4E;
    font-size: 24px;
}

.technical_support_box_z_header ul {
    overflow: hidden;
    margin-top: 10px;
}

.technical_support_box_z_header ul li {
    font-size: 14px;
    color: #989898;
    margin-right: 20px;
}

.technical_support_box_z_info_box {
    border-top: solid 1px #F7F7F7;
    border-bottom: solid 1px #F7F7F7;
    margin: 20px 0;
    padding: 20px 0;
    color: #666;
    line-height: 24px;
    text-indent: 2em;
}

.technical_support_box_z_info img {
    max-width: 100%;
    height: auto !important;
}

.technical_support_page_z {
    background: #fff;
    overflow: hidden;
    padding: 0 30px 30px 30px;
}

.technical_support_page_z a {
    display: inline-block;
    padding: 8px 45px;
    background: #fff;
    border: solid 1px #F7F7F7;
    color: #9a9a9a;
    border-radius: 3px;
}

.technical_support_page_z a.active, .technical_support_page_z a:hover {
    background: #3F98F2;
    color: #fff;
    border: solid 1px #3F98F2;
}

.technical_support_page_z a.page_next {
    float: right;
}

.template_search {
    text-align: center;
    margin: 50px 0;
    overflow: hidden;
}

.template_search_select {
    display: inline-block;
    margin: 0 30px;
}

.template_search_select select {
    color: #adadad;
    width: 280px;
    height: 40px;
    text-indent: 15px;
    border: solid 1px #F0F0F0;
    border-radius: 3px;
    cursor: pointer;
}

.template_search_select option {
    color: #adadad;
}

.template_search_button {
    display: inline-block;
    margin: 0 30px;
}

.template_search_button .all_button {
    display: initial;
}

.template_show_content {
    position: relative;
    overflow: hidden;
}

.template_show_content:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #F7F7F7;
}

.template_show_list_box {
    border-bottom: solid 1px #F7F7F7;
}

.template_show_list {
    width: 96%;
    max-width: 540px;
    margin: 0 auto;
    padding: 80px 0;
}

.template_show_list_text {
    margin: 25px 0;
    overflow: hidden;
}

.template_show_list_text ul li {
    float: left;
    margin-right: 30px;
    color: #9a9a9a;
}

.template_show_list_text ul li span {
    color: #636363;
}

.template_show_list_button a:last-child {
    float: right;
}

.template_show_list_button .all_button {
    padding: 8px 40px;
}

.template_show .know_more {
    border-top: solid 1px #F7F7F7;
}

.introduce {
    padding-top: 100px;
}

.introduce_content {
    overflow: hidden;
}

.introduce_list_brief {
    margin: 0 50px 20px 0;
}

.introduce_list_title {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}

.introduce_list_text {
    color: #969696;
}

.cloud_platform {
    padding: 100px 0;
    background: url("../images/076.jpg") center top repeat;
}

.cloud_platform_content {
    overflow: hidden;
    margin: 80px 0 80px -30px;
}

.cloud_platform_list {
    display: block;
    margin-left: 30px;
    background: #fff;
    text-align: center;
    padding: 60px 20px;
}

.cloud_platform_list_title {
    font-size: 16px;
    color: #333;
}

.cloud_platform_list_text {
    color: #aeaeae;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 10px;
}

.cloud_platform_solution {
    text-align: center;
    color: #fff;
}

.cloud_platform_solution .title {
    font-size: 24px;
}

.cloud_platform_solution .text {
    color: #c0e3ff;
    margin-top: 10px;
}

.industry {
    padding: 100px 0;
}

.industry_content {
    margin-top: 50px;
    overflow: hidden;
}

.industry_list_img {
    text-align: center;
}

.industry_list_left {
    text-align: right;
    padding-right: 60px;
}

.industry_list_rigth {
    text-align: left;
    padding-left: 60px;
}

.industry_list_brief {
    margin-bottom: 40px;
}

.industry_list_title {
    color: #474747;
    font-size: 18px;
    margin-bottom: 30px;
}

.industry_list_brief_title {
    color: #464646;
}

.industry_list_brief_text {
    margin-top: 5px;
    height: 40px;
    line-height: 20px;
    color: #9c9c9c;
    overflow: hidden;
}

.advantage_project {
    padding-top: 100px;
    background: url("../images/079.jpg") center bottom repeat;
}

.advantage_project_content {
    overflow: hidden;
    margin: 50px 0 0 -30px;
}

.advantage_project_list {
    overflow: hidden;
    margin: 0 0 100px 30px;
}

.advantage_project_list_brief {
    padding-left: 10px;
    color: #fff;
}

.advantage_project_list_brief .title {
    font-size: 16px;
}

.advantage_project_list_brief .text {
    font-size: 12px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.marketing_support {
    padding: 100px 0;
}

.marketing_support_content {
    overflow: hidden;
    margin-left: -20px;
}

.marketing_support_list {
    margin-left: 20px;
}

.marketing_support_list_brief {
    margin-top: 30px;
}

.marketing_support_list_brief .title {
    color: #383838;
    font-size: 18px;
}

.marketing_support_list_brief .text {
    color: #686868;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

/* 建站流程 */
.proxy_process {
    padding: 40px 0;
    background: #3BA1F2;
}

.proxy_process_line {
    height: 15px;
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    margin-top: 60px;
}

.proxy_process_content {
    margin: -55px 0 0 -60px;
}

.proxy_process_list {
    display: block;
    text-align: center;
    margin-left: 60px;
}

.proxy_process_list_top {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    margin: 0 auto;
    border-radius: 100%;
    background: #fff;
    color: #3ba1f2;
    font-size: 48px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.proxy_process_list_top:before {
    content: "";
    width: 70px;
    height: 70px;
    background: #fff;
    background: rgba(59, 161, 242, 1);
    border-radius: 100%;
    position: absolute;
    top: 12%;
    left: 12%;
    z-index: -1;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.proxy_process_list_middle {
    width: 15px;
    height: 15px;
    background: #fff;
    margin: -1px auto 0 auto;
}

.proxy_process_list_bottom {
    background: #fff;
    padding: 30px 0;
    min-height: 90px;
    border-radius: 5px;
}

.proxy_process_list_bottom .title {
    color: #3b3b3b;
    font-size: 18px;
    margin-bottom: 10px;
}

.proxy_process_list_bottom .text {
    color: #939393;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.proxy_process_list:hover .proxy_process_list_top:before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.proxy_process_list:hover .proxy_process_list_top {
    color: #3ba1f2;
    color: rgba(255, 255, 255, 1);
}

.proxy_process_list:hover .proxy_process_list_bottom .text {
    color: #333;
}

/* seo流程 */
.seo_pro {
    padding: 100px 0;
    background: #38b3b7;
}

.seo_pro_line {
    height: 15px;
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    margin-top: 60px;
}

.seo_pro_content {
    margin: -55px 0 0 -60px;
}

.seo_pro_list {
    display: block;
    text-align: center;
    margin-left: 60px;
}

.seo_pro_list_top {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    margin: 0 auto;
    border-radius: 100%;
    background: #fff;
    color: #38b3b7;
    font-size: 48px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.seo_pro_list_top:before {
    content: "";
    width: 70px;
    height: 70px;
    background: #fff;
    background: #38b3b7;
    border-radius: 100%;
    position: absolute;
    top: 12%;
    left: 12%;
    z-index: -1;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.seo_pro_list_middle {
    width: 15px;
    height: 15px;
    background: #fff;
    margin: -1px auto 0 auto;
}

.seo_pro_list_bottom {
    background: #fff;
    padding: 30px 0;
    min-height: 90px;
    border-radius: 5px;
}

.seo_pro_list_bottom .title {
    color: #3b3b3b;
    font-size: 18px;
    margin-bottom: 10px;
}

.seo_pro_list_bottom .seo_process {
    color: #939393;
    line-height: 20px;
    padding: 10px;
}

.seo_pro_list:hover .seo_pro_list_top:before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.seo_pro_list:hover .seo_pro_list_top {
    color: #3ba1f2;
    color: rgba(255, 255, 255, 1);
}

.seo_pro_list:hover .seo_pro_list_bottom .text {
    color: #333;
}

.h82 {
    height: 82px;
    padding: 0px;
}

.page_num_box {
    float: right;
}

.page_num_box ul li {
    float: left;
}

.page_num_box ul li a {
    display: block;
    border: solid 1px #E9E9E9;
    padding: 3px 0;
    width: 25px;
    text-align: center;
    font-size: 12px;
}

.page_num_box ul li a:hover, .page_num_box ul .page_num_active {
    background: #008BD6;
    color: #fff;
    border: solid 1px #008BD6;
}

.news_banner {
    padding: 40px 0;
}

.header .header_menu ul .nav-last-li {
    display: none;
}

@media screen and (max-width: 1199px) {
    .header .header_menu ul li:last-child {
        display: block;
        line-height: 40px;
    }

    .header .header_menu ul li:last-child a {
        border: none;
    }

    .header .header_menu ul li:last-child span {
        color: #fff;
        filter: alpha(opacity=20);
        opacity: 0.8;
    }

    .header .header_menu ul li:last-child a:hover {
        border: none;
    }
}

.template_show_list_button .all_button {
    padding: 6px 30px;
}

.template_show_list_button .all_button:first-child {
    float: right;
    margin-left: 25px;
}

.template_show_list {
    width: 82%; /*	padding: 80px 0;*/
    /*padding-right: 10px;*/
}

.template_show-container {
    background: #F5F5F5;
    height: 100%;
    padding: 10px 10px 68px 10px;
}

.template_show_list_text {
    position: absolute;
    margin: 22px 0 12px 0;
}

.template_show_list_pic img {
    background: transparent;
    background-color: rgba(0, 0, 0, 0);
}

.template_show_list_pic {
    position: relative;
}

.template_show_list_pic .front-model {
    /*position: relative;*/
}

.template_show_list_pic .front-img {
    position: absolute;
    transition: all 0.3s;
}

.template_show_list_pic .front-img:hover {
    opacity: 0;
    filter: Alpha(opacity=0);
}

.template_show_list_button {
    margin-top: 28px;
}

.template_show_list_text h3 {
    color: #636363;
    padding-bottom: 3px;
}

.template_show_list_text p {
    color: #9A9A9A;
}

.web_tip {
    margin: 76px 0 36px;
    text-align: center;
    position: relative;
}

.web_tip:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}

.web_tip h4 {
    font-size: 16px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 30px;
    z-index: 1;
}

.web_tip .create_web {
    margin-top: 18px;
}

.web_tip a {
    display: inline-block;
    padding: 6px 30px;
    background: #3B9EF3;
    border-radius: 3px;
    color: #fff;
    border: solid 1px #3B9FF2;
    transition: all 0.3s;
}

.web_tip a:hover {
    background: transparent;
    color: #3B9FF2;
}

@media only screen and (max-width: 1110px) {
    .web_tip h4 {
        padding: 0 26px;
    }

    .template_show_list_text {
        position: relative;
        margin: 22px 0 12px 0;
        text-align: center;
    }

    .template_show_list_button {
        margin-top: 12px;
        text-align: center;
    }

    .template_show_list_button .all_button:first-child {
        float: none;
        margin-left: 0;
    }

    .template_show_list_button a:last-child {
        float: none;
    }

    .template_show-container {
        padding: 10px 10px 18px 10px;
    }

    .web_tip {
        margin: 50px 0 26px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 770px) {
    .web_tip h4 {
        padding: 0 20px;
    }

    .web_tip {
        margin: 40px 0 16px;
    }

    .template_show_list_button .all_button:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 420px) {
    .web_tip h4 {
        padding: 0 15px;
    }

    .web_tip {
        margin: 40px 0 6px;
    }

    .template_show_list {
        padding: 30px 0 !important;
    }
}

@media only screen and (max-width: 322px) {
    .web_tip:before {
        display: none;
    }
}


.support_type_content .kzf-mod-center {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}

.kzf-mod-new-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

.kzf-mod-new-container .newslist {
    width: 62%;
    float: left;
    background: #f9f9f9;
    padding: 30px 3%;
}

.kzf-mod-new-container .kzf-mod-new-li {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin: 10px 0;
    background: #fff;
}

.kzf-mod-new-container .kzf-mod-new-li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #3DA6F7;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li:hover:after {
    right: 0;
    width: 100%;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
    padding: 15px 0;
    border-right: 1px solid #eee;
    text-align: center;
    color: #ccc;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.newslist a:hover .kzf-mod-new-li{
    background: #3DA6F7;
}
.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box {
    color: #fff;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
    padding: 6px 40px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
    font-size: 36px;
    margin-bottom: 10px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
    font-size: 16px;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding-bottom: 6px;
    text-indent: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    border: 7px solid;
    border-color: transparent transparent transparent #afafaf;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    text-indent: 2em;
    max-height: 72px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title {
    color: #fff;
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text {
    color: #fff;
}

.kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before {
    border-left-color: #fff;
}

.kzf-mod-new-container .kzf-mod-new-btn-more {
    text-align: center;
    padding: 30px 0 0;

}

.kzf-mod-new-container .kzf-mod-new-btn-more li {
    margin: 5px;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    color: #737373;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

@media only screen and (max-width: 1199px) {
    .kzf-mod-new-container {
        margin-bottom: 60px;
    }

    .kzf-mod-new-container .kzf-mod-new-btn-more {
        padding: 25px 0;
    }
}

@media only screen and (max-width: 960px) {
    .kzf-mod-new-container {
        margin-bottom: 40px;
    }

    .kzf-mod-new-container .kzf-mod-new-btn-more {
        padding: 15px 0;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
        padding: 6px 0;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
        font-size: 38px;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
        padding-bottom: 22px;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
        padding: 6px 20px;
    }

    .kzf-mod-new-container .kzf-mod-new-li {
        padding: 14px 0;
    }
}

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

    .kzf-mod-new-container .kzf-mod-new-btn-more {
        padding: 15px 0;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
        padding: 3px 0;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
        font-size: 24px;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
        padding-bottom: 12px;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
        padding: 3px 10px;
    }

    .kzf-mod-new-container .kzf-mod-new-li {
        padding: 4px 0;
    }
}

@media only screen and (max-width: 479px) {
    .kzf-mod-new-container .kzf-mod-new-btn-more li{
        padding: 3px 9px;
    }
    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
        font-size: 12px;
        height: 48px;
    }

    .kzf-mod-new-container .kzf-mod-new-btn-more {
        padding: 10px 0;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
        padding: 16px 0;
    }
    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
        font-size: 12px;
    }

    .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
        padding-bottom: 2px;
    }

    .kzf-mod-new-container .kzf-mod-new-li {
        padding: 4px 0;
    }

    .support_type_content .kzf-mod-center {
        position: relative;
        left: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}
.kzf-mod-case-container {
    padding: 65px 0;
}

.kzf-mod-so-title-box {
    margin: 25px 0 56px;
    text-align: center;
}

.kzf-so-title {
    margin-bottom: 10px;
    font-size: 36px;
    color: #3c94f1;
}

.kzf-so-text {
    color: #818181;
}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {
    margin-left: -30px;
    text-align: center;
}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
    margin: 0 0 60px 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title {
    color: #818181;
}

.kzf-mod-link-container {
    padding: 76px 6px 110px;
    background: url("../images/so-link-bg.png") no-repeat;
    background-size: cover;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
    margin: 0 0 30px -26px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box > div {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box > div a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
    padding: 25px;
    margin: 0 0 3px 26px;
    width: 100%;
    text-align: center;
    background-color: rgba(180, 180, 180, .2);
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
    margin-bottom: 20px;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
    color: #fff;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
    margin-left: -15px;
    display: none;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
    margin-left: 15px;
    margin-bottom: 1px;
    padding: 12px 3px;
    text-align: center;
    color: #fff;
    background-color: rgba(180, 180, 180, .2);
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
    margin-right: 10px;
}

.kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
    vertical-align: middle;
    font-size: 16px;
}

@media screen and (max-width: 967px) {
    .kzf-so-title {
        font-size: 30px;
    }

    .kzf-mod-case-container {
        padding: 50px 0;
    }

    .kzf-mod-so-title-box {
        margin: 25px 0 45px;
    }

    .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
        margin: 0 0 55px 30px;
    }

    .kzf-mod-link-container {
        padding: 50px 6px 82px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
        margin: 0 0 30px -16px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
        margin: 0 0 3px 16px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .kzf-mod-case-container {
        padding: 40px 0;
    }

    .kzf-mod-so-title-box {
        margin: 25px 0 30px;
    }

    .kzf-so-title {
        margin-bottom: 3px;
        font-size: 26px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
        margin: 0 0 1px 5px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
        margin: 0 0 10px -5px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
        margin-left: -5px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
        margin-left: 5px;
    }
}

@media screen and (max-width: 479px) {
    .kzf-mod-case-container {
        padding: 15px 0;
    }

    .kzf-mod-so-title-box {
        margin: 15px 0 30px;
    }

    .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
        margin: 0 0 30px 30px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
        margin: 0 0 5px -5px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
        margin-bottom: 10px;
    }

    .kzf-mod-link-container {
        padding: 15px 6px 35px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
        padding: 10px 3px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
        font-size: 12px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
        margin-left: -3px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
        margin-left: 3px;
        margin-bottom: 1px;
        padding: 6px 2px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
        margin-right: 3px;
    }

    .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
        font-size: 12px;
    }
}

.kzf-mod-product {
    padding: 40px 0;
    text-align: center;
}

.kzf-mod-product-title {
    font-size: 36px;
    color: #3c94f1;
    margin-bottom: 30px;
}

.kzf-mod-product-brief {
    color: #818181;
    margin: 20px 0 55px 0;
}

.kzf-mod-product-list-title {
    color: #333;
    font-size: 18px;
    margin: 25px 0 10px 0;
}

.kzf-mod-product-list p {
    line-height: 2;
    color: #818181;
    margin: 0 15px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.kzf-mod-product-list img {
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    position: relative;
    top: 0;
}

.kzf-mod-product-list:hover img {
    top: 5px;
}

.kzf-mod-product-list:hover p {
    color: #444;
}

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

    .kzf-mod-product-title {
        font-size: 30px;
    }

    .kzf-mod-product-brief {
        margin: 20px 0 40px 0;
    }

    .kzf-mod-product-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-product-list p {
        line-height: 1.8;
    }
}

@media only screen and (max-width: 767px) {
    .kzf-mod-product {
        padding: 30px 0 0 0;
    }

    .kzf-mod-product-title {
        font-size: 24px;
    }

    .kzf-mod-product-brief {
        margin: 15px 0 25px 0;
    }

    .kzf-mod-product-list {
        margin-bottom: 20px;
    }

    .kzf-mod-product-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-product-list p {
        line-height: 1.8;
    }
}

.kzf-mod-custom {
    padding: 40px 0;
    text-align: center;
    background: #f2f2f2;
}

.kzf-mod-custom-title {
    font-size: 36px;
    color: #3c94f1;
}

.kzf-mod-custom-brief {
    color: #818181;
    margin: 20px 0 55px 0;
}

.kzf-mod-custom-content {
    overflow: hidden;
}

.kzf-mod-custom-list {
    width: 24.7%;
    float: left;
}

.fwxm-custom-list {
    margin-top: 20px;
}

.kzf-mod-custom-list img {
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    position: relative;
    top: 0;
}

.kzf-mod-custom-list-title {
    color: #333;
    font-size: 18px;
    margin: 25px 0 10px 0;
}

.kzf-mod-custom-list p {
    line-height: 2;
    color: #818181;
    padding: 0 15px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.kzf-mod-custom-list:hover img {
    top: 5px;
}

@media only screen and (max-width: 967px) {
    .kzf-mod-custom {
        padding: 60px 0 20px 0;
    }

    .kzf-mod-custom-title {
        font-size: 30px;
    }

    .kzf-mod-custom-brief {
        margin: 20px 0 40px 0;
    }

    .kzf-mod-custom-list {
        width: 25%;
        margin-bottom: 40px;
    }

    .kzf-mod-custom-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-custom-list p {
        line-height: 1.8;
    }
}

@media only screen and (max-width: 767px) {
    .kzf-mod-custom {
        padding: 40px 0 0 0;
    }

    .kzf-mod-custom-title {
        font-size: 26px;
    }

    .kzf-mod-custom-brief {
        margin: 15px 0 25px 0;
    }

    .kzf-mod-custom-list {
        margin-bottom: 20px;
    }

    .kzf-mod-custom-list-title {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }

    .kzf-mod-custom-list p {
        line-height: 1.8;
    }
}

@media only screen and (max-width: 479px) {
    .kzf-mod-custom-list {
        width: 48.333%;
    }

    .kzf-mod-custom-list img {
        width: 100px;
    }

    .kzf-mod-custom-list p {
        padding: 0 10px;
    }

    .fwxm-custom-list {
        margin-top: 0;
    }

    .kzf-mod-product-list p {
        text-align: left;
        text-indent: 2em;
    }

    .deploy .kzf-mod-product-list p {
        text-align: center;
        text-indent: 0;
        height: 75px;
    }

    .kzf-mod-custom-list-last {
        float: none;
        animation-delay: inherit;
        visibility: visible;
        animation-name: inherit;
        -webkit-animation-fill-mode: inherit;
        animation-fill-mode: initial;
        /* margin-left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);*/
    }
}

.process {
    margin: 50px 0;
}

.ser-list {
    margin-bottom: 70px;
}

.index-service {
    width: 66%;
    margin: 0 auto;
    padding: 0 7px;
    /* margin-top: 50px;
	display: -webkit-box;
	-webkit-box-pack: center; */
    margin-bottom: 50px;
}

.index-service .ser-list ul li {
    float: left;
    margin: 10px 0;
}

.index-service .ser-list ul li p {
    font-size: 14px;
    color: #555;
    margin: 0 25px 0 45px;
}

.ser-list .serlist_1 {
    background-image: url("../images/service.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_2 {
    background-image: url("../images/steady.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_3 {
    background-image: url("../images/free.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_4 {
    background-image: url("../images/good.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_5 {
    background-image: url("../images/anli.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_6 {
    background-image: url("../images/pro.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_7 {
    background-image: url("../images/web.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.ser-list .serlist_8 {
    background-image: url("../images/satisfy.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

@media screen and (max-width: 479px) {
    .index-service {
        width: 97%;
        margin-left: 13px;
    }

    .index-service .ser-list ul li p {
        font-size: 14px;
        color: #555;
        margin: 0px 15px 0 41px;
    }
}

.tabs-style-bar nav ul {
    border: 4px solid transparent;
}

.tabs-style-bar nav ul li {
    float: left;
    margin: 10px;
}

.tabs-style-bar nav ul li a {
    padding: 0 10px;
    margin: 0 2px;
    font-size: 14px;
    /* background-color: #f7f7f7; */
    color: #74777b;
    transition: background-color 0.2s, color 0.2s;
    border: 1px solid #fff;
    border-radius: 4px;
}

.tabs-style-bar nav ul li a:hover,
.tabs-style-bar nav ul li a:focus {
    border: 1px solid #6F8EC7;
    color: #6F8EC7;
    background: #fff;
}

.tabs-style-bar nav ul li a span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 0.6em;
}

.tabs-style-bar nav ul li.tab-current a {
    border: 1px solid #6F8EC7;
    color: #6F8EC7;
    background: #fff;
}

/* Content */
.content-wrap {
    position: relative;
}

.content-wrap section {
    margin: 0 auto;
    padding: 1em 0;
    text-align: center;
}

.content-wrap section.content-current {
    display: block;
}

.content-wrap section p {
    margin-top: 5px;
    color: #7b7b7b;
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
}

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

/* Nav */
.tabs nav {
    text-align: center;
}

.tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    /* -webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1; */
    margin: 10px 15px;
}

.tabs nav ul.anli-c li a {
    color: #fff;
}

.tabs-style-bar nav ul.anli-c li a:hover,
.tabs-style-bar nav ul.anli-c li a:focus {
    color: #3ea2e0;
    background: rgba(255, 255, 255);
}

.tabs nav ul.anli-c li.tab-current a {
    background: rgba(255, 255, 255);
    color: #3ea2e0;
}

.tabs nav a {
    position: relative;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
    padding: 5px 10px;
}

.tabs nav a span {
    vertical-align: middle;
    font-size: 0.75em;

}

.tabs nav li.tab-current a {
    background: #fff;
    border: 1px solid #6F8EC7;
    color: #6F8EC7;
}

.tabs nav a:focus {
    outline: none;
}

/*//////////////////////*/

.kzf-mod-new-btn-more {
    text-align: center;
    padding: 55px 0;
}

.kzf-mod-new-btn-more li a {
    display: block;
}
.kzf-mod-new-btn-more li:hover a {
    color: #3b9ef3;
}
.kzf-mod-new-btn-more li:hover,.kzf-mod-new-btn-more li.thisclass {
    color: #3b9ef3;
    border: 1px solid #3b9ef3;
    background-color: #fff;
}

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

    .kzf-mod-new-btn-more {
        padding: 25px 0;
    }
}

.introduce_list_img {
    text-align: center;
}

.quchua {
    margin-bottom: 10px;
}

.quchua a {
    display: block;
}

.ping_pic {
    margin-bottom: 15px;
}

.ping_pic img {
    max-width: 100%;
    margin: 0;
}

.pingyu {
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.pingyu .ping_list {
    box-sizing: border-box;
    padding: 10px 5px;
    border: 1px solid #cfcfcf;
    min-height: 175px;
}

.pingyu .ping_list h5 {
    margin-top: 10px;
    color: #1a1a1a;
}

.hm-t-container {
    display: none;
}

.img-tuiguang {
    margin: 30px 0;
}

.introduce_mess p {
    font-size: 16px;
    color: #2e3539;
    margin: 10px 0;
    line-height: 30px;
}

.introduce_mess ul li {
    font-size: 16px;
    color: #5a676e;
    margin: 15px 45px;
    line-height: 30px;
    list-style-type: circle;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.introduce_mess h6 {
    font-size: 18px;
    color: #d03636;
    margin: 15px 40px;
}

.eqituiguang {
    margin: 5px 0;
    text-align: center;
}

.eqituiguang .img-responsive {
    width: 100%;
}

.tuiguang_lianxi {
    padding: 30px 0;
    text-align: center;
    background: #e95656;
}

.tuiguang_lianxi h5 {
    font-size: 48px;
    margin: 10px 0;
    color: #fff;
}

.tuiguang_lianxi p {
    font-size: 24px;
    margin: 10px 0;
    color: #fff;
}

.tuiguang_lianxi p a {
    border-right: 2px solid #fff;
    margin: 0 6px;
    padding-right: 15px;
}

.tuiguang_lianxi p a:last-child {
    border-right: none;
}

.tuiguang_lianxi p img {
    width: 40px;
    vertical-align: -25%;
}

.fuwu_box {
    background: #333;
    padding: 25px 0;
}

.fwtitle {
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 15px 0;
}

.fwnr {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 15px 0;
}

.fwnr span {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}

.fwal_pic {
    overflow: hidden;
}

.fuwufw img {
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
}

.fuwufwbox {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.fuwufwbox .fuwufw {
    text-align: center;
    position: relative;
}

.fuwufwbox .fuwufw img {
    width: 100%;
}

.fuwufwbox .fuwufw .fuwumess h5 {
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #fff;
}

.fuwufwbox .fuwufw .fuwumess {
    top: 0;
    font-size: 24px;
    background: rgba(7, 28, 35, 0.3);
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    cursor: pointer;
}

.fuwufw img, .fwanli_box img {
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
}

.fuwu_box .fuwufw:hover img, .fwanli_box .fwal:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.fuwufwbox .fuwufw .fuwumess:hover {
    background: rgba(7, 28, 35, 0.8);
}

.fwanli_box {
    background: none;
    margin: 15px 0;
    padding: 25px 0;
}

.fwanli_box .fwanlititle {
    text-align: center;
    color: #333;
    font-size: 36px;
    margin: 15px 0 10px 0;
}

.fwanli_box .fwal-title {
    margin: 15px 0;
    text-align: center;
}

.fwanli_box .fwalbox {
    padding: 1px;
    box-sizing: border-box;
}

.fwanli_box .fwal-title h4 {
    font-size: 24px;
    color: #1e7dd8;
}

.fwanli_box .fwal-title p {
    font-size: 14px;
    line-height: 26px;
    color: #74797b;
}

.fwanli_box .fwalmore {
    text-align: center;
    margin: 20px 0;
}

.fwanli_box .fwalmore a {
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    background: #e71c1c;
    padding: 5px 20px;
    border: 1px solid #e71c1c;
}

.fwanli_box .fwalmore a:hover {
    color: #e71c1c;
    background: #fff;
    border: 1px solid #e71c1c;
}

@media (max-width: 567px) {
}

.xuanze {
    padding: 64px 0 40px 0;
    background: url("../images/bg000123.png") center no-repeat;
}

.xuan_title {
    margin: 20px 0;
    text-align: center;
}

.xuan_title h4 {
    font-size: 32px;
    color: #061a2e;
    margin: 10px 0;
}

.xuan_title p {
    font-size: 20px;
    color: #4c6f80;
    margin-bottom: 20px;
}

.counter {
    background: rgba(40, 58, 88, 0.8);
    padding: 20px 0;
    border-radius: 4px;
    color: #fff;
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
}

.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {
    position: relative;
    margin-right: 2%;
    margin-bottom: 20px;
}

.count-title {
    font-size: 40px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.counter:hover {
    background: rgba(38, 76, 106, 0.8);
}

/*----------------------优化问题---------------------*/

.seoquestion {
    padding: 40px 0;
    background: url("../images/25001.png") center no-repeat;
    background-size: cover;
}

.stitle {
    padding: 20px 0;
    text-align: center;
}

.seo_title h2 {
    font-size: 35px;
    color: #223540;
    font-weight: normal;
    margin: 10px 0;
    text-align: center;
}

.seo_title .seotext p {
    font-size: 18px;
    color: #3d5f73;
    letter-spacing: 2px;
    margin: 5px 0;
}

.seoquestion .seocontent {
    margin: 15px 0;

}

.seoquestion .seocontent .leftseo {
    background: rgba(39, 60, 75, 0.85);
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.seoquestion .seocontent .right {
    float: right;
}

.seoquestion .seocontent h3 {
    font-size: 18px;
    color: #fff;
    padding: 5px 0;
    margin: 10px 0;
    padding-left: 40px;
    background: url("../images/seoquestion.png") left no-repeat;
    background-size: 30px;
}

.seoquestion .seojiejue {
    background: rgba(39, 60, 75, 0.2);
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.seoquestion .seojiejue h3 {
    font-size: 32px;
    color: #fff;
}

.seoquestion .seojiejue p {
    font-size: 24px;
    color: #fff;
}

.seoquestion strong {
    color: #f12d2d;
}

.seoquestion .seocontent .leftseo:hover, .seoquestion .seojiejue:hover {
    background: rgba(39, 60, 75, 0.9);
}

@media screen and (max-width: 579px) {
    .seoquestion {
        padding: 20px 0;
    }

    .seo_title h2 {
        font-size: 24px;
    }

    .seo_title .seotext p {
        font-size: 14px;
    }

    .seoquestion .seocontent h3 {
        font-size: 14px;
    }

    .seoquestion .seojiejue h3 {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
    }

    .seoquestion .seojiejue p {
        font-size: 14px;
        color: #fff;
    }

    .seoquestion .seojiejue {
        padding: 8px;
    }

}

/*------------------------优势-----------------------*/
.seoyoushi .woyoushi {
    padding: 20px 0;
    height: 400px;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../images/seoright002.png") center no-repeat;
}

.seoyoushi .woyoushi .leftus {
    margin-top: 60px;
    text-align: right;
    color: #223540;
    margin-left: 25%;
}

.seoyoushi .woyoushi .leftus h2 {
    font-size: 32px;
    margin: 10px 0;
}

.seoyoushi .woyoushi .leftus p {
    font-size: 16px;
    margin: 10px 0;
    line-height: 26px;
}

/*-----------------------优势---------------------------------------*/
.seoyoushi .tayoushi {
    padding: 20px 0;
    height: 400px;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../images/seoleft001.png") center no-repeat;
}

.seoyoushi .tayoushi .rightus {
    margin-top: 60px;
    text-align: left;
    color: #fff;
    float: right;
    margin-right: 25%;
}

.seoyoushi .tayoushi .rightus h2 {
    font-size: 32px;
    margin: 10px 0;
}

.seoyoushi .tayoushi .rightus p {
    font-size: 16px;
    margin: 10px 0;
    line-height: 26px;
}

@media screen and (max-width: 579px) {
    .seoyoushi .woyoushi {
        padding: 10px 0;
        height: 200px;
        background: url("../images/seoright002.png") 90% no-repeat;
    }

    .seoyoushi .woyoushi .leftus {
        margin-top: 28px;
        color: #223540;
        margin-left: 20px;
    }

    .seoyoushi .woyoushi .leftus h2 {
        font-size: 24px;
        margin: 5px 0;
    }

    .seoyoushi .woyoushi .leftus p {
        font-size: 16px;
        margin: 5px 0;
    }

    .seoyoushi .tayoushi {
        padding: 10px 0;
        height: 200px;
        background: url("../images/seoleft001.png") 1% no-repeat;
    }

    .seoyoushi .tayoushi .rightus {
        margin-top: 0px;
        text-align: left;
        color: #fff;
        float: right;
        margin-right: 20px;
    }

    .seoyoushi .tayoushi .rightus h2 {
        font-size: 24px;
        margin: 5px 0;
    }

    .seoyoushi .tayoushi .rightus p {
        font-size: 14px;
        margin: 0;
        line-height: 20px;

    }

}

@media screen and (min-width: 991px) and (max-width: 1700px) {
    .seoyoushi .woyoushi {
        padding: 10px 0;
        height: 320px;
        background: url("../images/seoright002.png") 99% no-repeat;
    }

    .seoyoushi .tayoushi {
        padding: 10px 0;
        height: 320px;
        background: url("../images/seoleft001.png") 1% no-repeat;
    }

    .seoyoushi .woyoushi .leftus {
        margin-top: 20px;
        text-align: right;
        color: #223540;
        margin-left: 15%;
    }

    .seoyoushi .tayoushi .rightus {
        margin-top: 20px;
        text-align: left;
        color: #fff;
        float: right;
        margin-right: 15%;
    }

}

/*-------------------优势--------------------*/
.eqiseoyoushi {
    margin: 20px 0;
}

.youshilie {
    padding: 10px 0;
    line-height: 47px;
}

.youshilie .yous {
    text-align: center;
}

.youshilie .yousleft {
    text-align: right;
}

.youshilie .yousright {
    text-align: left;
}

.youshilie .yousright h3 {
    background: url("../images/zhengque001.png") left no-repeat;
    background-size: 30px;
    padding-left: 35px;
}

.youshilie .yousleft h3 {
    background: url("../images/cuowu001.png") right no-repeat;
    background-size: 30px;
    padding-right: 35px;
}

.youshilie span {
    font-size: 20px;
    color: #223540;
    padding: 5px 10px;
    border-radius: 50px;
}

.youshilie img {
    width: 50px;
}

@media screen and (max-width: 579px) {
    .eqiseoyoushi {
        margin: 10px 0;
    }

    .youshilie {
        padding: 5px 0;
        height: 50px;
        line-height: 20px;
    }

    .youshilie .yous {
        text-align: center;
    }

    .youshilie .yousleft {
        text-align: right;
    }

    .youshilie .yousright {
        text-align: left;
    }

    .youshilie span {
        font-size: 14px;
        padding: 2px 5px;
        border-radius: 50px;
    }

    .youshilie .yousright h3 {
        background: url("../images/zhengque001.png") left no-repeat;
        background-size: 15px;
        padding-left: 25px;
        padding-right: 0px;
    }

    .youshilie .yousleft h3 {
        background: url("../images/cuowu001.png") left no-repeat;
        background-size: 15px;
        padding-left: 25px;
        padding-right: 0px;
    }

    .youshilie img {
        width: 40px;
    }
}

/*------------------------seo案例-------------------------*/
.seoanlibox {
    background: #223540;
    padding: 20px 0;
}

.seoanlibox .seolititle {
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 20px 0;
}

.seobox {
    overflow: hidden;
}

.seobox .seo_pic {
    border: 1px solid #223540;
    box-sizing: border-box;
}

.seobox .seo_pic img {
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
}

.seobox .seo_pic img:hover {
    webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.seobox .seomore {
    margin: 30px 0;
    text-align: center;
}

.seobox .seomore a {
    text-align: center;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    background: #e71c1c;
    padding: 5px 20px;
    border: 1px solid #e71c1c;
}

.seobox .seomore a:hover {
    color: #fff;
    background: #386077;
    border: 1px solid #e71c1c;
}

/*-------------------------whyus------------------------*/
.whyus {
    padding: 30px 0;
    box-sizing: border-box;
    /* background:#f1f6f8; */
    background: url("../images/seobg001.png") repeat;
}

.whyus .why_title {
    margin: 20px 0;
    font-size: 35px;
    color: #223540;
    text-align: center;
}

.whyus .whybox {
    padding: 10px;
    box-sizing: border-box;
}

.whyus .whybox p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.whyus .whybox .whyone {
    margin: 0 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 18%;
    box-sizing: border-box;
    background: url("../images/why001.png") 15px center no-repeat;
    background-size: 60px;
    background-color: rgba(7, 69, 90, 0.75);
}

.whyus .whybox .whytwo {
    margin: 0 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 32%;
    box-sizing: border-box;
    background: url("../images/why002.png") 15px center no-repeat;
    background-size: 60px;
    background-color: rgba(230, 68, 68, 0.75);
}

.whyus .whybox .whythree {
    margin: 0 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 25%;
    box-sizing: border-box;
    background: url("../images/why003.png") 15px center no-repeat;
    background-size: 60px;
    background-color: rgba(56, 179, 183, 0.75);
}

@media screen and (max-width: 579px) {
    .whyus .why_title {
        margin: 10px 0;
        font-size: 24px;
        color: #223540;
        text-align: center;
    }

    .whyus .whybox p {
        font-size: 14px;
        color: #fff;
        line-height: 26px;
    }

    .whyus .whybox .whyone {
        margin: 0 10px;
        border-radius: 10px;
        padding: 10px 10px 10px 21%;
        box-sizing: border-box;
        background: url("../images/why001.png") 15px center no-repeat;
        background-size: 45px;
        background-color: rgba(7, 69, 90, 0.8);
    }

    .whyus .whybox .whytwo {
        margin: 0 10px;
        border-radius: 10px;
        padding: 10px 10px 10px 22%;
        box-sizing: border-box;
        background: url("../images/why002.png") 15px center no-repeat;
        background-size: 45px;
        background-color: rgba(230, 68, 68, 0.8);
    }

    .whyus .whybox .whythree {
        margin: 0 10px;
        border-radius: 10px;
        padding: 10px 10px 10px 22%;
        box-sizing: border-box;
        background: url("../images/why003.png") 15px center no-repeat;
        background-size: 45px;
        background-color: rgba(27, 178, 228, 0.8);
    }
}

/*--------------------------------*/
.seoprices {
    margin: 30px 0;
}

.prices_title {
    margin: 20px 0;
    font-size: 35px;
    color: #223540;
    text-align: center;
}

.prices {
    margin: 0 10px;
    border-radius: 5px;
    background: url("../images/seobg001.png") repeat;
    padding-bottom: 20px;
}

.prices h3 {
    background: #38b3b7;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px 5px 0 0;
}

.prices p {
    font-size: 16px;
    padding: 0 15px;
    margin: 10px 0;
    color: #d24f4f;
    line-height: 26px;
}

.prices ul {

}

.prices ul li {
    padding: 0 15px 0 25px;
    line-height: 36px;
    color: #102937;
    margin: 0 15px;
    font-size: 16px;
    background: url("../images/price001.png") left 10px no-repeat;
    background-size: 15px;
}

@media screen and (max-width: 579px) {
    .prices_title {
        margin: 10px 0;
        font-size: 24px;
        color: #223540;
        text-align: center;
    }
}

/*----------------------seopwenda--------------------*/
.seopwenda {
    overflow: hidden;
    padding-top: 20px;
}

.seopwenda .wenda_title {
    margin: 20px 0;
    font-size: 35px;
    color: #223540;
    text-align: center;
}

.seopwenda .wenda_title span {
    color: #fff;
    background: rgba(38, 44, 48, 0.7);
    padding: 5px 30px;
    border-radius: 50px;
}

.seopwenda .wendabox {
    padding: 5px 10px;
    box-sizing: border-box;
}

/* .seopwenda .wendabox .cjwenda{
	height:270px;
} */

.seopwenda .wendabox .cjwenda h5 {
    font-size: 18px;
    color: #262c30;
    padding: 10px 0 5px 50px;
    border-radius: 50px;
    background: url("../images/seowen001.png") 15px center no-repeat;
    background-size: 25px;
    background-color: #fff;
}

.seopwenda .wendabox .cjwenda p {
    font-size: 14px;
    color: #4e585e;
    margin: 10px 0;
    line-height: 26px;
    padding: 10px 15px 15px 50px;
    border-radius: 10px;
    background: url("../images/seowen002.png") 15px 12px no-repeat;
    background-size: 25px;
    background-color: #fff;
}

@media screen and (max-width: 579px) {
    .seopwenda .wenda_title {
        margin: 10px 0;
        font-size: 24px;
        color: #223540;
        text-align: center;
    }
}

/*网站优化托管*/
.tg_problems {
    padding: 40px 0;
    background: #f2f2f2;
}

.problems_list {
    margin: 30px auto;
}

.problems_list1 {
    padding: 0 140px 0 102px;
}

.problems_list1 .fr {
    margin-top: 23px;
}

.problems_list2 {
    padding: 0 218px 0 220px;
}

.problems_list3 {
    padding: 0 116px 0 172px;
}

.problems_list3 .fl {
    margin-top: 14px;
}

.problems_list4 {
    padding: 0 40px 0 48px;
}

.problems_list4 .fl {
    margin-top: 10px;
}

.problems_list li {
    margin-bottom: 42px;
}

.problems_list p {
    padding: 0 20px 0 30px;
    height: 46px;
    background-color: #545b70;
    border-radius: 50px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.problems_list p.fl:hover {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
}

.problems_list p.fl:after {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 5px 0 5px 10px;
    border-left-color: #545b70;
    position: absolute;
    top: 18px;
    right: -9px;
}

.problems_list p.fr:hover {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
}

.problems_list p.fr:after {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 5px 10px 5px 0;
    border-right-color: #545b70;
    position: absolute;
    top: 18px;
    left: -9px;
}

.problems_box {
    height: 252px;
    background: url(../images/problems_box.png) no-repeat center center;
    margin: auto;
    z-index: 2;
    padding-top: 50px;
    text-align: center;
}

.problems_box dd {
    float: left;
    width: 25%;
}

.problems_box dd i {
    width: 53px;
    height: 53px;
    line-height: 48px;
    display: inline-block;
    border: solid 2px #cccaf2;
    border-radius: 10px;
}

.problems_box_title {
    font-size: 24px;
    color: #4d4d4d;
    margin-top: 12px;
}

.problems_box_en {
    font-size: 12px;
    color: #d3d3d3;
    -webkit-transform: scale(0.83);
    transform: scale(0.83);
    text-transform: uppercase;
    margin-top: 5px;
}

.problems_box_text {
    font-size: 14px;
    color: #8d8d8d;
    line-height: 24px;
    margin-top: 12px;
}

a.problems_box_href {
    display: block;
    width: 125px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #C1C1C1;
    margin: 20px auto 0 auto;
    text-align: center;
    font-size: 14px;
    color: #999;
    position: relative;
}

a.problems_box_href:hover {
    border-color: #FF734D;
    color: #FF734D;
}

.tg_advantage {
    padding: 40px 0;
}

.blockbox1_right {
    box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 10px;
}

.blockbox1_right .li {
    width: 299px;
    height: 244.5px;
    float: left;
    border-right: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    overflow: hidden;
}

.blockbox1_right .li a {
    display: block;
    width: 100%;
    height: 100%;
}

.blockbox1_right .li .img {
    height: 40px;
    padding: 30px 0 20px;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    width: 319px;
}

.blockbox1_right .li .img img {
    margin: 0 auto;
    display: block;
}

.blockbox1_right .li h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #0F2149;
    margin: 0 15px;
    margin-top: 12px;
    font-weight: 400;
}

.blockbox1_right .li p.p1 {
    font-size: 14px;
    text-align: center;
    font-family: arial;
    color: #898E99;
    margin: 0 20px;
    line-height: 22px;
    margin: 3px 10px;
    height: 22px;
    overflow: hidden;
    margin-top: 5px;
}

.blockbox1_right .li p.p1 span {
    color: #FF734D;
}

.blockbox1_right .li p.p2 {
    display: block;
    width: 125px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #C1C1C1;
    margin: 20px auto 0 auto;
    text-align: center;
    font-size: 14px;
    color: #999;
    position: relative;
}

.blockbox1_right .li p.p3 {
    font-size: 14px;
    text-align: center;
    font-family: arial;
    color: #898E99;
    line-height: 22px;
    margin: 3px 15px;
    height: auto;
    margin-top: 5px;
}

.blockbox1_right .lia {
    background: #135FBB;
}

.blockbox1_right .lia a h3 {
    color: #fff;
}

.blockbox1_right .lia a p.p3 {
    color: #C1C1C1;
}

.blockbox1_right .li a {
    display: block;
    transition: all .35s ease
}

.blockbox1_right .li a:hover {
    margin-top: -5px;
    transition: all .35s ease
}

.blockbox1_right .li a:hover .p2 {
    border-color: #FF734D;
    color: #FF734D;
}

.tg_advantage1 {
    padding: 40px 0 30px;
    background: #135FBB;
}

/*blockbox3*/
.blockbox3 {

}

.blockbox3_left {
    width: 290px;
    height: 380px;
    background: url(../images/blockbox3_left.png) no-repeat;
    float: left;
}

.blockbox3_left h2 {
    font-size: 32px;
    color: #FFFFFF;
    margin: 0 25px;
    margin-top: 70px;
    position: relative;
}

.blockbox3_left h2:before {
    content: "";
    height: 1px;
    width: 200px;
    position: absolute;
    background: #E6E6E6;
    left: 0;
    bottom: -18px
}

.blockbox3_left h2:after {
    content: "";
    height: 5px;
    width: 20px;
    position: absolute;
    background: #E6E6E6;
    left: 0;
    bottom: -20px;
}

.blockbox3_left p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    padding: 37px 0 10px 0;
    margin: 0 25px;
}

.blockbox3_left .links {
    display: block;
    width: 160px;
    height: 40px;
    border: 1px solid #fff;
    margin: 20px 25px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
}

.blockbox3_left .links:before {
    width: 34px;
    height: 9px;
    background: red;
    content: '';
    position: absolute;
    background: url(../images/jt.png) no-repeat;
    top: 50%;
    margin-top: -4.5px;
    right: -20px;
}

.blockbox3_left .links:hover {
    background: #fff;
    color: #777;
}

.blockbox3 li .img {
    height: 40px;
    padding-top: 40px;
    transition: all .35s ease
}

.blockbox3 li:hover .img {
    padding-top: 35px;
    transition: all .35s ease
}

.blockbox3 li .img img {
    height: 100%;
    margin: 0 auto;
    display: block;
}

.blockbox3 ul {
    margin-left: 290px;
    overflow: hidden;
}

.blockbox3 li {
    width: 293px;
    height: 185px;
    background: url(../images/li.jpg) center;
    float: left;
    margin: 0 0 10px 10px;
}

.blockbox3 li h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #0F2149;
    margin: 0 20px;
    margin-top: 12px;
    font-weight: 400;
}

.blockbox3 li p.p1 {
    font-size: 14px;
    text-align: center;
    font-family: arial;
    color: #898E99;
    margin: 0 20px;
    line-height: 22px;
    margin: 3px 10px;
    height: 22px;
    overflow: hidden;
    margin-top: 10px;
}

.blockbox3 li p.p2 {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    font-family: arial;
    color: #FD6721;
    margin: 0 20px;
}

/*blockbox4*/
.tg_process {
    padding: 40px 0;
}

.blockbox4 ul {
    overflow: hidden;
    width: 1300px;
}

.blockbox4 li {
    width: 170px;
    height: 260px;
    position: relative;
    float: left;
    padding-right: 84px;
    transition: all .35s ease;
    margin-top: 5px;
}

.blockbox4 li.mar0 {
    padding-right: 0;
}

.blockbox4 li:hover {
    margin-top: 0px;
    transition: all .35s ease
}

.blockbox4 li .img {
    height: 130px;
}

.blockbox4 li .img img {
    height: 100%;
    margin: 0 auto;
    display: block;
}

.blockbox4 li h2 {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #5D5D5D;
    font-weight: 700;
    margin-top: 30px;
}

.blockbox4 li p.p1 {
    line-height: 22px;
    height: 48px;
    margin: 5px 0;
    color: #898E99;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    background: url(../images/dot.png) no-repeat center top;
    margin-top: 6px;
    overflow: hidden;
}

.blockbox4 li .hr {
    width: 0px;
    height: 190px;
    position: absolute;
    right: 35px;
    bottom: 11px;
    border-right: 1px dotted #ccc;
}

.blockbox4 li .hr:after {
    display: block;
    width: 22px;
    height: 10px;
    position: absolute;
    content: "";
    left: 0;
    bottom: 95px;
    background: url(../images/i2.jpg) no-repeat center;
}

/*快照*/
.kz_what {
    padding: 40px 0;
}

.what_left h2 {
    font-size: 32px;
    margin-bottom: 25px;
}

.what_left p {
    color: #666;
    line-height: 30px;
    margin-bottom: 30px;
}

.kz_what .what_rigth {
    text-align: center;
}

.kz_what .what_rigth img {
    width: 80%;
}

.kz_why {
    padding: 40px 0;
    background: #f8f9f9;
}

.kz_why_left {
    text-align: right;
}

.kz_why_icon {
    text-align: center;
    margin-top: 20px;
}

.kz_why_icon img {
    width: 80%;
}

.kz_why .item {
    margin-bottom: 30px;
}

.kz_why .item h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.kz_why .item p {
    color: #777;
}

.kz_value {
    padding: 40px 0;
    background: url("../images/play-bg.jpg") center top;
}

.page-seo-play li {
    float: left;
    width: 30%;
    text-align: center;
    transition: all 0.5s;
}

.page-seo-play-title {
    padding: 40px 0 30px;
    background-color: #a0a3ab;
    color: #fff;
}

.page-seo-play-title h3 {
    font-size: 24px;
    font-weight: bold;
}

.page-seo-play-title p {
    font-size: 16px;
}

.page-seo-play-content {
    padding-bottom: 40px;
}

.page-seo-play-content p {
    background-color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 15px 0;
    overflow: hidden;
}

.page-seo-play-content a {
    margin-top: 45px;
    display: inline-block;
    padding: 0 30px;
    border-radius: 38px;
    line-height: 38px;
    font-size: 16px;
    background-color: #a0a3ab;
    color: #fff;
}

.play-active {
    position: relative;
    width: 40% !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}

.play-active .page-seo-play-title {
    background-color: #277eff;
}

.play-active .page-seo-play-content a {
    background-color: #277eff;
    position: relative;
    top: 0;
}

.play-active .page-seo-play-content a:hover {
    top: 10px;
}

.kz_service {
    padding: 40px 0;
    background: #f5f6fa;
}

.page-seo-service-list li {
    float: left;
    width: 20%;
    text-align: center;
}

.page-seo-service {
    margin: 10px;
    background-color: #fff;
    padding: 10px;
}

.page-seo-service img {
    max-width: 100%;
}

.page-seo-service h3 {
    font-size: 18px;
    padding-bottom: 25px;
}

.page-seo-service p {
    line-height: 25px;
    color: #777;
    height: 75px;
    overflow: hidden;
}

.page-seo-service-list li .page-seo-service:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

/*百度seo优化*/
.yh_advantage {
    padding: 40px 0 0;
}

.yh_advantage li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 40px;
}

.yh_advantage li h3 {
    font-size: 18px;
    margin-top: 20px;
    font-weight: normal;
    color: #666;
}

.yh_service {
    padding: 40px 0;
    background: #f9f9f9;
}

.yh_service .li {
    width: 33.333%;
    float: left;
}

.yh_service .li h3 {
    color: #3c94f1;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.yh_service .li ol {
    border: 1px solid #ddd;
    margin: 0 20px;
    padding: 30px;
}

.yh_service .li ol li {
    line-height: 50px;
    border-bottom: 1px dashed #ddd;
    background: url("../images/li_icon.png") no-repeat left center;
    padding-left: 15px;
    color: #666;
}

.yh_strength {
    background: url("../images/yh_strength_bg.jpg");
    padding: 40px 0;
}

.yh_strength .all_title1 .title {
    color: #fff;
}

.yh_strength li {
    width: 30%;
    float: left;
    margin-right: 5%;
    background: url("../images/white_20.png");
    color: #fff;
    text-align: center;
    padding: 40px 0;
}

.yh_strength li.mar0 {
    margin-right: 0;
}

.yh_strength li p {
    font-size: 46px;
}

.yh_strength li span {
    font-size: 24px;
    vertical-align: top;
}

.yh_strength li h3 {
    font-size: 20px;
    margin-top: 20px;
}

.yh_strength1 {
    background: #f9f9f9;
}

.yh_strength1 li {
    width: 14.2%;
    float: left;
    height: 75px;
    line-height: 75px;
    background: url("../images/yh_strength1_icon_8.png") no-repeat center right;
}

.yh_strength1 li.last {
    background: none;
}

.yh_strength1 li img {
    display: inline-block;
    margin: 0 20px;
}

/*----------------------------------------------*/
.zhanshi_pictitle {
    margin: 10px 0;
}

.zhanshimess p {
    /* background:#6f8ec7; */
    padding: 10px;
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
    border-radius: 10px;
    line-height: 30px;
    background: url("../images/miaoshubg.gif") repeat;
}

.zhan_pic {
    padding: 5px;
    box-sizing: border-box;
}

.zhan_pic img {
    border-radius: 10px;
    border: 1px solid #ededed;
}

/*-----------------------------project_table----------------------------------------*/
.project_mess {
    margin: 15px 0 30px 0;
}

.project_mess .project_table {
    padding: 5px;
    box-sizing: border-box;
}

.project_mess .project_table input, .project_mess .project_table textarea {
    width: 100%;
    height: 40px;
    padding: 5px;
    border: 1px solid #dadada;
    border-radius: 4px;
    color: #211c1c;
    background: #e9e9e9;
    box-sizing: border-box;
}

.project_mess .project_table a {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    background: #e95656;
    color: #fff;
}

.project_mess .project_table p {
    color: #e95656;
    font-size: 16px;
}

/*-----------------------------seo优化流程--------------------------------*/
.flash4 {
    width: 100%;
    height: 670px;
    margin: 0px auto;
    margin-bottom: 20px;
    position: relative;
}

.flash4 ul li {
    width: 244px;
    height: 670px;
    border-left: 1px solid #000;
    position: relative;
    overflow: hidden;
    float: left;
}

.flash4 ul li .imgTop {
    overflow: hidden;
}

.flash4 ul li .imgTop img {
    opacity: 0.4;
}

.flash4 ul li .imgTop img.tm {
    opacity: 1;
}

.flash4 ul li .imgCon {
    width: 880px;
    height: 628px;
}

.flash4 ul li .imgCen {
    width: 880px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    position: absolute;
    left: 0px;
    bottom: 40px;
    text-indent: 20px;
    display: none;
}

.flash4 ul li .imgBot {
    width: 880px;
    height: 45px;
    background: #222;
}

.flash4 ul li .imgBot p.bt_1 {
    width: 250px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    text-indent: 20px;
    float: left;
}

.flash4 ul li .imgBot p.wangzhan {
    background: url("../images/seowang001.png") left no-repeat;
    background-size: 20px;
    margin-left: 8px;
    padding-left: 10px;
}

.flash4 ul li .imgBot p.hetong {
    background: url("../images/hetong.png") left no-repeat;
    background-size: 20px;
    margin-left: 8px;
    padding-left: 10px;
}

.flash4 ul li .imgBot p.wangmess {
    background: url("../images/wangzhan002.png") left no-repeat;
    background-size: 20px;
    margin-left: 8px;
    padding-left: 10px;
}

.flash4 ul li .imgBot p.seccess {
    background: url("../images/seccee.png") left no-repeat;
    background-size: 20px;
    margin-left: 8px;
    padding-left: 10px;
}

.flash4 ul li .imgBot p.seobegin {
    background: url("../images/seokai001.png") left no-repeat;
    background-size: 20px;
    margin-left: 8px;
    padding-left: 10px;
}

.flash4 ul li .imgBot p.bt_2 {
    width: 250px;
    height: 45px;
    line-height: 45px;
    float: left;
    display: none;
}

.flash4 ul li .imgBot p.bt_2 span {
    font-size: 14px;
    color: #fff;
    padding-right: 30px;
    background: url("../images/part2_icon.png") no-repeat left center;
    padding-left: 10px;
}

.flash4 ul li.first {
    width: 880px;
}

.flash4 ul li.fast {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/*------------------------seo_more--------------------------------------------------*/
.seo_more {
    padding: 0 0 30px 0;
    background: url("../images/seobg001.png") repeat;

}

.seo_more .all_title2, .whyus .all_title2 {
    color: #03101c;
}

.seo_more .seo_morebox {
    padding: 10px;
    box-sizing: border-box;
}

.seo_more .seom_box {
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    background: rgba(3, 16, 28, 0.7);
    color: #fff;
}

.seo_more .seom_box h3 {
    font-size: 18px;
    margin: 5px 0;
    border-bottom: 1px solid #55769b;
    padding-bottom: 10px;
}

.seo_more .seom_box p {
    font-size: 14px;
    margin: 5px 0;
    line-height: 24px;
}

/*------------------------------why_tui---------------------------------------*/
.why_tui {
    margin: 30px 0;
}

.why_tui .why_title {
    text-align: center;
    font-size: 24px;
    color: #e95656;
}

.why_tui ul li {
    margin: 10px 0;
    border: 1px dashed #ffb9b9;
    padding: 5px;
    box-sizing: border-box;
}

.why_tui ul li .whyq_mess {
    padding: 10px 20px;
    box-sizing: border-box;
}

.why_tui ul li .whyq_mess h3 {
    background: url("../images/seowen001.png") left no-repeat;
    background-size: 20px;
    padding-left: 30px;
    font-size: 20px;
    color: #e95656;
    margin: 5px 0;
}

.why_tui ul li .whyq_mess p {
    background: url("../images/seowen002.png") left 2px no-repeat;
    background-size: 20px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #554545;
    margin: 5px 0;
}

.why_tui .q_one {
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    background-color: #e95656;
}

.why_tui .q_one img {
    width: 70%;
}

/*-----------------------------choose_us-------------------------------------------*/
.choose_content {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.choose_content .choose {
    background: rgba(16, 17, 18, 0.2);
    margin: 0 1px;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    min-height: 130px;
}

.choose_content .choose .fu_icon {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -40%;
}

.choose_content .choose h5 {
    font-size: 20px;
    color: #fff;
    margin: 5px 0;
    text-align: left;
}

.choose_content .choose span.icon_s {
    font-size: 26px;
    color: #fff;
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-top: 8px;
}

.choose_content .choose span.icon_s i {
    font-weight: lighter;
}

.choose_content .choose p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin: 5px 0;
    text-align: left;
}

.choose_content .choose:hover {
    background: rgba(16, 17, 18, 0.4);
    color: #fff;
}

@media screen and (max-width: 1140px) {
    /*.choose_content{display:none;}*/
}

@media screen and (max-width: 768px) {
    .choose_content {
        position: inherit;
        bottom: 0;
        width: 100%;
    }

    .choose_content .choose h5, .choose_content .choose span.icon_s i {
        color: #333 !important;
    }

    .choose_content .choose {
        background-color: #ffffff;
        margin: 0;
        padding: 10px;
        min-height: 100px;
        box-sizing: border-box;
    }

    .choose_content .choose span.icon_s {
        border-color: #333;
    }

    .choose_content .choose p {
        color: #7d7d7d;
    }
}

.choose_content .choose h5, .choose_content .choose span.icon_s i {
    color: #fff;
}

}
/*--------------------------contact_us----------------------------------------*/
.contact_us {
    margin: 20px 0;
}

.contact_us .contact_content {
    border: 1px dashed #e05353;
    padding: 15px;
    box-sizing: border-box;
}

.contact_us .contact_content .contact {
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.contact_us .contact_content .contact h5 {
    font-size: 18px;
    margin: 10px 0;
    color: #1a0303;
}

.contact_us .contact_content .contact p {
    font-size: 12px;
    margin: 5px 0;
    color: #706e6e;
}

.contact_us .contact_content .contact a {
    font-size: 14px;
    color: #e54545;
}

.zhuyi {
    margin: 50px 0;
    line-height: 30px;
}

.recommend_news {
    overflow: hidden;
    margin-bottom: 25px;
    float: right;
    width: 30%;
}

.recommend_news .newsbox {
    padding: 15px;
    background: #f9f9f9;
    margin-bottom: 30px;
}

.recommend_news h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 15px 0
}

.recommend_news h4 {
    font-size: 16px;
    color: #777;
}
.recommend_news h4:hover{
    color: #ff5853;
}
.recommend_news p{
    color: #777;
}
.recommend_news ul li {
    line-height: 25px;
    margin: 10px 0;
    padding: 0 0 10px;
    border-bottom: 1px dashed #cfcfcf
}
.page{
    line-height: 24px;
    font-size: 15px;
}
.page a{
    color: #666;
}
.page p:hover,.page p:hover a{
    color: #ff5853;
}
@media screen and (max-width: 767px) {
    .kzf-mod-new-container{
        margin-bottom: 0;
    }
    .kzf-mod-new-container .newslist{
        width: 94%;
        padding: 20px 3%;
    }
    .recommend_news{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .recommend_news .newsbox{
        margin-bottom: 20px;
    }
    .recommend_news h3,.position h2{
        font-size: 22px;
    }
    .recommend_news h4,.recommend_news p{
        font-size: 14px;
    }
    .links{
        display: none;
    }
}

.keyword_why{
    padding: 40px 0;
}
.keyword_why ul{
    margin-top: 40px;
}
.keyword_why ul li{
    width:25%;
    float: left;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
}
.keyword_why ul li h3{
    font-size: 18px;
    color: #333;
    margin-top: 40px;
    margin-bottom: 10px;
}
.keyword_why ul li{
    color: #666;
    line-height: 24px;
}
.keyword_question{
    padding: 40px 0;
    background: #f9f9f9;
}
.keyword_question .left{
    width: 50%;
    float: left;
    margin-top: 30px;
}
.keyword_question .right{
    width: 50%;
    float: right;
    margin-top: 30px;
}
.keyword_question .right p{
    margin-bottom: 50px;
    font-size: 20px;
    color: #f08619;
    box-sizing: border-box;
    padding-left: 73px;
}
.keyword_question .right p span{
    display: inline-block;
    width: 42px;
    height: 42px;
    background-color: #f08619;
    border-radius: 50% 0 50% 0;
    text-align: center;
    line-height: 42px;
    color: #fff;
    margin-right: 12px;
    font-size: 20px;
}
.keyword_service{
    padding: 40px 0;
}
.keyword_service .left{
    width: 25%;
    float: left;
    margin-top: 60px;
}
.keyword_service .right{
    width: 20%;
    float: right;
    margin-top: 60px;
}
.keyword_service .mid{
    width: 45%;
    float: left;
}
.keyword_service ul li{
    margin-bottom: 74px;
    font-size: 18px;
    color: #555;
}
.keyword_rank{
    padding: 40px 0;
    background: #f9f9f9;
}
.keyword_rank ul li{
    width: 50%;
    float: left;
    margin-top: 50px;
    margin-bottom: 10px;
}
.keyword_rank ul li .icon{
    background: #fff;
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;

}
.keyword_rank ul li img{
    width: 40px;
}
.keyword_rank ul li h3{
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
}

.seo_baidu{
    padding: 40px 0;
}

.seo_baidu li{
    width: 25%;
    float: left;
    box-sizing: border-box;
    margin-top: 30px;
    text-align: center;
    padding: 0 15px ;
}
.seo_baidu li img{
    width:80px;
}
.seo_baidu li h3{
    font-size: 20px;
    margin: 10px 0;
}
.seo_baidu li p{
    color: #666;
    line-height: 24px;
}
.seo_service{
}
.seo_service .left,.seo_service .right{
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.seo_service .icon{
    width: 100%;
    height: 100%;
    position: absolute;
}
.seo_service .icon1{
    background: url("../images/seo_service01.jpg") no-repeat;
    background-size: cover;
}
.seo_service .icon2{
    background: url("../images/seo_service02.jpg") no-repeat;
    background-size: cover;
}
.seo_service .text{
    padding: 20px ;
    background: #f9f9f9;
}
.seo_service h2{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.seo_service p{
    text-indent: 2em;
    line-height: 24px;
}
.seo_question{
    padding: 40px 0;
}
.seo_question li{
    width:25%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
}
.seo_question li img{
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
}
.seo_question li p{
    font-size: 16px;
    line-height: 36px;
    color: #666;
}
.seo_question li p:hover{
    color: #ff5853;
}
.new_seo,.new_grasp{
    padding: 40px 0;
    background: #f9f9f9;
}
.new_seo .left{
    width: 30%;
    float: left;
}
.new_seo .left img{
    max-width: 100%;
}
.new_seo .right{
    width: 65%;
    float: right;
    line-height: 40px;
    padding-top: 70px;
    color: #888;
    font-size: 16px;
    text-indent: 2em;
}
.new_adv,.new_choose{
    padding: 40px 0;
}
.new_adv ul{
    margin-top: 30px;
}
.new_adv li{
    width: 33.333%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 0 30px;
}
.new_adv li .icon{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #ff7e46;
    text-align: center;
    line-height: 130px;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
}
.new_adv li .icon1:hover{
    box-shadow: 0 0 20px #ff7e46;
}
.new_adv li .icon2{
    background: #43b9f6;
}
.new_adv li .icon2:hover{
    box-shadow: 0 0 20px #43b9f6;
}
.new_adv li .icon3{
    background: #6686ff;
}
.new_adv li .icon3:hover{
    box-shadow: 0 0 20px #6686ff;
}
.new_adv li h3{
    margin: 20px 0;
    font-size: 20px;
}
.new_adv li p,.web_seo li p{
    color: #666;
    line-height: 24px;
}
.new_grasp li{
    width: 20%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
    margin-top: 20px;
}
.new_grasp li img{
    max-width: 100%;
}
.new_grasp li h3{
    font-size: 20px;
    margin: 10px 0;
}
.new_grasp li p{
    color: #666;
}
.new_choose li{
    width: 33.333%;
    float: left;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 0 15px;
}
.new_choose li img{
    display: block;
    margin: 0 auto;
}
.new_choose li h3{
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}
.new_choose li p{
    color: #666;
    text-indent: 2em;
    line-height: 24px;
}
.web_seo,.web_price{
    padding: 40px 0;
}
.web_seo li{
    width: 25%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding:0 30px;
    margin-top: 30px;
}
.web_seo li img{
    height: 90px;
}
.web_seo li h3{
    font-size: 20px;
    margin: 20px 0;
}
.web_problems,.web_process{
    padding: 40px 0;
    background: #f3f2f8;
}
.web_problems .content{
    margin-top: 50px;
    background: url("../images/wdbj.png") no-repeat center top;
}
.web_problems .item{
    width: 100%;
    float: left;
}
.web_problems .item .item-box{
    width: 45%;
    height: 105px
}
.web_problems .item .fl{
    text-align: right;
}
.web_problems .item .item-box h3{
    font-size: 18px;
    margin-bottom: 8px;
}
.web_problems .item .item-box p{
    line-height: 24px;
    color: #666;
}
.web_price li{
    width: 30%;
    float: left;
    margin: 90px 1.6% 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
}
.web_price .li2{
    margin-top: 30px;
}
.web_price li h3{
    font-size: 20px;
    line-height: 50px;
}
.web_price li p{
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #f9f9f9;
}
.web_price li p.bor0{
    border: 0;
}
.web_price li p.light{
   color: #ff4a00;
    font-weight: bold;
}
.web_process li{
    width: 14%;
    float: left;
    margin: 0px 1.3% 0;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    text-align: center;
}
.web_process li span{
    display: inline-block;
    color: #ff6600;
    font-size: 30px;
    margin-bottom: 15px;
}
.web_process li h3{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}
.web_process li p{
    padding: 0 20px;
}

.citysite{
    padding: 30px 0;
}
.citysite{
    max-width: 1000px;
}
.citysite .title{
    line-height: 80px;
}
.citysite .title h2{
    float: left;
    color: #000;
    font-size: 30px;
    font-weight: normal;
}
.citysite .title p{
    float: right;
}
.citynav a{
    float: left;
    width: 18%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #f9f9f9;
    margin: 15px 0;
    margin-right: 2.5%;
    border-radius: 5px;
}
.citynav a.mar0{
    margin-right: 0;
}
.citynav a:hover{
    background: #00aaff;
    color: #fff;
}
.add_part1{
    padding: 40px 0;
}
.add_part1 .icon{
    width: 47%;
    float: left;
}
.add_part1 .cont{
    width: 50%;
    float: right;
}
.add_part1 .cont .item{
    height: 80px;
    border-radius: 8px;
    margin-bottom:30px;
    background: #f9f9f9;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 3px #999;
    font-size: 18px;
}
.add_part1 .pbt_btn{
    font-size: 18px;
    display: block;
    margin: 60px auto 0;
    width: 240px;
    line-height: 50px;
    border: 1px solid #3ebcc7;
    color: #3ebcc7;
    text-align: center;
}
.add_part1 .pbt_btn:hover{
    background:#3ebcc7;
    color: #fff;
}