/*
Theme Name: 索普2018自适应主题
Author: 索普科技
Author URI: http://www.suopu8.com/
Description: 这是我们专门为客户定制版企业主题
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

}
body,.container{ font-family:Microsoft Yahei; line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:Microsoft Yahei;}
p{ line-height:1.5;}
a {outline: none;}
a:active {outline: none;star:expression(this.onFocus=this.blur());}
#toTop{position:fixed;right:5px;bottom:5px;z-index:999;display:none;padding:10px 0 0 2px;width:55px;height:55px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#999;color:#fff;text-align:center;font-size:32px;opacity:.4;cursor:pointer;filter:alpha(opacity=40)}
#toTop:hover{opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;filter:alpha(opacity=100);-ms-transition:all .3s}
.post-thumbnail { position: relative; }
.nav-links a{ display: block;line-height: 28px; height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.vc_row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
    padding-top: 0 !important;
}
.navbar-nav>li{ float: none; }
/*Wordpress editor styles end*/
a{ color:#333; text-decoration:none;}
a:hover{ color:#349A43; text-decoration:none;}
body {
    padding: 0;
    color: #333;
    font: 14px/1.4em Verdana,arial;
    margin: 0;
}
.suopu-topbar {
    background: #333;
    color: #bbb;
    line-height: 40px;
    position: relative;
    z-index: 1201;
}
.suopu-topbar a {
    color: #bbb;
}
.text-right{ text-align:right;}
.kuaizhan-topbar{ line-height:40px; background:#000; color:#fff;}
i.fa{ margin-right:5px;}
.mar-15{ margin-right:15px;}
.kuaizhan-header-inner{ padding:15px 0;}
.navbar-brand{ height:auto; padding:0;}
.nav>li>a{ font-size:18px;}
.vc_row{margin:0 auto !important;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{ margin-bottom:0 !important}
.sub-block{ padding:30px 0;}
img{ max-width:100%; height:auto;}
.page-template-suopu-empty img{ max-width:inherit;}
ul,li{ list-style:none; padding:0; margin:0;}
.footer{ background:#252422; color:#fff;}
.footer h3{ font-size:1.5em; margin-top:0; margin-bottom:20px;}
.foot-sub-item li{ color:#d0d0d0; line-height:30px;}
.footer-bottom{ background:#191817; padding:10px; text-align:center; color:#a7a7a7; line-height:30px;}
.breadcrumb-right{ text-align:left;}
.sopu-breadcrumb h3{ margin:0; line-height:45px;}
.sopu-breadcrumb{ line-height:45px; padding:10px 0; background:#fff;}
.gform_wrapper{ margin:0;}
.gform_wrapper label.gfield_label{ font-weight: normal!important }
.gform_wrapper .top_label input.medium{background: #ccc;border: none;padding: 10px 4px!important; border-radius: 5px}
.gform_wrapper .gform_footer input[type=submit]{    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 1em;
    line-height: 35px;
    padding:2px 25px;
    text-transform: uppercase; border:0; font-family:Microsoft Yahei; border-radius: 5px}
body .gform_wrapper ul li.gfield{ padding-top: 5px!important; margin-top:0!important;}
.gform_wrapper .gform_footer input[type=submit]:hover{ background:rgba(0,0,0,.8); color:#fff;}
.gform_wrapper .gform_footer,.gform_wrapper .gform_footer{ margin:0!important;}
.main-wrapper{padding:25px 0}
.home .wrapper{ background:#fff; padding:0}
.main-wrapper{ padding:30px 0;}
.sideNav .menu>li.menu-item>a{ display:block; line-height:50px; background:#008ED6; padding:0 15px; color:#fff; font-size:1.3em;}
.sideNav .sub-menu{ background:#fff; line-height:1.8; border:1px solid #eee}
.sideNav .sub-menu li a{ display:block; line-height:40px; border-bottom:1px solid #eee; padding:0 15px}
.sideNav .sub-menu li.current-menu-item a,.sideNav .sub-menu li.current-post-ancestor a{ color:#008ED6; background:#e6e5e5}
.sideNav .sub-menu li:hover{ background:#eee;}
.sideNav .sub-menu li:last-child a{ border-bottom:0;}
.new-right-list h3{ margin:0; line-height:2; font-size:14px;}
.new-right-list h3 a{ display:block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.new-right-list h3 span{ font-size:14px; color:#999; padding-left:15px;}
.entry-content p{ text-indent:2em; line-height:2;}
.screen-reader-text{ display:none;}
.post-metainfo{ border-bottom:1px solid #eee; margin-bottom:25px; padding-bottom:20px;}
#postviews_lscwp{ margin-left:15px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:none;    border:0;}
.dropdown-menu{ padding:0; margin:0; border-radius:0; left:10px}
.dropdown-menu>li>a{ line-height:2; border-bottom:1px solid #eee;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background:#e6e5e5; color:#000;}
.suopu-prev-next{ line-height:2; margin:20px 0; padding-top:10px; border-top:1px solid #e6e5e5}
.kuaizhan-banner2018 h1{ margin:0; padding-top:10%; text-transform:uppercase; font-size:2em; color:#fff; display:none;}
.suopu-con-right h3.the-title,.new-right-list h2.the-title{ text-align:center; border-bottom:1px solid #ddd; line-height:1.5; font-size:2em; padding-bottom:15px; margin-bottom:15px;}
#crumbs:before{ content:"\f015";font: normal normal normal 14px/1 FontAwesome;} 
.post-thumbnail{transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; overflow: hidden;}
.post-thumbnail:hover img{-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; cursor:pointer;}
.products-list01 h3.the-title{ margin-bottom:20px;}
.products-post-header h1{ font-size:2em; line-height:1.5; margin:10px 0; text-align:center}
.post-info-thumbnail img.img-responsive{ display:inline-block !important}
.post-info-thumbnail{ margin-bottom:15px;}
.products-post-content p{ text-indent:2em; line-height:1.5}
.suopu-con h3.the-title{ text-align:center; font-size:2em; margin-bottom:25px;}
.navbar-nav>.open:after, .navbar-nav>.open:before{    bottom: -6px !important;}
.slick-next, .slick-prev {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}
.slick-next, .slick-prev {
    width: 29px;
    height: 50px; overflow:hidden;z-index:2;
}
.slick-prev, .slick-next {
    opacity: 0.5;
}
.slick-next, .slick-next:focus, .slick-next:hover {
    right: 15px;
}
.slick-prev, .slick-prev:focus, .slick-prev:hover {
    left: 15px;
}
.navigation{ width: 100%; text-align: center }
.slick-next:before{ content:"\f105"; display:block;font: normal normal normal 4em/1 FontAwesome; color:#fff;}
.slick-prev:before{ content:"\f104"; display:block;font: normal normal normal 4em/1 FontAwesome; color:#fff;}
.slick-prev:hover, .slick-next:hover{ opacity:1}
.slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; z-index:3
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;border-radius: 100%;
    padding:0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background:#999;
}

.kuaizhan-slider .slick-dots li.slick-active button{
    background:#008ED6;
}



@media screen and (max-width:768px) {
.kuaizhan-topbar .text-right{ padding-right:15px}
.sopu-breadcrumb h3{ font-size:1.2em;}
.sideNav .sub-menu li.current-menu-item a, .sideNav .sub-menu li.current-post-ancestor a{ font-weight:normal;}
.entry-content h2{ font-size:1.5em;}
.mb-header{ padding:10px 0}
.mb-header:after{ content: ".";
 display: block;
 height: 0px;
 font-size:0px;
 clear: both;
 visibility: hidden;}
#header-mbmenu.navlist>li.menu-item{ line-height:45px; border-bottom:1px solid #ddd;}
#header-mbmenu.navlist>li.menu-item>a{ padding:0 20px; display:block; font-size:1em;}
#header-mbmenu.navlist>li.menu-item .sub-menu { padding-bottom:10px;}
#header-mbmenu.navlist>li.menu-item .sub-menu li{ padding:0 10px 0 30px; line-height:30px;}
#header-mbmenu.navlist>li.menu-item .sub-menu li a{ font-size:14px; display:block;}
#header-mbmenu.navlist>li.menu-item .sub-menu li a:before{content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-right: 5px;}
}
@media screen and (max-width:420px) {
.footer-bottom{ font-size:12px;}
.banner-inner{ min-height:150px !important;}
.entry-content h2,.suopu-con-right h3.the-title, .new-right-list h2.the-title{ font-size:1.3em;}
.sopu-breadcrumb{ line-height:25px;}
.gform_wrapper ul.gform_fields li.gfield{ width:100%; float:none;}
.gform_wrapper ul.gform_fields li.gfield#field_1_2 input, .gform_wrapper ul.gform_fields li.gfield#field_1_4 input{border-right: 1px solid #ccc;}
.sideNav{ margin-bottom:15px;}
.products-post-header h1{ font-size:1.5em;}
.hamburger{ padding:0}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ width:30px;}
}
@media screen and (max-width:375px) {
.kuaizhan-topbar,#header-mbmenu.navlist>li.menu-item .sub-menu li a{ font-size:12px}
}
@media screen and (max-width:320px) {
.new-right-list h3 span{ font-size:12px; line-height:28px;}
.navbar-brand{ padding-top:5px;}
.c-offcanvas--left{ width:15em;}
}


/*dropdown menu */
.navbar{min-height:64px;border:0}
.navbar-brand{float:left;padding:0;font-size:1.125rem;line-height:2.5rem;}
.navbar-toggle{padding:9px 10px;margin-top:15px;margin-bottom:15px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-nav{margin:6px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:1.25rem}
@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:1.25rem}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
}
@media (min-width:768px){.navbar-nav>li{padding-bottom:12px;padding-top:12px}
.navbar-nav>li:after,.navbar-nav>li:before{content:" ";display:block;height:0;width:0;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.navbar-nav>li+li{margin-left:12px}
.navbar-nav>li>a{border-radius:3px;padding-top:10px;padding-bottom:10px;line-height:1.25rem}
.navbar-nav>.open:after,.navbar-nav>.open:before{bottom:-1px;left:50%;opacity:1;position:absolute;z-index:1002}
.navbar-nav>.open:before{border:10px solid;border-color:rgba(0,0,0,.1) transparent;border-top-width:0;margin-left:-9px}
.navbar-nav>.open:after{border:9px solid;border-top-width:0;border-color:#fafafa transparent;margin-left:-8px;margin-top:2px}
.navbar-fixed-bottom .navbar-nav>.open:after,.navbar-fixed-bottom .navbar-nav>.open:before{bottom:auto;top:-1px}
.navbar-fixed-bottom .navbar-nav>.open:before{border-bottom-width:0;border-top-width:10px}
.navbar-fixed-bottom .navbar-nav>.open:after{border-bottom-width:0;border-top-width:9px;margin-top:-2px}
}
@media (min-width:768px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
}
.navbar-nav>li>.dropdown-menu{margin-top:5px}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn{margin-top:15px;margin-bottom:15px}
.navbar-btn.btn-sm{margin-top:17px;margin-bottom:17px}
.navbar-btn.btn-xs{margin-top:21px;margin-bottom:21px}
.navbar-text{margin-top:22px;margin-bottom:22px}
@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}
}
@media (min-width:768px){.navbar-left{float:left!important}
.navbar-right{float:right!important;margin-right:-15px}
.navbar-right~.navbar-right{margin-right:0}
}
.navbar-material-blue{background-color:#03a9f4;border-color:#0392d3}
.navbar-material-blue .navbar-brand{color:#fff}
.navbar-material-blue .navbar-brand:focus,.navbar-material-blue .navbar-brand:hover{color:#fff;background-color:transparent}
.navbar-material-blue .navbar-text{color:#fff}
.navbar-material-blue .navbar-nav>li>a{color:#fff}
.navbar-material-blue .navbar-nav>li>a:focus,.navbar-material-blue .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-material-blue .navbar-nav>.active>a,.navbar-material-blue .navbar-nav>.active>a:focus,.navbar-material-blue .navbar-nav>.active>a:hover{color:#fff;background-color:#0288d1}
.navbar-material-blue .navbar-nav>.disabled>a,.navbar-material-blue .navbar-nav>.disabled>a:focus,.navbar-material-blue .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-material-blue .navbar-toggle{border-color:transparent}
.navbar-material-blue .navbar-toggle:focus,.navbar-material-blue .navbar-toggle:hover{background-color:#0288d1}
.navbar-material-blue .navbar-toggle .icon-bar{background-color:#fff}
.navbar-material-blue .navbar-collapse,.navbar-material-blue .navbar-form{border-color:#0392d3}
.navbar-material-blue .navbar-nav>.open>a,.navbar-material-blue .navbar-nav>.open>a:focus,.navbar-material-blue .navbar-nav>.open>a:hover{background-color:#0288d1;color:#fff}
@media (max-width:767px){.navbar-material-blue .navbar-nav .open .dropdown-menu>li>a{color:#fff}
.navbar-material-blue .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-material-blue .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-material-blue .navbar-nav .open .dropdown-menu>.active>a,.navbar-material-blue .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-material-blue .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#0288d1}
.navbar-material-blue .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-material-blue .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-material-blue .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}
.navbar-material-blue .navbar-link{color:#fff}
.navbar-material-blue .navbar-link:hover{color:#fff}
.navbar-material-blue .btn-link{color:#fff}
.navbar-material-blue .btn-link:focus,.navbar-material-blue .btn-link:hover{color:#fff}
.navbar-material-blue .btn-link[disabled]:focus,.navbar-material-blue .btn-link[disabled]:hover,fieldset[disabled] .navbar-material-blue .btn-link:focus,fieldset[disabled] .navbar-material-blue .btn-link:hover{color:#ccc}
.navbar-nav>li{ float: none!important }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.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: #7cb921;
 border-color: #7cb921;}
 .slick-slider .slick-track .item{ padding: 0 10px; }