@charset "utf-8";

/*banner*/
.banner .img {
	padding-bottom: 43%;
}

/*========================================*/
.slogan {
	background-color: #eb3e35;
}
.Section {padding: .2rem 0;}
.Section-hd {
	text-align: center;
	margin-bottom: .1rem;
}
.Section-hd .title {
	font-size: .2rem;
	color: #222222;
}
.Section-hd .en-title {
	font-size: .13rem;
	color: #999;
	font-family: arial;
}
.Section-hd.bb{position: relative;padding-bottom: .15rem;}
.Section-hd.bb:after {
	position: absolute;
	content: "";
	height: .02rem;
	width: .4rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #4b8de0;
	bottom: 0;
}
.Section .descbox{padding: .1rem .2rem; text-align: center;}
.Section .descbox p{ font-size: .13rem; color: #666; line-height: 1.6;}
.Section .descbox img{ margin: .1rem auto; max-width: 80%; height: auto;}


/*首页-全渠道覆盖*/
.Section-1 .Section-bd{ padding: 0 .1rem;}
.naviconList{margin-right: -.1rem;}
.naviconList li{ float: left; text-align: center; }
.naviconList .box{ margin: .1rem .1rem 0 0; padding: .1rem; border: 1px solid #eee;}
.naviconList .icon{ width:.6rem; height: .6rem; margin: 0 auto .1rem;}
.naviconList .icon img{ width: 100%;}
.naviconList p{ color: #666;}

/*首页-丰富的营销工具*/
.iconlist li{ float: left; text-align: center; background: #ddd;}
.iconlist li .box{ padding: .1rem;}
.iconlist .icon{width: .28rem; height: .28rem; margin: 0 auto;}
.iconlist li p{ font-size: .13rem; color: #fff; margin-top: .08rem; line-height: 1;}
.Section-2 .iconlist li:nth-child(1){ background: #d5382f;}
.Section-2 .iconlist li:nth-child(2){ background: #eb3e35;}
.Section-2 .iconlist li:nth-child(3){ background: #ff4c41;}
.Section-2 .iconlist li:nth-child(4){ background: #ff593b;}

.Section-4 .iconlist li:nth-child(1){ background: #443cab;}
.Section-4 .iconlist li:nth-child(2){ background: #4a4dbb;}
.Section-4 .iconlist li:nth-child(3){ background: #4760ca;}
.Section-4 .iconlist li:nth-child(4){ background: #487eec;}
.Section-4 .iconlist li:nth-child(5){ background: #3f90ee;}

/*案例*/
.caselist li{ float: left;}
.caselist .box{ width: 100%; padding-bottom: 100%; position: relative;}
.caselist .box P{ position: absolute; width: 100%; height: .3rem; bottom: 0; left: 0; padding: 0 .1rem; text-align: center; line-height: .3rem; color: #fff; background: rgba(0,0,0,.5);}
/* 合作客户 */
.Section-6 .Section-bd{padding: 0 .1rem;}
.customersList{ margin-right: -.06rem;}
.customersList li{ float: left; padding: .06rem .06rem 0 0;}
.customersList .box{ width: 100%; height: .6rem; text-align: center; border: 1px solid #eee; display: table; }
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.customersList .box img {
    max-height: .4rem;
    max-width: 100%;
    margin: 0 auto;
}
/* 新闻列表 */
.Section-7 .Section-bd{ padding: 0 .1rem;}
.newsList{margin-right: -.1rem;}
.newsList li{ float: left; padding: .1rem .1rem 0 0;}
.newsList .box{border: 1px solid #eee; padding: .1rem 0; color: #666; position: relative;}
.Section-7 .morebtn{ display: block; width: .87rem; height: .31rem; margin: .1rem auto; background: url(../appimages/icons/more.png) center center no-repeat; background-size: 100% 100%;}
.newsList li .txtBox {
    padding: 0 .7rem 0 .1rem;
}
.newsList li .title {
    line-height: .2rem;
    height: .4rem;
    overflow: hidden;
}
.newsList li .date {
    position: absolute;
    width: .6rem;
    text-align: center;
    top: 50%;
    right: 0;
    color: #b9b9b9;
    font-family: arial;
    height: .4rem;
    margin-top: -.2rem;
	border-left: 1px solid #eee;
}
.newsList li .date .day {
    font-size: .18rem;
    line-height: .2rem;
}
.newsList li .date .year {
    font-size: .12rem;
    line-height: .2rem;
}

/*app开发*/
.Section-youshi .Section-bd{ padding: 0 .1rem;}
.Section-youshi .box-hd .title{font-size: .18rem;}
.Section-youshi .box-hd .en-title{font-size: .12rem; color: #999;}
.Section-youshi .box-hd .colorline{ display: block; margin: .1rem auto; width: .5rem; height: .02rem; }
.colorline-1{background: #165eca;}
.colorline-2{background: #35ac1c;}
.colorline-3{background: #f7bc3e;}
.colorline-4{background: #1998c3;}
.youshilist{margin-right: -.1rem;}
.youshilist li{ float: left; text-align: center; padding-top: .3rem;}
.youshilist .box{ display: block; margin-right: .1rem; position: relative; padding: .35rem .1rem .1rem; background: #fff;}
.youshilist .icon{ width: .5rem; height: .5rem; position: absolute; left: 50%; top: -.25rem; margin-left: -.25rem; border: .03rem solid #fff; box-shadow: 0 0 .1rem #DDDDDD; border-radius: 50%;}
.youshilist .desc{ font-size: .12rem; color: #505050; height: .8rem; line-height: .2rem; overflow: hidden;}

.Section-Process{background: url(../appimages/case/banner2-bg.jpg) center center no-repeat; background-size: cover;}
.Section-Process .Section-hd .title,.Section-Process .descbox p{color: #fff;}

.Section-cases .caselist{padding-left: .1rem;}
.Section-cases .caselist li{margin-bottom: .1rem; padding-right: .1rem;}
.Section-cases .caselist .box{ padding-bottom: 84%;}
.Section-cases .morebtn{ display: block; width: .8rem; margin: 0 auto; color: #999; text-align: center; padding-top: .5rem; background: url(../appimages/icons/more2.png) center .05rem no-repeat; background-size: .4rem;}
.ft-banner{ position: relative; padding: 0;}
.ft-banner .icontel{ display: block; width: 1.2rem; position: absolute; top: 55%; left: 50%; margin-left: -.6rem;}
/*小程序开发*/
.Section-x4 .iconlist li { background: none;}
.Section-x4 .iconlist .icon { width: .5rem; height: .5rem;}
.Section-x4 .iconlist li p{ color: #333;}
.Section-x5 .Section-bd ul{ margin-left: .1rem;}
.Section-x5 .Section-bd li{ float: left;}
.Section-x5 .Section-bd li .box{ padding-right: .1rem;}
/*客户案例*/
.Section-Cases{padding-bottom: 0;}
.Caseimglist li{margin-bottom: .1rem;}
.Caseimglist li:last-child{ margin-bottom: 0;}
.Caseimglist li .txt{ background: #fff; padding: .1rem; font-size: .16rem; line-height: 1; text-align: center; }

/*关于我们*/
.wt_tabList {border-bottom: 2px solid #f8f8f8;}
.wt_tabList ul{ border-bottom: 1px solid #eee; }
.wt_tabList li{ height: .4rem; line-height: .4rem; float: left; text-align: center; font-size: .15rem;}
.wt_tabList li a{ display: block; position: relative;}
.wt_tabList li.active a{color: #5190ec;}
.wt_tabList li.active a:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 2px;
	width: .6rem;
	background: #5190ec;
	margin-left: -.3rem;
}
.wt_subTitle {
    font-size: .16rem;
    color: #36ab1b;
    margin-bottom: .1rem;
}
.wt_section .conItem {
    margin-bottom: .1rem;
}
.bgList{ margin-right: -.1rem;}
.bgList li{ float: left; margin-top: .1rem;padding-right: .1rem;}
.bgList .all{width: 100%; padding-bottom: 100%; position: relative;}
.bgList .outside{ position: absolute; width: 100%;height: 100%; left: 0; top: 0;}
.bgList .outside .inner{width: 100%;height: 100%; display: table; text-align: center; color: #fff; background: rgba(81, 144, 236, .8) !important;}
.bgList .outside .inner .title{ font-size: .18rem;}
.contactUsCon .item{margin-top: .1rem;}
.contactUsCon .address{ padding-left: .3rem; background: url(../appimages/about/address.png) left center no-repeat; background-size: .14rem;}
.contactUsCon .tel{ padding-left: .3rem; background: url(../appimages/about/tel.png) left center no-repeat; background-size: .18rem; color: #007AFF;}
.btn{ display: block; height: .4rem; line-height: .4rem; font-size: .15rem; text-align: center; border-radius: 4px;}
.btn.btn-inverse{ background: #36ab1b; color: #fff; }
.contactForm .line{margin-bottom: .1rem;}
.contactForm .line .wt_input{ border: 1px solid #eee; height: .4rem; width: 100%; padding: 0 .1rem; font-size: .15rem;}
.contactForm .line .wt_textarea{ border: 1px solid #eee;width: 100%; height: 1rem; padding: .1rem; line-height: .2rem; font-size: .15rem; resize: none;} 
.contactForm .line .wt_input:focus,.contactForm .line .wt_textarea:focus{border: 1px solid #9E9E9E;}
/*新闻列表页*/
.title-tab{position: fixed; z-index: 9; top: .45rem; background: rgba(255,255,255,.95); left: 0; right: 0; width: 100%; max-width: 750px; margin: 0 auto; line-height: .4rem; height: .4rem;}
.title-tab:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #e7e7e7;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.scroll-container { position: relative;height: .4rem; overflow: hidden;}
.title-tab .wrap { position: absolute;overflow: hidden;}
.title-tab ul li{padding: 0 .1rem;}
.title-tab ul li a{ display: inline-block; height: .4rem; font-size: .15rem; text-align: center; cursor: pointer; color: #999;}
.title-tab ul li a .iconfont{padding-right: .15rem; color: #999;}
.title-tab ul li.active a{color: #333; position: relative;}
.title-tab ul li.active a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #5190ec;
}
.title-tab ul li{ float: left;}
.future-tabs .tab{display: none;}
.title-tab .scroll-container:after{background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.9) 90%);width: .2rem;height: .4rem;position: absolute;right: 0;top: 0;content: "";z-index: 10;}
.title-tab .scroll-container:before{background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,.9) 90%);width: .2rem;height: .4rem;position: absolute;left: 0;top: 0;content: "";z-index: 10;}
/* 新闻列表 */
.news-List ul{ background: #fff;}
.news-List li{border-bottom: 1px solid #eee;}
.news-List li:last-child{border-bottom: none;}
.news-List .news-item{display: block; padding: .15rem .1rem;}
.news-List .img{ width: 1.2rem; height: .8rem;}
.news-List .txtbox{ margin-left: 1.3rem;}
.news-List .title{ line-height: .24rem;  font-size: .15rem; margin-bottom: .1rem;}
.news-List .side{ height: .2rem; color: #999; font-size: .13rem;}
.news-List .side p{ display: inline-block;}
.news-List .side .tag{background: url(../appimages/icons/news_tag.png) left center no-repeat; background-size: .12rem; padding-left: .17rem; margin-left: .1rem;}
.news-List .more{ display: block; margin: 0 auto; text-align: center; padding: .1rem; color: #999; }