/*

Theme Name: 索普2017自适应主题

Author: 索普科技

Author URI: http://www.kuaizhan8.com/

Description: 这是我们专门有客户定制版企业主题

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

* {

    margin: 0;

    padding: 0

}

em,

i {

    font-style: normal

}

li {

    list-style: none

}

img {

    border: 0;

    vertical-align: middle

}

button {

    cursor: pointer

}

a {

    color: #666;

    text-decoration: none

}

a:hover {

    color: #c81623

}

body {

    background-color: #fff;

    font: 14 px / 16px Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans - serif !important;

    color: #333;

}

ul,

ol {

    margin: 0;

}

.container,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans - serif !important;

}

/*Wordpress editor styles start*/

.entry-content img {

    margin: 0 0 1.5em 0;

}

.alignleft,

img.alignleft {

    margin-right: 1.5em;

    display: inline;

    float: left;

}

.alignright,

img.alignright {

    margin-left: 1.5em;

    display: inline;

    float: right;

}

.aligncenter,

img.aligncenter {

    margin-right: auto;

    margin-left: auto;

    display: block;

    clear: both;

}

.alignnone,

img.alignnone {

    /* not sure about this one */

}

.wp-caption {

    margin-bottom: 1.5em;

    text-align: center;

    padding-top: 5px;

}

.wp-caption img {

    border: 0 none;

    padding: 0;

    margin: 0;

}

.wp-caption p.wp-caption-text {

    line-height: 1.5;

    font-size: 10px;

    margin: 0;

}

.wp-smiley {

    margin: 0 !important;

    max-height: 1em;

}

blockquote.left {

    margin-right: 20px;

    text-align: right;

    margin-left: 0;

    width: 33%;

    float: left;

}

blockquote.right {

    margin-left: 20px;

    text-align: left;

    margin-right: 0;

    width: 33%;

    float: right;

}

/*Wordpress editor styles end*/

.kuaizhan-topbar {

    background: #333;

    color: #bbb;

    line-height: 40px;

    position: relative;

    z-index: 1201;

}

.kuaizhan-topbar a {

    color: #bbb;

}

.kuaizhan-nav {

    background: #0C4FA8;

    border: 0px;

    margin: 0;

    border-radius: 0;

}

#kuaizhan-navbar-default {

    padding-top: 50px;

}

.kuaizhan-nav.navbar-default .navbar-nav>li>a {

    color: #fff;

    font-weight: bold;

}

.home .kuaizhan-nav.navbar-default .navbar-nav>li>a {

    color: #000;

}

.kuaizhan-nav.navbar-default .navbar-nav>li>a:hover {

    color: #0054a5;

}

img {

    max-width: 100%;

}

a {

    color: #000;

    text-decoration: none;

}

a:hover {

    color:#0C4FA8;

    text-decoration: none;

}

p {

    line-height: 24px;

    font-family: Microsoft Yahei;

}

/*index*/

/*colorbox over*/



#cboxOverlay {

    background: #000;

    opacity: 0.7!important;

}

#cboxPrevious {

    background: url(images/pre.png) no-repeat;

    width: 64px;

    height: 64px;

    font-size: 0;

    bottom: auto;

    top: 50%;

    margin-top: -32px;

    outline: none;

}

#cboxNext {

    background: url(images/next.png) no-repeat;

    width: 64px;

    height: 64px;

    font-size: 0;

    bottom: auto;

    top: 50%;

    right: 0;

    left: auto;

    margin-top: -32px;

    outline: none;

}



#cboxLoadedContent {

    margin-bottom: 50px;

}

#cboxTitle,

#cboxCurrent {

    line-height: 50px;

    font-size: 16px;

}

#cboxCurrent {

    left: 0;

}

#cboxClose {

    background: url(images/close.png) no-repeat;

    width: 32px;

    height: 32px;

    font-size: 0;

    bottom: 5px;

    outline: none;

}

#cboxWrapper {

    background: #fff;

    border-radius: 5px;

}

#cboxTopLeft,

#cboxTopCenter,

#cboxTopRight,

#cboxMiddleLeft,

#cboxMiddleRight,

#cboxBottomLeft,

#cboxBottomCenter,

#cboxBottomRight {

    background: none;

}

.ih-item.circle .img,

.ih-item.circle {

    width: 400px;

    height: 400px;

}

.ih-item.circle .img:before {

    box-shadow: none;

}

.ih-item.circle.effect5 a:hover .info .info-back {

    visibility: visible;

    background: rgba(0, 0, 0, 0.6) !important;

}



/*2017-11-11*/

.the-header-tel {

    font-size: 20px;

    text-align: left;

    float: right; color:#333;

	background:url(images/tel-icon.png) left center no-repeat; padding-left:50px; 

}

.the-header-tel h3 { font-weight:bold;margin:0; color:#ff0101;

}

.kuaizhan-header-inner {

    padding: 25px 0;

}

.navbar-brand {

    height: auto;

    padding: 0;

}

.kuaizhan-nav .nav>li>a {

    padding: 0 15px;

    line-height: 55px;

    border-radius: 0;

    color: #fff;

    font-size:16px;

}

.kuaizhan-nav .nav>li>a:focus,

.kuaizhan-nav .nav>li>a:hover,

.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

    background: #2e499a;

}

.kuaizhan-nav .nav-pills>li.active>a:hover {

    background: #337ab7;

}

.kuaizhan-nav .nav-pills>li.active>a,.kuaizhan-nav .nav-pills>li.active>a:focus,.kuaizhan-nav .nav-pills>li.active>a:hover{background-color: #da251e;}

.dropdown-menu>.active>a,

.dropdown-menu>.active>a:focus,

.dropdown-menu>.active>a:hover {

    background: #1c72e3;

}

.about_txt h1 {

    color: #0062a3;

    font-size: 24px;

    font-weight: normal;

    font-family: Microsoft Yahei;

}

.kuaizhan-nav .dropdown-menu {

    margin: 0;

    border: 0;

    border-radius: 0;

    padding: 0;

}

.kuaizhan-nav .dropdown-menu>li>a {

    padding: 15px 20px;

}

.kuaizhan-nav .dropdown-menu {

    min-width: 195px;

}

.kuaizhan-nav .nav li .dropdown-menu li{ border-bottom:1px solid #ddd;}

.kuaizhan-nav .nav li .dropdown-menu li:last-child{ border-bottom:0;}

.kuaizhan-nav .nav li .dropdown-menu li:hover a{}

.footer-bottom {

    background: #333; padding:25px 0;

    color: #fff; line-height:24px; font-family:Microsoft Yahei;

}

.footer-bottom a {

    display: inline-block;

    margin-right: 18px;

    color: #CCC;

    line-height: 20px;

}

.bottom_nav {

    border-bottom: 1px #626161 solid;

    padding: 15px 0;

}

.copyright {

    padding: 20px 0;

}

.copyright span {

    float: right;

    line-height: 30px;

}

.copyright em {

    margin: 0 10px;

}

.copyright a {

    display: inline-block;

    color: #ccc;

    line-height: 20px;

    margin: 0;

}

.footer-bottom a:hover {

    color: #1f92d1;

}



.home-sub-container.vc_row {

    margin: 0 auto;

    padding: 0;

}

.home-sub-title h1 {

    color: #144796;

    font-size: 36px;

    font-weight: normal;

    margin: 40px 0 10px;

}

.home-sub-title h1:hover {

    color: #1f92d1;

}

.home-sub-title p {

    margin: 0;

    text-transform: uppercase;

    font-size: 16px;

    color: #999;

}

.process-txt.wpb_content_element {

    width: 125px;

    display: inline-block;

    text-align: center;

    margin: 0;

}

.process-txt b {

    color: #333333;

    font-size: 16px;

    font-weight: normal;

}

.process-txt em {

    color: #999999;

    font-size: 12px;

    font-family: Arial;

    text-transform: uppercase;

}

.process-info .wpb_column {

    background: url(images/lgt.png) no-repeat 150px 40px;

    padding: 0 40px 0 0;

}

.process-info .wpb_column:last-child {

    background: none;

    padding: 0;

}

.advantages-info {

    background: url(images/advantages-bg.jpg) repeat-x center 150px;

}

.advantages-con .vc_col-sm-2 {

    width: 20%;

    padding-top: 30px;

}

.advantages-con .vc_col-sm-2:last-child {

    display: none;

}

.advantages-txt h1 {

    color: #333;

    font-size: 24px;

    line-height: 40px;

    font-weight: normal;

    margin: 0;

}

.advantages-txt p {

    font-size: 14px;

    line-height: 24px;

    height: 135px;

    text-align: center;

    margin: 5px 0 0;

}

.advantages-con .wpb_single_image {

    margin-bottom: 10px;

}

.advantages-con .wpb_single_image img {

    box-shadow: 0 0 12px #888888;

}

.floor-service-title {

    color: #fff;

}

.floor-service-title h1 {

    font-size: 44px;

    font-weight: normal;

    margin: 0;

    padding: 20px 0 20px;

}

.floor-service-title p {

    font-size: 16px;

    color: #fff;

    margin: 0;

}

.floor-service .pic {

    display: inline-block;

    color: #fff;

    font-size: 24px;

    text-align: center;

    width: 225px;

    padding: 35px 0;

    background: url(images/floor_service_no.png)no-repeat center;

    transition: transform .5s;

    cursor: pointer;

    margin: 20px 0 60px 0;

}

.floor-service .pic:hover {

    background: url(images/floor_service_on.png)no-repeat center;

    transform: scale(1.2)

}

.home-contact-info {

    color: #fff;

}

.contact-item h5 {

    font-size: 18px;

    font-weight: normal;

    padding: 15px 0px 5px;

    margin: 0px;

}

.contact-item {

    padding-left: 132px;

    padding-right: 42px;

    min-height: 115px;

    cursor: pointer;

    border-right: 1px solid #009ac0;

}

.contact-item.contact-item03 {

    border-right: 0;

}

.contact-item01 {

    background: url(images/floor-icon1.png) no-repeat left top;

}

.contact-item02 {

    background: url(images/floor-icon2.png) no-repeat left top;

}

.contact-item03 {

    background: url(images/floor-icon3.png) no-repeat left top;

}

.contact-item01:hover {

    background: url(images/floor-icon1_hover.png) no-repeat left top;

}

.contact-item02:hover {

    background: url(images/floor-icon2_hover.png) no-repeat left top;

}

.contact-item03:hover {

    background: url(images/floor-icon3_hover.png) no-repeat left top;

}

.sopu-breadcrumb {

    margin-bottom: 20px;

}

.sopu-breadcrumb .the-title {

    margin: 0;

}

.sopu-breadcrumb .list-inline li a {

    font-size: 16px;

    line-height: 56px;

    padding: 0 20px;

}

.sopu-breadcrumb #crumbs {

    color: #666;

    float: right;

    font-style: normal;

    line-height: 56px;

}

.sopu-breadcrumb .list-inline li {

    margin-right: 10px;

}

.links-info .wpb_single_image {

    border: 1px solid #ccc;

    padding: 1px;

    margin: 10px;

}

.ul_sitemap {

    line-height: 35px;

    margin: 0 0 20px 20px;

}

.ul_sitemap li {

    list-style: disc;

}

.slick-dots {

    bottom: 10px;

}

.slick-dots li {

    margin: 0;

}

.kuaizhan-slider .slick-dots li button:before{ color:#fff;}

.kuaizhan-slider .slick-dots li.slick-active button:before {

    color: #da251e;

}

.slick-prev,

.slick-prev:focus,

.slick-prev:hover {

    left: 25px;

    background: url(images/btn_l.png) no-repeat;

}

.slick-next,

.slick-next:focus,

.slick-next:hover {

    right: 25px;

    background: url(images/btn_r.png) no-repeat;

}

.slick-prev,

.slick-next {

    opacity: 0.7;

}

.slick-prev:hover,

.slick-next:hover {

    opacity: 1;

}

.slick-next:before,

.slick-prev:before {

    font-size: 50px;

    color: #337ab7;

    border-radius: 100%;

    display: none;

}

.slick-next,

.slick-prev {

    width: 32px;

    height: 40px;

    z-index: 99;

}

.vc_row {

    margin: 0 auto !important;

}

.home-autoplay-member .slick-slide {

    margin-right: 10px;

    overflow: hidden;

    position: relative;

    padding-bottom: 15px;

}

.slick-slide img {

    transition: all 0.5s ease;

}

.home-autoplay-member .slick-slide:hover img {

    transform: scale(1.2);

}

.home-autoplay-member .slick-slide b {

    line-height: 30px;

    background: rgba(0, 0, 0, 0.7);

    color: #fff;

    font-size: 14px;

    opacity: 0;

    transition: all 0.5s ease;

    display: block;

    text-align: center;

    position: absolute;

    left: 0px;

    bottom: -30px;

    width: 100%;

}

.home-autoplay-member .slick-slide:hover b {

    opacity: 1;

    bottom: 0;

}

.home-autoplay-member .slick-prev {

    left: -46px;

}

.home-autoplay-member .slick-next {

    right: -46px;

}

.home-center-list {

    height: 380px;

    overflow: hidden;

}

.home-center-list .slick-slide a {

    display: block;

    padding: 5%;

    position: relative;

    text-align: center;

    opacity: 0.6;

    transition: all 300ms ease;

    z-index: 10;

}

.home-center-list .slick-slide.slick-center a {

    transform: scale(1.5);

    opacity: 1;

    outline: none;

    z-index: 12;

}

.home-center-list.slick-slider .slick-list {

    padding: 80px 60px !important;

}

.news-list .the-inner-content {

    padding: 10px;

    background-color: #efefef;

    margin: 0 0 30px 0;

}

.news-list .the-inner-content:hover {

    background-color: #0062a3;

    color: #fff;

    cursor: pointer;

}

.news-list-2017 h3.post-title {

    font-size: 16px;

    margin: 0;

    background: url(images/li-icon.jpg) 5px center no-repeat;

    padding-left: 15px;

}

.news-list-2017 .the-item {

    line-height: 35px;

}

.news-list-2017 {

    margin-bottom: 15px;

}

.news-list-info {

    border: 1px solid #f5f2f4;

    padding: 15px 12px;

}

.post.type-post h1 {

    padding-bottom: 5px;

    font-size: 24px;

    font-weight: normal;

    line-height: 1.5;

    margin: 0;

    text-align: center;

}

.post.type-post header.title {

    padding-bottom: 10px;

    margin-bottom: 15px; border-bottom:1px solid #ddd;

}

.go-toback {

    text-align: center;

    padding: 20px 0;

}

.go-toback a {

    color: #2aa442;

    font-weight: bold;

}

h2.screen-reader-text {

    display: none;

}

.suopu-prev-next {

    padding: 20px 0;

}

.entry-content {

    line-height: 25px;

}

.suopu-pagination {

    clear: both;

}

.slick-next, .slick-prev{ width:29px; height:50px;}

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

    .home-autoplay-member .slick-prev {

        left: 5px;

    }

    .home-autoplay-member .slick-next {

        right: 5px;

    }

    .slick-slide img {

        width: 100%;

    }

    .post-template-default h3.page-title {

        display: none;

    }

    .post-template-default .main-wrapper .row {

        margin: 0;

    }

}

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

    .kuaizhan-nav .nav>li>a {

        padding: 0 5px;

    }

    .process-info .wpb_column {

        background: none;

        padding: 0;

    }

    .process-txt.wpb_content_element {

        width: 100%;

    }

    .home-sub-container .vc_col-sm-3 {

        width: 50%;

    }

    .home-contact-info .vc_col-sm-4 {

        width: 100%;

    }

    .contact-item {

        border-right: 0;

    }

    .home-contact-info .wpb_content_element {

        margin-bottom: 10px;

    }

    .contact-item {

        padding-left: 110px;

        padding-top: 10px;

    }

    .contact-item.contact-item02 {

        padding-top: 0;

    }

    .the-header-tel b {

        font-size: 16px;

    }

    .process-txt em {

        line-height: 18px;

    }

    .floor-service .pic {

        width: auto;

        margin: 0 0 20px 0;

        display: block;

    }

    h3.page-title {

        text-align: center;

        margin-bottom: 20px;

        font-size: 2.5em;

    }

    .qualifications-item h1 {

        font-size: 18px;

    }

    .qualifications-item-info {

        min-height: 185px;

        margin-bottom: 15px;

    }

}

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

    .advantages-con .wpb_content_element {

        margin-bottom: 0;

    }

    .navbar-logo {

        width: 80%; padding:10px 0;

    }

    .nav-bars {

        padding-top: 20px;

    }

    .nav-bars i {

        font-size: 30px;

    }

    #header-mbmenu li {

        line-height: 40px; font-family:Microsoft Yahei;

        border-bottom: 1px solid #ddd;

        padding: 0 15px;

    }

    #header-mbmenu li a {

        display: block;

    }

    #header-mbmenu .sub-menu {

        display: block;

    }

    #header-mbmenu .sub-menu li {

        border-bottom: 0;

        line-height: 30px;

    }

    .home-sub-title h1,

    .floor-service-title h1 {

        font-size: 30px;

    }

    .process-info .wpb_single_image.vc_align_left {

        text-align: center;

        margin-bottom: 10px;

    }

    .process-txt.wpb_content_element {

        margin-bottom: 15px;

    }

    .home-sub-title h1 {

        margin: 30px 0 10px;

    }

    .advantages-con .vc_col-sm-2 {

        width: 100%;

    }

    .advantages-txt p {

        height: auto;

        padding-bottom: 10px;

    }

    .floor-service-title p {

        font-size: 14px;

        padding: 0 15px;

    }

    .home-sub-container .vc_col-sm-3 {

        float: left;

    }

    .floor-service .pic {

        font-size: 20px;

        padding: 15px 0;

    }

    .slick-list {

        width: 100%;

    }

    .kuaizhan-header {

        height: 75px;

    }

    .slick-next:before,

    .slick-prev:before {

        font-size: 30px;

    }

    .slick-next {

        right: 5px;

    }

    .slick-prev {

        left: 5px;

    }

    .slick-dotted.slick-slider,

    .advantages-info .wpb_content_element {

        margin-bottom: 0;

    }

    .bottom_nav a {

        display: block;

        padding: 0 15px;

    }

    h3.page-title {

        font-size: 2em;

    }

    .qualifications-tit h1 {

        font-size: 22px;

    }

    .qualifications-tit p {

        font-size: 14px;

    }

    .qualifications-item-info {

        height: auto;

        min-height: inherit;

    }

    .wpb_content_element {

        margin-bottom: 10px !important;

    }

    .copyright {

        padding: 20px 15px;

    }

    .copyright span {

        line-height: 20px;

    }

    .slick-prev,

    .slick-prev:focus,

    .slick-prev:hover,

    .slick-next,

    .slick-next:focus,

    .slick-next:hover {

        background-size: 20px auto;

    }

    .home-autoplay-member .slick-next,

    .home-autoplay-member .slick-prev {

        top: 60%;

    }

    .home-sub-title.wpb_content_element {

        margin-bottom:15px;

    }

    .home-center-list {

        height: 300px;

    }

    .news-list-2017 h3.post-title {

        height: 30px;

        line-height: 30px;

        overflow: hidden;

        font-size: 14px;

        width: 70%;

        float: left;

    }

    .single-post h3.page-title {

        display: none;

    }

    .post.type-post {

        padding: 20px;

    }

    .post.type-post h1 {

        padding: 0;

        font-size: 16px; font-weight:bold;

    }

    #kuaizhan-navbar-default {

        padding-top: 0;

    }

    .post-template-default .main-wrapper {

        padding: 0px;

    }

    .post-template-default .main-wrapper .row {

        margin-left: -15px;

        margin-right: -15px;

    }

    #header-mbmenu {

        height: 100% !important;

        overflow: scroll !important;

    }

}

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

    .home-sub-title h1,

    .floor-service-title h1 {

        font-size: 24px;

    }

    .floor-service .pic {

        font-size: 16px;

    }

    .contact-item {

        padding-right: 0;

    }

    .home-contact-info .vc_column_container>.vc_column-inner {

        padding: 0;

    }

    .qualifications-tit h1 {

        font-size: 16px;

    }

    .qualifications-tit p {

        font-size: 12px;

        line-height: 20px;

    }

    .nav-bars {

        padding-top: 15px;

    }

    .home-autoplay-member .slick-next,

    .home-autoplay-member .slick-prev {

        top: 52%;

    }

    .staff-style-info .wpb_content_element {

        margin-bottom: 0;

    }

    .showcase-info .home-sub-title h1 {

        margin: 0 0 10px 0;

    }

}

/*reset*/

/*main css*/

.main-im {

    position: fixed;

    right: 10px;

    top: 300px;

    z-index: 100;

    width: 110px;

    height: 272px;

}

.main-im .qq-a {

    display: block;

    width: 106px;

    height: 116px;

    font-size: 14px;

    color: #0484cd;

    text-align: center;

    position: relative;

}

.main-im .qq-a span {

    bottom: 5px;

    position: absolute;

    width: 90px;

    left: 10px;

}

.main-im .qq-hover-c {

    width: 70px;

    height: 70px;

    border-radius: 35px;

    position: absolute;

    left: 18px;

    top: 10px;

    overflow: hidden;

    z-index: 9;

}

.main-im .qq-container {

    z-index: 99;

    position: absolute;

    width: 109px;

    height: 118px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom: 1px solid #dddddd;

    background: url(images/qq-icon-bg.png) no-repeat center 8px;

}

.main-im .img-qq {

    max-width: 60px;

    display: block;

    position: absolute;

    left: 6px;

    top: 3px;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.main-im .im-qq:hover .img-qq {

    max-width: 70px;

    left: 1px;

    top: 8px;

    position: absolute;

}

.main-im .im_main {

    background: #F9FAFB;

    border: 1px solid #dddddd;

    border-radius: 10px;

    background: #F9FAFB;

    display: none;

}

.main-im .im_main .im-tel {

    color: #000000;

    text-align: center;

    width: 109px;

    height: 135px;

    border-bottom: 1px solid #dddddd;

}

.main-im .im_main .im-tel div {

    font-weight: bold;

    font-size: 12px;

    margin-top: 6px;

}

.main-im .im_main .im-tel .tel-num {

    font-family: Arial;

    font-weight: bold;

    color: #e66d15;

}

.main-im .im_main .im-tel:hover {

    background: #fafafa;

}

.main-im .im_main .weixing-container {

    width: 55px;

    height: 47px;

    border-right: 1px solid #dddddd;

    background: #f5f5f5;

    border-bottom-left-radius: 10px;

    background: url(images/weixing-icon.png) no-repeat center center;

    float: left;

}

.main-im .im_main .weixing-show {

    width: 112px;

    height: 172px;

    background: #ffffff;

    border-radius: 10px;

    border: 1px solid #dddddd;

    position: absolute;

    left: -125px;

    top: -126px;

}

.main-im .im_main .weixing-show .weixing-sanjiao {

    width: 0;

    height: 0;

    border-style: solid;

    border-color: transparent transparent transparent #ffffff;

    border-width: 6px;

    left: 112px;

    top: 134px;

    position: absolute;

    z-index: 2;

}

.main-im .im_main .weixing-show .weixing-sanjiao-big {

    width: 0;

    height: 0;

    border-style: solid;

    border-color: transparent transparent transparent #dddddd;

    border-width: 8px;

    left: 112px;

    top: 132px;

    position: absolute;

}

.main-im .im_main .weixing-show .weixing-ma {

    width: 104px;

    height: 103px;

    padding-left: 5px;

    padding-top: 5px;

}

.main-im .im_main .weixing-show .weixing-txt {

    position: absolute;

    top: 110px;

    left: 7px;

    width: 100px;

    margin: 0 auto;

    text-align: center;

}

.main-im .im_main .go-top {

    width: 50px;

    height: 47px;

    background: #f5f5f5;

    border-bottom-right-radius: 10px;

    background: url(images/totop-icon.png) no-repeat center center;

    float: right;

}

.main-im .im_main .go-top a {

    display: block;

    width: 52px;

    height: 47px;

}

.main-im .close-im {

    position: absolute;

    right: 10px;

    top: -12px;

    z-index: 100;

    width: 24px;

    height: 24px;

}

.main-im .close-im a {

    display: block;

    width: 24px;

    height: 24px;

    background: url(images/close_im.png) no-repeat left top;

}

.main-im .close-im a:hover {

    text-decoration: none;

}

.main-im .open-im {

    cursor: pointer;

    margin-left: 68px;

    width: 40px;

    height: 133px;

    background: url(images/open_im.png) no-repeat left top;

}

/*11-21*/

.container{font-family:Microsoft Yahei;}

.sopu-breadcrumb h3{ float:left; padding:30px 0;}

.sopu-breadcrumb h3 span{ font-size:1em; font-weight:bold; color:#333;}

.sopu-breadcrumb{ background:#f4f4f4;}

.sopu-breadcrumb #crumbs{ color:#333; padding:10px 0;}

.sopu-breadcrumb .the-navtext{ position:absolute; bottom:5px; right:15px; text-transform:uppercase; color:#999;}

/*11-24*/

.about-txt p,.home-about p{ text-indent:2em; line-height:30px;}

.job-txt h3{ color:#333; font-size:20px; font-weight:bold;}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.jobs-info .vc_tta-panel .vc_tta-panel-body{ background:#fff;}

.contact-txt h3{ margin-top:0; color:#000;}

i{ margin-right:5px;}

.contact-txt a,.home-contact-con a{ margin:0 2px;}

.home-sub-block{ padding-top:40px; padding-bottom:40px;}

.home-product-title h3,.suopu-content-left .widget_nav_menu h3.suopu-widget-title{ height: 63px; line-height:63px;background:#da251e url(images/title_bg.png) no-repeat left center; color:#fff; margin:0;}
.suopu-content-left .widget_nav_menu h3.suopu-widget-title{ font-size:24px; text-align:center;}
.suopu-content-left .widget_nav_menu #menu-products-center{ background: #0C4FA8; border:0;}
.suopu-content-left .widget_nav_menu #menu-products-center li a{ color:#fff;}
.suopu-content-left .widget_nav_menu #menu-products-center li a:hover{ color:#da251e;}
.home-product-category{ background:#0C4FA8; color:#fff; padding:12px 30px;}

.home-product-category a{ line-height:33px; display:block; font-size:16px; color:#fff;}

.home-product-category a:before{content: "\f0da";font: normal normal normal 16px/1 FontAwesome; margin-right:10px;}

.pro_phone{background:#da251e url(images/pro_menu_bg.png) no-repeat top center; background-size:100% auto; padding:50px 15px 15px 15px; color:#fff;}

.pro_phone dt {float: left;margin-right: 8px;}

.pro_phone dd {float: left;}

.pro_phone h4 {

    font-size: 17px;

    font-weight: normal; margin:0;

}

.pro_phone>p {

    height: 25px;

    background-color: #fff;

    color: #545454;

    text-align: center;

    line-height: 25px;

    margin: 0 auto;

    margin-top: 10px;

}

.pro_phone dl p{ margin:0;}

.home-product{ padding-bottom:40px;}

.home-contact{ padding:0 10px 20px 0;}

.home-contact h3{ background:#0C4FA8 url(images/contact-icon.png) 20px center no-repeat; color:#fff; padding-left:70px; margin:0; line-height:50px;}

.home-contact-con{ padding:10px 0 0 10px;}

.home-resource{ padding:30px 0;}

.home-resource-title h3{ color:#fff;}

.home-resource-btn .vc_btn3.vc_btn3-color-danger,.home-resource-btn .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat{ background-color:#da251e; border-radius:25px;    padding: 10px 40px;}

.home-news-info .wpb_wrapper .vc_grid-container-wrapper{ background:#fff; padding-top:15px;}

.home-news{ padding:0 15px;background: #0C4FA8;line-height: 45px; color:#fff;}

.home-news h4,.home-news span{ margin:0;line-height:50px;}

.home-news h4{ font-weight:bold;}
.home-news a{ color:#fff;}
.home-news a:hover{ color:#da251e;}

.home-news-info .vc_gitem_row .vc_gitem-col{ padding:0 15px; line-height:30px;}

.home-news-info .vc_gitem_row .vc_gitem-col a:before{ content: "\f105";font: normal normal normal 14px/1 FontAwesome; margin-right:6px;}

.home-news-info .vc_gitem_row .vc_gitem-col a{ display:block; height:30px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.home-news-info{ padding:15px 0 55px 0;}

.contact-txt h3{ margin-bottom:20px;}

.contact-txt{ padding-bottom:15px; padding-left:15px;}

.new-list .item .data-m{ background:#ccc; color:#333; font-size:18px; display:block; line-height:40px; text-align:center;}

.new-list .item .data-d{ display:block; background:#fff; border:1px solid #ccc; border-top:0; text-align:center; color:#333; font-size:1.875em;} 

.new-list .item h3{ margin:0; line-height:30px; height:30px; font-size:18px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.new-list .the-post-excerpt{ line-height:24px; color:#888; height:48px; overflow:hidden;}

.new-list .item { padding:0 0 25px 0; margin-bottom:25px;border-bottom: 1px dashed #ccc;}

.new-list .item:after,#menu-products-center-1:after {

 content: ".";

 display: block;

 height: 0px;

 font-size:0px;

 clear: both;

 visibility: hidden;

}

.pagination>li>a, .pagination>li>span{ margin:0 2.5px; border-radius:5px; color:#333;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #0C4FA8;

    border-color: #0C4FA8;}

.single-post .entry-content p{ text-indent:2em;}

.suopu-prev-next .nav-previous,.suopu-prev-next .nav-next{ width:100%; float:none; margin-bottom:20px;}

.suopu-prev-next .post-title{ font-size:16px;}

.suopu-prev-next{ padding:0 15px;}

.suopu-prev-next .nav-previous, .suopu-prev-next .nav-next,.suopu-prev-next .post-title{ height:50px; line-height:50px;}

.suopu-prev-next .nav-next .meta-nav, .suopu-prev-next .nav-previous .meta-nav{ width:50px; height:50px;}

.suopu-prev-next .nav-previous{ float:right; width:45%;}

.suopu-prev-next .nav-next{ float:left; width:45%; }

.suopu-prev-next .nav-previous,.suopu-prev-next .nav-next{line-height:50px; background:#eee; height:50px; overflow:hidden;}

.suopu-prev-next .nav-next .meta-nav,.suopu-prev-next .nav-previous .meta-nav{ background:#c71d28; width:50px; display:block; float:left; text-align:center; font-size:0;}

.suopu-prev-next .nav-next .meta-nav:before{content: "\f053"; font: normal normal normal 30px/1 FontAwesome; color:#fff; line-height:50px; display:block;}

.suopu-prev-next .nav-previous .meta-nav:before{ content: "\f054"; font: normal normal normal 30px/1 FontAwesome; color:#fff; line-height:50px; display:block;}

.suopu-prev-next .nav-previous .meta-nav{ float:right;}

.suopu-prev-next .post-title{ margin:0 15px; display:block;width: calc(100% - 80px); float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height:50px; height:50px;}

.suopu-prev-next{ margin:30px 0;}

.feedback-info .gform_wrapper h3.gform_title{ text-align:center;}

.feedback-info .gform_wrapper .top_label .gfield_label{ float:left; line-height:42px; margin-right:10px; display:block; margin-bottom:0; width:20%; text-align:right;}

.feedback-info .gform_wrapper .top_label div.ginput_container{ float:left; margin-top:0; width:70%;}

.feedback-info .gform_wrapper .top_label input.medium,.feedback-info .gform_wrapper .top_label select.medium,.feedback-info .gform_wrapper textarea.medium{ background:#fafafa; border:1px solid #d9d9d9;padding: 10px 15px!important; width:100%;}

.feedback-info .gform_wrapper ul.gform_fields li.gfield:after {

 content: ".";

 display: block;

 height: 0px;

 font-size:0px;

 clear: both;

 visibility: hidden;

}

.feedback-info .gform_wrapper .gfield_required{ color:#FF0000;}

.feedback-info .gform_wrapper .gform_footer input[type=submit]{ margin-left:calc(20% + 10px); border:0; background:#da251e; color:#fff; padding:0 40px; line-height:40px;}

.feedback-info .gform_wrapper .gform_footer{ margin:0 0 40px 0;}

.feedback-info .gform_wrapper .top_label select.medium{ width:100px; }

#wysj-trade .wysj-titem-serv .wysj-titem-serv-phone{ line-height:24px;}

.quote-form input[type=text]{ width:calc(16.6% - 10px); border:1px solid #ddd; border-radius:0; float:left; margin-right:10px;}

.quote-form input[type=submit]{ width:100%; border:0; background:#0C4FA8; color:#fff; line-height:34px;}

.quote-form .col-md-11{ padding-right:0;}

.quote-form .col-md-1{ padding-left:0;}

.quote-form { margin-bottom:20px;}

.table th{ text-align:center; white-space:nowrap;}

.table td:first-child{ white-space:nowrap;}

.table>tbody>tr>td{ vertical-align:middle;}

.quote-list a{ color:#0C4FA8;}

.quote-list a:hover{ color:#da251e;}

.suopu-content-left h3.suopu-widget-title{ background:#0C4FA8; line-height:45px; margin:0; padding:0 20px; font-size:18px; color:#fff;}

#menu-products-center{ border:1px solid #ddd; padding:10px 20px;}

#menu-products-center li{ line-height:30px;}

#menu-products-center li a:before{content: "\f0da";font: normal normal normal 14px/1 FontAwesome; margin-right:10px;}

.suopu-content-left .widget{ margin-bottom:20px;}

.suopu-content-left .home-contact-con{ padding:10px; border:1px solid #ddd;}

.suopu-content-left .home-contact-con a{margin: 0 0 0 5px;}

.home-product-category #menu-products-center{ border:0; padding:0;}



.home-product .post-thumbnail,.cases-ajax-list .post-thumbnail{ position:relative;transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.home-product .item:hover .post-thumbnail,.cases-ajax-list .item:hover .post-thumbnail{    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.home-product .post-title,.cases-ajax-list .post-title{ display:none;transition: all 0.35s ease; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; width:100%; height:100%;transition: all 0.5s ease-out; }

.home-product .post-title:before,.cases-ajax-list .post-title:before{ content:''; width:70%; height:70%; border:1px solid #fff; display:block; margin:0 auto; position:absolute; left:15%; top:0;transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.home-product .item .post-title:hover:before,.cases-ajax-list .post-title:hover:before{top:15%;}

.home-product .item:hover .post-title,.cases-ajax-list .item:hover .post-title{ display:block;}

.home-product .item,.cases-ajax-list .item{ margin-bottom:30px !important; overflow:hidden; width:100%; height:100%; position:relative;}

.home-product .post-title i,.cases-ajax-list .post-title i{ font-size:3.75em; text-align:center; color:#fff; position:absolute; top:0; left:0; width:100%;transition: all 1.5s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.home-product .post-title:hover i,.cases-ajax-list .post-title:hover i{top:40%;}

.home-product .post-title h3,.cases-ajax-list .post-title h3{ color:#fff; font-size:18px; text-align:center; position:absolute; top:0; left:18.5%; width:64%; height:20px; overflow:hidden;transition: all 1.5s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.home-product .post-title:hover h3,.cases-ajax-list .post-title:hover h3{top:55%;}

.home-product-roll .item .post-thumbnail,.product-display-footer .item .post-thumbnail{ margin:0 10px;}

.home-product-roll .item h3,.product-display-footer .item h3{ margin:10px 0 0 0; line-height:30px; font-size:16px; text-align:center;}

.slick-next, .slick-prev{ width:32px; height:40px;}

.cases-post-header h1{ float:left; margin:0; font-size:24px; line-height:40px;}

.cases-post-header{ border-bottom:1px solid #ddd; margin-bottom:20px; line-height:40px; padding-bottom:10px}

.quote-list .table{ background:#fff;}

.suopu-content .cases-post-content p{ text-indent:2em;}

.main-after-content{ background:#ecedef; padding:30px 0;}

.product-display-footer h3{ font-size:20px; margin:10px 0 20px 0; padding-left:15px;}

.cases-gallery201 .post-thumbnail{ margin-bottom:20px;}

.suopu-content .new-list{ margin-left:-15px; margin-right:-15px;}

.pix-load-more{ text-align:center; margin-bottom:20px;}

.pix-load-more input.bgwhiteBig{ display:inline-block; border:0; padding:0 25px; line-height:45px; background:#da251e; color:#fff;}

.suopu-prev-next .nav-previous .post-title{ text-align:right;}

.suopu-multiple-4columns .slick-list{ margin:0 40px;}

.table td{ font-size:12px;}
.home-resource-title h3,.home-product-roll .pro-tit h3,.product-display-footer h3.block-title{ background:#0C4FA8; line-height:45px; padding:0 15px; margin:0; color:#fff;}
.home-news-info .vc_custom_heading a:hover{    opacity: 1; color:#0C4FA8;}
.home-foot-pro,.product-display-footer .product-display-content{ border:1px solid #ddd; border-top:0; padding:25px 15px 15px 15px; background:#fff;}
.new-list{ border:2px solid #0C4FA8; padding:20px;}
.new-list .table>tbody>tr>td{padding: 15px 8px;}
.slick-next, .slick-next:focus, .slick-next:hover{ right:5px;}
.slick-prev, .slick-prev:focus, .slick-prev:hover{ left:5px;}
.quote-list .table{ margin-bottom:0;}
.footer{ background:#494949; color:#fff; line-height:28px; padding:15px 0;}
.footer p{ margin:0;}
.footer a{ margin:0 10px; color:#f2f2f2;}
.footer a:hover{ color:#da251e;}
.quote-list .table th,.quote-list .table td{ width:95px; padding:8px 5px; white-space:normal; font-size:12px; text-align:center;}
.quote-list .table th:last-child,.quote-list .table td:last-child{ width:auto;}
.quote-list .table th:nth-child(5),.quote-list .table td:nth-child(5),.quote-list .table th:nth-child(7),.quote-list .table td:nth-child(7),.quote-list .table th:nth-child(8),.quote-list .table td:nth-child(8),.quote-list .table th:nth-child(4),.quote-list .table td:nth-child(4){ width:60px;}
.quote-list .table th:nth-child(1),.quote-list .table td:nth-child(1),.quote-list .table th:nth-child(2),.quote-list .table td:nth-child(2){ width:150px;}
.home-about.home-sub-block{ padding-top:0; padding-bottom:0;}
.contact-txt{ padding:20px;}
.foot-left{ padding-top:30px;}
.slick-dotted.slick-slider{ margin-bottom:0;}
.page-template-suopu-container .suopu-content .vc_row{border: 2px solid #0C4FA8;padding: 20px;}
@media screen and (max-width:768px) {

.home-sub-block{ padding-top:0; padding-bottom:0;}

.home-product-title h3{ font-size:20px;}

.home-product-category{ padding:12px 15px;}

.pro_phone dt{ display:none;}

.pro_phone{ padding:30px 15px 15px 15px;}

.pro_phone dl{ margin-bottom:10px;}

.pro_phone>p{ height:auto;}

.home-product-category a{ line-height:25px; font-size:14px;}

.home-contact-con{ padding:10px;}

.home-contact-con a.email{ display:block;}

.sopu-breadcrumb .col-md-6{ width:50%; float:left;}

.sopu-breadcrumb .col-md-6:last-child{ text-align:right;}

.suopu-content-left #menu-products-center li{ width:calc(50% - 10px); float:left; }

.suopu-content-left #menu-products-center li a{ display:block;height:25px; overflow:hidden;    text-overflow: ellipsis;white-space: nowrap; margin-right:10px;}

.suopu-content-left #menu-products-center:after,.quote-form div:after{

 content: ".";

 display: block;

 height: 0px;

 font-size:0px;

 clear: both;

 visibility: hidden;

}

.product-display-footer .item .post-thumbnail{ height:115px; overflow:hidden;}

.home-product .item, .cases-ajax-list .item{ margin-bottom:20px!important;}

.home-product .post-title,.cases-ajax-list .item .post-title{ display:block; top:auto; bottom:0; height:50px; overflow:hidden;}

.home-product .post-title i,.cases-ajax-list .item .post-title i{ display:none;}

.home-product .post-title h3,.cases-ajax-list .item .post-title h3{ font-size:16px; line-height:50px; position:inherit; margin:0; height:50px; padding:0 15px; width:100%;}

.home-product .post-title:before,.cases-ajax-list .item .post-title:before{ display:none;}

.quote-form div{ margin-bottom:15px;}

.quote-form .col-md-1{ padding-left:15px; text-align:center;}

.quote-form input[type=submit]{ width:30%; display:inline-block;}

.quote-form.row{ margin-left:0; margin-right:0;}
.new-list .table>tbody>tr>td{padding:8px;}
.new-list{ border:0; padding:0;}
.home-product .vc_col-sm-3{ width:25%;}
.home-product .vc_col-sm-9{ width:75%;}
.home-resource .vc_col-sm-3{ width:40%;}
.home-resource .vc_col-sm-9{ width:60%;}

}



@media screen and (max-width:420px) {
	
.kuaizhan-slider { max-height:130px !important; overflow:hidden !important;}
.pro_phone dt{ display:block;}

.pro_phone{    padding: 50px 15px 15px 15px;}

.home-product .wpb_column.vc_col-sm-9{ padding-top:20px;}

.home-resource-btn .vc_btn3.vc_btn3-color-danger, .home-resource-btn .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat{ margin-top:20px;}

.home-product{ padding-bottom:0;}

.suopu-multiple-4columns .slick-list{ margin:0;}

.home-product-roll h3{ margin-top:0;}

.home-product-roll .item h3, .product-display-footer .item h3{ font-size:14px;}

.footer-bottom{ padding:25px 15px; font-size:12px;}

#menu-products-center li{ width:calc(50% - 10px); float:left; }

#menu-products-center li a{ display:block;height:25px; overflow:hidden;    text-overflow: ellipsis;white-space: nowrap; margin-right:10px;}

#menu-products-center:after {

 content: ".";

 display: block;

 height: 0px;

 font-size:0px;

 clear: both;

 visibility: hidden;

}

.home-resource .vc_column-inner { padding:0 !important;}

.home-product{ padding-left:0; padding-right:0;}

.home-product-roll .item .post-thumbnail{ height:226px; overflow:hidden;}

.new-list .item .data-m{ font-size:14px;}

.new-list .item .data-d{ font-size:1.5em;}

.new-list .item .col-xs-2{ padding-right:0;}

.product-display-footer .item .post-thumbnail{ height:296px;}

.slick-prev, .slick-prev:focus, .slick-prev:hover{ left:10px;}

.new-list .item h3{ font-size:16px;}

.sopu-breadcrumb .col-md-6{ width:100%; float:none;}

.sopu-breadcrumb .col-md-6:last-child{ text-align:left;}

.sopu-breadcrumb h3{ padding:15px 0 0 0;}

.sopu-breadcrumb #crumbs{ float:none; line-height:20px;}

.suopu-prev-next .nav-previous,.suopu-prev-next .nav-next{ width:100%; float:none;}

.quote-form input[type=text]{width: calc(33.3% - 10px);margin:0 5px 15px 5px;}

.quote-form .col-md-11{ padding-left:15px; padding-right:15px;}

.quote-form div{ margin-bottom:0;}

.contact-content .vc_column-inner{ background:none !important; padding-top:0 !important;}

.feedback-info .gform_wrapper .gform_footer{ text-align:center;}

.feedback-info .gform_wrapper .gform_footer input[type=submit]{ margin-left:0; width:40%; padding:5px 20px; display:inline-block;  margin:0;}

.kuaizhan-banner2017{ display:none;}
.home-product .vc_col-sm-3{ width:100%;}
.home-product .vc_col-sm-9{ width:100%;}
.home-resource .vc_col-sm-3{ width:100%;}
.home-resource .vc_col-sm-9{ width:100%;}
.home-product .the-post-grid1{ height:350px; overflow:hidden;}
.home-product-category li{ width:50%; height:25px; overflow:hidden; float:left;}
.home-product-category li a{ display:block;height:25px; overflow:hidden; margin-right:10px;}
.footer{ padding:15px;}
.footer-bottom{ margin-bottom:58px;}

.hot{width:100%; height:58px; 
	background:#0C4FA8; 
	position:fixed; bottom:0; left:0; 
	z-index:99; border-top:solid 2px #c3c3c3;
}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px; margin-top:0;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row>div.text-center{ border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
.quote-list .table td{ white-space:nowrap;}
.quote-list .str_wrap{ overflow-x:scroll;}
.home-about img{ width:120px;}
.page-template-suopu-container .suopu-content .vc_row{border: 0;padding: 0;}
.home-about .wpb_wrapper p{ height:180px; overflow:hidden;}
}




@media screen and (max-width:375px) {
	.kuaizhan-slider { max-height:110px !important; overflow:hidden !important;}

.home-product-roll .item .post-thumbnail{ height:198px; overflow:hidden;}

.product-display-footer .item .post-thumbnail{ height:267px;}



}

@media screen and (max-width:320px) {
	.kuaizhan-slider { max-height:100px !important; overflow:hidden !important;}

.kuaizhan-header{ height:58px;}

.home-product-roll .item .post-thumbnail{ height:156px; overflow:hidden;}

.product-display-footer .item .post-thumbnail{ height:225px;}

.suopu-prev-next .post-title{ font-size:14px;}

.quote-form input[type=text]{width: calc(50% - 10px);}

.feedback-info .gform_wrapper .top_label .gfield_label{ width:100%; float:none; text-align:left;}

.feedback-info .gform_wrapper .top_label div.ginput_container{ width:100%; float:none;}

.feedback-info .gform_wrapper .top_label input.medium, .feedback-info .gform_wrapper .top_label select.medium, .feedback-info .gform_wrapper textarea.medium{padding: 5px 15px!important;}

.feedback-info .gform_wrapper ul li.gfield{ margin-top:0;}



}
@media (min-width: 1200px) {
.kuaizhan-slider { max-height:590px !important; overflow:hidden !important;}

}