.sw-btn-wrap {
	padding: 25px 15px;
}
.sw-btn {
    height: 30px;
    line-height: 30px;
    padding: 0 11px;
    min-width: 55px;
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 14px;
    background-color: #fdfdfd;
    vertical-align: top;
    color: #00a5e0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cacccd;
    /*border-radius: 3px;*/
}
.sw-btn-primary {
	background-color: #00A2C9;
	border-color: #00A2C9;
	color: #fff;
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.sw-btn-lg {
	width: 100%;
    height: 38px;
    line-height: 38px;
}
.sw-btn:active {
	background: #f2f2f2;
    color: rgba(0,165,224,.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.sw-btn-primary:active {
	background: #1ca7da;
	border-color: #1ca7da;
    color: rgba(255,255,255,.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.solution {
	padding-bottom: 25px;
}
.methods-wrap {
	width: 1000px;
	margin: 0 auto;
}
.module-title {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 28px;
	text-align: left;
}
.even .module-title {
	text-align: right;
}
.item-wrap {

}
.column-box {
	float: left;
	width: 323px;
	background-color: #EBEBED;
}
.even .column-box {
	float: right;
}
.gray .column-box {
	background-color: #fff;
}
.column-box .cover {
	width: 100%;
	height: 178px;
	background-size: cover;
}
.column-box .cover-01 {
	background-image: url(../assert/cover_01.jpg);
}
.column-box .cover-02 {
	background-image: url(../assert/cover_02.jpg);
}
.column-box .cover-03 {
	background-image: url(../assert/cover_03.jpg);
}
.column-box .cover-04 {
	background-image: url(../assert/cover_04.jpg);
}
.column-box p {
	padding: 30px 18px 10px 18px;
	color: #666;
	font-size: 14px;
}
.column-box .sw-btn-wrap {
	padding-left: 75px;
	padding-right: 75px;
}

.support-info {
	padding-left: 100px;
	float: right;
}
.even .support-info {
	float: left;
	padding-left: 0;
	padding-right: 100px;
}
.support-title {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 14px;
	color: #666;
}
.support-content {
	margin-bottom: 40px;
}
.support-content-col {
	float: left;
	width: 80px;
}
.support-content-col + .support-content-col {
	margin-left: 80px;
}
.support-col-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.support-col-icon span {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.business-01 span {
	background-image: url(../assert/business_01.png);
}
.business-02 span {
	background-image: url(../assert/business_02.png);
}
.business-03 span {
	background-image: url(../assert/business_03.png);
}
.business-04 span {
	background-image: url(../assert/business_04.png);
}
.partner-01 span {
	background-image: url(../assert/partner_01.png);
}
.partner-02 span {
	background-image: url(../assert/partner_02.png);
}
.partner-03 span {
	background-image: url(../assert/partner_03.png);
}
.partner-04 span {
	background-image: url(../assert/partner_04.png);
}
.partner-05 span {
	background-image: url(../assert/partner_05.png);
}
.partner-06 span {
	background-image: url(../assert/partner_06.png);
}
.partner-07 span {
	background-image: url(../assert/partner_07.png);
}
.partner-08 span {
	background-image: url(../assert/partner_08.png);
}
.function-01 span {
	background-image: url(../assert/function_01.png);
}
.function-02 span {
	background-image: url(../assert/function_02.png);
}
.function-03 span {
	background-image: url(../assert/function_03.png);
}
.function-04 span {
	background-image: url(../assert/function_04.png);
}
.function-05 span {
	background-image: url(../assert/function_05.png);
}
.function-06 span {
	background-image: url(../assert/function_06.png);
}
.function-07 span {
	background-image: url(../assert/function_07.png);
}
.function-08 span {
	background-image: url(../assert/function_08.png);
}
.function-09 span {
	background-image: url(../assert/function_09.png);
}
.function-10 span {
	background-image: url(../assert/function_10.png);
}
.function-11 span {
	background-image: url(../assert/function_11.png);
}
.function-12 span {
	background-image: url(../assert/function_12.png);
}
.kidsEdu-01 span {
	background-image: url(../assert/kidsEdu_01.png);
}
.kidsEdu-02 span {
	background-image: url(../assert/kidsEdu_02.png);
}
.kidsEdu-03 span {
	background-image: url(../assert/kidsEdu_03.png);
}
.kidsEdu-04 span {
	background-image: url(../assert/kidsEdu_04.png);
}
.kidsEdu-05 span {
	background-image: url(../assert/kidsEdu_05.png);
}
.kidsEdu-06 span {
	background-image: url(../assert/kidsEdu_06.png);
}
.kidsEdu-07 span {
	background-image: url(../assert/kidsEdu_07.png);
}
.kidsEdu-08 span {
	background-image: url(../assert/kidsEdu_08.png);
}
.support-content-col p {
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
}

/* weixiaobao样式*/
.business .box {
    position: relative;
    /*margin-top: -55px;*/
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.business .box ul.items {
    margin: 0 auto;
    margin-top: 50px;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.business .box ul.items li {
    width: 200px;
    height: 300px;
    margin: 0 8px;
    overflow: hidden;
}
.business .box ul.items li:hover {
    background-position: 0px 0px;
    background-color: #02C1DE;
    -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;
}
.business .box ul.items li u {
    display: block;
    position: absolute;
    width: 156px;
    height: 156px;
    margin-left: 22px;
    border: 3px solid #02C1DE;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
    clip: rect(0px,156px,-10px,78px);
}
.business.active .box ul.items li u.cl {
    clip: rect(0px,156px,156px,78px);
}
.business .box ul.items li:hover u.cl {
    clip: rect(0px,156px,-10px,78px);
}
.business .box ul.items li u.cr {
    clip: rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
    clip: rect(0px,78px,156px,0px);
}
.business .box ul.items li:hover u.cr {
    clip: rect(156px,78px,156px,0px);
}
.business .box ul.items li i {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 43px;
    height: 69px;
}
.business .box ul.items li.d1 i {
    width: 69px;
    background: url(../assert/develop_01.png);
}
.business .box ul.items li.d1:hover i {
    background: url(../assert/develop_hover_01.png);
}
.business .box ul.items li.d2 i {
    width: 69px;
    background: url(../assert/develop_02.png);
}
.business .box ul.items li.d2:hover i {
    background: url(../assert/develop_hover_02.png);
}
.business .box ul.items li.d3 i {
    width: 69px;
    background: url(../assert/develop_03.png);
}
.business .box ul.items li.d3:hover i {
    background: url(../assert/develop_hover_03.png);
}
.business .box ul.items li.d4 i {
    width: 69px;
    background: url(../assert/develop_04.png);
}
.business .box ul.items li.d4:hover i {
    background: url(../assert/develop_hover_04.png);
}
.business .box ul.items li.d5 i {
    width: 69px;
    background: url(../assert/develop_05.png);
}
.business .box ul.items li.d5:hover i {
    background: url(../assert/develop_hover_05.png);
}
.business .box ul.items li:hover i {
    -webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;
}
.business .box ul.items li strong {
    display: block;
    margin-top: 70px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
.business .box ul.items li:hover strong {
    color: White;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.business .box ul.items li p {
    position: relative;
    top: 200px;
    color: White;
    font-family: Microsoft YaHei;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
}
.business .box ul.items li:hover p {
    top: 20px;
    -webkit-transition: all .3s ease-in-out .5s;
    -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
}

.index_nav {
    position: fixed;
    right: 40px;
    /* height: 110px; */
    top: 50%;
    margin-top: -130px;
    z-index: 101;
    width: 50px;
}
.index_nav .index_nav_link {
    display: block;
    width: 50px;
    height: 50px;   
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    opacity: .9;
    text-decoration: none;
    background-color: #EAEAEA;
    transition: background 2s;
}
.index_nav .index_nav_link:hover {
    background-image: none;
    background-color: #fff;
    opacity: 1;
}
.index_nav a + a {
    margin-top: 15px;
}
.index_nav .link_icon_qq {
    background-image: url(../assert/qq.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 50% 50%;
}
.index_nav .index_nav_link span {
    display: block;
    width: 28px;
    margin: 0 auto;
    padding-top: 7px;
    text-align: center;
    color: #0060B0;
    opacity: 0;
    transform: rotateY(0deg); 
}
.index_nav .index_nav_link:hover {  
    background-image: none;
    background-color: #fff;
    opacity: 1;
}
.index_nav .index_nav_link:hover.link_icon_code {
    background: url(../assert/ma.png) no-repeat;
    background-size: 32px 32px;
    background-position: 50% 50%;
    background-color: #fff;
}
.index_nav .index_nav_link:hover span {
    opacity: 1;
    transform: rotateY(360deg) scale(1);
    transition:transform 1s ease;
}
.index_nav .link_icon_call {
    background-image: url(../assert/phone.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 50% 50%;
}
.index_nav .link_icon_mail {
    background-image: url(../assert/list.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 50% 50%;
}
.index_nav .link_icon_code {
    background-image: url(../assert/ma.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 50% 50%;
}
.index_nav .phone_number {
    position: absolute;
    top: 75px;
    right: 65px;
    width: 105px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #0060B0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}
.index_nav .qr_codes_wrap {
    position: absolute;
    right: 65px;
    bottom: -25px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
}
.index_nav .qr_codes_wrap img {
    display: block;
    width: 100%;
    height: 100%;
}
.arrow-right {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent #e5e5e5 transparent #e5e5e5;
    
}
.arrow-left {
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent #fff transparent #fff;
}
.backToTop {
    position: fixed;
    right: 40px;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: 270px;
    cursor: pointer;
    opacity: .9;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    z-index: 101;
}
.backToTop .icon_toTop {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../assert/top.png) no-repeat;
    background-size: 32px 32px;
    background-position: 50% 50%;
    background-color: #fff;
}

.sw-common-footer {
    background-color: #383D41 !important;
}
.sw-main-know-content .sw-main-know-title {
    color: #d7d8d9 !important;
}
.sw-main-know-content .sw-main-know-subcontent li a {
    color: #9b9ea0 !important;
}
.sw-link-wrap .sw-link a {
    color: #fff !important;
}
.sw-common-footer .sw-main-know {
    border-bottom: 1px solid #4b5054;
}
.sw-link-wrap .copyright p {
    color: #b6bbbc !important;
}