@charset "utf-8";
/**
深圳市恒一信息技术有限公司
http://szhengyi.net
**/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#5498ec;}
html,body{position:relative;height: 100%;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd90{padding:90px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.font16{font-size:1.286em;}
.gray{background:#efefef;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#NeuesBauenDemo') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/* 头部 */

.header{width:100%;position:fixed;z-index:99;font-size:1.125em;line-height:100px;transition:all .5s;}
.header .img2{display:none;}
.nav {width:39%;display:flex;justify-content:space-between;}
.nav li{float:left;text-align:center;position:relative;}
.nav li>a{color:#fff;display:inline-block;position:relative;height:30px;overflow:hidden;line-height:30px;}
.nav li .navSub{position: absolute;}
.nav li span{display:block;transition:all .5s;}
.nav li a:hover span{transform: translateY(-30px);}
.nav li::after{content:"";position: absolute;left:0;bottom:10px;width:100%;height:3px;background:#fff;transform-origin:right;transform: scale(0,1);transition:transform .5s;}
.nav .cur>a,.nav li>a:hover,.nav .on>a{color:#fff;}
.nav li:hover::after,.nav .cur::after{transform-origin:left;transform: scale(1);}
.nav .cur::after{bottom:30px;}

.nav li .navSub{position:absolute;top:100%;left:0;padding:15px 0;width:120px;transform:translateY(-50px);margin-left:-60px;left:50%;opacity:0;display:none;}
.nav li .navSub a{display:block;width:100%;text-align:center;font-size:.875em;font-weight:300;line-height:40px;color:#666;transition:color .2s}
.nav li .navSub a:hover{font-weight:300;color:#5498ec}
/* .nav .m2 .navSub{width:280px;overflow:hidden;}
.nav .m2 .navSub a{float: left;width:50%;text-align:left;} */
.nav .active .navSub{display:block;animation:headershow .5s forwards;-webkit-animation:headershow .5s forwards;opacity:1;top:140%;}
.menu-white{position:absolute;top:0;left:0;width:100%;height:320px;background-color:#fff;z-index:-1;transform:translateY(-290px);opacity:0;transition:all .3s}
.menu-white.active{opacity:1;transform:translateY(0)}

.header.hide {transform: translateY(-175px);transition:all .6s;}
.headFix{background:#fff;height:80px;line-height:80px;box-shadow:0 0 10px #ccc;}
.headB,.headN{background:#fff;}
.headFix .img2,.headB .img2,.headN .img2{display:inline-block;}
.headFix .img1,.headB .img1,.headN .img1{display:none;}
.headFix li>a,.headFix .wapTel,.headB li>a,.headB .wapTel,.headN li>a,.headN .wapTel{color:#191919;}
.headFix .navTrigger span,.headB .navTrigger span,.headN .navTrigger span{background:#191919;}
.headFix .nav .cur>a,.headFix .nav li>a:hover,.headFix .nav .on>a,.headB .nav .cur>a,.headB .nav li>a:hover,.headB .nav .on>a,.headN .nav .cur>a,.headN .nav li>a:hover,.headN .nav .on>a{color:#5498ec;}
.headFix li::after,.headB li::after,.headN li::after{background:#5498ec;}


/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#333;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel{font-family:"iconfont";position: absolute;right:70px;color:#333;font-size:1.5em;line-height:1;top:20px;display:none;}

/* PC端搜索 */
.search{position: absolute;padding:20px;background:#333; background: rgba(0,0,0,.5);left:0;top:100%;display:none;width:100%;padding-top:0;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 20px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sIcon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#5498ec;}

/* 广告轮播图 */
.banner{width: 100%;height:100%;position: relative;z-index:2;}
.banner .swiper-container{position: fixed;width:100%;height:100%;z-index:100;}
.banner .swiper-slide{position:relative;height:100%;overflow:hidden;}
.banner .pic{height:100%;}
.banner .wap{display:none;}
.banner .txt{position:absolute;left:9%;top:50%;z-index:10;opacity:0;transition:all .8s;transform:translateY(-60%);}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:50px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.leftUp .pic{-webkit-animation-name:leftUp;animation-name:leftUp;}
.banner .swiper-slide-active .txt{ opacity:1;transform:translateY(-38%);}

/* 关于我们 */
.aboutL{width:24%;}
.about .main{position: relative;overflow:hidden;}
.about .tie{position: absolute;left:0;bottom:0;font-size:12px;font-family:Arial;color:#888;transition:all .5s;}
.about .tie::after{content:"";position: absolute;right:-30px;height:3px;width:20px;background:#5498ec;top:6px;}
.hTitle{font-size:1.25rem;color:#191919;line-height:1.2;}
.hTitle span{display:block;font-size:2.3em;margin-bottom:10px;}
.abourR{width:70%;max-width:940px;}
.abourR .txt{margin-bottom:30px;line-height:1.8;min-height:80px;}
.abourR .more {color:#333;display:inline-block;}
.abourR .more i{display:inline-block;width:40px;height:6px;background: url('../images/arr_r.png') no-repeat;margin-left:15px;position: relative;top:-2px;transition:all .3s;}
.abourR .more:hover i{background-position: right center;}
.abourR .more:hover{color:#5498ec;}

.aboutAdv{overflow:hidden;margin-top:60px;text-align:center;padding:10px 0;}
.aboutAdv li{float:left;width:33.2%;border-right: 1px solid #ccc;padding-top:45px;height:160px;font-size:1.714em;color:#333;background: url('../images/about_bg.jpg');position: relative;z-index:2;overflow:hidden;}
.aboutAdv li::after,.caseMain li a::after{content:"";position: absolute;left:0%;top:0;background:#f2f2f2;width:100%;height:100%;z-index:-1;transition:transform .8s;transform:scale(0,1);transform-origin:right;}
.aboutAdv li p{text-align:left;display:inline-block;overflow:hidden;padding-left:70px;position: relative;}
.aboutAdv li p::after{content:"";position: absolute;;background: url('../images/aIcon.png') no-repeat;width:42px;height:40px;margin-right:10px;left:0;top:5px;}
.aboutAdv li:nth-child(2) p::after{background-position: -42px 0;}
.aboutAdv li:nth-child(3) p::after{background-position: -84px 0;}
.aboutAdv li span{display:block;font-size:14px;font-family:Arial;opacity:.5;}
.aboutAdv li:last-child{border:none;}
.aboutAdv li:hover::after,.caseMain li a:hover::after{left:0;transform: scale(1);transform-origin:left;}


/* 服务 */
.project{overflow:hidden;font-size:.875em;color:#fff;}
.project li{float:left;width:25%;;position:relative;z-index:2;background-repeat: no-repeat;background-size:cover;background-position:center;transition:all .5s;overflow: hidden;}
.project li a{display: block;color:#fff;padding:22% 20%;height:820px}
.project li::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#21242c;z-index:-1;transition:all .5s;}
.project li em{font-style:normal;font-family:Arial;padding-bottom:40px;background: url('../images/p_line.png') no-repeat left bottom;display:block;margin-bottom:140px;}
.project li .icon{display:inline-block;width:67px;height:67px;background: url('../images/project_icon.png') no-repeat;transition:all .5s;}
.project li:nth-child(2) .icon{background-position:-67px 0;}
.project li:nth-child(3) .icon{background-position:-134px 0;}
.project li:nth-child(4) .icon{background-position:-201px 0;}
.project li h4{margin-top:50px;font-size:2.571em;margin-bottom:20px;transition:all .8s;}
.project li h4 span{font-size:14px;text-transform: uppercase;color:#5498ec;letter-spacing:2px;font-family:Arial;display:block;}
.project li p{position:relative;padding-top:50px;position:relative;height:165px;opacity:0;transition:all .8s;line-height:2;}
.project li p span{display:block;height:30px;line-height:30px;overflow:hidden;opacity:0;margin-bottom:10px;transition:all .3s;}
.project li p span:nth-child(1){transition-delay:.2s;}
.project li p span:nth-child(2){transition-delay:.25s;}
.project li p span:nth-child(3){transition-delay:.3s;}
.project li p span:nth-child(4){transition-delay:.35s;}
.project li p span:nth-child(5){transition-delay:.4s;}
.project li p span:nth-child(6){transition-delay:.45s;}
.project li p::after{content:"";position:absolute;left:0;top:0;width:65px;height:2px;background:#fff;}
.project li .more{display:inline-block;width:56px;height:56px;line-height:56px;color:#fff;border:1px solid #383a42;overflow:hidden;position: absolute;bottom:10%;transition:all .5s;padding-left:20px;}
.project li .more i{float:right;font-family:"iconfont";font-style:normal;width:56px;text-align: center;font-size:1.5em;}
@media all and (min-width:1025px) {
.project li:hover p,.project .on p{height:300px;opacity:1;padding-top:30px;transition-delay:.2s;}
.project li:hover .icon,.project .on .icon{opacity:0;height:0;}
.project li:hover h4,.project .on h4{margin-top:-70px;}
.project li:hover .more,.project .on .more{width:150px;background:#fff;color:#5498ec;border-color:#fff;}
.project li:hover::after,.project .on::after{opacity:.5;}
.project li:hover p span,.project .on p span{opacity:1;margin-bottom:0;}
}

/* 项目案例 */
.cTitle{margin-bottom:40px;overflow:hidden;position:relative;font-size:1.143em;color:#333;}
.cTitle .title span{display: block;font-size:2.25em;font-weight:700;margin-bottom:6px;}
.cTitle .title i{display: block;font-style:normal;}
.cMenu{position: absolute;right:0;bottom:10px;}
.cMenu a{margin-left:25px;padding-bottom:10px;position:relative;}
.cMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#5498ec;width:100%;height:2px;transform: scale(0,1);transform-origin:left;transition:all .5s;}
.cMenu a:hover::after,.nMenu .on::after{transform: scale(1);transform-origin:right;}
.nMenu .on{color:#5498ec;}

.caseMain{margin-right:-15px;}
.caseMain li{float:left;width:33.3%;padding-right:15px;margin-bottom:15px;text-align:center;}
.caseMain li a{display: block;position:relative;color:#fff;overflow:hidden;}
.caseMain li .pImg{padding-top:62%;}
.caseMain li h4{position: absolute;left:50%;top:60%;padding:15px;transform: translate(-50%,-50%);width:100%;z-index:2;opacity:0;transition:all .5s;font-size:1.286em;}
.caseMain li h4 span{display: block;opacity:.8;margin-top:4px;font-size:.813em;}
.caseMain .big{width:66.6%;}
.caseMain .big .pImg{padding-top:62.4%;}
.caseMain .big img{transition:1.5s;}
.caseMain .big h4{display:none;}
.caseMain li .txt{position: absolute;left:0;bottom:0;width:100%;background:#f6f6f6;padding:20px;color:#666;text-align:left;padding-left:45%;font-size:1.071em;height:130px;}
.caseMain li p{margin-bottom:10px;}
.caseMain li h3{position: absolute;left:20px;top:20px;width:40%;font-size:1.6em;color:#333;}
.caseMain li h3 span{display: block;margin-top:20px;width:100px;height:28px;background:#5498ec url('../images/arr_r2.png') no-repeat center;color:#fff;transition:all .5s;}
.caseMain li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#5498ec;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:1;opacity:.8;}
.caseMain li a:hover:after{transform:perspective(200px) rotateX(0);}
.caseMain li a:hover h4{opacity:1;top:50%;transition-delay:.2s;}
.caseMain li a:hover img{transform: scale(1.1);}
.caseMain .big a::after{display: none;}
.caseMain .big a:hover h3 span{width:150px;}
.caseMain .big a:hover h3{color:#5498ec;}

/* 工程案例 */
.thinking{color:#fff;background-image:url('../images/thinking_bg.jpg');background-position:center;background-repeat: no-repeat;background-size:cover;background-attachment: fixed;}
.thinking .hTitle{color:#fff;margin-bottom:50px;}
.thinking .p1,.thinking .p2{opacity:.7;max-width:340px;position:relative;padding-bottom:20px;}
.thinking .p1{height:150px;}
.thinking .p2::after,.thinking .p3 a::after{content:"";position: absolute;left:0;width:20px;height:4px;background:#5498ec;bottom:0;}
.thinking .p3{font-size:1.143em;margin-top:30px;}
.thinking .p3 a{color:#fff;padding-bottom:8px;position:relative;float:left;}
.thinking .p3 a::after{width:100%;height:1px;background:#fff;}
.thinking .p3 .tel{font-size:1.625em;font-family:Arial;padding-left:60px;background: url('../images/telIcon.png') no-repeat;margin-left:60px;}
.thinking .pic{position: absolute;right:8%;top:30px;}
.thinking .p3 a:hover{color:#5498ec;}

/* 新闻快讯 */
.news{background:#f6f6f6;}
.hTie_top{overflow:hidden;margin-bottom:40px;}
.hTie_top .hTitle{margin-bottom:0;}
.newsMenu{margin-top:35px;}
.newsMenu a{margin-left:70px;font-size:1.286em;position:relative;color:#191919;padding-bottom:10px;position:relative;display:inline-block;}
.newsMenu a::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#5498ec;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.newsMenu .on{color:#5498ec;}
.newsMenu .on::after{width:100%;transform: scale(1);transform-origin:left;}

.newsMain{overflow:hidden;margin-right:-15px;}
.newsMain .pic{overflow:hidden;margin-bottom:20px;}
.newsMain .img{float:left;height:400px;width:50%;overflow:hidden;}
.newsMain .font{background:#fff;width:50%;height:400px;padding:3%;}
.newsMain .font h4{margin-bottom:10px;}
.newsMain .font h4 a{color:#333;}
.newsMain .font h4 a:hover{color:#5498ec;}
.newsMain .font .date{opacity:.6;display: block;margin-bottom:25px;}
.newsMain .font p{height:130px;margin-bottom:15px;color:#888;}
.newsMain .font .more{width:140px;height:38px;line-height:38px;border:1px solid #ccc;display:inline-block;text-align:center;cursor:pointer;background: url('../images/arr_rw.png') no-repeat center;}
.newsMain .font .more:hover{background:#5498ec url('../images/arr_r2.png') no-repeat center;;color:#fff;border-color:#5498ec;}
.newsMain .txt{float:left;width:33.3%;overflow:hidden;}
.newsMain .txt a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;background:#fff;padding:60px 30px;border:1px solid #f7f7f7;}
.newsMain .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsMain li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:15px;transition:all .3s;}
.newsMain .txt p{height:80px;border-bottom: 1px solid #dbdbdb;margin-bottom:25px;line-height:1.8;}
.newsMain .txt a:hover .bgImg{opacity:.1;transform: scale(1.1);}
.newsMain .txt a:hover{color:#fff;background-color:#5498ec;}
.newsMain .txt a:hover h4{color:#fff;}
.newsMain li:nth-child(5){display:none;}

/* 新闻快讯 */
.message,.website_box2,.website_box4,.promote_box2,.promote_box5,.marketing_box1 ul,.marketing_box2,.marketing_box4 ul,.marketing_box5,.seoBox2,.bidBox2,.culture{background-image:url('../images/message_bg.jpg');background-position:center;background-repeat: no-repeat;background-size:cover;background-attachment: fixed;}
.messageL{width:44%;font-size:1.143em;color:#333;}
.messageL .tel{font-size:1.625em;color:#191919;margin-top:40px;}
.messageL .tel i{font-style:normal;font-family:"iconfont";padding-right:15px;margin-right:15px;border-right: 1px dotted #ccc;}

.messageR{width:52%;}
.messageR .text {margin-left:-10px;}
.messageR .text p{float:left;width:33.3%;padding-left:10px;position:relative;}
.messageR .text p::after,.messageR .area::after{content:"\e608";position:absolute;font-family:"iconfont";left:10px;top:20px;color:#333;}
.messageR .text p:nth-child(2)::after{content:"\e649";}
.messageR .text p:nth-child(3)::after{content:"\e63a";}
.messageR .area::after{top:0;left:0;content:'\e63f';}
.messageR .text input,.messageR .code .c{border-bottom: 1px solid #aaa;height:60px;line-height: 60px;width:100%;}
.messageR .text input{padding-left:30px;}
.messageR .area{margin:30px 0;position: relative;}
.messageR textarea{width:100%;height:80px;border-bottom: 1px solid #aaa;padding-left:30px;}
.messageR .code .c{width:20%;}
.messageR .code img{padding:15px;background:#eee;height:60px;}
.messageR .sub{width:36%;height:50px;line-height:50px;background:#333;color:#fff;display:inline-block;cursor: pointer;transition:all .3s;}
.messageR .sub:hover{background:#5498ec;}

/* 底部 */
.footer{background:#141414;overflow:hidden;padding:70px 0;color:#999;font-size:.875em;}
.footTop{height:140px;overflow:hidden;margin-bottom:70px;border-bottom: 1px solid #2c2c2c;color:#fff;}
.footTop .fLogo{margin-top:10px;width:430px;}
.footTop .tie{font-size:1.5em;}
.footTop .tie span{display:block;}
.footTop .zx{float:right;width:195px;height:58px;line-height:58px;border:1px solid #2c2c2c;color:#fff;text-align:center;transition:all .5s linear;font-size:1.143em;}
.footTop .zx i{font-style:normal;font-family:"iconfont";margin-right:10px;}
.footTop .zx:hover{background:#fff;border-color:#fff;color:#5498ec;}
.footMain{margin-bottom:60px;overflow:hidden;line-height:2;position: relative;}
.footIcon{padding-top:30px;}
.footIcon a{display:inline-block;width:48px;height:48px;background: url('../images/footIcon.png') no-repeat;margin-right:15px;top:0;position: relative;overflow:visible;}
.footIcon .wx{background-position:-48px 0;}
.footIcon .wx p{background:#fff;width:120px;padding:5px;color:#666;position: absolute;top:-140px;left:-40px;opacity:0;transform: scale(0);transition:opacity .5s,top .5s;}
.footIcon .wx p::after{content:"";position: absolute;border:6px solid transparent;border-top-color:#fff;left:50%;bottom:-12px;margin-left:-6px;}
.footIcon .wx img{width:100%;}
.footIcon .wx:hover p{opacity:1;transform: scale(1);top:-160px;}
.footIcon a:hover{top:-6px;padding-bottom:6px;}
.footL{width:38%;}
.footL h4 {margin-bottom:10px;line-height:1.4;}
.footL h4 span{font-size:2.571em;display:block;color:#fff;font-family:"gilroyR";}
.footR{float:right;width:54%;display: flex;justify-content: space-between;}
.footR li h4{color:#fff;font-size:1.286em;margin-bottom:10px;}
.copyright .fr a{margin-left:20px;}
.footer a{color:#999;}
.footer .wx{position: absolute;left:29%;width:120px;top:0;}
.footer .wx span{display:block;text-align:center;font-weight:700;color:#fff;margin-bottom:10px;}
.footer a:hover{color:#fff;}
.wapBtm{position:fixed;bottom:0;width:100%;background:#5498ec;text-align:center;font-size:14px;z-index:90;display:none;}
.wapBtm li{float: left;width:50%;line-height:1.4;}
.wapBtm li i{font-family:"iconfont";font-style:normal;font-size:1.5em;}
.wapBtm li a{display: block;color:#fff;padding:5px 0;}
.wapBtm li span{display:block;}
.layer_Wechat{text-align:center;padding:40px 0;display:none;width:360px;}
.layer_Wechat img{width:180px;border:1px solid #ddd;padding:5px;}
.layer_Wechat p{background:#5498ec;color:#fff;height:46px;line-height:46px;width:180px;margin:0 auto;margin-top:20px;}

/*内页公用 */
.listWrap{overflow:hidden;padding:90px 0;font-size:.875em;}
.listBanner{height:560px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;font-size:2.25rem;}
.listBanner .bgImg,.caseShow_top .pic,.serviceBox1 .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 8s 0s ease both infinite;-moz-animation: minus 8s 0s ease both infinite;animation: minus 8s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBanner h3{position:absolute;color:#fff;top:45%;text-transform:uppercase;width:100%;max-width:1540px;min-width:360px;left:50%;font-weight:300;margin-left:-730px;}
.listBanner h3 span,.listBanner em{display: block;}
.listBanner em{font-style:normal}

.breadCrumb{font-size:.875rem;padding:25px 20px 0 20px;position:relative;overflow:hidden;}
.breadCrumb::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} 
.breadCrumb .back{float:right;position:relative;color:#5498ec;border:1px solid #5498ec;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#5498ec;color:#fff;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;padding:0 50px 0 15px;background:#fff;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/sIcon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;background:#f5f5f5;}
.proSear .btn:hover{background-color:#111;}

@-webkit-keyframes minus{from{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}
to{-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform: matrix(1.1, 0, 0, 1.1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}
to{-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform: matrix(1.1, 0, 0, 1.1, 0, 0);}}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:100px;}
  100% {opacity:1;padding-top:0;}
}

/*内页公用菜单*/
.listMenu{font-size:1.143rem;text-align:center;margin-bottom:40px;}
.listMenu a{display:inline-block;position:relative;color:#191919;height:50px;line-height:45px;margin:0 25px;}
.listMenu a:hover{color:#5498ec;}
.listMenu a::after,.listMenu a::before{content:"";position: absolute;left:0;top:0;background:#5498ec;width:0;height:1px;transition:all .5s;}
.listMenu a::before{top:auto;bottom:0;left:auto;right:0;}
.listMenu .cur{padding:0 5px;color:#5498ec;}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#5498ec;border:1px solid #5498ec;color:#fff;}


/*服务*/
.webBody{background:#fff;}
.webBan{height:720px;overflow:hidden}
.webBan .container{color:#fff;z-index:2;position: absolute;z-index:2;top:150px;left:50%;margin-left:-800px;}
.webBan .pic{width:36%;}
.webBan .txt{padding-top:90px;width:52%;overflow:hidden;font-size:1.5rem;}
.webBan .txt h3{margin-bottom:35px;}
.webBan .txt span{display: block;font-size:2.083em;}
.webBox1{overflow: visible;}
.webBox{font-size:1em}
.webBox1 .pic{width:56%;margin-left:-10%;}
.webBox .info{width:46%;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.webBox .info h4{font-size:1.25em;color:#999;line-height:1.4;margin-bottom:20px;font-weight:300;}
.webBox .info h4 span{display: block;font-size:2.2em;color:#191919;font-weight:400;}
.webBox .info p{height:190px;margin-bottom:15px;line-height:1.8;}
.webBox .info p span{color:#5498ec;}
.webBox h6 i{display:inline-block;width:80px;height:80px;background: url('../images/webIcon.png') no-repeat;transition:all .3s;position:relative;top:0;margin-right:4%;}
.webBox h6 i:nth-child(2){background-position: -80px 0;}
.webBox h6 i:nth-child(3){background-position: -160px 0;}
.webBox h6 i:nth-child(4){background-position: -240px 0;}
.webBox h6 i:nth-child(5){background-position: -320px 0;}
.webBox h6 i:nth-child(6){background-position: -400px 0;}
.webBox h6 i:hover{top:-8px;}
.webBox .more{display:inline-block;margin-top:40px;background:#5498ec;color:#fff;width:200px;height:48px;line-height:48px;text-align:center;border-radius:5px;box-shadow:0 3px 6px #b3c7ff;position:relative;overflow:hidden;z-index:2;}
.webBox .more::after{content:"";position: absolute;left:0;bottom:0;width:100%;background:#5498ec;border-radius:100%;height:100%;transform:scale(0);opacity:0;transition:all .7s;z-index:-1;}
.webBox .more:hover::after{transform:scale(1.6);opacity:1;}
.webBox2 .info{right:auto;left:0;}
.webBox2 .info p{height:140px;}
.webBox2 .pic{width:51%;}
.webBox4{padding-top:0;}

.coreAdv{border-top: 1px solid #e5e5e5;font-size:0.938em;}
.listTie{font-size:0.938rem;text-align:center;margin-bottom:40px;}
.listTie span{display: block;color:#131415;font-size:2.933em;position:relative;}
.coreAdv ul{margin:0 -1%;text-align:center;}
.coreAdv li{float:left;width:23%;box-shadow:0 0 10px #ccc;margin:0 1%;margin-bottom:30px;height:240px;padding-top:35px;color:#888;border-radius:10px;transition:all .5s;}
.coreAdv li span{display: block;font-size:1.333em;color:#191919;margin-bottom:10px;}
.coreAdv li i{display:inline-block;width:60px;height:60px;background: url('../images/coreIcon.png') no-repeat;margin-bottom:20px;transition:all .4s;}
.coreAdv li:nth-child(2) i{background-position: -60px 0;}
.coreAdv li:nth-child(3) i{background-position: -120px 0;}
.coreAdv li:nth-child(4) i{background-position: -180px 0;}
.coreAdv li:nth-child(5) i{background-position: -240px 0;}
.coreAdv li:nth-child(6) i{background-position: -300px 0;}
.coreAdv li:nth-child(7) i{background-position: -360px 0;}
.coreAdv li:nth-child(8) i{background-position: -420px 0;}
.coreAdv li:hover{background-image: linear-gradient(to right top,#5498ec 40%,#00a4d3);}
.coreAdv li:hover,.coreAdv li:hover span{color:#fff;transition:all .3s;}
.coreAdv li:hover i{background-position: 0 -60px;}
.coreAdv li:nth-child(2):hover i{background-position: -60px -60px;}
.coreAdv li:nth-child(3):hover i{background-position: -120px -60px;}
.coreAdv li:nth-child(4):hover i{background-position: -180px -60px;}
.coreAdv li:nth-child(5):hover i{background-position: -240px -60px;}
.coreAdv li:nth-child(6):hover i{background-position: -300px -60px;}
.coreAdv li:nth-child(7):hover i{background-position: -360px -60px;}
.coreAdv li:nth-child(8):hover i{background-position: -420px -60px;}

.process{background:url('../images/process_bg.jpg') no-repeat center;background-size:cover;background-position:center;background-attachment:fixed;color:#fff;text-align:center;font-size:0.938em;}
.listTie2,.listTie2 span {color:#fff;}
.listTie2 span::after{background:#fff;}
.processMain li{float:left;width:20%;padding:3% 2.5%;position: relative;}
.processMain li::after{content:"";position:absolute;left:0;bottom:0; width:100%;height:0; background-image: linear-gradient(to right top,#5498ec 40%,#00a4d3);z-index:-1;border-radius:10px;opacity:0;transition:all .5s;}
.processMain li i{font-family:"iconfont";font-style:normal;font-size:2.6rem;line-height:1.2;}
.processMain li h4{font-size:1.2em;font-weight:700;padding-top:10px;height:50px;border-bottom: 1px dashed #fff;margin-bottom:15px;}
.processMain li span{display:block;line-height:2;}
.processMain .btn,.seoBox6 .btn{position: static;background:#fff;width:40px;height:22px;line-height:22px;color:#333;margin:0 1px;display:none;}
.processMain .btn:hover,.seoBox6 .btn:hover{background:#5498ec;color:#fff;}
.processMain li:hover::after{height:100%;opacity:1;}


/* 网站建设 */
.hTitle2{margin-bottom:60px;text-align:center;}
.hTitlew{color:#fff;}
.website_box1 .pic{margin-top:80px;text-align:center;}
.website_box1 h5{max-width:420px;background:#5498ec;color:#fff;color:#fff;font-size:1.857em;margin:0 auto;text-align:center;height:60px;line-height:60px;margin-top:50px;}
.website_box2{background-image: url('../images/web_bg2.jpg');text-align:center;}
.website_box2 .main{padding:0 8%;}
.website_box3 .bgImg{width:50%;height:520px;}
.website_box3 .font{width:44%;padding-top:60px;color:#333;}
.website_box3 .font h3{overflow:hidden;font-size:1.857em;display:flex;flex-flow:row wrap;justify-content: space-between;;}
.website_box3 .font span{float: left;position: relative;}
.website_box3 .font span::after{content:"";position: absolute;width:80%;height:1px;background:#333;top:56%;right:-140%;}
.website_box3 .font h3 i{font-style:normal;color:#999;font-size:1.385em;font-family:Arial;margin-right:5px;position: relative;top:4px;}
.website_box3 .font p{border:1px solid #b4b4b4;text-align:center;font-size:1.286em;margin-top:50px;padding:25px;}
.website_box3 .pic{position: absolute;right:0;bottom:90px;max-width:44%;}
.website_box4{background-image:url('../images/web4_bg.jpg');padding-bottom:140px;}
.website_box4 li{float:left;width:25%;text-align:center;border-right: 1px dotted #a2a2a2;}
.website_box4 li h4{font-size:2.143em;color:#333;line-height:1.2;margin-bottom:20px;}
.website_box4 li h4 span{display: block;font-size:1.333em;opacity:.2;font-family:Arial;font-weight:bold;}
.website_box4 li a{display:inline-block;width:190px;height:45px;line-height:45px;background:#5498ec;color:#fff;}
.website_box4 li a i{margin-left:15px;font-family:"iconfont";font-style:normal;}
.website_box4 li a:hover{width:240px;background:#d8490a;}
.website_box4 li:last-child{border-right:none;}
.website_box5{border-bottom: 1px solid #ddd;}
.website_box5 ul{position:relative;font-size:1.143em;height:160px;padding-top:10px;}
.website_box5 ul::after{content:"";position: absolute;;left:-50%;top:50%;width:200%;background:#ddd;height:1px;z-index:-1;}
.website_box5 li{float:left;width:11.9%;text-align:center;margin-left:-2%;}
.website_box5 li span{display:block;margin-bottom:30px;}
.website_box5 li i{display:inline-block;font-style:normal;background:#333;border-radius:100%;width:24px;line-height:24px;height:24px;font-size:12px;color:#fff;text-align:center;font-family:Arial;position: relative;}
.website_box5 li:nth-child(2n){padding-top:57px;}
.website_box5 li:nth-child(2n) i::after{transform: rotate(0);top:24px;}
.website_box5 li:nth-child(2n) span{margin-top:30px;margin-bottom:0;}

.website_box6 ul{margin:0 -1%;}
.website_box6 li{float:left;width:31.3%;margin:0 1%;}
.website_box6 li .bgImg{height:300px;}
.website_box6 li .txt{height:300px;background:#ededed;padding:5%;}
.website_box6 li i{display:inline-block;font-size:50px;opacity:.5;font-style:normal;margin-bottom:10px;font-family:Arial;font-weight:bold;line-height:1.2;}
.website_box6 li h4{font-size:1.714em;color:#191919;margin-bottom:25px;}
.website_box6 li p{background: url('../images/we_li.jpg') no-repeat left center;padding-left:15px;margin-bottom:8px;}


/* 搜索推广 */
.promote_box1 ul{overflow:hidden;padding-top:30px;font-size:1.429em;color:#333;}
.promote_box1 li{float:left;width:33.3%;text-align:center;}
.promote_box1 li span{font-size:4.5em;font-family:Arial;letter-spacing:-2px;font-weight:normal;position: relative;margin-right:10px;}
.promote_box1 li span::after{position: absolute;top:15px;right:-40px; content:"亿";font-size:14px;width:26px;height:26px;background:#5498ec;color:#fff;border-radius:100%;line-height:26px;}
.promote_box1 li:nth-child(2) span::after{content:"%";}
.promote_box2{background-image: url('../images/promote2_bg.jpg');}
.promote_box2 .ce{padding:40px 0 30px 0;}
.promote_box4{background:#f2f2f2;}
.promote_box4 ul{margin-right:-35px;}
.promote_box4 li{float:left;width:25%;padding-right:35px;}
.promote_box4 li .pImg{padding-top:54%;}
.promote_box4 li .txt{background:#fff;padding:10% 10%;height:180px;position: relative;}
.promote_box4 li h5{font-size:1.857em;color:#333;margin-bottom:15px;}
.promote_box4 li i{position: absolute;left:8%;top:-40px;font-style:normal;font-size:3.571em;font:Arial;color:#333;letter-spacing:-2px;}
.promote_box4 li:hover img{transform:scale(1.1);}
.promote_box5{background-image: url('../images/promote5_bg.jpg');}
.promote_box5 li{width:48%;overflow:hidden;font-size:1.143em;}
.promote_box5 li a{display:block;background:#fff;height:290px;padding:6% 4% 4% 30%;}
.promote_box5 li h4{font-size:1.875em;color:#333;position: relative;padding-bottom:15px;margin-bottom:20px;}
.promote_box5 li h4::after{content:"";position: absolute;width:20px;height:3px;background:#5498ec;left:0;bottom:0;}
.promote_box5 li p{height:60px;padding-bottom:10px;}
.promote_box5 li span{font-size:12px;}
.promote_box5 li i{font-family:"iconfont";float:left;font-style:normal;margin-left:-120px;font-size:3.6rem;color:#888;}
.promote_box5 li a:hover{background:#5498ec;color:#fff;}
.promote_box5 li a:hover i,.promote_box5 li a:hover h4{color:#fff;}
.promote_box6 ul{margin:0 -1%;}
.promote_box6 li{float:left; width:23%;background:#f2f2f2;margin:0 1%;text-align:center;min-height:370px;padding:4%;}
.promote_box6 li h4{margin-bottom:25px;color:#191919;font-size:1.857em;}
.promote_box6 li i{display:inline-block;width:70px;height:70px;background: url('../images/promote6_icon.png');margin-bottom:25px;position: relative;top:0;transition:all .3s;}
.promote_box6 li:nth-child(2) i{background-position: -70px 0;}
.promote_box6 li:nth-child(3) i{background-position: -140px 0;}
.promote_box6 li:nth-child(4) i{background-position: -210px 0;}
.promote_box6 li:hover i{top:-10px;}



/* 全网营销 */
.marketing_box1 .hTitle{max-width:680px;margin:0 auto;margin-bottom:60px;}
.marketing_box1 ul{background-image:url('../images/mark1_bg.jpg');overflow:hidden;font-size:1.143em;color:#333;}
.marketing_box1 li{float:left;width:12.5%;text-align:center;padding-top:40px;height:140px;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;transition:all .3s;}
.marketing_box1 li:nth-child(4),.marketing_box1 li:nth-child(11),.marketing_box1 li:nth-child(18){width:25%;}
.marketing_box1 li i{display:block;width:26px;height:26px;margin:0 auto;margin-bottom:10px;background: url('../images/marke_icon.png');}
.marketing_box1 li{background: #fff;background: rgba(255,255,255,.6);}
.marketing_box1 li:empty{background:none;}
.marketing_box1 .tie{font-size:2.125em;color:#fff;background:#5498ec;padding-top:30px;}
.marketing_box1 .tie span{display:block;font-size:14px;font-family:Arial;opacity:.3;}
.marketing_box1 li:hover,.marketing_box4 li:hover{background: rgba(255,113,51,.4);}
.marketing_box1 li:empty:hover{background:none;}
.marketing_box1 .tie:hover{background:#5498ec;}
.marketing_box1 li:nth-child(5) i{background-position: -26px 0;}
.marketing_box1 li:nth-child(8) i{background-position: -52px 0;}
.marketing_box1 li:nth-child(10) i{background-position: -78px 0;}
.marketing_box1 li:nth-child(13) i{background-position: -104px 0;}
.marketing_box1 li:nth-child(14) i{background-position: -130px 0;}
.marketing_box1 li:nth-child(17) i{background-position: -156px 0;}
.marketing_box1 li:nth-child(19) i{background-position: -182px 0;}

.marketing_box2{background-image: url('../images/marke2_bg.jpg');text-align:center;}
.marketing_box2 p{padding-top:20px;}
.marketing_box3{border-bottom: 1px solid #d9d9d9;background: url('../images/marke3_bg.jpg') no-repeat center bottom;padding-bottom:100px;height:740px;background-size:100%;}
.marketing_slide{padding-top:220px;}
.marketing_box3 li{float:left;padding-bottom:50px;position:relative;overflow:hidden;}
.marketing_box3 li div{max-width:160px;}
.marketing_box3 li h5{font-size:1.429em;color:#333;margin-bottom:20px;}
.marketing_box3 li span{display:inline-block;width:24px;height:24px;background:#5498ec;color:#fff;text-align:center;line-height:24px;font-family:Arial;border-radius:100%;margin-bottom:15px;}
.marketing_box3 li::after{content:"";position: absolute;width:28px;height:28px;background: url('../images/market_icon3.png') no-repeat;left:0;bottom:0;}
.marketing_box3 li:nth-child(2)::after{background-position: -28px 0;}
.marketing_box3 li:nth-child(3)::after{background-position: -56px 0;}
.marketing_box3 li:nth-child(4)::after{background-position: -84px 0;}
.marketing_box3 li:nth-child(5)::after{background-position: -112px 0;}
.marketing_box3 li:nth-child(6)::after{background-position: -140px 0;}

.marketing_box3 li:nth-child(1){padding-top:50px;}
.marketing_box3 li:nth-child(2){top:-25px;}
.marketing_box3 li:nth-child(3){top:-85px;}
.marketing_box3 li:nth-child(4){top:-40px;}
.marketing_box3 li:nth-child(5){top:-80px;}
.marketing_box3 li:nth-child(6){top:-120px;}

.marketing_box4 ul{background-image:url('../images/marke4_bg.jpg');overflow:hidden;font-size:1.143em;}
.marketing_box4 li{width:25%;float:left;height:230px;text-align:center;border-right: 10px solid #fff;border-bottom: 10px solid #fff;padding:0 4%;padding-top:50px;transition:all .5s;}
.marketing_box4 li h4{font-size:1.375em;color:#333;margin-bottom:20px;padding-bottom:10px;position:relative;}
.marketing_box4 li h4::after,.marketing_box5 li h5::after,.seoBox3 li .txt h4::after,.bidBox1 li h4::after,.caseShow_box .tie::after,.culture li span::after{content:"";position: absolute;left:50%;bottom:0;width:16px;height:1px;background:#5498ec;margin-left:-8px;height:1px;}

.marketing_box5{background-image:url('../images/marke5_bg.jpg');}
.marketing_box5 ul{margin:0 -1%;}
.marketing_box5 li{float:left; background:#fff;width:31.3%;margin:0 1%;}
.marketing_box5 li .bgImg{float: left;width:52%;height:210px;}
.marketing_box5 li .txt{float:right;width:48%;padding:7%;}
.marketing_box5 li h5{font-size:2em;color:#333;padding-bottom:10px;margin-bottom:20px;position: relative;}
.marketing_box5 li h5::after{left:0;margin-left:0;}
.bidCase_slide{position: relative;}
.bidCase .swiper-pagination{position: static;margin-top:40px;}
.bidCase .swiper-pagination-bullet{width:10px;height:10px;}
.bidCase .swiper-pagination-bullet-active{background:#5498ec;}

.bidCase li{float:left;width:50%;background:#eee;transition:all .3s;margin-bottom:5px;}
.bidCase li .top{overflow: hidden;height:160px;border-bottom: 1px solid #e0e0e0;padding:5% 6% 20px 6%;}
.bidCase li h3{max-width:48%;line-height:80px;display: block;height:80px;}
.bidCase li h3 img{max-height:100%;}
.bidCase li h4{color:#333;font-size:1.429em;text-align:right;max-width:48%;padding-top:10px;}
.bidCase li h4 a{display: block;font-size:14px;opacity:.8;padding-right:25px;margin-top:10px;position: relative;}
.bidCase li h4 a::after{position: absolute; content: "\e700";font-family:"iconfont";margin-left:10px;font-size:1.143rem;right:0;top:-4px;}
.bidCase li .txt{padding:5% 46% 5% 6%;overflow:hidden;height:200px;line-height:1.8;position:relative;}
.bidCase li .txt span{display: block;}
.bidCase li p{position: absolute;right:6%;top:40px;width:40%;text-align:right;}
.bidCase li:hover{box-shadow:0 0 10px #ccc;}
.bidCase .cMore{display:block;}

/* 网站SEO */
.seoBox1 li{float:left;width:30%;;height:140px;margin-bottom:30px;padding-right:6%;position: relative;}
.seoBox1 li::after{content:"";position: absolute;right:0;top:0;height:100px;border-right: 1px dotted #b2b2b2;width:1px;}
.seoBox1 li h4{color:#333;margin-bottom:15px;font-size:1.429em;}
.seoBox1 li:nth-child(3n-1){width:40%;padding-left:6%;}
.seoBox1 li:nth-child(3n){padding-left:6%;padding-right:0;}
.seoBox1 li:nth-child(3n)::after{display:none;}

.seoBox2{background-image:url('../images/seo2_bg.jpg');}
.seoBox2 .left{width:50%;height:490px;}
.seoBox2 ul{width:50%;height:490px;background:#fff;overflow:hidden;}
.seoBox2 li{float:left;width:25%;height:195px;border-bottom: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;padding:50px 4% 4% 4%;font-size:1.143em;color:#333;}
.seoBox2 li i{display:block;font-size:1.875em;color:#5498ec;font-style:normal;font-family:Arial;font-weight:bold;}
.seoBox2 li.zx{width:100%;height:100px;padding:0 5%;line-height:100px;font-size:1em;color:#666;}
.seoBox2 li.zx a{font-size:1.143em;color:#333;margin-right:8%;position:relative;padding-left:35px;}
.seoBox2 li.zx a::after{content:"\e603";font-family:"iconfont";position:absolute;left:0;top:0;font-size:1.286rem;line-height:1;}
.seoBox2 li.zx a:hover{color:#5498ec;}

.seoBox3 ul{margin-right:-20px;}
.seoBox3 li{float:left;width:25%;padding-right:20px;}
.seoBox3 li .pImg{padding-top:58%;}
.seoBox3 li .txt{padding:8%;background:#eee;height:210px;}
.seoBox3 li .txt h4{font-size:1.429em;color:#333;padding-bottom:10px;margin-bottom:20px;position: relative;}
.seoBox3 li .txt h4::after,.bidBox1 li h4::after{left:0;margin-left:0;}
.seoBox3 li:hover img{transform: scale(1.1);}

.seoBox4{background:#dcdcdc;}
.seoBox4 .container::after{content:"";position:absolute;left:-50%;width:200%;height:1px;background:#cfcfcf;top:240px;}
.seoSlide li{float: left; width:20%;padding-left:80px;line-height:1.8;}
.seoSlide li i{float:left;margin-left:-80px;width:60px;height:60px;background:#5498ec;color:#fff;line-height:60px;border-radius:100%;text-align:center;font-style:normal;font-family:Arial;}
.seoSlide li h4{height:90px;margin-bottom:20px;font-size:1.714em;color:#333;}
.seoSlide li h4 span{font-size:12px;font-family:Arial;opacity:.5;}
.seoSlide li span{display:block;}
.seoBox5{background-image: url('../images/seo2_bg.jpg');}


/* 常见问题 */
.faq{border-top: 1px solid #d9d9d9;}
.faqList li{float:left;width:50%;padding-right:10px;margin-bottom:10px;font-size:12px;}
.faqList li:nth-child(2n){float:right;}
.faqList li a{display:block;background:#fff;padding:4% 5%;color:#999;height:135px;border:1px solid #ddd;}
.faqList li h4,.faqList li p{padding-left:35px;}
.faqList li i{font-style:normal;width:24px;height:24px;background:#ef2f00;color:#fff;font-size:12px;text-align:center;line-height:24px;margin-left:-35px;float:left;}
.faqList li p i{background:none;border:1px solid #ccc;color:#999;}
.faqList li h4{font-size:16px;color:#191919;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.faqList li a:hover h4{color:#ef2f00;}
.faqList li a:hover{box-shadow:0 0 10px #ccc;}
.cMore2{display:block;}


/* 竞价托管 */
.bidBox1 .main{padding-top:70px;position: relative;}
.bidBox1 ul{overflow:hidden;padding-left:1px;border-top: 1px solid #5498ec;margin-right:-4px;}
.bidBox1 li{float: left;width:33.3%;border:1px solid #d9d9d9;margin-top:-1px;margin-left:-1px;padding:2.5% 4%;height:200px;transition:all .4s;}
.bidBox1 li h4{font-size:1.429em;color:#333;position:relative;padding-bottom:15px;margin-bottom:20px;}
.bidBox1 li h4::after{left:65px;}
.bidBox1 li h4 i{float:left; width:38px;height:38px;background: url('../images/bid1_icon.png') no-repeat;margin-left:-65px;}
.bidBox1 li h4,.bidBox1 li p{padding-left:65px;}
.bidBox1 li:nth-child(2) i{background-position: -38px 0;}
.bidBox1 li:nth-child(3) i{background-position: -76px 0;}
.bidBox1 li:nth-child(4) i{background-position: -114px 0;}
.bidBox1 li:nth-child(5) i{background-position: -152px 0;}
.bidBox1 li:nth-child(6) i{background-position: -190px 0;}
.bidBox1 li:nth-child(7) i{background-position: -228px 0;}
.bidBox1 li:nth-child(8) i{background-position: -266px 0;}
.bidBox1 li:nth-child(9) i{background-position: -304px 0;}
.bidBox1 .tie{width:140px;height:140px;background:#5498ec;color:#fff;border-radius:100%;padding:0;position: absolute;border:none;left:50%;margin-left:-70px;z-index:2;top:0px;font-size:1.429em;font-weight:bold;padding-top:40px;text-align:center;}
.bidBox1 li:hover{box-shadow:0 0 12px #ccc;}
.bidBox2{background-image:url('../images/bid2_bg.jpg');}
.bidBox2 li{margin-bottom: 20px;}
.bidBox3{background: url('../images/bid3_bg.jpg') no-repeat center;}
.bidBox3 li{float: left;width:33.3%;text-align:center;font-size:1.429em;padding-bottom:30px;padding:0 5%;}
.bidBox3 li p{margin-top:25px;color:#333;}
.bidBox4{background:#ededed;}.bidBox4_slide{padding-bottom:30px;overflow:hidden;}
.bidBox4 li{float:left;width:14.28%;border-right: 1px dotted #bebebe;padding:0 2.5%;min-height:180px;}
.bidBox4 li h4{font-size:1.571em;color:#333;margin-bottom:20px;}
.bidBox4 li h4 i{display:block;font-style:normal;color:#5498ec;font-family:Arial;font-size:1.364em;font-weight:bold;}
.bidBox4 li:last-child{border-right:none;}

/* 案例菜单 */
.caseMenu{background:#eee;overflow:hidden;}
.caseMenu a{float:left;width:25%;border-right: 1px solid #e0e0e0;text-align:center;padding-top:33px;height:120px;font-size:1.571em;color:#222;position: relative;}
.caseMenu a::after{content:"";position: absolute;left:0;bottom:0;height:3px;background:#5498ec;width:100%;transform: scale(0,1);transform-origin:right;transition:transform .6s;}
.caseMenu h3{text-align:left;display:inline-block;padding-left:60px;position:relative;}
.caseMenu a span{display: block;opacity:.5;font-family:Arial;font-size:12px;}
.caseMenu h3::after{content:"\e607";position: absolute;left:0;top:0;font-family:"iconfont";font-size:1.5em;}
.caseMenu a:nth-child(2) h3::after{content:"\e64d";}
.caseMenu a:nth-child(3) h3::after{content:"\e611";}
.caseMenu a:nth-child(4) h3::after{content:"\e689";}
.caseMenu a:hover,.caseMenu .cur{color:#5498ec;}
.caseMenu a:hover::after,.caseMenu .cur::after{transform: scale(1);transform-origin:left;}
.caseMenu a:last-child{border-right:none;}
.caseType{padding:30px 0;border-bottom: 1px solid #e5e5e5;}
.caseType a{margin-right:60px;}
.caseType .on{color:#5498ec;}

/*案例列表*/
.caseList ul{margin-right:-45px;}
.caseList li{float: left;width:33.3%;padding-right:45px;margin-bottom:40px;overflow:visible;}
.caseList li a{display:block;position:relative;transition:all .5s;top:0;}
.caseList li .pic{position:relative;}
.caseList li .pImg{padding-top:72%;}
.caseList li .imgLogo{position:absolute;display:block;left:50%;top:60%;transform:translate(-50%,-50%);z-index:2;max-width:70%;opacity:0;transition:all .5s;}
.caseList li .pImg::after{content:"";position: absolute;background:#5498ec;opacity:.9;width:100%;height:104%;left:0;bottom:0;border-radius:30% 30% 30% 0;transform: scale(0);transform-origin:left bottom;transition:all .8s;opacity:0;} 
.caseList li a:hover .pImg::after{border-radius:30% 30% 30% 0;transform: scale(1.4);opacity:.9;}
.caseList li h4{padding-top:15px;color:#333;transition:all .5s;background: url('../images/arr_r4.png') no-repeat right bottom;padding:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseList li h4 span{display:block;font-size:12px;color:#999;margin-top:5px;}
.caseList li a:hover{top:-30px;}
.caseList li a:hover .pImg img{filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.caseList li a:hover .imgLogo{opacity:1;top:50%;transition-delay:.15s;}
.webCase li:nth-child(4){display:none;}
.webCase .more{text-align:center;}
.webCase .more a{font-size:14px;height:40px;line-height:40px;}
.loadMore{display:block;margin:20px auto;width:120px;}


/*  案例详情 */
.caseShow_ban img{width:100%;}
.caseShow_Top{padding:25px 0;overflow:hidden;color:#888;font-size:.875rem;line-height:1.8;}
.caseShow_Top .left{max-width:80%;overflow:hidden;}
.caseShow_Top .pic{line-height:60px;margin-right:20px;height:60px;}
.caseShow_Top .pic img{max-height:60px;}
.caseShow_Top h3 span,.caseShow_Top h3{display:block;font-size:1.429em;color:#333;}
.caseShow_Top .link{float:right;width:50px;height:50px;text-align:center;line-height:50px;border:1px solid #ddd;border-radius:100%;font-family:iconfont;font-size:18px;z-index:2;position:relative; background:#5498ec;color:#fff; }
.caseShow_Top .link:hover{background:#000;color:#fff;border:1px solid #000; }
.caseShow_Top .font span{margin-right:15px;}
.caseShow{background:#f3f3f3;}
.caseShow_box{background:#fff;overflow:hidden;line-height:2;box-shadow:0 2px 5px #ddd;}
.caseShow_box1{margin-bottom:20px;text-align:center;padding:3% 4%;}
.caseShow_box1 .txt{max-width:680px;margin:0 auto;}
.caseShow_box .box{width:50%;min-height:460px;padding:4% 5%;}
.caseShow_box .fl{border-right:1px solid #f1f1f1;}
.caseShow_box .tie{color:#333;font-size:2em;margin-bottom:30px;padding-bottom:15px;position: relative;}
.caseShow_box2 .tie::after,.caseShow_box3 .tie::after{left:0;margin-left:0;}
.proShow_pic .tie,.seoShow .tie{margin-bottom:40px;text-align:center;color:#333;font-size:2.5em;}
.proShow_pic img{width:100%;}
.caseShow_box3{margin-bottom:20px;padding:3% 4%;}

.seoShow_slide{max-width:1000px;margin:0 auto;overflow: hidden;box-shadow:0 2px 10px #aaa;border-radius:8px 8px 0 0;}
.seoShow_slide li {padding:15px;background:#f5f5f5;}
.seoShow_slide li img{width:100%;}
.seoShow_slide .btn{width:50px;height:50px;border-radius:100%;text-align:center;background:#666;color:#fff;line-height:50px;font-size:18px;}
.seoShow_slide .btn:hover{background:#5498ec;}

/* 新闻列表 */
.newsWrap{overflow:hidden;padding:50px 0;font-size:.875em;}
.newsSlide li h4{font-size:1.5em;}
.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-25px;}
.newsList li{float:left;padding-right:25px;width:33.3%;margin-bottom:25px;}
.newsList li a{display:block;color:#888;padding:15px;background:#f1f1f1;}
.newsList li .date{display:block;padding-bottom:10px;}
.newsList li .pImg{padding-top:70%;}
.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom: 1px solid #d9d9d9;margin-bottom:20px;}
.newsList li a:hover{box-shadow:0 2px 6px #ccc;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#5498ec;transition:all .3s;}

/* 新闻详情 */
.picShow_l{width:68.5%;overflow:hidden;}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.showCon .ce img{min-width:60%;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}
.picShow_r{width:27%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #5498ec;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#5498ec;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.rightNews_w li h4{font-size:18px;padding-top:10px;}
.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.showPage a{float:left;width:43%;padding:0 20px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.showPage a:hover{background:#5498ec;color:#fff;}
.rightNews,.rightContact{background:#f2f2f2;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;}
.rightContact h4{background: url('../images/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.rightContact p span{margin-left:-80px;float:left;}


/* 关于我们 */
.aboutBox1{padding-bottom:20px;}
.aboutBox1_font{overflow: hidden;margin-bottom:110px;min-height:140px;}
.aboutBox1_font .hTitle{width:24%;}
.aboutBox1_font .txt{width:68%;font-size:1.143em;line-height:1.8;color:#333;}
.about_odds{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;text-align:center;overflow: hidden;}
.about_odds li{float:left;width:25%;font-size:1.714em;color:#333;padding:50px 0;}
.about_odds li h4{display:inline-block;text-align:left;padding-left:90px;}
.about_odds li i{float:left;margin-right:10px;background: url('../images/about_odds.png') no-repeat;width:68px;height:50px;margin-left:-90px;}
.about_odds li:nth-child(2) i{background-position: -68px 0;}
.about_odds li:nth-child(3) i{background-position: -136px 0;}
.about_odds li:nth-child(4) i{background-position: -204px 0;}
.about_odds li p{font-size:0.667em;opacity:.7;}
.aboutBox1_font2{padding-top:110px;overflow:hidden;}
.aboutBox1_font2 dl{width:40%;line-height:1.8;}
.aboutBox1_font2 dt{font-size:1.429em;margin-bottom:40px;}
.aboutBox1_font2 dt span{display:block;font-size:1.3em;color:#333;}

.culture{background-image:url('../images/culture_bg.jpg');overflow:hidden;color:#fff;}
.culture ul{font-size:1.143em;overflow:hidden;}
.culture li{float:left; width:25%;text-align:center;border-right: 1px dotted #3c3c3c;height:130px;}
.culture li:last-child{border-right:none;}
.culture li p{text-align:left;display:inline-block;max-width:220px;}
.culture li span{display:block;font-size:1.625em;position:relative;padding-bottom:15px;margin-bottom:15px;}
.culture li span::after{left:0;margin-left:0;}

.setting ul{margin-right:-10px;}
.setting li{float:left;width:50%;padding-right:10px;padding-bottom:10px;}
.setting li .pImg{padding-top:55%;}
.setting li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height:60px;line-height:60px;color:#fff;left:0;bottom:-60px;z-index:2;width:100%;transition:all .3s;text-align:center;}
/* .setting li:nth-child(3){width:16.6%;}
.setting li:nth-child(3) a{height:140px;}
.setting li:nth-child(4),.setting li:nth-child(3) p{display:none;} */
.setting li:hover img{transform: scale(1.1);}
.setting li:hover p{bottom:0;}
.setting .tie{width:83%;right:0;background:url('../images/about_bg.jpg');overflow:hidden;height:140px;padding:40px 60px 0 60px;}
.setting .tie h4{color:#aaa;}
.setting .tie h4 span{display:block;font-size:1.286em;color:#333;}
.setting .tie a{margin-top:10px;}
.setting .tie i{font-style:normal;margin-left:15px;}



/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:25%;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}
.picList li p{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li i{font-style:normal;margin-left:15px;opacity:.5;float:right;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#5498ec;}


/* 联系我们 */
.contactWrap{text-align:center;font-size:1.125em;max-width:1300px;}
.contactWrap .title{font-size:2.667em;color:#333;font-weight:700;margin-bottom:20px;}
.contactWrap .address{margin-bottom:40px;color:#333;}
.contactWrap .address span{display:block;font-family:"gilroyR";text-transform: uppercase;opacity:.8;}

.contactWrap ul{margin-top:45px;overflow:hidden;display: flex;justify-content:space-between;padding:10px 5px;}
.contactWrap li{float:left;width:31%;background:#fcfcfc;border:1px solid #f4f4f4;height:380px;padding-top:120px;position:relative;color:#37ebd8;transition:all .5s;top:0;}
.contactWrap li i{display:inline-block;width:50px;height:44px;background: url('../images/contactIcon.png') no-repeat;}
.contactWrap li b{display: block;font-weight:normal;}
.contactWrap li h5{font-size:1.333em;margin-top:5px;}
.contactWrap li:nth-child(2){color:#ff2071;}
.contactWrap li:nth-child(2) i{background-position:-50px 0;}
.contactWrap li:nth-child(3){color:#2c94ff;}
.contactWrap li:nth-child(3) i{background-position:-100px 0;}
.contactWrap li span{position: absolute;bottom:20px;width:100%;text-align:center;color:#666;left:0;}
.contactWrap li:hover{top:-10px;box-shadow:0 4px 8px #eee;}
.contactMap{width:100%;height:460px;filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}


#newBridge .icon-right-center{right:0 !important;margin-top:0 !important;bottom:80px !important;top: auto !important;}

/* 软件开发 */
.softwareBox1 ul{margin:0 -1%;}
.softwareBox1 li{float:left; width:23%;background:#f4f9ff;margin:0 1%;text-align:center;min-height:370px;padding:25px 2%;border-radius:10px;min-height:450px;box-shadow:0 5px 6px #d8e3f5;}
.softwareBox1 li h4{margin-bottom:25px;color:#191919;font-size:1.857em;}
.softwareBox1 li img{width:180px;}
.softwareBox1 li:hover i{top:-10px;}

.softwareBox2,.softwareBox3{background:#f4f9ff;}
.softwareBox2 ul{background:#fff;}

.softwareBtn{display:table;margin:auto;margin-top:50px;color:#fff;font-size:18px;padding: 12px 30px;border-radius: 30px;cursor: pointer;background: #2c94ff;transition:all .4s ease-in-out;}
.softwareBtn:before{content:"\e603";font-family: "iconfont";margin-right: 10px;font-size:20px;}
.softwareBtn:hover{padding-left:50px;padding-right:50px;color:#fff;background:#286ec5;}

.softwareBox4 ul{margin-right:-35px;}
.softwareBox4 li{float:left;width:33.3%;padding-right:35px;margin-bottom:35px;}
.softwareBox4 li a{position: relative;overflow: hidden;}
.softwareBox4 li .pImg{padding-top:74%;}
.softwareBox4 li p{position: absolute;color:#fff;width:100%;text-align:center;padding:0 3%;top:50%;transform: translateY(-50%);font-size:34px;}
.softwareBox4 li p span{display:block;text-transform: uppercase;font-size:20px;}

/* 移动u端开发 */
.appBox1 li{float:left; width:31.3%;margin:0 1%;text-align:center;min-height:320px;padding:3% 2%;border-radius:10px;min-height:450px;border:1px solid #e2e2e2;font-size:1.286em;line-height:1.8;}
.appBox1 li h4{margin:25px 0 10px 0;color:#191919;font-size:1.5em;}
.appBox1 li img{max-height:200px;}
.appBox1 li:hover i{top:-10px;}
.seoBox2 li p{font-size:13px;opacity:.8;margin-top:5px;}