/*

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: #666

}

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: #0062a3;

	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: #0054a5;

	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{ background:url(images/tel.png) no-repeat left center;font-size: 16px;    padding-left: 66px; text-align:left; float:right; margin-top:8px;}

.the-header-tel b{ font-size: 20px;color: #0062a3;}

.kuaizhan-header-inner{ padding:25px 0;}

.navbar-brand{ height:80px; padding:0;}

.kuaizhan-nav .nav>li>a{ padding:0 15px; line-height:50px; 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:#004E99;}

.kuaizhan-nav .nav-pills>li.active>a:hover{ background:#337ab7;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background:#0062A3;}

.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;}

.home-sub-title h3,.home-product-item h3,.home-case-title,.application-txt h4{ font-family:Microsoft Yahei;}

.home-sub-container.vc_row{ margin:0 auto; padding:0;}



.sopu-breadcrumb{ margin-bottom:15px;}

.sopu-breadcrumb .the-title{ margin:0; font-family:Microsoft Yahei; line-height:56px;}

.sopu-breadcrumb .list-inline li a{ font-size:16px; line-height:56px; padding:0 20px;}

.sopu-breadcrumb .list-inline .current_page_item a,.sopu-breadcrumb .list-inline a:hover,#menu-cases-menu .current-menu-item a,#menu-newsmenu .current-menu-item a,.menu-newsmenu-container .current-menu-parent a{border-bottom: 2px solid #0062a3;color: #0062a3;font-size: 16px;line-height: 56px; padding: 0 20px; display:inline-block}

.sopu-breadcrumb #crumbs{    color: #666;

    float: right;

    font-style: normal;

    line-height: 56px;}

.sopu-breadcrumb .list-inline li{ margin-right:10px;}

.slick-dots{ bottom:10px;}

.slick-dots li{ margin:0;}

.slick-dots li.slick-active button:before{ color:#71ade1;}

.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;}

a.home-product-img{ display:block; position:relative; z-index:20;}

.news-list .the-inner-content{ margin:0 0 30px 0;}

.news-list .the-inner-content h5{ line-height:24px; height:48px; overflow:hidden;}

.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{border-bottom: 1px dashed #d2d2d2;padding-bottom: 10px; margin-bottom:15px;}

.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;}

/*11-12*/

.application-txt h4{font-size: 16px;

    height: 46px;

    line-height: 46px;

    color: #595959;

    transition: all ease-out 0.2s;

    border-bottom: 1px solid #E1E1E1;

    text-align: left; margin:10px 0;}

.application-txt h4:before {

    position: absolute;

    content: "";

    width: 10px;

    height: 1px;

    background-color: #3C3C3C;

    margin-top: 46px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.application-txt p{color: #848484;

    font-size: 13px;

    line-height: 24px;

    height: 50px;

    overflow: hidden;

    margin-top: 10px;}

.home-sub{ padding:40px 0;}

.home-product-item h3{    color: #666;font-size: 16px; margin:0; line-height:24px;    border-bottom: 1px solid #E0E0E0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding:0 0 10px 0px;}

.home-product-item h3:hover{border-color: #666;

  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.slick-dotted.slick-slider{ margin-bottom:0;}

.wpb_animate_when_almost_visible{opacity: 1!important;filter: alpha(opacity=100)!important;}

.home-product-img,.post-thumbnail{ display:block; overflow:hidden; position:relative;}

.home-product-img img,.post-thumbnail img{transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;width: 100%;}

.home-product-img:hover img,.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;

}

.home-product-img:before{ content:''; position: absolute;

    width: 100%;

    height: 100%;

    transition: all 0.5s ease-out;

    z-index: 2;}

.home-product-img:hover:before {

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

    transition: all 0.5s ease-out;

}

.home-product-img:after {

    content: '+';

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin: 0 auto;

    margin-left: -26px;

    margin-top: 0px;

    display: inline-block;

    position: absolute;

    top: 0%;

    left: 50%;

    z-index: 10;

    border-radius: 50px;

    border: 1px solid rgba(255, 255, 255, 0.5);

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

    opacity: 0;

    color: #fff;

    font-size: 40px;

    text-align: center;

    font-family: "Times New Roman", "微软雅黑";

}

.home-product-img:hover:after {

    top: 40%;

    opacity: 1;

}

.index-more-btn{height: 40px;

    line-height: 40px;

    width: 60px;

    background: url(images/icon_more.png) no-repeat 0px -9px;

    display:inline-block;

    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    border: #dfdfdf 1px solid;

    box-sizing: content-box; font-size:0;

}

.index-more-btn:hover{border: 1px solid #666;background: url(images/icon_more.png) no-repeat 0px -53px;}

.home-case-title{border-bottom: 1px solid #EFEFEF;

    font-size: 16px;

     position:relative;}

.home-case-title a{ color: #595959;margin-bottom:15px;line-height:20px;height:20px; overflow:hidden; display:block;}

.home-case-title:before {

    position: absolute;

    content: "";

    width: 10px;

    height: 1px;

    background-color: #3C3C3C;

    bottom: 0px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.home-case-title:hover:before {

    width: 100%;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.home-case-date{display: block;

    height: 30px;

    color: #999;

    font-size: 16px;}

.home-case-desc p{font-size: 13px; color: #848484; line-height:22px; height:22px; overflow:hidden;text-overflow:ellipsis;

white-space: nowrap; margin:0;}

.home-product-title{ height:50px;}

.index-case-btn{margin: 50px auto;background: url(images/jiantou.png) repeat 26px -97px;

    width: 148px;

    height: 30px;

    display: block;

    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    border: #dfdfdf 1px solid; font-size:0;}

.index-case-btn:hover {

    background: url(images/jiantou.png) no-repeat 26px -127px;

    border-color: #b6b6b6;

}

.footer{    border-top: 1px solid #f0f2f5;

    background: #2e3033; padding:40px 0;}

.footer h3,.footer h4 {

    margin:0 0 15px 0;

    color: #fff;

    font-size: 18px; font-family:Microsoft Yahei;

}

.footer h4 a{ color:#fff;}

.footer li a{ color:#ccc; line-height:25px;}

.footer li a:hover{ color:#fff;}

.company-info-foot p{ color: #ccc;font-size: 13px;}

.company-info-foot i {

    font-size: 22px;

    cursor: pointer;

    color: #ccc;

}

.company-info-foot a {

    margin: 0px 8px;

}

.company-info-foot i:hover{ color:#fff;}

.footer-bottom{ background:#2e3033; line-height:30px; color:#ccc; border-top:1px solid #414243; padding:20px 15px;}

#main-page-wrapper{ padding:30px 0;border-top: 1px solid #f0f2f5;

    background: #f2f2f2;}

.left-content h3{font-size: 22px;padding:15px 30px; color: #fff; background:#0062a3; margin:0; font-family:Microsoft Yahei;}

.menu-products-center-container,.right-content{ background:#fff;}

.menu-products-center-container li a {

    font-size: 14px;

    color: #464646;

    padding: 20px;

    display: block;

    transition: all 0.3s ease-out;

}

.menu-products-center-container li a:hover{ text-decoration:none;}

.menu-products-center-container li a:after{content: "\f105";font: normal normal normal 14px/1 FontAwesome;margin-left: 15px;

    transition: all 0.3s ease-out;}

.menu-products-center-container li.active a:after{content: "\f107";

    transition: all 0.3s ease-out;}

.menu-products-center-container li li a:after,.menu-products-center-container li.active li a:after{ content:'';}

.menu-products-center-container li a:hover {

    color: #00A0A9;

    transition: all 0.3s ease-out;

    text-decoration: none;

}

.menu-products-center-container li{ border-bottom:1px solid #f2f2f2;font-family:Microsoft Yahei;}

.menu-products-center-container li.active a,.menu-products-center-container li.current-menu-parent a{ color:#0062a3;}

.menu-products-center-container li.active li a,.menu-products-center-container li.current-menu-parent li a{ color:#6a6a6a;}

.menu-products-center-container li li{ border-bottom:0;}

.menu-products-center-container li li a{font-size: 14px;

    padding: 15px 30px;

    color: #6a6a6a;

    transition: all 0.3s ease-out;}

.right-content{ padding:30px;}

.right-content h3{font-family:Microsoft Yahei; line-height:55px;}

.productstype h1,.casestype h1{ font-size:1.8em;font-family:Microsoft Yahei; text-align:center;}

.flexslider{margin: 0 0 20px;}

.main-content { background:#fff; padding:30px;}

.news-list .casestype{ margin-bottom:30px;}

.news-list .casestype h3{font-family:Microsoft Yahei; font-size:1.5em;}

.news-list .casestype .the-excerpt{ line-height:24px; margin-bottom:15px;}

#postviews_lscwp{ margin-left:10px;}

#menu-products-center .sub-menu{ display:none;}

.page-template-page-templates #main-page-wrapper{ background:#fff; padding:15px;}



@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%;}

}



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

.kuaizhan-nav .nav>li>a{ padding:0 5px;}

.the-header-tel b{ font-size:16px;} 

h3.page-title{ text-align:center; margin-bottom:20px; font-size:2.5em;}

.navbar-header{ width:50%; padding-top:10px;}

.company-info-foot{ text-align:center;}

}

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

.navbar-logo{ width:80%;}

.nav-bars { padding-top:20px;}

.nav-bars i{ font-size:30px;}

#header-mbmenu li{ line-height:50px; 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;}

.kuaizhan-header{ height:80px;}

.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;}

h3.page-title{ font-size:2em;}

.kuaizhan-header img{ padding-top:20px;}

.company-info-foot{ padding-top:15px;}

.home-sub{ padding:0;}

.footer h3, .footer h4{ font-size:16px;}

.home-product .vc_gitem-zone{ height:250px;}

.productstype h1, .casestype h1{ font-size:20px; line-height:25px;}

.banner-inner{ display:none;}

.news-list .casestype h3{ font-size:16px; line-height:25px;}

.news-list .casestype .the-excerpt{ height:48px; overflow:hidden;}

}

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

.home-contact-info .vc_column_container>.vc_column-inner{ padding:0;}

.nav-bars{ padding-top:15px;}

.kuaizhan-header{ height:60px;}

.kuaizhan-slider .slick-slider,.kuaizhan-slider .slick-list{ width:100%; height:250px;}

.slick-dots{ bottom:20px;}

.slick-next, .slick-prev{ opacity:0;}

.home-product .vc_gitem-zone{ height:auto;}

#main-page-wrapper{ padding:0;}

}

/**

 * 在线客服

 */

		#wysj-trade .wysj-trade-title{background-color:#4db2ec;}

		#wysj-trade .wysj-trade-btn{background-color:#1e73be;}

		#wysj-trade .wysj-titem-serv .wysj-titem-serv-phone{color:#1e73be;}

		#wysj-trade .wysj-titem-serv .wysj-titem-icon{color:#4db2ec;}

		#wysj-trade .wysj-titem-serv .wysj-titem-serv-title:hover,

		#wysj-trade .wysj-titem-serv .wysj-titem-serv-phone:hover{color:#4db2ec;}