body{font-size: 14px;font-family: 'PingFang-SC-Medium';margin:0px;}
ul{margin:0px;padding:0px;}
li{margin:0px;padding:0px;list-style:none;}
a{text-decoration:none;color:#377dff;}
hr{margin-top: 2rem;margin-bottom: 1.5rem;border: 0;border-top: 1px solid #e7eaf3;}
h4{margin:5px 0px;}

/*common*/
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.container{width:1200px;margin:auto;}
.content-top{padding-top:80px;}
.light h1,.light h2,.light h3,.light p,.light span{color:#fff!important;}
.left h1,.left h2,.left h3,.left h4,.left p,.left span{text-align:left;}
.right h1,.right h2,.right h3,.right p,.right span{text-align:right;}
.center *,.center{text-align:center;}
.shadow{text-shadow: 5px 2px 6px rgba(0,0,0,0.50);}
.primary{color:#00A8FF!important;opacity:1!important;}
.gray{color:#999;}
.blue{color:#0086F1;}
.small{font-size:0.9rem;}
.big{font-size:18px!important;}
.btn{color:#fff;padding:10px 20px;margin:10px 0px;border-radius:4px;}
.btn-block{width:100%;}
.btn-primary{border:1px solid #3860f4;background:#3860f4;}
.btn-info{border:1px solid #FFFFFF;}
.space-10{padding:40px 0px;}
.pic{text-align:center;max-width:800px;margin:auto;}
.pic img{width:100%;}
.pad{padding:10px;}
.text{text-indent: 2em;}

/*bg*/
.bg-gray{background:#F5F7F9;}
.bg-blue{background:#edf8ff}
.bg-water{background-image:url(../img/common/bg-water.jpg);background-size:100% 400px; background-position:left bottom;background-repeat:no-repeat;}
.bg-water-gray{background:#f5f7f9 url(../img/common/bg-water-gray.jpg);background-size:100% 400px;background-position:left bottom; background-repeat:no-repeat;}
.bg-card{background-image:url(../img/common/bg-card.png);background-repeat:no-repeat;background-position:right bottom;background-repeat:no-repeat;}

/*btn*/
.btn{padding:6px 12px;font-size:14px;}
.btn-blue{border:1px solid #0086F1;color:#0086F1;}

.icon{width:60px;height:60px;display:block;background-repeat:no-repeat;}
.icon-1{background-position:0px -0px;}
.icon-2{background-position:-60px 0px;}
.icon-3{background-position:-120px 0px;}
.icon-4{background-position:-180px 0px;}
.icon-5{background-position:-240px 0px;}
.icon-6{background-position:-300px 0px;}
.icon-7{background-position:-360px 0px;}
.icon-8{background-position:-420px 0px;}
.icon-9{background-position:-480px 0px;}
.icon-10{background-position:-540px 0px;}
.icon-11{background-position:-600px 0px;}
.icon-2-1{background-position:0px -60px;}
.icon-2-2{background-position:-60px -60px;}
.icon-2-3{background-position:-120px -60px;}
.icon-2-4{background-position:-180px -60px;}
.icon-2-5{background-position:-240px -60px;}
.icon-2-6{background-position:-300px -60px;}
.icon-2-7{background-position:-360px -60px;}
.icon-2-8{background-position:-420px -60px;}
.icon-2-9{background-position:-480px -60px;}
.icon-2-10{background-position:-540px -60px;}
.icon-2-11{background-position:-600px -60px;}
.icon-3-1{background-position:0px -120px;}
.icon-3-2{background-position:-60px -120px;}
.icon-3-3{background-position:-120px -120px;}
.icon-3-4{background-position:-180px -120px;}
.icon-3-5{background-position:-240px -120px;}
.icon-3-6{background-position:-300px -120px;}
.icon-3-7{background-position:-360px -120px;}
.icon-3-8{background-position:-420px -120px;}
.icon-3-9{background-position:-480px -120px;}
.icon-3-10{background-position:-540px -120px;}
.icon-3-11{background-position:-600px -120px;}

.logo-list span{display:block;width:200px;height:100px;margin:auto;
background-image:url(../img/clients/client.png?v=6);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
} 
.logo-1{background-position:-20px -20px;}
.logo-2{background-position:-240px -20px;}
.logo-3{background-position:-464px -20px;}
.logo-4{background-position:-686px -20px;}
.logo-5{background-position:-906px -20px;}
.logo-6{background-position:-20px -140px;}
.logo-7{background-position:-240px -140px;}
.logo-8{background-position:-464px -140px;}
.logo-9{background-position:-686px -140px;}
.logo-10{background-position:-906px -140px;}
.logo-11{background-position:-20px -260px;}
.logo-12{background-position:-240px -260px;}
.logo-13{background-position:-464px -260px;}
.logo-14{background-position:-686px -260px;}
.logo-15{background-position:-906px -260px;}
.logo-16{background-position:-20px -380px;}
.logo-17{background-position:-240px -380px;}
.logo-18{background-position:-464px -380px;}
.logo-19{background-position:-686px -380px;}
.logo-20{background-position:-906px -380px;}
.logo-21{background-position:-20px -500px;}
.logo-22{background-position:-240px -500px;}
.logo-23{background-position:-464px -500px;}
.logo-24{background-position:-686px -500px;}
.logo-25{background-position:-906px -500px;}
.logo-26{background-position:-20px -620px;}
.logo-27{background-position:-240px -620px;}
.logo-28{background-position:-464px -620px;}
.logo-29{background-position:-686px -620px;}
.logo-30{background-position:-906px -620px;}
.logo-31{background-position:-20px -740px;}
.logo-32{background-position:-240px -740px;}
.logo-33{background-position:-464px -740px;}
.logo-34{background-position:-686px -740px;}
.logo-35{background-position:-906px -740px;}
.logo-36{background-position:-20px -860px;}
.logo-37{background-position:-240px -860px;}
.logo-38{background-position:-464px -860px;}
.logo-39{background-position:-686px -860px;}
.logo-40{background-position:-906px -860px;}
.logo-41{background-position:-20px -980px;}
.logo-42{background-position:-240px -980px;}
.logo-43{background-position:-464px -980px;}
.logo-44{background-position:-686px -980px;}
.logo-45{background-position:-906px -980px;}
.logo-46{background-position:-20px -1100px;}
.logo-47{background-position:-240px -1100px;}
.logo-48{background-position:-464px -1100px;}
.logo-49{background-position:-686px -1100px;}
.logo-50{background-position:-906px -1100px;}
.logo-51{background-position:-20px -1220px;}
.logo-52{background-position:-240px -1220px;}
.logo-53{background-position:-464px -1220px;}
.logo-54{background-position:-686px -1220px;}
.logo-55{background-position:-906px -1220px;}
.logo-56{background-position:-20px -1340px;}
.logo-57{background-position:-240px -1340px;}
.logo-58{background-position:-464px -1340px;}
.logo-59{background-position:-686px -1340px;}
.logo-60{background-position:-906px -1340px;}

.icon-product{width:60px;height:60px;display:block;background-image:url(../img/common/icon_60.png?v=2) !important ;background-repeat:no-repeat;}
.icon-product .icon-im{background-position:0px -0px;}
.icon-product .icon-sdk{background-position:-60px 0px;}
.icon-product .icon-miniprogram{background-position:-120px 0px;}
.icon-product .icon-meeting{background-position:-180px 0px;}
.icon-product .icon-back{background-position:-240px 0px;}
.icon-product .icon-livechat{background-position:-300px 0px;}
.icon-product .icon-sms{background-position:-360px 0px;}
.icon-product .icon-card{background-position:-420px 0px;}
.icon-product .icon-workpro{background-position:-480px 0px;}
.icon-product .icon-dispatch{background-position:-540px 0px;}
.icon-product .icon-intro{background-position:0px -60px;}
.icon-product .icon-partner{background-position:-60px -60px;}
.icon-product .icon-report{background-position:-120px -60px;}
.icon-product .icon-news{background-position:-180px -60px;}

.tu{width:800px;height:400px;margin:auto;position:relative;}
.tu-img{position:absolute;left:200px;top:50px;}

/*layout*/
.content{padding-top:80px;}
.container{width:1200px;margin:auto;}
.w8{width:1000px;}



/*banner*/
.banner{height:500px;vertical-align:middle;background-color: #161b3b;background-position:right top;background-repeat:no-repeat;}
.banner .container{display:flex;height:100%;}
.banner-text{float:left;width:500px;padding-left:100px;align-self:center;}
.banner-cmd{margin-top:40px;}
.banner-img{float:right;width:500px;height:100%;background-repeat:no-repeat; background-position:center center;}
.banner-text h1{color:#fff;font-size:35px;margin-top:0px; line-height:60px;}
.banner .btn{font-size:18px;padding:0px 40px;line-height:40px;border-radius:4px;margin-right:20px;}
.banner p{font-size: 18px;margin-bottom: 20px;opacity: 0.8;line-height:2rem;color:#fff;}

.banner-workpro{background-image:url(../img/workpro/banner.jpg?v=4)}
.banner-workpro .banner-img{background-image:url(../img/workpro/banner-img.png?v=4);background-position:center middle;}

.banner-im{background-image:url(../img/im/banner.jpg?v=4)}
.banner-im .banner-img{background-image:url(../img/im/banner-img.png?v=3);background-position:center middle;}

/*section*/
.section{padding:40px;}
.section-title{text-align: center;
    font-size: 32px;
    margin-bottom: 16px;
    font-weight: 500;
    margin-bottom: 30px;}
.section-title span{padding:20px;text-align:center;display:block;font-size:14px;max-width:600px;margin:auto;color:#333333}

/*jumbo*/
.jumbo{margin:auto;}
.jumbo-text{float:left;text-align:left;width:50%;}
.jumbo-text h3{font-size: 24px;font-weight: 500;padding: 10px 0 0px;opacity:0.8;}
.jumbo-text p{opacity:0.8;}
.jumbo-img{float:left;text-align:center;padding:0px 20px;}
.jumbo-img-right .jumbo-text{float:left;}
.jumbo-img-right .jumbo-img{float:right;}
 
/*card*/
.cols{margin: 0 auto;width:100%;}
.col{width: 25%;padding: 20px;box-sizing: border-box;float: left;list-style: none;}
.cols-2 .col{width: 50%;}
.cols-3 .col{width: 33%;}
.cols-4 .col{width: 25%;}
.cols-5 .col{width: 20%;}

a.card{color:#333;}
.card{width: 100%;text-align: center;position: relative;transition: all .3s ease-in-out;display:block;}
.card em {width:60px;height:60px;display:inline-block;}
.card h3{font-size: 18px;opacity:0.8;margin-bottom: 18px;}
.card p{font-size: 14px;opacity:0.8;display:block;line-height:25px;padding:5px 0px;margin:0px;}
.card .img{width:100%;height:100%;}
.left .card em{display:inline;}

.cards-icon-line em:after {position: absolute;content: '';width:60px;bottom: 0;left: 0;height: 3px;background: #3860F4;}
.cards-icon-line em:after{left:20px;top:0px;}

.cards-h3-line h3:after {position: absolute;content: '';width:60px;top: 0;left: 20px;height: 3px;background: #3860F4;}

.cards-gray .card{background:#f5f5f5;padding:15px 0px;}
.card .hover{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;background:#1082FF;color:#fff;}
.card:hover .hover{display:block;}
	
.cards-block .card{padding:20px;width: calc(100% - 40px);background-color:#fff;box-shadow: 0px 10px 10px #f4f6fe;border:1px solid #eee;}
.cards-block .card:hover{transform: translateY(-10px);transition: all 0.3s;}

.cards-flat .card{padding:20px;width: calc(100% - 40px);background-color:transform;box-shadow:0px;border-width:0px;}
.cards-flat .card:hover{box-shadow: 0px 0px 20px #dfe4fb;background-color:#fff;border-radius:10px;}

.cards-left .card{padding-left:70px; text-align:left;}
.cards-left .card em{position:absolute;left:0px;top:0px;margin:0px;padding:0px;width:40px;height:40px;}
.cards-left .card h3{margin:0px;padding:0px;}
.cards-left .card p{margin:0px;padding:0px;}

.cards-icon-cir .card .icon-cir{border-radius:50%;background:#fff;padding:10px;}
.cards-icon-cir .card:hover .icon-cir{border-radius:50%;background:#f5f5f5;}


.card-justify .card p{text-align: justify;}



/*/cards*/


/*tabs*/
.nav-flat{margin:auto;text-align:center;}
.nav-flat li{display: inline-block;cursor: pointer;padding:1rem;color:#666;}
.nav-flat li a{color:#333;}
.nav-flat li.active{border-bottom:2px solid #377dff;}
.nav-flat li.active a{color:#377dff;}

.nav-round{margin:auto;text-align:center;margin-bottom:30px;}
.nav-round li{display: inline-block;margin: 0 10px;line-height:40px;padding:0px 20px;color: #596580;cursor:pointer;}
.nav-round li.active{background:#45AFF9;border-radius:20px;color:#fff;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#45AFF9), to(rgba(0, 0, 255, 0.5)));
}
.tabs-nav{}
.tabs-nav li{}
.tabs-nav li.active{}
.tabs-content{display:none;}
/*end  tabs*/

/*list*/
.list div{height:60px;}
.list span.icon{
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	background:rgba(0,0,0,0.2);;
	opacity:0.2;
	margin-right:20px;
}
.list span.text{float:left;line-height:50px;font-size:14px;}

/*lists*/
.lists li{padding:10px 0px; list-style:none;}

.list-text h3{font-size:16px;opacity: 1; font-weight:700;color:#3860f4;}

.list-dot{margin-left:25px;}
.list-dot li{list-style:disc;text-align:left; }

/*list-tag*/
.list-tag li{width:30%;text-align:center;float:left;padding:10px;}

/*list-icon*/
.list-icon li{width:30%;text-align:center;float:left;padding:10px 0px;}
.list-icon i{margin:auto;padding:10px;font-size:40px;}
.list-icon-cir i.icon{display:block;border:1px solid #ccc;width:30px;height:30px;border-radius:50%;font-size:30px;padding:5px;color:#999;margin-bottom:5px;}
.list-icon-cir span{color:#999;}
.list-icon-cir li:hover  i.icon{color:#377dff;border-color:#377dff;}
.list-icon-cir li:hover span{color:#333;font-weight:700;}




.list-tag li {float: left;border-radius:20px;margin:5px;padding: 5px 20px;
background: #f3f8fe;border: 1px solid #467bc2;color: #467bc2;}
.dot-green {background: #edfcf8;border: 1px solid #40a688;color: #40a688;}
.dot-red {background: #fef3f7;border: 1px solid #ce406f;color: #ce406f;}
/*end  list*/

/*text*/
.text-line p{position:relative; line-height:25px;}
.text-line b{display:block;margin-bottom:5px;}
.text-line p:after {position: absolute;content: '';width:60px;bottom: 0;left: 0;height: 3px;background: #3860F4;}
.text-line p:after{left:0px;top:25px;}


/*form*/
.form-item{padding:10px;clear:both;}
.form-label{float:left;width:120px;padding-right:10px; text-align:right; line-height:40px;color:#999;}
.form-value{float:left;width:300px;padding:10px;border:1px solid #E0E6EC;border-radius: 4px;background:#fff;text-align:left;}
.form-control{font-size: 14px;font-weight: 400;width:95%;border:1px solid #fff;outline: none;}
.form-label .iconfont{font-size:30px;color:#3860f4;}
#btn_getverify{color:#377dff;background:#fff;border-width:0px;outline: none;}

.form-try{margin:auto;width:550px; text-align:center;}




/*cooplist*/
.coop_list{
	width:860px;
	margin:0 auto;
}
.coop_list li{
	width:158px;
	height:48px;
	float:left;
	margin-right:17px;
	margin-bottom:26px;
}

.pagination-wrapper{height:80px;margin:auto;}
.pagination{text-align:center;}
.pagination li{display: inline-block;border:1px solid #eee;padding:5px 10px;}
.pagination li a{display:block;}
.pagination li:first-child{border-radius:4px 0px 0px 4px;}
.pagination li:last-child{border-radius:0px 4px 4px 0px;}

/*轮播图*/
.swiper-container{width: 100%;height: 100%;}
.swiper-wrapper{width: 100%;}
.swiper-slide{width: 100%;}



.swiper-nav{margin:auto;text-align:center;width:100%;}
.swiper-nav li{display: inline-block;cursor: pointer;color:rgba(255, 255, 255, 0.6);text-align:center;}
.swiper-nav li span{display:block;font-size:18px;padding:15px;}
.swiper-nav li i{display: inline-block;width:8px;height:8px;border-radius:5px;background:#eee;}
.swiper-nav li.active{color:rgba(255, 255, 255,1);}
.swiper-nav li.active i{width:100px;}


/*swiper-bullet-new*/
.swiper-pagination-bullet {
	width: 40px;
	height: 6px;
	background: #00A8FF;
	margin: 50px auto;
	transform: skew(-40deg);
	-webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg);
	border-radius: 0;
	margin-right: 12px;
	cursor: pointer;
}



.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	content:'' !important;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	content: '' !important;
}
.swiper-button-prev{
	left: 20px !important;
	outline: none;
}
.swiper-button-next{
	right: 20px !important;
	outline: none;
}



@media (max-width: 768px){
	.container{width:95%!important;}
	.banner{height:auto!important;}
	.banner-text{float:none;text-align:center;padding:60px 0px;}
	.banner-img{display:none;}
	
	
	.jumbo{width:100%!important;}
	.jumbo-text{float:none;text-align:center;width:95%!important;padding:20px!important;}
	.jumbo-img{float:none;text-align:center;width:95%!important;padding:20px!important;}
	.jumbo-img img{width:100%!important;}

	.cards{width:100%;}
	.cards li{width: 80%!important;margin: 0 auto 20px;float: none;}
	.cards .card{height: auto;margin:0px!important;padding:0px!important;padding-bottom: 54px!important; position:static!important;}
	
	.form{width: 100%!important;}
	
	.tu{width:100%}
	.tu-img{display:none;}
	
	.footer-col{text-align:center;width:100%!important;padding:0px!important;}
}