/*
Theme Name: 索普2019自适应主题
Author: 索普科技
Author URI: http://www.sp88.cn.com/
Description: 这是我们专门为客户定制版
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
/* reset */

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	color: #333;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */

body, button, input, select, textarea {
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	font: 14px/2 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, sans-serif;
	color: #000
}
input, select, textarea {
	font-size: 100%;
}
/* 去掉各 table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align */
th {
	text-align: inherit;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
i {
	font-style: normal;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ line-height: 1.5}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
	text-align: left;
}
/* 解决ie下重复最后字符 */
q:before, q:after {
	content: '';
}
/* 统一上标和下标 */
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
a, .y-lnk-highlight, .y-lnk, .y-lnk-gray, .y-lnk-highlight {
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
}
a, a:link, a:visited {
	color: #333; text-decoration: none;
}
a:hover{ color: #0093e0}
/*topbar*/
.topbar-wrapper {
	background: #2b303b;
	color: #ffffff;
}
.topbar-wrapper a,.topbar-wrapper a:link, .topbar-wrapper a:visited {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.topbar-wrapper a:hover {color: #00c1de; }
.topbar-wrapper .fas {
	padding-right: 0.5rem;
}

.input-group .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-group .form-control {
    padding-left: 2.375rem;
}

.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
/*main menu*/
.nav li:hover>.dropdown-menu {
  display: block;
	
}

/*back top*/
#toTop{position:fixed;right:5px;bottom:5px;z-index:999;display:none;padding:10px 0 0 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#0093e0;text-align:center;font-size:3.125rem;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}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
}

#sidebar.active {
    left: 0;
}



.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: .5rem 2rem;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a{color: #fff; background: #0093e0}
#sidebar ul li.active .dropdown-menu li.active a{ background: none;color:#2e84bd;}
.suopu-all-wrapper{    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0; overflow: hidden;}
#sidebar{ background: #fff}
#sidebar li{ border-bottom: 1px solid #ddd}
#sidebar .dropdown-menu{ position: static; display: block; border: 0; background:none; padding: 0; min-width:inherit}
#sidebar li .dropdown-menu li{ border-bottom: 0}





/*sp-homebanner*/
.sp-homebanner {position: relative;}
.sp-homebanner .main-banner-wrap, .sp-homebanner #sp-banner2018 ,.sp-homebanner .main-pro .main-wrap,.sp-homebanner .main-pro .main-wrap .container ,.sp-homebanner .main-pro .main-wrap .container .row,.sp-homebanner .main-pro-img ,.sp-slider .container , .sp-slider .container .row  {
    height: 100%;
}
.sp-homebanner .slick-dotted.slick-slider{ margin-bottom: 0}
.sp-homebanner .slick-prev{ left: 15px; z-index: 9}
.sp-homebanner .slick-next{ right: 15px;}
#sp-slider .slick-dotted.slick-slider {margin-bottom: 0px;}
.sp-homebanner .slick-dots li button:before{ font-size: 18px; color: #fff; opacity:.8}
.sp-homebanner .slick-dots li.slick-active button:before{ color: #2e84bd; opacity: 1}
.sp-homebanner .slick-dots { bottom: 10px; padding: 0;transform:none}
.sp-slider {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	height: 600px;
	
}
.sp-homebanner .slick-prev:before,.sp-homebanner .slick-next:before{ font-size: 50px;}
.sp-homebanner .slick-prev,.sp-homebanner .slick-next{ width: 50px; height: 50px;}
@media (min-width: 1220px){
.container {max-width: 1200px;}
}
img{ max-width: 100%}
.post-thumbnail{ transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; overflow: hidden;}
.post-thumbnail:hover img,.new-list-info .item:hover .post-thumbnail 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;
}
.vc_row{ margin: 0 auto!important;}
.wpb_content_element{ margin-bottom: 0!important}
.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_column_container>.vc_column-inner{ padding-top: 0!important}
.vc_col-sm-12{ float: none!important}
.slick-next, .slick-prev{ margin-top: 0!important}
.sopu-breadcrumb{ background: #ececec; padding: 1rem 0}
.main-wrapper{ padding: 1.75rem 0}
#sp-banner2019 .silder-item{ opacity: 0}
#sp-banner2019 .silder-item:first-child{ opacity: 1}
.new-list-info .item{padding: 1rem 0; border-bottom: 1px dashed #cdcdcd;}
.new-list-info h3.post-title,.video-list-info .post-title,.screenshots-list h3.title{ font-size:1rem; font-weight: bold; line-height: 1.75rem; height: 1.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0}
.new-list-info .item:hover h3.post-title a{ color: #0093e0}
.new-list-right .the-post-excerpt{ color: #898989; line-height: 1.5rem;}
.page-next-pre{ padding: 1rem 0; width: 100%}
.pagination{ display: block!important}
.pagination li{ display: inline-block; margin: 0 ; border: 0; background: #fff; line-height: 30px;}
.page-link{ line-height: 30px;}
.pagination li a{ display: block;padding:0 1rem;}
.pagination li.active{padding:0 1rem;}
.pagination li.active{background: #0093e0; color: #fff; border: 1px solid #0093e0}
.pagination li:hover a{ color: #333}
.page-item:first-child {border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
.pagination li.active:last-child{border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
.screen-reader-text{ display: none;}
.suopu-prev-next{ border-top:1px solid #ddd; padding: 1rem 0; margin-top: 1.5rem}
#crumbs:before{content: "\f015"; margin-right: 0.25rem; display: inline-block;font-family: "Font Awesome 5 Pro";}
.left-column-nav h2.title{ font-size: 1.3rem; background: #0093e0; color: #fff; text-align: center;padding: 0.5rem 1rem;}
.left-column-nav .menu li a,.left-column-nav .top-level-term a{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 45px;}
.left-column-nav .menu li a,.left-column-nav .top-level-term a { display: block;background: #f0f4f4; margin-top: 5px;padding: 0 1rem; font-size: 1rem; line-height: 45px;}
.left-column-nav .menu li a:after,.left-column-nav .top-level-term a:after{content: "\f105";font-family: "Font Awesome 5 Pro"; font-size: 22px; float: right}
.left-column-nav .menu li a:hover,.left-column-nav .top-level-term a:hover{ background: #0093e0; color: #fff}
.left-column-nav .menu li.current-menu-item a,.left-column-nav .menu li.current-menu-parent a,.left-column-nav .top-level-term li.current-cat a{ color: #0093e0}
.left-column-nav .menu li.current-menu-item:hover a,.left-column-nav .menu li.current-menu-parent:hover a,.left-column-nav .top-level-term li.current-cat:hover a{ color: #fff}
.left-contact{ background: #f0f4f4; margin-top: 1.25rem}
.left-contact .contact-img img{ width: 100%}
.left-contact .contact-btn{ padding:1rem 2rem 0.5rem 2rem;}
.left-contact .contact-btn a{ background: #2e84bd; color: #fff; display: block; line-height: 2.5rem; font-size: 1rem}
.left-contact .contact-btn a:hover{ opacity: .8}
.left-contact .contact-txt{ color: #1f395e; font-size: 1rem; font-weight: bold;}
.left-contact .contact-tel{ color: #1f395e; font-size: 1.3rem; padding-bottom: 1rem}
.suopu-navbar{ background: #2e84bd; line-height: 2rem; font-size: 1rem;}
.suopu-navbar a{ color: #fff; display: block}
.suopu-navbar li.active a{ background: #1f395e}
.suopu-navbar .nav-pills .nav-link{ border-radius: 0}
.single-post .item-content-inner p{ text-indent: 2em; color: #5d5d5d; margin-bottom: 1rem;}
.single-post .item-content-inner img{ margin-bottom: .5rem}
.aligncenter,.single-post .item-content-inner img{ margin-left: auto; margin-right: auto;display:block}
.single-post .item-content-inner img{ padding:10px 0}
.sp-mbheader-wrapper{background: #fff;}
.sp-mbheader-wrapper .btn-info{background-color: #0093e0;border-color: #0093e0; color: #fff}
.sub-section{ padding-top: 3rem; padding-bottom: 3rem}
.sub-container{ padding-left: 0; padding-right: 0}
.full-img.wpb_single_image .vc_figure,.full-img.wpb_single_image .vc_single_image-wrapper{ display: block;}
.full-img.wpb_single_image .vc_single_image-wrapper img{ width: 100%}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{ font-size:14px!important;}
.sp-header-wrapper{ padding: .5rem 0;position: relative;
	  height: 100px;
	  width: 100%;
	  z-index: 9999; background: #fff}
.header-fix{position: fixed;top: 0;box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -o-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);}
.img-circle {border-radius: 50%;}
.ult-carousel-wrapper .slick-dots li i{ -webkit-appearance:none!important; }
.tax-cases_type li.menu-item-1227 a,.single-cases_post_type li.menu-item-1227 a,.parent-pageid-309 li.menu-item-1166 a,.parent-pageid-1231 li.menu-item-1233 a,.tax-downloads_type li.menu-item-1233 a,.tax-solutions_type li.menu-item-1389 a{ color: #0093e0}
.suopu-navbar{ background: none;padding-top: 1.2rem;}
.suopu-navbar a{ color: #000;font-weight: 600}
.suopu-navbar li.active a,.suopu-navbar ul>li:hover>a,.suopu-navbar li.active:hover a{ background: none; color: #2e84bd}

.products-menu-silder ul>li>a{display: block;
    background: #f0f4f4;
    margin-top: 5px;
    padding: 0 1rem;
    font-size: 1rem;
    line-height: 45px; text-transform: capitalize}
.products-menu-silder ul>li:first-child>a{ margin-top: 0}
.products-menu-silder ul.top-level-term>li.active>a,.products-menu-silder ul.top-level-term>li.active>a:hover{ background: #ddd; color: #0093e0}
.products-menu-silder ul.top-level-term>li.active li a{ color: #333; background: none}
.products-menu-silder ul.top-level-term>li.active li a:hover{color: #0093e0; background: none}
.left-column-nav.products-menu-silder .top-level-term li.current-cat.active:hover a,.left-column-nav.products-menu-silder .top-level-term li.current-cat.active:hover li a:hover{color: #0093e0;}
.left-column-nav.products-menu-silder .top-level-term li.current-cat.active:hover li a,.left-column-nav.products-menu-silder .top-level-term li.current-cat.active li a{color: #333;}
.left-column-nav.products-menu-silder .top-level-term li.current-cat a{color: #0093e0;}
.products-menu-silder ul>li>a:after{content: "\f107"!important;
    font: normal normal normal 18px/1 "Font Awesome 5 Pro";transform-origin: center;
    transform: rotate(180deg);
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;float:right;line-height: 45px;}
.products-menu-silder ul>li>a:hover:after,.top-level-term li.active>a:after {
    transform: rotate(360deg);
}
.products-menu-silder ul li ul li a:after{ display: none}
.products-menu-silder ul>li>a:hover{background: #010101;
    color: #fff;}
.products-menu-silder ul li ul{background: #ececec; padding: 15px;
    padding-left: 2em;}
.products-menu-silder ul li ul ul{ padding-top: 0; padding-bottom: 0}
.products-menu-silder ul.top-level-term li ul li a{background: none;
    height: auto;
    line-height: 35px;
    padding: 0;
    font-size: 15px;
    margin-top: 0;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.products-menu-silder ul.top-level-term li ul li a:hover,.left-column-nav .top-level-term li.current-cat a:hover{ background: none;color: #0093e0;}
.products-menu-silder ul li ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}
.products-menu-silder ul li ul li a:hover{ background: none; color: #010101;}
.products-menu-silder ul li ul{ display: none}
.products-menu-silder ul li:hover ul{ display: block}
.top-level-term li.active ul {display: block;}
@media screen and (max-width:420px){
    .sp-homebanner .slick-prev:before, .sp-homebanner .slick-next:before { font-size: 30px;}
    #sidebar li.current-page-ancestor a{ color: #0093e0}
    .suopu-content,.sp-page-content{ padding: 0 15px}
    .alert-info{ margin: 0 15px}
    .left-column-nav .menu li,.nav-solutions .top-level-term li,.top-level-term li.sub-level-1{ width: 50%; float: left; padding: 0 5px}
    .left-column-nav .menu li a,.nav-solutions .top-level-term li a,.top-level-term li.sub-level-1>a{ font-size: 14px}
}
.suopu-footer{ color: #fff;background: #312e2e; padding: 10px 0}
.suopu-footer a{ color: #fff}
.suopu-footer a:hover{ color: #2e84bd}
.d-sm-block{display:inline!important}
/*在线客服*/
#wysj-trade a, #wysj-trade div, #wysj-trade span, #wysj-trade ul {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box
}
#wysj-trade ul {
    list-style: none; margin-bottom: 10px;
}
#wysj-trade img {
    display: block;
    vertical-align: middle
}
#wysj-trade {
    width: 170px;
    position: fixed;
    right: -170px;
    top: 100px;
    font-family: "Microsoft Yahei";
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    background-color: #fff;
    z-index: 9999
}
#wysj-trade:hover {
    right: 0
}
#wysj-trade .wysj-trade-box {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    padding-bottom: 10px;
    position: relative
}
#wysj-trade .wysj-trade-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 18px;
    color: #fff;
    background-color: #f90;
    padding: 0 15px
}
#wysj-trade .wysj-trade-item {
    padding: 0 15px
}
#wysj-trade .wysj-titem-title {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 700
}
#wysj-trade .wysj-titem-serv li {
    margin: 0;
    padding: 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #eee;
    line-height: 1.2em
}
#wysj-trade .wysj-titem-serv li a {
    font-size: 16px
}
#wysj-trade .wysj-titem-serv .wysj-titem-icon {
    color: #f60
}
#wysj-trade .wysj-titem-serv .wysj-titem-serv-title {
    color: #333;
    font-size: 14px;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s
}
#wysj-trade .wysj-titem-serv .wysj-titem-serv-phone {
    color: #f60;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s
}
#wysj-trade .wysj-trade-btn {
    position: absolute;
    right: 170px;
    padding: 20px 10px;
    background-color: #f60;
    color: #fff;
    top: 40px;
    cursor: pointer;
    font-size: 16px
}
#wysj-trade .wysj-trade-btn-img {
    position: absolute;
    right: 170px;
    top: 40px;
    width: 50%;
    cursor: pointer;
    background: 0 0;
    text-align: right
}
#wysj-trade .wysj-trade-btn-img img {
    display: inline-block;
    border: none;
    width: 100%
}
#wysj-trade .wysj-trade-qrcode {
    text-align: center
}
#wysj-trade .wysj-trade-qrcode span {
    font-size: 14px
}
#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;
}
.wysj-qq:before{content: "\f1d6";font-family: "Font Awesome 5 Brands"; }
.slick-initialized .slick-slide{text-align: center;}
.slick-slide img {display: inline-block;}