﻿@charset "utf-8"
/*减少重复性！添加常用的*/
*{margin:0; padding:0; word-wrap:break-word;}
body,h1,h2,h3,h4,h5,h6,hr,a,p,blockquote,dl,div,dt,dd,ul,ol,li,img,select,table,tr,fieldset,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0; padding:0;border:0;}
body{color:#555; font-family:"微软雅黑"; font-size:14px;}
a{text-decoration:none; color:#555; outline:none; display:inline-block; vertical-align:baseline}
a,input,select,textarea{outline:none; vertical-align:middle;}
a:hover{color:#ef831e;text-decoration: none;}
ul,dl{list-style-type:none;}
img {border:0;} 
small,em,i{font-weight:normal; font-style:normal;}
li{list-style:none;}
label input{vertical-align:middle; margin-right:5px;}
img{border:0;}
.relative{position:relative;}
.absolute{position:absolute;}
.clearfix{clear:both;}
.cursor{cursor:pointer;}
.overflow{overflow:hidden;}
.marginauto{margin-left:auto; margin-right:auto;}
.texthidden{overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.clearpic{background:none; margin:0; border:0; padding:0; border-radius:0px;}
.padding{padding:0px !important;}
.margin{margin:0px !important;}
.noneline{text-decoration:none !important;}
.border{border:solid 1px #c7000b;}
.acolor{color:#0fb9da !important;}
.ahover:hover{color:#ef831e !important;}
.block{display:block !important;}
.imgresponsive{display:block; max-width:100%; height:auto;}
.imgtransition{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imgtransition:hover{transform:scale(1.2);}
.width100{width:100%;}
.height100{height:100%;}
.padding15{padding:0px 15px;}
.max1200{max-width:1200px;}
.max1300{max-width:1300px;}
.max1440{max-width:1440px;}
.dis{height:50px;}
.index-freedomwidth{max-width:1200px;}
.max940{max-width:940px;}
.boxshow{display:block;}
.boxshow{display:none;}
.owl-wrapper-outer{border:none !important; background:none !important; box-shadow:none !important;}
.owl-carousel{background:none !important;}
.footmargin{height:120px;}
.page-publicline{height:1px; background:#ccc;}
/*公共标题*/
.public-title-box{max-width:340px; padding-top:15px;}
.public-title-box .en-title{font-size:48px; max-width:240px; font-family:'conv_humanist521bt-light'; color:#979797;}
.public-title-box .en-title span{left:50%; top:0px; height:3px; width:10px; background:#d3433e;margin-left: -5px;}
.public-title-box .cn-title a{font-size:30px; font-weight:bold; color:#000;}
.public-title-box p{font-size:12px; color:#979797; line-height:25px;}
/*右侧悬浮盒子*/
.fixed-tool-box{width:50px; position:fixed; right:3%; top:20%; z-index:1024;}
.fixed-tool-box ol li{height:50px; line-height:50px;  background-color:#000; background-repeat:no-repeat; margin-bottom:2px;}
.fixed-tool-box ol li a{font-size:16px; color:#ffc000; font-weight:bold;}
.fixed-tool-box ol .icon01{background-image:; background-position:12px -156px;}
.fixed-tool-box ol .icon01:hover{background-image:none;}
.fixed-tool-box ol .icon01:hover .searchbox{display:block;}
.fixed-tool-box ol .icon01 .searchbox{display:none; left:-225px; top:0px; background:#000; width:230px; height:50px;}
.fixed-tool-box ol .icon01 .searchbox .submit{width:20%; background-image:; background-position:12px -156px;}
.fixed-tool-box ol .icon01 .searchbox .input{width:80%; color:#fff; padding:0px 5px;}
.fixed-tool-box ol .icon01 .searchbox .input,.fixed-tool-box ol .icon01 .searchbox .submit{height:50px; line-height:50px; background-color:transparent;}
/*2016-11-16新增加开始*/
.fixed-tool-box ol .icon02 .telbox{display:none; word-spacing:8px; letter-spacing:4px; left:-205px; top:0px; width:210px; height:50px; background: no-repeat #000; background-position:12px -223px; color:#fff; padding-left:50px;}
.fixed-tool-box ol .icon02:hover .telbox{display:block;}
.fixed-tool-box ol .icon02:hover{background-image:none; background:#000;}
.fixed-tool-box ol .icon05 .kuan{display:none; padding-right:10px; left:-107px; top:-52px; }
.fixed-tool-box ol .icon05:hover .kuan{display:block;}
.fixed-tool-box ol .icon05 .qrcodebox{width:103px; height:103px; background:#fff; padding:2px; border-color:#d8d8d8; border-radius:5px;}
/*2016-11-16新增加结束*/
.fixed-tool-box ol .icon02 a,.fixed-tool-box ol .icon03 a,.fixed-tool-box ol .icon04 a,.fixed-tool-box ol .icon05 a,.fixed-tool-box ol .icon06 a{left:0px; top:0px;}
.fixed-tool-box ol .icon02{background-image:; background-position:12px -223px;}
.fixed-tool-box ol .icon03{background-image:; background-position:10px -286px;}
.fixed-tool-box ol .icon04{background-image:; background-position:10px -356px;}
.fixed-tool-box ol .icon05{background-image:; background-position:11px -426px;}
.fixed-tool-box ol .icon06{background-image:; background-position:9px -495px;}
.fixed-tool-box ol .icon07 a{background: no-repeat 50%;}
/*小屏幕下的菜单栏*/
.fixed-bottomtool{width:100%; line-height:50px; height:50px; left:0px; bottom:0px; border-bottom:solid 1px #fabf13; background:#000; position:fixed; z-index:9998;}
.fixed-bottomtool ul li{width:50%; border-right:solid 1px #383838;}
.fixed-bottomtool ul li a{padding-left:35px; color:#fabf13; font-size:16px;}
.fixed-bottomtool ul li:first-of-type a{background: no-repeat left 50%;}
.fixed-bottomtool ul li:last-of-type a{background: no-repeat left 50%;}
.fixed-bottomtool .telbox{height:30px; top:-15px;}
.fixed-bottomtool .telbox .icon{width:40px; height:40px; background: no-repeat 50%;}
/*头部导航*/
.headbox{height:90px; background:#fff;}
.toplogo{width:395px;}
.topnav{font-size:14px; padding-top:50px;}
.topnav>ul>li{margin:0px 15px; position:relative;}
.topnav>ul>li>a{color:#000;}
.topnav>ul>.active>a{color:#ef831e;}
.topnav>ul>li:hover .topsubvavbox{display:block;}
.topnav .topsubvavbox{display:none; left:0px; top:33px; padding:10px 0px; width:200%; background:#000; z-index:1024;}
.topnav .topsubvavbox p{line-height:30px;}
.topnav .topsubvavbox p a{color:#fff;}
.topnav .topsubvavbox .icon{top:-24px; left:15px; background: no-repeat; background-position:0px -1463px; height:15px;}
/*小于1200头部开始*/
.hidden-lg-top{height:80px; background-color:#000;}
.hidden-lg-top-logo{}
.hidden-lg-top-button{width:80px; height:80px;}
.hidden-lg-top-button .showbutton,.hidden-lg-top-button .closebutton{width:40px; height:40px; top:20px; right:0px;}
.hidden-lg-top-button .showbutton{background: no-repeat; background-position:2px -1197px;}
.hidden-lg-top-button .closebutton{display:none; background: no-repeat; background-position:4px -1280px;}
.hidden-lg-nav{display:none; background:#000; height:1000%; top:80px; left:0px; z-index:9999; padding:15px;}
.hidden-lg-nav ul li{font-size:16px; height:45px; line-height:45px; border-bottom:solid 1px #555; padding:0px 8px;}
.hidden-lg-nav ul li a{color:#fff;}
.hidden-lg-nav ul .active a{color:#ef831e;}
.hidden-lg-nav ul li:last-of-type{border-bottom:solid 1px #fff; padding-left:40px; background: no-repeat; background-position:12px -156px;}
.hidden-lg-nav ul li .input{height:45px; background:transparent; padding:10px; color:#fff;}
/*脚部样式*/
.footnavbg{background:#25262b; padding-bottom:20px;}
.footlogo{padding:10px 0px;}
.footnav{max-width:900px;}
.footnav ul li:after{content:"|"; padding:0px 15px; color:#8f8f91;}
.footnav ul li:last-of-type:after{content:none;}
.footnav ul li a{color:#8f8f91;}
.footcopyright{height:25px; line-height:25px; font-size:12px; color:#8f8f91; background:#000;}
.footcopyright a{vertical-align:middle; margin-right:10px;}
.foot-friendlylink{font-size:12px; line-height:25px; height:42px; margin-top:10px;}
.foot-friendlylink ul li:first-of-type{color:#aaa; margin-right:5px;}
.foot-friendlylink ul li:first-of-type:after{padding:0 8px; content:"|";}
.foot-friendlylink ul li{margin-right:15px;}
.foot-friendlylink ul li a{color:#5e5e5e;}
.foot-friendlylink ul li a:hover{color:#fff;}
/*代运营 who we are*/
.page-wwabox{padding-top:80px;}
.page-wwabox .public-title-box{max-width:420px;}
.page-wwabox .box-padding{padding:0px 7.5px; margin-top:60px;}
.page-wwabox .row{margin:0px -7.5px;}
.page-wwabox .list{padding:0px 7.5px; margin-bottom:15px;}
.page-wwabox .list .line{height:6px; background:#ccc;}
.page-wwabox .list:hover .line{background:#f0831e;}
.page-wwabox .list .title{margin-top:15px; margin-bottom:8px; color:#000;}
.page-wwabox .list .icon{background: 50% no-repeat; height:15px; width:16px;}
/*代运营 简单介绍*/
.page-introbg{padding:35px 0px 25px 0px; background:#f0831e; margin-top:70px;}
.page-introbg .public-title-box{max-width:710px; margin-bottom:40px;}
.page-introbg .public-title-box .en-title,.page-introbg .public-title-box .cn-title,.page-introbg .public-title-box p{color:#fff;}
.page-introbg .public-title-box .en-title span{background:#fff;}
/*代运营 标语*/
.page-sloganbg{background:#f1f1f1;}
.page-sloganbg .content{max-width:990px; height:160px; line-height:160px; color:#18a1d4; font-size:24px; padding-left:130px; background: no-repeat left 50%;}
/*代运营 方法*/
.page-methods{padding-top:70px;}
.page-methods .public-title-box{max-width:463px;}
.page-methods .listbox{padding-top:45px;}
.page-methods .text{line-height:30px; color:#000; width:90%; margin-top:20px;}
.page-methods .list{margin-bottom:20px;}
/*代运营 分析*/
.page-analyzebg{background:#18a1d4; padding:50px 0px;}
.page-analyzebg .public-title-box{max-width:500px;}
.page-analyzebg .public-title-box .en-title,.page-analyzebg .public-title-box .cn-title,.page-analyzebg .public-title-box p{color:#fff;}
.page-analyzebg .public-title-box .en-title span{background:#fff;}
.page-analyzebg .listbox{padding-top:50px;}
.page-analyzebg .listbox .container-fluid{padding:0px 12.5px;}
.page-analyzebg .listbox .row{margin:0px -12.5px;}
.page-analyzebg .list{padding:0px 12.5px;}
.page-analyzebg .list p{color:#fff; padding-top:15px;}
/*代运营 成绩*/
.effectbox{padding:80px 0px;}
.effectbox .public-title-box{max-width:440px;}
.effectbox .public-title-box .en-title{max-width:395px;}
.effectbox .blacktitle{font-size:30px; font-weight:bold; color:#000;}
.effectbox .listbox{padding-top:50px;}
.effectbox .listbox .list{margin-bottom:90px;}
.effectbox .listbox .intervalline{bottom:-45px; width:97%; height:1px; background:#dcdcdc;}
.effectbox .listbox .list:nth-child(1) .intervalline{right:0px;}
.effectbox .listbox .list:nth-child(2) .intervalline{left:0px;}
.effectbox .listbox .list:nth-child(3) .intervalline{display:none;}
.effectbox .listbox .list:nth-child(4) .intervalline{display:none;}
.effectbox .listbox .wenb{padding-left:18px; padding-right:0px;}
.effectbox .listbox .title{margin-bottom:8px; color:#000;}
.effectbox .listbox p{color:#696969; font-size:12px;}
.imsg .s1-c{width: 245px;}
@media(min-width:1170px){
	.effectbox .listbox .list:nth-child(1),.effectbox .listbox .list:nth-child(3){padding-right:25px !important;}
	.effectbox .listbox .list:nth-child(2),.effectbox .listbox .list:nth-child(4){padding-left:25px !important;}
}
@media(max-width:991px){
	.effectbox .listbox .wenb{padding-left:10px;}
}
@media(max-width:767px){
	.effectbox .listbox .list{margin-bottom:35px;}
}
/*建网站 问题*/
.page-solution{padding-top:60px;}
.page-solution .righttext{padding-top:65px; padding-left:60px; color:#000;}
.page-solution .title{font-size:20px; font-weight:bold; margin-bottom:30px;}
.page-solution .title span{color:#d3433e;}
.page-solution .righttext p{line-height:30px;}
.page-solution .righttext p:nth-last-of-type(2),.page-solution .righttext p:nth-last-of-type(1){font-weight:bold;}
.page-solution .more{width:170px; height:45px; line-height:45px; color:#fff; background:#ff6a64; font-size:20px; margin-top:35px;}
/*建网站 你需要这样的网站*/
.page-affordbg{background:url(/uploads/image/simages/page-bg-01.png) no-repeat 50% top; min-height:1200px; margin-top:50px; padding-bottom:298px; padding-top:35px;}
.page-affordbg .public-title-box{margin-bottom:55px;}
.page-affordbg .bottompic{left:0px; bottom:0px;}
.page-affordbg .listbox{}
.page-affordbg .listbox .wenb1{min-height:90px; margin-top:20px; background:url(/uploads/image/simages/page-icon_24.png) no-repeat 50%; line-height:30px; font-size:13px;}
.page-affordbg .listbox .wenb2{min-height:150px; margin-top:20px; background:url(/uploads/image/simages/page-icon_23.png) no-repeat 50%; line-height:30px; font-size:13px;}
.page-affordbg .listbox .text p{display:none;}
.page-affordbg .listbox ul li{width:265px; margin-left:15px; margin-right:15px;}
.page-affordbg .listbox ul li:hover .text{background:none;}
.page-affordbg .listbox ul li:hover .text p{display:block;}
/*建网站 策划好网站*/
.page-designbox{padding-top:80px;}
.page-designbox .public-title-box{max-width:480px;}
.page-designbox .listbox{padding-top:60px;}
.page-designbox .list{color:#000; margin-bottom:15px;}
.page-designbox .list .name{margin-top:35px; font-size:18px; font-weight:bold;}
.page-designbox .list span{color:#696969; font-size:12px;}
.page-designbox .list i{height:1px; width:10px; background:#ff6a64; margin:5px auto;}
.page-designbox .list p{line-height:25px;}
/*建网站 网站对比*/
.page-contrastbg{padding:50px 0px 75px 0px; background:#f4f4f4;}
.page-contrastbg .public-title-box{max-width:460px;}
.page-contrastbg .public-title-box .en-title{max-width:600px;}
.page-contrastbox{padding-top:50px;}
.page-contrastbox .leftbox,.page-contrastbox .rightbox{width:506px;}
.page-contrastbox .titlebg{height:70px;}
.page-contrastbox .frame{border-width:7px; border-top:none; padding:20px; min-height:1px;}
.page-contrastbox .leftbox .titlebg{background:url(/uploads/image/simages/page-icon_10.jpg) no-repeat 50%;}
.page-contrastbox .rightbox .titlebg{background:url(/uploads/image/simages/page-icon_11.jpg) no-repeat 50%;}
.page-contrastbox .leftbox .frame{border-color:#ff6a64;}
.page-contrastbox .rightbox .frame{border-color:#999;}
.page-contrastbox .leftbox .pic,.page-contrastbox .leftbox .text{width:50%; padding:0px 10px;}
.page-contrastbox .leftbox .text{padding-top:35px; color:#000;}
.page-contrastbox .leftbox .title a{color:#ff6a64; font-size:18px; margin-bottom:10px; line-height:30px;}
.page-contrastbox .leftbox ul li{margin-bottom:10px;}
.page-contrastbox .vsbox{width:185px; height:630px; background: no-repeat 50%;}
.page-contrastbox .rightbox .picbox{border-color:#999;}
.page-contrastbox .contrastlist{width:385px; padding:25px 0px;}
.page-contrastbox .contrastlist ul li{line-height:35px; color:#000;}
/*建网站 选择服务商*/
.page-choicebox{padding-top:60px;}
.page-choicebox .title{font-size:24px; color:#000; font-weight:bold;}
.page-choicebox .smalltitle{font-size:13px; color:#696969;}
.page-choicebox .slogan{font-size:18px; color:#000; padding-top:15px;}
.page-choicebox .slogan span{color:#ff6a64;}
.page-choicebox .slogan i{font-size:24px;}
.page-choicebox .pic{padding-top:35px;}
/*选择百浪*/
.page-choosebaiila{margin-top:40px;}
.page-choosebaiila .public-title-box{max-width:390px;}
.page-choosebaiila .public-title-box .en-title{max-width:360px;}
.buildtitlebox{max-width:305px;}
.buildtitlebox .icontitle{width:105px; font-size:24px; line-height:48px; height:48px;}
.buildtitlebox p{font-size:12px; margin-top:15px;}
/*建站前*/
.page-buildagobg{padding:30px 0px; background:url(/uploads/image/simages/page-icon_13.png) no-repeat 50% top #d3433e; margin-top:50px;}
.page-buildagobg .buildtitlebox{color:#fff; margin-top:35px;}
.page-buildagobg .buildtitlebox .icontitle{background:url(/uploads/image/simages/page-icon_15.png) no-repeat right 50%;}
.page-buildagobg .listbox{padding-top:45px;}
.page-buildagobg .listpadding{padding:0px 37.5px;}
.page-buildagobg .listpadding .row{margin:0px -37.5px;}
.page-buildagobg .listpadding .list{padding:0px 37.5px;}
.page-buildagobg .list .name{margin-top:35px; margin-bottom:10px; color:#fff; font-size:18px; height:18px; line-height:18px; border-left:solid 3px #fff; padding-left:10px;}
.page-buildagobg .list p{line-height:25px; font-size:13px; color:#fff;}
/*建站中*/
.page-building{padding:30px 0px; background:url(/uploads/image/simages/page-icon_14.png) no-repeat 50% top;}
.page-building .buildtitlebox{color:#000; margin-top:35px;}
.page-building .buildtitlebox .icontitle{background:url(/uploads/image/simages/page-icon_16.png) no-repeat right 50%;}
.page-building .listbox{padding-top:40px;}
.page-building .paddingbox{padding:0px 30px;}
.page-building .paddingbox .row{margin:0px -30px;}
.page-building .list{padding:0px 30px; width:20%;}
.page-building .list .line{background:#ccc; height:5px;}
.page-building .list .icon{right:-45px; top:45%; background: no-repeat 50%; width:28px; height:13px;}
.page-building .list .name{margin-top:20px; font-size:18px; color:#ff6a64;}
.page-building .list .dot{background:#ccc; border-radius:50%; width:4px; height:4px; margin:8px auto;}
.page-building .list .text{line-height:25px; color:#000; font-size:12px;}
.page-building .list:hover .text{color:#ff6a64;}
.page-building .list:hover .dot{background:#18a1d4;}
.page-building .list:last-of-type .icon{display:none;}
.page-building .list:hover .line{background:#ff6a64;}
/*建站后*/
.page-buildlast{padding:30px 0px; background:url(/uploads/image/simages/page-icon_13.png) no-repeat 50% top #2eafbb;}
.page-buildlast .buildtitlebox{color:#fff; margin-top:35px;}
.page-buildlast .buildtitlebox .icontitle{background:url(/uploads/image/simages/page-icon_17.png) no-repeat right 50%;}
.page-buildlast .listbox{padding-top:55px;}
.page-buildlast .paddingbox{padding:0px 37.5px;}
.page-buildlast .paddingbox .row{margin:0px -37.5px;}
.page-buildlast .paddingbox .list{padding:0px 37.5px;}
.page-buildlast .list .name{margin-top:35px; margin-bottom:10px; color:#fff; font-size:18px; height:18px; line-height:18px; border-left:solid 3px #fff; padding-left:10px;}
.page-buildlast .list .alllist{color:#fff;}
.page-buildlast .list .alllist ul li{line-height:30px; height:30px;}
/*商城*/
.page-strengthbox{padding-top:40px;}
.page-strengthbox .public-title-box{max-width:410px;}
.page-strengthbox .listbox{padding-top:90px;}
.page-strengthbox .paddingdiv{padding:0px 10px;}
.page-strengthbox .paddingdiv .row{margin:0px -10px;}
.page-strengthbox .list{padding:0px 10px;}
.page-strengthbox .list:hover .textcontent{background:#fabf13;}
.page-strengthbox .list:hover{padding-bottom:20px;}
.page-strengthbox .list:hover .titlebg{margin-top:-20px;}
.page-strengthbox .titlebg{background: no-repeat 50% top; padding-top:34px; font-size:13px;}
.page-strengthbox .textcontent{padding:25px; background:#f5f5f5; line-height:25px; color:#000;}
/*商城 产品特色*/
.page-featurebox{padding-top:65px; max-width:1319px;}
.page-featurebox .public-title-box{max-width:405px;}
.page-featurebox .listbox{margin-top:70px; background: no-repeat 50% top; height:590px;}
.page-featurebox .listbox a{padding-top:215px; width:190px; color:#000; background-repeat:no-repeat; background-position:50% top;}
.page-featurebox .listbox a:hover{color:#ed821f;}
.page-featurebox .listbox .icon1{background-image:; left:90px; top:25px;}
.page-featurebox .listbox .icon1:hover{background-image:;}
.page-featurebox .listbox .icon2{background-image:; left:435px; top:25px;}
.page-featurebox .listbox .icon2:hover{background-image:;}
.page-featurebox .listbox .icon3{background-image:; left:765px; top:25px;}
.page-featurebox .listbox .icon3:hover{background-image:;}
.page-featurebox .listbox .icon4{background-image:; left:1120px; top:25px;}
.page-featurebox .listbox .icon4:hover{background-image:;}
.page-featurebox .listbox .icon5{background-image:; left:255px; bottom:25px;}
.page-featurebox .listbox .icon5:hover{background-image:;}
.page-featurebox .listbox .icon6{background-image:; left:605px; bottom:25px;}
.page-featurebox .listbox .icon6:hover{background-image:;}
.page-featurebox .listbox .icon7{background-image:; left:970px; bottom:25px;}
.page-featurebox .listbox .icon7:hover{background-image:;}
/*我们的产品*/
.page-productcontent{padding-top:60px;}
.page-productcontent .listbox{padding:0px 4px; margin-top:55px;}
.page-productcontent .listbox .row{margin:0px -4px;}
.page-productcontent .list{padding:0px 4px; width:20%; margin-bottom:20px;}
.page-productcontent .list .box{background:#f5f5f5; color:#000; border-top:solid 5px #ffc000; padding:15px 10px;}
.page-productcontent .icon{background-position:left 50%; background-repeat:no-repeat; height:63px; margin-bottom:10px;}
.page-productcontent .list:hover .box{color:#fff; background:#ed821f;}
.page-productcontent .name{line-height:30px;}
.page-productcontent .box p{font-size:12px; line-height:25px;}
.page-productcontent .icon1{background-image:;}
.page-productcontent .icon2{background-image:;}
.page-productcontent .icon3{background-image:;}
.page-productcontent .icon4{background-image:;}
.page-productcontent .icon5{background-image:;}
.page-productcontent .icon6{background-image:;}
.page-productcontent .icon7{background-image:;}
.page-productcontent .icon8{background-image:;}
.page-productcontent .icon9{background-image:;}
.page-productcontent .icon10{background-image:;}
.page-productcontent .icon11{background-image:;}
.page-productcontent .icon12{background-image:;}
.page-productcontent .icon13{background-image:;}
.page-productcontent .icon14{background-image:;}
.page-productcontent .icon15{background-image:;}
.page-productcontent .list:hover .icon1{background-image:;}
.page-productcontent .list:hover .icon2{background-image:;}
.page-productcontent .list:hover .icon3{background-image:;}
.page-productcontent .list:hover .icon4{background-image:;}
.page-productcontent .list:hover .icon5{background-image:;}
.page-productcontent .list:hover .icon6{background-image:;}
.page-productcontent .list:hover .icon7{background-image:;}
.page-productcontent .list:hover .icon8{background-image:;}
.page-productcontent .list:hover .icon9{background-image:;}
.page-productcontent .list:hover .icon10{background-image:;}
.page-productcontent .list:hover .icon11{background-image:;}
.page-productcontent .list:hover .icon12{background-image:;}
.page-productcontent .list:hover .icon13{background-image:;}
.page-productcontent .list:hover .icon14{background-image:;}
.page-productcontent .list:hover .icon15{background-image:;}
/*购物商城案例*/
.page-productcase{padding-top:70px;}
.page-productcase .listbox{padding-bottom:40px; margin-top:40px;}
.page-productcase .listbox .list{margin-bottom:15px;}
.page-productcase .listbox p{line-height:40px; color:#000;}
/*内页视屏列表*/
.page-videolistbox .page-publicline{margin:45px 0px;}
.page-videolistbox .listpadding{padding:0px 12px;}
.page-videolistbox .listpadding .row{margin:0px -12px;}
.page-videolistbox .list{margin-bottom:30px;}
.page-videolistbox .list a{border-color:#f5f5f5; color:#000;}
.page-videolistbox .list a:hover .title{background:#f0831e;}
.page-videolistbox .list a:hover{color:#fff;}
.page-videolistbox .title{line-height:70px; min-height:70px; background:transparent; padding:0px 10px; font-size:16px;}
.page-videolistbox .views{padding-left:25px; background: no-repeat left 50%;}
.page-videolistbox .list a:hover .views{background: no-repeat left 50%;}
/*内页作品展示列表*/
.page-caselistbox .page-publicline{margin:45px 0px;}
.page-caselistbox .listpadding{padding:0px 12.5px;}
.page-caselistbox .listpadding .row{margin:0px -12.5px;}
.page-caselistbox .list{padding:0px 12.5px; margin-bottom:30px;}
.page-caselistbox .pichover{display:none; background: no-repeat 50% rgba(0, 0, 0, 0.42); left:0px; top:0px;}
.page-caselistbox a{color:#000; border-color:#f5f5f5;}
.page-caselistbox a:hover{background:#f0831e; color:#fff;}
.page-caselistbox a:hover .pichover{display:block;}
.page-caselistbox a:hover .titlebox{background: right 50% no-repeat;}
.page-caselistbox .titlebox{padding:8px 0px; background: right 50% no-repeat; width:90%;}
.page-caselistbox .titlebox p{font-size:16px; line-height:30px;}
.page-caselistbox .titlebox span{font-size:12px;}
/*内页合作伙伴*/
#pagepartner li{width:20%; margin-bottom:30px;}
#pagepartner li a{width:100%; border:solid 1px #d2d2d2; border-radius:5px;}
#pagepartner li a img{-webkit-filter:grayscale(1); filter:gray; filter:grayscale(1); width:100%;}
#pagepartner li a:hover img{-webkit-filter:none; filter:none; filter:none;}
#pagepartner .owl-pagination{display:block;}
#pages { padding:14px 0 10px; font-family:宋体; text-align:center; float:left; width:100%;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background: no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#f0831e; border:1px solid #f0831e; color:#fff; text-align:center;padding:0 10px}
.mobile-page{text-align:center; margin:15px auto 0px auto;}
.page .nopage { display:inline-block; width:56px; height:22px; line-height:22px; background: repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.g-page{ margin-bottom:20px;}
.g-page .u-pup {border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:25%;}
.g-page .u-sa {border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:25%;}
.g-page p{width:10%; display:inline-block; margin:0px 10px;}
.g-page p span:first-of-type{color:#ff8100;}
.g-page .u-pne { border-radius:5px;display: inline-block;font-size:1em;height:30px;line-height:30px; text-align: center;width:25%;}
.g-page a { background-color:#ff8100 ; color:#fff; }
.g-page .z-noc { background-color:#e8e8e8; color:#9b0e0e; }
.g-page .u-sa { color:#fff;
background:#ff8f00;
background-image: -webkit-linear-gradient(top, #ffa000, #ff8800);
background-image: -moz-linear-gradient(top, #ffa000, #ff8800); 
background-image: -o-linear-gradient(top, #ffa000, #ff8800); 
background-image: -ms-linear-gradient(top, #ffa000, #ff8800); 
background-image: linear-gradient(top, #ffa000, #ff8800); }

/*进度查询 开始*/
.fontweight{font-weight:bold;}
.page-status{max-width:1230px; padding-top:65px;}
.status-searchbox{float:left;}
.status-searchbox p{font-size:18px; color:#212121; margin-bottom:25px;}
.status-searchbox input{height:47px; line-height:47px; padding-left:45px; width:75%; border-color:#c9c9c9; background: no-repeat 10px 50%;}
.status-searchbox button{width:23%; background:#f0831e; color:#fff;}
.status-searchbox button,.status-searchbox input{height:47px; line-height:47px;}
.status-top-number{padding-top:35px;}
.status-top-number span{color:#444;}
.status-top-number p{color:#000; font-size:24px;}
.status-middlebox{padding-top:80px; color:#212121;}
.status-middlebox .slogan p{font-size:16px; }
.status-middlebox .slogan span{font-size:12px;}
.page-status .icontitle{background: no-repeat left 50%; padding-left:30px; font-size:18px; color:#212121; height:30px; line-height:30px; margin-bottom:40px;}
.visible-lg-tablerow{margin:0px -3px;}
.visible-lg-tablerow .list{padding:0px 3px; color:#212121; margin:15px 0px;}
.visible-lg-tablerow .list .title{height:40px; line-height:40px; background:#e4e4e4; margin-bottom:6px;}
.visible-lg-tablerow .list .state{padding:20px 0px; background:#f3f3f3;}
.visible-lg-flowchart{padding-top:60px;}
.visible-lg-flowchart .listbox{min-height:675px; margin-bottom:60px;}
.visible-lg-flowchart .line-box{margin-bottom:45px; border-bottom:solid 3px #c0c0c0;}
.visible-lg-flowchart .line-box li{min-height:250px; width:20%; padding-top:130px;}
.visible-lg-flowchart .middle-line{width:2px; height:120px;}
.visible-lg-flowchart .middle-line .dots{border-color:#fff; border-width:3px; width:13px; height:13px; bottom:-8px; left:-5px; border-radius:50%;}
.visible-lg-flowchart .middle-line,.visible-lg-flowchart .middle-line .dots{background:#e4e4e4;}
.visible-lg-flowchart .line-box li .state-box{top:65px; background: no-repeat 50%; left:57px; width:126px; height:142px; line-height:125px; color:#000; font-size:16px; z-index:1024;}
.visible-lg-flowchart .line-box li .timebox{bottom:-45px; color:#6b6b6b; line-height:30px;}
.visible-lg-flowchart .line-box li .timebox span{display:none;}
.visible-lg-flowchart .line-box li .timebox span:nth-child(3){display:-webkit-inline-box;}
.visible-lg-flowchart .line-box .done .state-box{background: no-repeat 50%; color:#fff;}
.visible-lg-flowchart .line-box .done .timebox span:nth-child(3),.visible-lg-flowchart .line-box .done .timebox span:nth-child(2){display:none;}
.visible-lg-flowchart .line-box .done .timebox span:nth-child(1){display:block; color:#fabf13;}
.visible-lg-flowchart .line-box .done .middle-line,.visible-lg-flowchart .line-box .done .dots{background:#fabf13;} 
.visible-lg-flowchart .line-box .marking .state-box{top:10px; background: no-repeat 50%; color:#fff;}
.visible-lg-flowchart .line-box .marking .timebox span:nth-child(2),.visible-lg-flowchart .line-box .marking .timebox span:nth-child(3){display:-webkit-inline-box;}
.visible-lg-flowchart .line-box .marking .timebox span:nth-child(1){display:none;}
.visible-lg-flowchart .line-box .marking .middle-line,.visible-lg-flowchart .line-box .marking .dots{background:#f0831e;} 
.visible-lg-flowchart .arrowbox li{width:20%; height:24px;}
.visible-lg-flowchart .arrowbox .on{background: no-repeat 50%;}
.visible-lg-trainbox{margin-bottom:10px;}
.visible-lg-trainbox .listbox{height:95px; padding-top:45px;}
.visible-lg-trainbox .listbox .line{height:4px; background:#c0c0c0;}
.visible-lg-trainbox .listbox ul li div{margin-top:-50px; width:95px; height:95px; line-height:95px; font-size:16px; color:#000; border-radius:50%; background:#e4e4e4;}
.visible-lg-trainbox .listbox ul .underway div,.visible-lg-trainbox .listbox ul .completed div{color:#fff;}
.visible-lg-trainbox .listbox ul .completed div{background:#fabf13;}
.visible-lg-trainbox .listbox ul .underway div{background:#f0831e;}
.visible-lg-trainbox .iconbox{margin-top:10px;}
.visible-lg-trainbox .iconbox li{height:24px;}
.visible-lg-trainbox .iconbox .on{background: no-repeat 50%;}
.visible-lg-flowchart .demandbox,
.visible-lg-trainbox .trainingcontent
{
	padding:35px 0px; 
	background:#f4f4f4;
}
.visible-lg-flowchart .demandbox .current,
.visible-lg-trainbox .trainingcontent .current
{
	line-height:32px; 
	color:#000;
}
.visible-lg-flowchart .demandbox .line,
.visible-lg-trainbox .trainingcontent .line
{
	height:1px; 
	background:#b7b7b7; 
	margin:35px 0px;
}
.visible-lg-flowchart .demandbox .content,
.visible-lg-trainbox .trainingcontent .content
{
	line-height:30px;
}
.visible-lg-flowchart .demandbox .current,
.visible-lg-flowchart .demandbox .content,
.visible-lg-trainbox .trainingcontent .current,
.visible-lg-trainbox .trainingcontent .content
{
	padding:0px 35px;
}
.visible-lg-flowchart .demandbox li,
.visible-lg-trainbox .trainingcontent li
{
	display:none;
}
.mobile-currentstatus{background:#f3f3f3; padding:25px 30px; margin-top:15px;}
.mobile-currentstatus .colortitle{color:#f0831e; line-height:25px; margin-bottom:15px;}
.mobile-currentstatus .content{line-height:25px;}
.page-status .mobile-title{margin:20px 0px;}
.page-status .mobile-schedule ul li{margin:0px -3px; margin-bottom:5px;}
.page-status .mobile-schedule .box{color:#000; padding:0px 3px;}
.page-status .mobile-schedule .box:nth-child(1){width:30%;}
.page-status .mobile-schedule .box:nth-child(2){width:40%;}
.page-status .mobile-schedule .box:nth-child(3){width:30%;}
.page-status .mobile-schedule .bg{background:#f3f3f3; color:#8d8d8d; height:45px; line-height:45px;}
.page-status .mobile-schedule ul li:first-of-type .bg{background:#e4e4e4; color:#000;}
.page-status .mobile-schedule ul li .bg span{display:none;}
.page-status .mobile-schedule ul li .bg span:nth-child(3){display:block;}
.page-status .mobile-schedule .current .bg{background:#fde9ae;}
.page-status .mobile-schedule .current .bg span:nth-child(2){display:block;}
.page-status .mobile-schedule .finish .bg,.page-status .mobile-train ul .done .bg{background:#fabf13; color:#000;}
.page-status .mobile-schedule .finish .bg span:nth-child(1),.page-status .mobile-train .done .bg span:nth-child(1){display:block;}
.page-status .mobile-train .box:nth-child(1){width:50%;}
.page-status .mobile-train .box:nth-child(2){width:25%;}
.page-status .mobile-train .box:nth-child(3){width:25%;}
.page-status .mobile-train ul li .bg span:nth-child(2){display:block;}

@media(max-width:1199px) {
	.status-searchbox{margin:0 auto; text-align:center; float:none; max-width:535px;}
}
@media(min-width:1200px) {
	.status-searchbox{min-width:535px;}
}
@media(max-width:1170px) {
	.status-middlebox .slogan p{font-weight:bold;}
}
@media(max-width:767px) {
	.mobile-currentstatus{padding:10px 10px;}
	.mobile-currentstatus .colortitle{margin-bottom:5px;}
	.status-middlebox{padding-top:30px;}
	.page-status .mobile-train .box .bg{padding:0px 3px;}
	.page-status{padding-bottom:50px;}
}
/*进度查询 结束*/

/*1~~~767*/
@media screen and (min-width:1px) and (max-device-width:767px){
	.public-title-box .en-title{font-size:16px;}
  	.public-title-box .cn-title{font-size:18px;}
	.footmargin{height:40px;}
	.hidden-lg-top-button .showbutton,.hidden-lg-top-button .closebutton{right:15px;}
	.page-wwabox{padding-top:10px;}
	.page-wwabox .box-padding{margin-top:10px;}
	.page-methods{padding-top:10px;}
	.page-methods .listbox{padding-top:15px;}
	.page-analyzebg .list p{font-size:12px;}
	.page-analyzebg{padding:10px 0px;}
	.page-analyzebg .listbox{padding-top:15px;}
	.page-analyzebg .list{margin-bottom:15px;}
	.effectbox{padding:20px 0px;}
	.effectbox .list{margin-bottom:15px;}
	.effectbox .list .name{ line-height:25px;}
	.effectbox .listbox{padding-top:25px;}
	.page-designbox .list .name{margin-top:20px; font-size:16px;}
	.page-designbox{padding-top:20px;}
	.page-designbox .listbox{padding-top:20px;}
	.page-buildagobg .list .name{margin-top:15px; margin-bottom:15px;}
	.page-buildagobg{margin-top:20px;}
	.page-buildagobg .buildtitlebox{margin-top:15px;}
	.page-buildagobg .listbox{padding-top:20px;}
	.page-buildagobg .listpadding{padding:0px 15px;}
	.page-buildagobg .listpadding .row{margin:0px -15px;}
	.page-buildagobg .listpadding .list{padding:0px 15px;}
	.page-buildagobg{padding:10px 0px;}
	.page-buildagobg{margin-top:20px;}
	.page-building .list{padding:0px 30px; width:100%; margin-bottom:15px;}
	.page-building .list .name{margin-top:10px; font-size:16px;}
	.page-building .listbox{padding-top:15px;}
	.page-building .buildtitlebox{margin-top:5px;}
	.page-buildlast .paddingbox{padding:0px 15px;}
	.page-buildlast .paddingbox .row{margin:0px -15px;}
	.page-buildlast .paddingbox .list{padding:0px 15px;}
	.page-buildlast .buildtitlebox{margin-top:5px;}
	.page-buildlast .listbox{padding-top:20px;}
	.page-buildlast .list .name{margin-top:15px; margin-bottom:15px;}
	.page-productcontent .list{width:33.33%; margin-bottom:10px;}
	.page-productcontent .name{font-size:11px;}
	.page-productcontent{padding-top:10px;}
	.page-productcontent .listbox{margin-top:15px;}
	.page-videolistbox .title{line-height:25px; min-height:25px; font-size:12px; padding:0px 3px; text-align:center; margin-bottom:15px;}
	.page-videolistbox .list{margin-bottom:15px;}
	.page-caselistbox a:hover .titlebox{background:none;}
	.page-caselistbox .titlebox{background:none;}
	.page-caselistbox .list{margin-bottom:15px;}
	.page-caselistbox .titlebox{text-align:center;}
	.page-caselistbox .titlebox p{font-size:12px; line-height:25px;}
}

/*1~~~991*/
@media screen and (min-width:1px) and (max-device-width:991px){
	body{font-size:12px;}
	.page-productcontent .list .box{text-align:center; padding:10px 2px;}
}
/*1~~~1170*/
@media screen and (min-width:1px) and (max-device-width:1170px){
	
}
/*768*/
@media screen and (max-device-width:768px) and (min-width:768px){
	
}
/*768~~~~991*/
@media screen and (min-width:768px) and (max-device-width:991px){
	.page-building .paddingbox{padding:0px 15px;}
	.page-building .paddingbox .row{margin:0px -15px;}
	.page-building .list{padding:0px 15px;}
	.page-buildagobg .listpadding{padding:0px 15px;}
	.page-buildagobg .listpadding .row{margin:0px -15px;}
	.page-buildagobg .listpadding .list{padding:0px 15px;}
	.page-buildlast .paddingbox{padding:0px 15px;}
	.page-buildlast .paddingbox .row{margin:0px -15px;}
	.page-buildlast .paddingbox .list{padding:0px 15px;}
	.page-building .list .name{font-size:16px;}
}
/*768~~~1199*/
@media screen and (min-width:768px) and (max-device-width:1199px){
	.page-videolistbox .title{line-height:30px; min-height:30px; font-size:12px; padding:0px 3px; text-align:center;}
	.page-videolistbox .title .pull-left{width:100%;}
}
/*992~~~1170*/
@media screen and (min-width:992px) and (max-device-width:1170px){
	.page-productcase{padding-top:20px;}
}
/*1024*/
@media screen and (max-device-width:1024px) and (min-width:1024px){
	
}
/*<=1170px*/
@media screen and (min-width:992px){ 
	.page-productcontent .list .box{height:190px;}
}

@media(max-width:768px){ 
	#pagepartner li{width:50%;}
	.partner_public{padding:0px 15px;}
	.relative img{ width:100% !important;}
}