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;}
.container-s{width:1000px;}
.content-top{padding-top:80px;}
.pad{padding:10px;}
.mr{margin-right:10px !important;}
.mt{margin-bottom:10px !important;}
.shadow{text-shadow: 5px 2px 6px rgba(0,0,0,0.50);}
.block{display:block;}
.b{font-weight:block;}
.img-b{width:100%;}

/*text align*/
.left,.left *{text-align:left;}
.right,.right *{text-align:right;}
.center,.center *{text-align:center;}

/*font*/
.primary{color:#00A8FF!important;opacity:1!important;}
.gray{color:#999;}
.blue{color:#0086F1;}
.small{font-size:0.8rem;}
.big{font-size:18px!important;}
.btn{color:#fff;padding:10px 20px;margin:10px 0px;border-radius:4px;border-width:0px;}
.btn-block{width:100%;}
.btn-primary{background:#3860f4;}
.btn-info{border:1px solid #FFFFFF;}
.btn-default{background:#d2e5f8;color:#0041b0;}
.btn-try{display:inline-block;width:160px;height:30px;line-height:30px;border-radius:15px;background:#3385f1;color:#fff;text-align:center;box-shadow: 0px 0px 20px #d3e3ff;}
.space-10{padding:40px 0px;}
.pic{text-align:center;max-width:800px;margin:auto;}
.pic img{width:100%;}

/*icon*/
.icon-img{width:60px;height:60px;display:inline-block;border-radius:50%;background:#E6F1FF;vertical-align:middle;margin-right:10px; line-height:40px;}
.icon-img img{width:40px;padding-top:10px;}



/*bg*/
.bg-gray,.bg-blue{background-position:left 140px;background-repeat:repeat-x;}
.bg-gray{background-image:url(../img/common/bg-gray.png?v=2)}
.bg-blue{background-image:url(../img/common/bg-blue.png?v=5);}
.bg-box1{background-image:url(../img/common/bg-box1.png);background-size:100%;}
.bg-box2{background-image:url(../img/common/bg-box2.png);background-size:100%;}
.bg-jb,{opacity: 1;background: linear-gradient(180deg, rgba(230, 241, 252, 0.33) 0%, rgba(31, 128, 255, 0) 100%);}

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


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


/*banner*/
.banner{height:500px;vertical-align:middle;background-color:#3726d4;background-position:right middle;background-repeat:no-repeat;color:#fff;background-size:100% 100% }
.banner .container{display:flex;height:100%;position:relative;}
.banner-text{float:left;width:500px;align-self:center;}
.banner-cmd{margin-top:20px;}
.banner-img{width:500px;height:100%;position:absolute;right:0px;top:0px;background-position:center center;background-size:100% 100%;}
.banner-text h1{font-size:47px;margin-top:0px;line-height:60px;}
.banner-text ul li{list-style-type:disc;font-size:16px;list-style-position:inside;padding:5px 0px;}
.banner-text p{font-size: 18px;margin-bottom: 20px;opacity: 0.8;line-height:2rem;}
.banner-text .btn{font-size:18px;padding:0px 40px;line-height:40px;border-radius:4px;margin-right:20px;}


.banner-workpro{background:#3752eb url(../img/workpro/banner.jpg?v=2) right center no-repeat;background-size:100% 100%}

.banner-im{background:url(../img/im/banner.jpg?v=1) center center no-repeat;background-size:100% 100%}
.banner-im .banner-img{width:700px;height:500px;background-image:url(../img/im/banner_img.png?v=2);}

.banner-portal{background:url(../img/portal/banner.jpg?v=1) right center no-repeat;background-size:100% 100%}
.banner-portal .banner-img{width:626px;height:500px;background-image:url(../img/portal/banner_img.png?v=2);}

.banner-xc{background:url(../img/xinchuang/banner.jpg?v=1) right center no-repeat;background-size:100% 100%}
.banner-xc .banner-img{width:626px;height:500px;background-image:url(../img/xinchuang/banner_img.png?v=2);}

.banner-meeting{background:#6f55dd url(../img/meeting/banner.jpg) right center no-repeat;}
.banner-livechat{background:#b3d2fe url(../img/livechat/banner.jpg?v=3) right center no-repeat;background-size:100% 100%}
.banner-sdk{background:#637bdb url(../img/sdk/banner.jpg) right center no-repeat;}
.banner-sdkmedia{background:#6693f0 url(../img/sdkmedia/banner.jpg) right center no-repeat;}


/*section*/
.section{padding-top:30px;padding-bottom:50px;}
.section-title{
	background-image:url(../img/common/bg_title.png?v=3);
	background-size:100% 100%;
	display:inline_block;
	margin:auto;
	width:250px;
	height:60px;
	line-height:60px;
	text-align: center;
    font-size:32px;
    margin-bottom: 46px;
    font-weight:800;
}
.section-title-l{width:450px;}

/*col*/
.cols{margin: 0 auto;width:100%;}
.cols-2 .col{width: 50%;}
.cols-3 .col{width: 33%;}
.cols-4 .col{width: 25%;}
.cols-5 .col{width: 20%;}
.cols-6 .col{width: 16.6%;}
.cols-7 .col{width: 14.2%;}
.cols-8 .col{width: 12.5%;}
.col{width: 25%;padding: 20px;box-sizing: border-box;float: left;list-style: none;}

/*cell*/
.cell{display:flex;flex-direction:row;width:100%;}
.cell-hd{width:80px;}
.cell-bd{flex:1;}

/*list-dot*/
.list-dot{margin-left:25px;margin-bottom:10px;}
.list-dot li{position:relative;padding-left:10px;margin-bottom:10px;}
.list-dot li:before{content:"";display:block;background-color:#0067ed;width:8px;height:8px;border-radius:50%; position: absolute;left:-10px;top:5px;}

/*list-text*/
.list-text{margin-left:25px;}
.list-text li{box-shadow: 0px 0px 20px #d3e3ff;border-radius:8px;border-left:4px solid #0067ed;background-color:#fff;padding:20px;margin-bottom:10px;}
.list-text li h3{margin:0px;margin-bottom:10px;padding:0px;}
.list-text li p{margin:0px;padding:0px;}


/*list-inline*/
.list-inline li{display:inline-block;background-color:rgba(140, 194, 255, 0.4);color:#0048A6;border-radius:14px;padding:5px 0px;margin:10px 5px;width:110px;text-align:center;}

/*list-img*/
.list-img img{width:100%;}



/*jumbo*/
.jumbo{}
.jumbo-text,.jumbo-img{width:50%;display:table-cell;vertical-align:middle;height:300px;}
.jumbo-text{text-align:left;padding-left:30px;}
.jumbo-img{text-align:center;}
.jumbo-text-wrapper{margin:0px 60px;}
.jumbo-img img{ max-width:550px;}
/*最多一行三个，所以控制他的宽度*/
.jumbo-text .list-inline{width:400px;}

/*幻灯片距离远一点*/
.swiper-slide .jumbo{margin:40px 0px;}

/*card*/
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;margin-bottom: 18px;}
.card p{font-size: 14px;display:block;line-height:25px;padding:5px 0px;margin:0px;}
.card .img{width:100%;height:100%;}
.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*/
.cards-block .card{padding:20px;box-sizing:border-box;background-color:#fff;box-shadow: 0px 0px 20px #d3e3ff;border-radius:8px;}
.cards-block .card:hover{transition: all 0.3s;}
.cards-block .card img{width:120px;}

/*cards-media*/
.cards-media .card{position:relative;}
.cards-media .card em{background:#dbedff;border-radius:50%;position:absolute;left:0px;top:10px;}
.cards-media .card div{margin-left:80px;background-color:#fff;box-shadow: 0px 0px 20px #d3e3ff;border-radius:8px;padding:10px; position:relative;}
.cards-media .card div h3{font-size:14px;width:90px; text-align:center;position:absolute;left:0px;top:15px;}
.cards-media .card div p{padding:5px 0px;margin:0px;padding-left:95px;text-align:left;height:50px;line-height:16px;font-size:12px; display:table-cell;vertical-align:middle;}
.cards-media .card i{color:#0067ED;font-size:30px;margin-top:15px;display:block;}

/*cards-box*/
.card-box .card{border-radius:8px;box-shadow: 0px 0px 20px #d3e3ff;border-radius:8px;margin:0px 20px;background-color:#f2f6fd;}
.card-box .card .card-hd{background-color:#0067ed;color:#fff;padding:10px;border-radius:8px 8px 0px 0px;}
.card-box .card .card-bd{height:100px;padding:10px; text-align:left;display:table-cell;vertical-align:middle; line-height:1.5rem; }


 
/*tabs*/
.tabs-nav{}
.tabs-nav li{}
.tabs-nav li.active{}
.tabs-content{display:none;}



/*form*/
.form-item{padding:10px;clear:both;}
.form-label{display:none;}
.form-value{width:300px;}
.form-control{padding:10px;font-size:14px;font-weight: 400;width:100%;border:1px solid #fff;outline: none;border:1px solid #E0E6EC;border-radius: 4px;background:#fff;text-align:left;box-sizing:border-box;}
.form-label .iconfont{font-size:30px;color:#3860f4;}
#btn_getverify{color:#377dff;background:#fff;border-width:0px;outline: none;}
.form-item .btn{padding:10px;box-sizing:border-box;width:100%;}

/*article*/
.article-section .container{width:900px;margin:auto;}
.article-title{text-align:center;font-size: 1.75rem;font-weight:700;}
.article-content{text-align:left;}
.article-content p{text-indent: 2em;font-size:15px;color:#555; line-height:1.5rem;}
.article-section h2 *{color:#0086F1 !important;font-size:16px;}

/*pagination*/
.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-slide .jumbo {}

.swiper-tab{margin:auto;text-align:center;background:#fff;}
.swiper-tab li{display: inline-block;cursor: pointer;padding:1rem;color:#666;position:relative;padding-left:60px; text-align:left;margin:0px 20px;font-size:1.2rem;}
.swiper-tab li .icon {color:#CEDEF2;display:inline-block;font-size:40px; position:absolute;left:0px;top:20px;}
.swiper-tab li.active{border-bottom:2px solid #0067ed;color:#0067ed;}
.swiper-tab li.active .icon {color:#0067ed;}
.swiper-tab-1 li{ line-height:40px;}
.swiper-tab-no-icon li{;padding:0px 20px;}
.swiper-tab-no-hand li{cursor:auto;}

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


/*solution*/
.solution{margin-bottom:30px;}
.solution .swiper-nav li{color:#333;}
.solution{position:relative;padding-top:80px;}
.solution .swiper-nav{margin:auto;position:absolute; z-index:999;top:-170px;}
.solution .swiper-slide{background-size:100% 100%;position:relative;height:400px;}
.solution .swiper-slide .container{width:50%;background:rgba(0,0,0,.6);position:absolute;right:0px;height:400px;padding:40px;box-sizing: border-box;}
.solution h3{color:#fff;font-size:18px;margin-top:50px;}
.solution p{display:block;width:400px; line-height:30px;color:#fff;}

/*scene*/
.scene .jumbo{box-shadow: 0px 0px 20px #d3e3ff;margin-bottom:20px;}
.scene .jumbo-text{width:45%;height:300px;padding:0px 50px;}
.scene .jumbo-img{width:55%;height:300px;}
.scene .jumbo-img img{width:100%;height:100%;}
.scene .jumbo-text h3{color:rgba(0, 65, 176, 1);}

/*quick-box*/
.client-num{}
.client-num .cell{}
.client-num h3{color:#0067ed;font-size:30px !important;margin:0px;}
.client-num p{}
.client-num .cell-hd{width:120px; text-align:center;}
.client-num .cell-hd img{width:70px;}

/*logo-list*/
.logo-list{margin:auto;}
.logo-list li{
	display:inline-block;box-sizing:border-box;
	margin:10px;padding:10px;
	width:120px;height:80px;line-height:80px;vertical-align: middle;
	box-shadow: 0px 0px 20px #d3e3ff;
	border-radius:8px;overflow:hidden;
}
.logo-list li img{width:100%;max-height:90px;}

/* sdk.html sdk_media.html */
.service .card{text-align:left;height:150px;}
.service .card:hover{background: linear-gradient(180deg, rgba(207, 228, 255, 1) 0%, rgba(255, 255, 255, 1) 100%), rgba(230, 241, 255, 1);}
.service h3{text-align:left;height:40px;position:relative;color:rgba(0, 65, 176, 1);}
.service h3 i{display:inline-block;}
.service h3 span{position:absolute;left:50px;top:10px;}
.service h3 .img{width:40px !important;height:40px !important;}

.section-role{width:600px;}

.success{height:440px;background:url(../img/common/contact.png?v=5) center bottom no-repeat;}