html,body { background-color:white; }

.content { max-width: 750px; margin: 0 auto; font-size:0.28rem; font-family:Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; -webkit-font-smoothing: antialiased; background-color:white;   }
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }


.mt02 { margin-top:0.2rem; }
.mt03 { margin-top:0.3rem; }
.mt05 { margin-top:0.5rem; }
.mt1 { margin-top:1rem; }

.graybg { background-color:#f9f9f9; padding-bottom:0.3rem; padding-top:0.3rem }
.whitebg { background-color:#ffffff; padding-bottom:0.3rem; padding-top:0.3rem }

.titlebg01 { height:1.3rem; line-height:1.3rem; font-size:0.42rem; color:#0098e2;  text-align:center; } /*蓝色文字*/
.titlebg02 { height:1.3rem; line-height:1.3rem; font-size:0.42rem; color:#ffffff;  text-align:center; } /*白色文字*/
 
.titlebg03 {  height:1.2rem; }
.titlebg03 .title { height:1.2rem; line-height:1.2rem; font-size:0.4rem; color:#0098e2; width:4rem; float:left; }
.titlebg03 .more { margin-top:0.26rem; margin-left:auto; margin-right:auto; width:1.8rem; height:0.68rem; line-height:0.68rem; color:#0098e2; font-size:0.3rem; border:#0098e2 1px solid; border-radius:0.4rem; text-align:center; float:right; }
.titlebg03 .more a { color:#0098e2;  }

.btn-more { margin-top:0.2rem; margin-left:auto; margin-right:auto; width:2.5rem; height:0.68rem; line-height:0.68rem; color:white; font-size:0.3rem; border:#ffffff 1px solid; border-radius:0.4rem; text-align:center; }
.btn-more a { color:white; }
 
.bigtitle { height:1.6rem; margin-top:0.2rem; border-bottom:#eeeeee 1px solid; }
.bigtitle .title01 { height:0.6rem; line-height:0.6rem; background:url(../Images/arrow.png) no-repeat right; background-size:0.5rem 0.45rem; width:3.5rem; color:#0098e2; font-size:0.45rem; margin-top:0.1rem; text-align:left;}
.bigtitle .title02 { color:#0098e2; font-size:0.35rem; text-align:left; }
.bigtitle .title03 { color:#999999; font-size:0.3rem; text-align:left; font-weight:bold }
 
.bigtitle2 { height:1.6rem; margin-top:0.2rem; border-bottom:#eeeeee 1px solid; }
.bigtitle2 .title01 { height:0.6rem; line-height:0.6rem; background:url(../Images/arrow2.png) no-repeat right; background-size:0.5rem 0.45rem; width:3.5rem; color:#0098e2; font-size:0.45rem; margin-top:0.1rem; text-align:left;}
.bigtitle2 .title02 { color:#0098e2; font-size:0.35rem; text-align:left; }
.bigtitle2 .title03 { color:#d0d0d0; font-size:0.3rem; text-align:left; font-weight:bold}


.toptitle { font-size:0.4rem; text-align:center; color:#0098e2; }
.subtitle { font-size:0.3rem; text-align:center; color:#999999; }

.tab { background-color:#333333; margin-top:-0.1rem;   }
.tab .bui-box {  width:70%; margin-left:auto; margin-right:auto;   }
.tab .bui-box .span1 { font-size:0.35rem; color:white; height:1rem; line-height:1rem; }
.tab .bui-box .span1 .title { height:0.8rem; margin-top:0.05rem; line-height:0.8rem; text-align:center;  color:white; }
.tab .bui-box .span1 .title a { color:white; font-size:0.35rem;  }
.tab .bui-box .span1 .line { height:0.08rem; background-color:#0099e2; width:0.8rem; margin-left:auto; margin-right:auto; }

.tab-detail { background-color:#333333; }
.tab-detail .span1 { font-size:0.35rem; color:white; height:1rem; line-height:1rem; margin-left:0.1rem; width:2rem;}
.tab-detail .span1 .title { height:0.8rem; margin-top:0.05rem; line-height:0.8rem; text-align:center;  color:white; }
.tab-detail .span1 .line { height:0.06rem; background-color:#0099e2; width:1.3rem; margin-left:auto; margin-right:auto; }


.slide { position:relative; overflow:hidden; }
.slide .logo { position:absolute; left:0.2rem; top:0; z-index:100; }
.slide .logo img { width:2.4rem; }
.slide .menu { width:0.6rem; height:0.6rem; position:absolute; right:0.2rem; top:0.35rem; z-index:100; }
.slide .menu img { width:0.6rem }
.slide .bui-slide { position:absolute; left:0; top:0;   }

.swiperight { background-color:#666666; }
.sidebar { background-color:#666666; padding-top:0.5rem}
.sidebar ul li { height:1rem; line-height:1rem; border-bottom:#6f6f6f 1px solid; color:white; padding-left:0.5rem; font-size:0.32rem }
.sidebar ul li img { width:0.6rem; vertical-align:middle; margin-right:0.1rem; }
.sidebar ul li a { color:white; }


.bu { background-color:#333333; height:2.1rem; }
.bu .item { text-align:center; padding-top:0.3rem;  } 
.bu .item img { width:0.8rem }
.bu .item .title { height:30px; line-height:30px; color:white; font-size:0.28rem }

.solution { padding-bottom:0.2rem; background-color:white;  }
.solution .span6 { height:3.4rem }
.solution .item { border:#eeeeee 1px solid; border-radius:0.3rem; height:3.2rem; width:98%; margin-left:auto; margin-right:auto; background-color:white }
.solution .item .pic { text-align:center; padding-top:0.1rem }
.solution .item .pic img { width:0.8rem; }
.solution .item .title { font-size:0.32rem; text-align:center; color:#666666 }
.solution .item .line { height:0.1rem; width:0.4rem; margin-left:auto; margin-right:auto; }
.solution .item .text { text-align:center; color:#999999; width:90%; margin-left:auto; margin-right:auto; }

.case { background:url(../Images/mobile/casebg.png) no-repeat center top; background-size:100% 100%; -moz-background-size:100% 100%; padding-bottom:0.4rem  }
.case .span4 { padding-bottom:0.1rem }

.news { background-color:white; margin-top:0.3rem; padding-bottom:0.3rem }

.news .list01 { width:95%; margin-left:auto; margin-right:auto;  }
.news .list01 ul li { height:0.8rem; line-height:0.8rem; background:url(../Images/mobile/arrow01.png) no-repeat left; background-size:0.24rem 0.24rem; padding-left:0.36rem; text-align:left; overflow:hidden; border-bottom:#eeeeee 1px solid; }
.news .list01 ul li a { font-size:0.25rem }

.news .list02 {  width:95%; margin-left:auto; margin-right:auto;  }
.news .list02 ul li { height:0.8rem; line-height:0.8rem; background:url(../Images/mobile/arrow02.png) no-repeat left; background-size:0.24rem 0.20rem; padding-left:0.36rem; text-align:left; overflow:hidden; border-bottom:#eeeeee 1px solid; }
.news .list02 ul li a { font-size:0.25rem }

.textpanel { margin-top:0.5rem; font-size:0.3rem; }
.picpanel { text-align:center; margin-top:0.2rem; padding-bottom:0.5rem }

/*全网营销*/
.bu-main {  margin-left:auto; margin-right:auto; background-color:white;  }
.bu-main img { max-width:100% }

.header { height: 42px; line-height: 42px;  text-align: right;  background-color: #252525 }
.header .box { max-width: 1200px; margin-left: auto; margin-right: auto; }
.header .btn {  border-radius: 4px; color: #ffffff; font-size: 14px; border: #ffffff 1px solid; padding: 3px 10px; margin-right: 8px; }
.header .btn:hover { color: #0098e2; border: #0098e2 1px solid; }
 
.bu03 .buitem { background-color:white; height:3rem; margin-left:auto; margin-right:auto; }
.bu03 .buitem .pic { text-align:center; }
.bu03 .buitem .pic img { width:1rem; }
.bu03 .buitem .title { height:0.6rem; line-height:0.6rem; color:#333333; font-size:0.35rem; text-align:center; }
.bu03 .buitem .text { color:#999999; text-align:center; width:96%; margin-left:auto; margin-right:auto; font-size:0.3rem; }

.border01 { border-bottom:#eeeeee 3px solid; }
.border02 { border-right:#eeeeee 3px solid; }
 
.bu03 .sol {  margin-left:auto; margin-right:auto; margin-top:0.3rem }
.bu03 .sol .span6 { height:2.3rem; background:#f9f9f9 }
.bu03 .sol .solitem {  } 
.bu03 .sol .bui-fluid { margin-top:0.3rem; }
.bu03 .sol .solitem img { width:100% }
.bu03 .sol .solitem .title { font-size:0.35rem; color:#0090da; text-align:center; margin-top:0.2rem }
.bu03 .sol .solitem .text { color:#797979; text-align:center; margin-left:auto; margin-right:auto; width:90%; margin-top:0.1rem;  }
 
.bu03 .pinzhi { background:#f9f9f9; margin-left:auto; margin-right:auto; margin-top:0.3rem; padding-bottom:0.4rem; padding-top:0.4rem }
.bu03 .pinzhi .item { text-align:center;  margin-top:0.3rem; }
.bu03 .pinzhi .item .pic { text-align:center; }
.bu03 .pinzhi .item .pic img { width:0.8rem; }
.bu03 .pinzhi .item .title { font-size:0.35rem; color:#666666; }
.bu03 .pinzhi .item .text { color:#999999; margin-top:0.1rem; font-size:0.3rem;}

.bu03 .shengming { margin-top:0.3rem; padding-bottom:0.4rem; padding-top:0.4rem; background-color:white; }
.bu03 .shengming .pic { margin-top:0.2rem}


.bu03 .qudong { background:#f9f9f9; margin-top:0.3rem; padding-bottom:0.4rem; padding-top:0.4rem; }
.bu03 .qudong ul { margin-top:0.3rem; }
.bu03 .qudong ul li { border-bottom:#eeeeee 2px solid; padding-top:0.2rem; padding-bottom:0.2rem }
.bu03 .qudong ul li .leftpanel { width:2.6rem; text-align:center; }
.bu03 .qudong ul li .leftpanel img { width:1rem; }
.bu03 .qudong ul li .leftpanel .btitle { font-size:0.35rem; color:#0098e2 }
 
.bu03 .qudong ul li .title { font-size:24px; line-height:28px; color:#0098e2; text-align:center; margin-top:20px; }
.bu03 .qudong ul li .text { font-size:14px; line-height:20px; color:#999999; text-align:center; margin-top:10px;}

.bu03 .qudong .span1 { font-size:0.3rem; }

.bu04 { background-color:white; }
.bu04 .buitem { background-color:white; height:4.2rem; margin-left:auto; margin-right:auto; }
.bu04 .buitem .pic { text-align:center; }
.bu04 .buitem .pic img { width:1.5rem; }
.bu04 .buitem .title { height:0.6rem; line-height:0.6rem; color:#333333; font-size:0.35rem; text-align:center; }
.bu04 .buitem .text { color:#999999; text-align:center; width:96%; margin-left:auto; margin-right:auto;  font-size:0.3rem; }

.subtext { margin-top:0.2rem; font-size:0.3rem;  }
.subtext p { text-indent:0.4rem; }


.cases { }
.cases .cate { height:1.2rem;  }
.cases .cate a { background-color:#0098e2; width:100%; height:0.7rem; line-height:0.7rem; color:white; display:block; text-align:center;}
.cases  .sel { border-bottom:#6bbc64 3px solid; }
.cases .caseitem { border:#eeeeee 1px solid; margin-top:0.2rem; padding-bottom:0.15rem; height:3.2rem; }
.cases .caseitem img { min-height:2rem; }
.cases .casename { text-align:center; margin-top:0.1rem; }

.cases .service { margin-top:0.3rem; }
.cases .service .bui-fluid { margin-top:0.3rem; }
.cases .service .item { background-color:white; text-align:center; border-bottom:#eeeeee 1px solid; border-right:#eeeeee 1px solid; padding-top:0.2rem; padding-bottom:0.2rem; }
.cases .service .item img { width:1rem }
.cases .service .item .text { font-size:0.3rem; }

.casedetail { background-color:white; }
.casedetail .title { font-size:0.4rem; padding-top:0.3rem; padding-bottom:0.3rem; color:#0098e2 }
.casedetail .info {  }
.casedetail .text { }

.bu06 { background-color:white; }
.bu06 .youhua { padding-top:0.3rem; padding-bottom:0.3rem; }
.bu06 .youhua .items { margin-left:auto; margin-right:auto; border:#eeeeee 1px solid; border-radius:0.3rem; text-align:center; height:4.8rem; padding:0.1rem }
.bu06 .youhua .items img { width:1.5rem; }
.bu06 .youhua .items .title { color:#ff6800; font-size:0.35rem; text-align:center; }
.bu06 .youhua .items .text { color:#666666; margin-top:0.1rem  }

.bu06 .buitem { background-color:white; margin-left:auto; margin-right:auto; padding-top:0.15rem; padding-bottom:0.2rem}
.bu06 .buitem .pic { text-align:center; }
.bu06 .buitem .pic img { width:1.5rem; }
.bu06 .buitem .title { height:0.6rem; line-height:0.6rem; color:#333333; font-size:0.35rem; text-align:center; }
.bu06 .buitem .text { color:#999999; text-align:center; width:96%; margin-left:auto; margin-right:auto; font-size:0.3rem; }
 
.bu06 .help { margin-top:0.3rem; }
.bu06 .help .left { width:4rem;  }
.bu06 .help .left img { vertical-align:middle; float:left; width:1rem; }
.bu06 .help .left p { float:left; color:#78c9de; margin-left:0.1rem; font-size:0.3rem;}

.bu06 .help .bui-box { border-bottom:#eeeeee 2px solid; padding-top:0.2rem; padding-bottom:0.2rem; }
.bu06 .help .righttext { font-size:0.3rem; }

.about { }

.about .anout01 { }
.about .intro {}
.about .intro p { text-indent:0.6rem; margin-top:0.2rem; font-size:0.3rem  }
.about .intro p span { color:#0098e2 }

.about .service { }
.about .service .bui-box { border-bottom:#eeeeee 1px solid; padding-top:0.3rem; padding-bottom:0.3rem; }

.about .service .panel { width:2rem; text-align:center;  }
.about .service .panel img { width:0.8rem;  }
.about .service .panel .cate { color:#0098e2; font-size:0.35rem; }
.about .service .span1 { padding-top:0.1rem; font-size:0.3rem  }

.about .advantage { }
.about .advantage .buitem { background-color:white; margin-left:auto; margin-right:auto; padding-top:0.2rem; padding-bottom:0.2rem}
.about .advantage .buitem .pic { text-align:center; }
.about .advantage .buitem .pic img { width:4rem; }
.about .advantage .buitem .title { height:0.6rem; line-height:0.6rem; color:#0098e2; font-size:0.35rem; text-align:center; }
.about .advantage .buitem .text { color:#999999; text-align:center; width:96%; margin-left:auto; margin-right:auto; font-size:0.3rem}
 
.about02 { }
.about02 .jobs { margin-top:0.2rem; margin-left:auto; margin-right:auto; }
.about02 .jobs ul li { margin-top:0.3rem;  }
.about02 .jobs ul li .content { border:#efefef 1px solid;  -moz-box-shadow:0px 5px 10px #efefef; -webkit-box-shadow:0px 5px 10px #efefef; box-shadow:0px 5px 10px #efefef; background:#fbfbfb; border-bottom:#414048 2px solid;  cursor:pointer;  }
.about02 .jobs ul li .content .jobtip { height:0.6rem; line-height:0.6rem; width:2.5rem; text-align:center; color:#FFFFFF; background:#46454d ; margin-top:0.2rem; }

.about02 .jobs ul li .content .jobinfo { width:5rem; margin-left:auto; margin-right:auto; height:140px }
.about02 .jobs ul li .content .jobinfo .title { font-size:0.4rem; color:#2d2d2d; margin-top:15px;  }
.about02 .jobs ul li .content .jobinfo .line {  color:#939393; margin-top:10px; }
.about02 .jobs ul li .content .jobinfo .text { font-size:0.3rem;  margin-top:0.2rem; color:#939393 }
.about02 .jobs ul li .content .btngo { background:url(../Images/about/btngo01.png) no-repeat right; height:35px; }
 
.contact {  }
.contact .bui-box { margin-top:0.1rem; }
.contact .bui-box .left { width:0.7rem; text-align:center;  }
.contact .bui-box .left img { width:0.5rem; }

.contact .bui-box .span1 { font-size:0.3rem }
 
.newslist { padding-bottom:0.4rem; }
.newslist .bui-box { height:0.8rem; line-height:0.8rem; overflow:hidden; }
 
.newslist ul li .date { width:1.9rem; text-align:center; color:#0098e2; border-right:#eeeeee 3px solid; height:0.3rem; line-height:0.3rem; margin-top:0.25rem;  font-size:0.3rem; }
.newslist ul li .span1 { padding-left:0.1rem; font-size:0.3rem; }

.newsdetail { background-color:white; }
.newsdetail .title { font-size:0.4rem; padding-top:0.3rem; padding-bottom:0.3rem; color:#0098e2 }
.newsdetail .info {  }
.newsdetail .text { }

.newsdetail .prenext { height:90px; width:1200px; margin-left:auto; margin-right:auto; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; margin-top:20px;  }
.newsdetail .prenext .text { width:1000px; float:left; height:60px; line-height:30px;  margin-top:15px;  }
.newsdetail .prenext .text p {   }
.newsdetail .prenext .text a {   }
.newsdetail .prenext .button { width:150px; float:right; margin-top:35px; text-align:right; }
.newsdetail .prenext .button .btn { border:#0098e2 1px solid; height:40px; width:120px; text-align:center; color:#0098e2; font-size:14px; padding:8px 15px;  }


.caselist {  }
.caselist .sel { color:#6bbc64}

.pagelink{ width:100%; margin-left:auto; margin-right:auto; margin-top:0.5rem; font-family:"微软雅黑"; line-height:1rem; text-align:center; }
.pagelink a.link { padding:0.1rem 0.22rem; text-decoration:none; border:#dddddd 1px solid; color:#333333; text-align:center; font-size:0.3rem; font-family:"微软雅黑" }
.pagelink a.link:hover { padding:0.1rem 0.22rem; text-decoration:none; border:#999999 1px solid; color:#333333; background:#EFEFEF; text-align:center; font-family:"微软雅黑"  }
.pagelink span.current { padding:0.1rem 0.22rem;  border:#6bbc64 1px solid; background:#6bbc64; color:#ffffff; text-align:center; font-size:0.3rem; font-family:"微软雅黑" }
.pagelink span.dotted { padding:0.1rem 0.22rem;  color:#666666; border:#f3f3f3 1px solid; text-align:center; font-size:0.3rem; font-family:"微软雅黑"}
.pagelink span.beginend { padding:0.1rem 0.22rem;  border:#DEDEDE 1px solid; color:#cccccc; text-align:center; font-size:0.3rem; font-family:"微软雅黑"}
 
.foot { text-align:center; background-color:#333333; padding-top:0.5rem;  margin-top:0.3rem; }
.foot .icon img { height:1.5rem; } 
.foot .tel { height:1rem; font-size:0.4rem; color:white; font-weight:bold; }
.foot .weixin img { height:3rem;  }
.foot .text { font-size:0.3rem; line-height:0.5rem; color:#cccccc; margin-top:0.2rem; }
.foot .address { width:95%; line-height:0.5rem; font-size:0.30rem; margin-left:auto; margin-right:auto; border-top:#666666 1px solid; padding-top:0.3rem; margin-top:0.3rem; padding-bottom:0.3rem; }