﻿@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html{overflow-x: hidden; overflow-y: auto;}
html,body{position: relative; overflow-x: hidden;}
body{font-size: 14px; background: #fff; font-family: "Microsoft YaHei",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; line-height: 1.3; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all.5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer;}
a:hover{color: #dd0518!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.wrapper{width: 1400px; margin: 0 auto; position: relative;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.tc{text-align: center!important;}
.middle{display: inline-block; *display: inline; *zoom: 1; width: 0!important; height: 100%!important; vertical-align: middle;}
.mask > *{position: relative; z-index: 2;}
.maskbg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.maskurl{width: 100%; height: 100%; *background: url(../Images/ie7_bgthrough.png) repeat; position: absolute; left: 0; top: 0; z-index: 6;}
.mt72{margin-top: 72px;}
/*字体图标*/
@font-face {
  font-family: 'mikeiconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff2') format('woff2'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.mikeiconfont{font: 16px/1 mikeiconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*商桥代码*/
.sqiao_fixed{width: 120px; height: 476px; padding: 0 7px; background: #d53d3d; position: fixed; left: 0; top: 50%; margin-top: -238px; z-index: 999999;}
.sqiao_close{width: 18px; height: 18px; background: url(../Images/sq_close.png) no-repeat; position: absolute; top: 8px; right: 8px;}
.sqiao_logo{padding-top: 9px;}
.sqiao_text{font-size: 16px; color: #fff; line-height: 24px; margin-left: 3px; margin-top: 6px;}
.sqiao_fixed ul{margin-top: 14px;}
.sqiao_fixed li{margin-bottom: 5px;}
.sqiao_fixed li a{display: block; height: 36px; line-height: 36px; font-size: 15px; color: #333; text-align: center; background: #fff;}
.sqiao_sq{width: 50px; height: 150px; background: url(../Images/sq_zkbg.png) no-repeat; cursor: pointer; position: fixed; left: 0; top: 50%; margin-top: -75px; z-index: 99999; display: none;}


/*animate*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDownMike{0%{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownMike{0%{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownMike{-webkit-animation-name:fadeInDownMike;animation-name:fadeInDownMike}@-webkit-keyframes fadeInLeftMike{0%{opacity:0;-webkit-transform:translate3d(-120px,0,0);transform:translate3d(-120px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftMike{0%{opacity:0;-webkit-transform:translate3d(-120px,0,0);transform:translate3d(-120px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftMike{-webkit-animation-name:fadeInLeftMike;animation-name:fadeInLeftMike}@-webkit-keyframes fadeInLeftMikeBig{0%{opacity:0;-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftMikeBig{0%{opacity:0;-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftMikeBig{-webkit-animation-name:fadeInLeftMikeBig;animation-name:fadeInLeftMikeBig}

@-webkit-keyframes fadeInRightMike{0%{opacity:0;-webkit-transform:translate3d(120px,0,0);transform:translate3d(120px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightMike{0%{opacity:0;-webkit-transform:translate3d(120px,0,0);transform:translate3d(120px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightMike{-webkit-animation-name:fadeInRightMike;animation-name:fadeInRightMike}@-webkit-keyframes fadeInRightMikeBig{0%{opacity:0;-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightMikeBig{0%{opacity:0;-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightMikeBig{-webkit-animation-name:fadeInRightMikeBig;animation-name:fadeInRightMikeBig}



@-webkit-keyframes fadeInUpMike{0%{opacity:0;-webkit-transform:translate3d(0,120px,0);transform:translate3d(0,120px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpMike{0%{opacity:0;-webkit-transform:translate3d(0,120px,0);transform:translate3d(0,120px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpMike{-webkit-animation-name:fadeInUpMike;animation-name:fadeInUpMike}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
/*slick*/
.slick-slider{position: relative; z-index: 2;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;}
.slick-slide img{display:block;}
.slick-slide.slick-active{z-index: 2;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 20px; z-index: 4;}
.slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slick-dots li.slick-active button{background: #e60012;}

/*title*/
.mike-title{font-size: 30px; color: #000; line-height: 1.6;}
.mike-entitle{font-size: 16px; color: #666; margin-top: 6px; text-transform: uppercase;}

.inner-entitle{font-size: 34px; font-weight: bold; text-transform: uppercase; color: #000;}
.inner-title{font-size: 0; text-align: center; color: #000; margin-top: 6px;}
.inner-title > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.inner-title i{width: 20px; height: 1px; background: #000;}
.inner-title span{font-size: 20px; font-weight: bold; padding: 0 14px;}

.inner-more{display: block; width: 172px; height: 38px; line-height: 38px; margin: 38px auto 0; border: 1px solid #666; font-size: 14px; color: #000; text-align: center; border-radius: 5px;}
.inner-more:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;}
/*首页*/



.index-row{padding: 80px 0;}
.index-title{font-size: 36px; font-weight: bold; text-align: center; color: #151515;}
.index-desc{font-size: 16px; line-height: 2.375; color: #151515; margin-top: 30px; text-align: center;}

.index-banner{position: relative;}
.index-banner .slick-slide{background-repeat: no-repeat; background-position: center; background-size: cover;}
.index-banner .slick-slide a{display: block; width: 100%; height: 100%;}
.index-banner .slick-dots{bottom: 40px;}
.index-banner .slick-dots li{margin: 0 3px;}
.index-banner .slick-dots li button{width: 15px; height: 4px; background: #fff; border-radius: 4px;}
.index-banner .slick-dots li.slick-active button{width: 32px;}


.index-service .index-title{text-align: left; position: relative;}
.index-service-tabtit{font-weight: normal; position: absolute; right: 0; top: 50%; margin-top: -15px;}
.index-service-tabtit ul{float: left;}
.index-service-tabtit li{float: left; font-size: 18px; height: 30px; line-height: 30px; position: relative; padding: 0 12px 0 30px; cursor: pointer;}
.index-service-tabtit li i{width: 5px; height: 5px; border: 2px solid #e7003a; margin-right: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 12px; top: 10px; opacity: 0; visibility: hidden;}
.index-service-tabtit li a:hover{color: #333!important;}
.index-service-tabtit li.active i{opacity: 1; visibility: visible;}
.index-service-tabtit .prevnext{float: right; height: 30px; line-height: 30px;}
.index-service-tabtit .prevnext .mikeiconfont{height: 30px; line-height: 30px; float: left; font-weight: bold; margin-left: 20px;}



.index-service-box{padding-left: 54px; margin-top: 60px; overflow: hidden; position: relative;}
.index-service-line{position: absolute; left: 0; top: 0; bottom: 38px;}
.index-service-line span{width: 16px; position: absolute; left: 0;}
.index-service-line span.t{top: 0;}
.index-service-line span.b{bottom: 0;}
.index-service-line ul{width: 1px; background: #bababa; position: absolute; left: 5px; top: 30px; bottom: 30px;}
.index-service-line li{height: 20%;}
.index-service-line li.active{background: #141414;}
.index-service-slider .slide{float: none; overflow: hidden;}
.index-service-slider .text{width: 320px; float: left; margin-top: 84px;}
.index-service-slider .text *{color: #333;}
.index-service-slider .title{font-size: 26px;}
.index-service-slider .text img{display: block; margin: 34px 0;}
.index-service-slider .desc{font-size: 24px; line-height: 1.5; margin-right: 66px;}
.index-service-slider .pic{margin-left: 320px; position: relative;}
.index-service-slider .pic img{width: 100%;}
.index-service-slider .pic a{display: block; width: 140px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; text-align: center; position: absolute; right: 26px; bottom: 26px;}
.index-service-slider .pic a span{display: block; width: 100%; height: 100%; background: #0e163a; filter: alpha(opacity: 60); -webkit-opacity: .6; -moz-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;}
.index-service-slider .pic a em{color: #fff; position: relative; z-index: 2;}

.index-solution{background: url(../Images/index-bg2.jpg) no-repeat center top; background-size: cover; padding: 60px 0!important; overflow: hidden;}
.index-solution .index-title{color: #fff;}
.index-solution-slider{position: relative; margin-left: -9px; margin-right: -9px; margin-top: 46px;}
.index-solution-slider .slick-slide .item{background: #fff; margin: 0 9px; padding: 25px 22px;}
.index-solution-slider .slick-slide .tp{font-size: 0;}
.index-solution-slider .slick-slide .tp > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.index-solution-slider .slick-slide .tp span{width: 15px; height: 15px; background: #333; transform: rotate(45deg);}
.index-solution-slider .slick-slide .tp em{font-size: 15px; margin: 0 12px;}
.index-solution-slider .slick-slide .tp i{width: 92px; height: 1px; background: #333;}
.index-solution-slider .slick-slide .text{margin-top: 40px; text-align: center;}
.index-solution-slider .slick-slide .mikeiconfont{font-size: 56px;}
.index-solution-slider .slick-slide .title{font-size: 26px; margin-top: 20px;}
.index-solution-slider .slick-slide .desc{font-size: 0; text-align: center; margin-top: 20px;}
.index-solution-slider .slick-slide .desc ul{display: inline-block; *display: inline; *zoom: 1; max-width: 100%; vertical-align: top; text-align: left;}
.index-solution-slider .slick-slide .desc li{font-size: 15px; line-height: 30px;}
.index-solution-slider .slick-slide .item:hover{background: #dd0518; color: #fff;}
.index-solution-slider .slick-slide .item:hover .tp span,.index-solution-slider .item:hover .tp i{background: #fff;}
.index-solution-slider .slick-prev,.index-solution-slider .slick-next{width: auto; height: auto; line-height: normal; font-size: 42px; color: #fff; margin-top: -23px;}
.index-solution-slider .slick-prev{left: -76px;}
.index-solution-slider .slick-next{right: -76px;}


.index-about{background: #fff;}
.index-about-box{margin-top: 30px;}
.index-about-box li .item{margin: 30px; text-align: center;}
.index-about-box li .num{font-size: 0; font-weight: bold; color: #dd0518;}
.index-about-box li .num > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 46px;}
.index-about-box li .num span{line-height: 1;}
.index-about-box li .desc{font-size: 16px; color: #151515; margin-top: 4px;}
.index-about-more{font-size: 0; text-align: center; margin-top: 36px;}
.index-about-more a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 26px; font-weight: bold; text-transform: uppercase; color: #dd0518; border: 4px solid #dd0518; padding: 18px 74px;}
.index-about-more a:hover{background: #dd0518; color: #fff!important;}


.index-team .web-team-pic .web-team-wp50{position: absolute; top: auto; left: auto; right: 0; bottom: 0; z-index: 2;}
.index-team .web-team-pic .text{max-width: none; width: 54.6%; float: right;}
.index-team .iteam-more{display: block; position: absolute; right: 30px; bottom: 30px; color: #fff; text-align: center;}
.index-team .iteam-more .mikeiconfont{font-size: 36px;}
.index-team .iteam-more p{font-size: 15px; font-weight: bold; margin-top: 4px;}
.index-team .iteam-more:hover{color: #fff!important; filter: alpha(opacity: 80); -webkit-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.index-team-text{padding-bottom: 36px;}
.index-team-text .text{margin-left: 34px; padding-left: 72px; padding-top: 10px;}
.index-team-text .title{font-size: 35px; position: relative;}
.index-team-text .title i{display: block; width: 52px; height: 3px; background: #333; position: absolute; right: 100%; top: 50%; margin-top: -2px; margin-right: 20px;}
.index-team-text .desc{font-size: 15px; margin-top: 12px;}
/*广告图切换*/
.banner{width: 100%; position: relative; z-index: 2; overflow: hidden;}
.banner .slick-slide{background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; max-height: 100vh;}
.banner img{width: 100%; max-width: none;}
.arrows-ban{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 4;}
.arrows-ban .wrapper{font-size: 0; text-align: right;}
.arrows-ban .bpage,.arrows-ban .prev,.arrows-ban .next{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px;}
.arrows-ban .bpage{font-size: 19px; font-weight: 500; color: #fff; margin-right: 10px;}
.arrows-ban .bpage em{padding: 0 4px;}
.arrows-ban .prev,.arrows-ban .next{width: 138px; height: 74px; line-height: 74px; margin-left: 5px; text-align: center; background: #fff; color: #c8c8c8; cursor: pointer; -webkit-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.arrows-ban .next{background: #e60012; color: #fef3f4;}
.arrows-ban .prev .mikeiconfont,.arrows-ban .next .mikeiconfont{font-size: 21px; vertical-align: middle;}
.arrows-ban .prev:hover,.arrows-ban .next:hover{filter: alpha(opacity: 90); -webkit-opacity: .9; -ms-opacity: .9; -o-opacity: .9; opacity: .9;}
/*网站建设---服务*/
.web-service{padding: 46px 0 80px 0; background: #f5f5f5;}
.web-service-box{margin-top: 20px;}
.web-service-box ul{margin: 0 -4px;}
.web-service-box li .item{display: block; margin: 3px 4px; position: relative; overflow: hidden;}
.web-service-box li .item img{width: 100%; transition: all .6s;}
.web-service-box li .item:hover img{transform: scale(1.1);}
.web-service-box li .mask{position: absolute; left: 40px; right: 40px; top: 30px; z-index: 1;}
.web-service-box li .title{font-size: 26px; color: #fff;}
.web-service-box li .line{width: 52px; height: 4px; background: #fff; margin-top: 16px;}
.web-service-box li.s1 .title{color: #000;}
.web-service-box li.s2 .title{color: #000;}
.web-service-box li.s2 .line{background: #000;}
/*网站建设---行业*/
.web-industry{position: relative;}
.web-industry-slider .slick-slide{display: block; float: none;}
.web-industry-slider .slick-slide.shide{display: none;}
.web-industry-table{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 3;}
.web-industry-table ul{margin: 0 -1px; font-size: 0; text-align: center;}
.web-industry-table li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 20%; *width: 19.98%; float: none; color: #fff; text-align: center;}
.web-industry-table li .item{position: relative; margin-left: 1px; padding: 40px 0;}
.web-industry-table li .item > *{position: relative; z-index: 2;}
.web-industry-table li .item .bg{width: 100%; height: 100%; background: #0e163a; filter: alpha(opacity: 70); -webkit-opacity: .7; -ms-opacity: .7; -o-opacity: .7; opacity: .7; position: absolute; left: 0; top: 0; z-index: 1;}
.web-industry-table li .mikeiconfont{font-size: 48px;}
.web-industry-table li .title{margin-top: 22px; font-size: 26px;}
.web-industry-table li .desc{font-size: 15px; margin-top: 20px; display: none; height: 18px; line-height: 18px;}
.web-industry-table li.active{margin-top: -38px;}
.web-industry-table li.active .desc{display: block;}
/*网站建设---案例*/
.web-case{padding: 70px 0;}
.case-box{margin-top: 34px; position: relative;}
.case-type{position: absolute; right: 0; top: -64px;}
.case-type ul{font-size: 0; text-align: left;}
.case-type li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 18px; height: 30px; line-height: 30px; margin: 0 10px; position: relative;}
.case-type li a{padding: 0 7px; position: relative; z-index: 2;}
.case-type li i{display: block; width: 0; height: 5px; background: #ff8b00; position: absolute; left: 0; bottom: 5px; z-index: 1; transition: all .5s;}
.case-type li.active i,.case-type li:hover i{width: 100%;}
.case-type li.active a{color: #dd0518!important;}
.web-case-list li a{display: block;}
.web-case-list li .pic{overflow: hidden;}
.web-case-list li .pic img{width: 100%; transition: all .6s; z-index: 1;}
.web-case-list li:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.web-case-list li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; color: #fff; opacity: 0; visibility: hidden; transition: all .5s; font-size: 0; text-align: center;}
.web-case-list li .maskbg{background: #000; filter: alpha(opacity: 50); -webkit-transform: opacity .5; -ms-transform: opacity .5; -o-transform: opacity .5; opacity: .5;}
.web-case-list li .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 100%;}
.web-case-list li .textbox{padding: 0 30px;}
.web-case-list li .title{font-size: 20px;}
.web-case-list li .line{width: 26px; height: 1px; background: #fff; margin: 16px auto;}
.web-case-list li .desc{font-size: 15px;}
.web-case-list li:hover .mask{opacity: 1; visibility: visible;}
/*网站建设---加入我们*/
.web-join{padding-bottom: 34px;}
.web-join .wrapper{border-top: 1px solid #e5e5e5;}
.web-join-text{margin-right: 60.7%;}
.web-join-text .tline{width: 157px; height: 15px; background: #f8e536; margin-top: -7px;}
.web-join-title{font-size: 56px; color: #0e163a; line-height: 1.1; margin-top: 20px;}
.web-join-name{font-size: 19px; color: #0e163a; position: relative; padding-left: 84px; margin-top: 30px;}
.web-join-name i{display: block; width: 73px; height: 1px; background: #0e163a; position: absolute; left: 0; top: 50%;}
.web-join-marks{margin-top: 96px; font-size: 52px; color: #f8e536;}
.web-join-enname{font-size: 35px; color: #0e163a; margin-top: 26px;}
.web-join-box{max-width: 58.7%; float: right;}
/*网站建设---团队风采*/
.web-team{background: #f7f7f7; font-size: 0;}
.web-team > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; min-height: 1px; width: 50%; *width: 49.98%; font-size: 14px;}
.web-team-wp50{width: 700px;}
.web-team-pic{position: relative; vertical-align: top!important;}
.web-team-pic img{width: 100%; position: relative; z-index: 1;}
.web-team-pic .web-team-wp50{position: absolute; right: 0; top: -56px; z-index: 2;}
.web-team-pic .text{max-width: 54.6%; background: #dd0518; color: #fff;}
.web-team-pic .txt{padding: 30px 30px 30px 15.7%; position: relative;}
.web-team-pic .title{font-size: 35px;}
.web-team-pic .line{width: 31px; height: 3px; background: #fff; margin-top: 14px;}
.web-team-pic .desc{font-size: 15px; line-height: 2; margin-top: 10px;}
.web-team-pic .measure-area{font-size: 15px; margin-top: 24px;}
.web-team-pic .measure-area span{display: block; font-size: 35px;}
.web-team-pic .measure-area span i{font-size: 16px;}
.web-team-pic .more{display: block; width: 34px; height: 34px; border: 1px solid #fff; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; right: 30px; bottom: 38px; font-size: 30px; color: #fff; text-align: center;}
.web-team-pic .more i{display: block; background: #fff; position: absolute; left: 50%; top: 50%;}
.web-team-pic .more i.t{width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
.web-team-pic .more i.b{width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
.web-team-pic .more:hover{color: #fff!important; filter: alpha(opacity: 80); -webkit-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}

.web-team-text ul{width: 33.33%; *width: 33.31%; float: left;}
.web-team-text li{position: relative;}
.web-team-text li img{width: 100%;}
.web-team-text li .mask{background: #0e163a; padding: 0 28px 3px 42px; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 0;}
.web-team-text li .mask > *{vertical-align: middle; font-size: 14px;}
.web-team-text li .text{display: inline-block; *display: inline; *zoom: 1; width: 100%; text-align: right;}
.web-team-text li .title{font-size: 15px; line-height: 1.1; text-align: left; margin-bottom: 40%;}
.web-team-text li .title span{display: block; font-size: 60px;}
.web-team-text li .title span i{font-size: 26px; margin-left: 15px;}
.web-team-text li .more{color: #fff; font-size: 12px; text-transform: uppercase;}
.web-team-text li .more span{position: relative; padding: 0 2px;}
.web-team-text li .more span em{display: block; width: 100%; height: 2px; background: #8b8c97; position: absolute; left: 0; bottom: -2px;}
.web-team-text li .more i{font-size: 13px;}
.web-team-text li .more:hover{color: #fff!important; filter: alpha(opacity: 80); -webkit-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6;}
/*网站建设---新闻*/
.web-news{padding: 50px 0 80px 0;}
.web-news-box{margin-top: 34px; position: relative;}
.web-news-tabtit{width: 21.4%; float: left;}
.web-news-tabtit ul{border-top: 1px solid #ddd;}
.web-news-tabtit li{height: 64px; line-height: 64px; border-bottom: 1px solid #ddd; font-size: 16px; cursor: pointer; position: relative;}
.web-news-tabtit li.active{padding-left: 30px; color: #dd0518;}
.web-news-tabtit li.active i{width: 21px; height: 1px; background: #dd0518; position: absolute; left: 0; top: 50%;}
.web-news-tabcont{margin-left: 21.4%;}
.web-news-row .time{font-family: "Arial"; font-size: 16px; color: #999; height: 24px; line-height: 24px; overflow: hidden;}
.web-news-row .title{height: 30px; line-height: 30px; font-size: 16px; margin-top: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 25px;}
.web-news-row .more{font-family: "Arial"; font-size: 16px; color: #6c6c6c;}
.web-news-row .more .mikeiconfont{font-size: 18px; margin-left: 10px; vertical-align: -2px;}
.web-news-row .more:hover{color: #dd0518;}
.web-news-first{width: 480px; float: right; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.web-news-first .pic{height: 314px; overflow: hidden; margin-bottom: 32px;}
.web-news-first .pic a{display: block; height: 100%;}
.web-news-first .pic img{width: 100%; min-height: 100%; transition: all .6s;}
.web-news-first .pic:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.web-news-list{margin-right: 480px;}
.web-news-list ul{margin: 0 40px; border-top: 1px solid #ddd;}
.web-news-list li{border-bottom: 1px solid #ddd; padding: 25px 0 30px 0;}
/*内页广告图*/
.ny-banner{height: 524px; background: #ccc; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; max-height: 100vh;}
.ban-next{width: 19px; height: 29px; background: url(../Images/bannext-btn.png) no-repeat; position: absolute; left: 50%; bottom: 30px; margin-left: -10px; animation: mike-bounce-up 1.1s linear infinite; transition: all 0s; z-index: 33;}
.ban-next1{background: url(../Images/bannext-btn1.png) no-repeat;}
@keyframes mike-bounce-up{25% {transform: translateY(10px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(-10px);}}
/*列表分页*/
#pagination{padding: 70px 0;}
#pagination ul{font-size: 0; text-align: center; margin: 0 -4px;}
#pagination li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 4px;}
#pagination li > *{display: block; height: 36px; line-height: 36px; font-size: 16px; padding: 0 15px; border: 1px solid #ddd;}
#pagination li.thisclass span{background: #dd0518; color: #fff; border-color: #dd0518;}
/*案例列表*/
.case-menu ul{font-size: 0; padding: 30px 0; margin: 0 -10px;}
.case-menu li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 18px; margin: 4px 10px;}
.case-menu li a{display: block; min-width: 90px; text-align: center; height: 40px; line-height: 40px; padding: 0 25px; color: #565656;}
.case-menu li.active a{background: #dd0518; color: #fff!important;}
.case-list ul{margin: 0 -13px;}
.case-list li{margin-bottom: 50px;}
.case-list li .item{display: block; margin: 0 13px;}
.case-list li a{ text-decoration: none;}
.case-list li .pic{overflow: hidden; position: relative;}
.case-list li .pic img{display: block; width: 100%; -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);}
.case-list li .pic .border{width: 0; height: 0; position: absolute; transition: all .5s ease-in-out; z-index: 100;}
.case-list li .pic .t{left: 0; top: 0; border-top: 10px solid #dd0518;}
.case-list li .pic .r{right: 0; top: 0; border-right: 10px solid #dd0518;}
.case-list li .pic .b{right: 0; bottom: 0; border-bottom: 10px solid #dd0518;}
.case-list li .pic .l{left: 0; bottom: 0; border-left: 10px solid #dd0518;}
.case-list li .item:hover .pic .t,.case-list li .item:hover .pic .b{width: 100%;}
.case-list li .item:hover .pic .r,.case-list li .item:hover .pic .l{height: 100%;}
.case-list li .item:hover .pic img{-webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o--transform: scale(1.05,1.05); transform: scale(1.05, 1.05);}
.case-list li .title{height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}
.case-list li .title span{font-size: 15px; color: #a5a5a5; margin-left: 8px; float: right;}
.case-list li .desc{font-size: 15px; color: #a5a5a5; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 8px;}

.pcase-list li .pic{height: 350px; font-size: 0; text-align: center;}
.pcase-list li .pic img{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
/*案例详情*/
.caseview-ban{width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; overflow: hidden; z-index: 2;}
.caseview-video{width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
.caseview-banbox{width: 100%; color: #fff; position: absolute; left: 0; top: 67.5%;}
.caseview-banbox *{color: #fff;}
.caseview-banbox .mike-title{font-size: 40px;}
.caseview-banbox .text{width: 100%;}
.caseview-banbox .desc{font-size: 22px; margin-top: 2%;}

.caseview-info ul{padding-bottom: 3.2%;}
.caseview-info{background: #fff; padding: 15px 0; position: relative; z-index: 3;}
.caseview-info .left .title{margin-bottom: 15px;}

.caseview-info .left p{color: #666; line-height: 2; margin-left: 20px;}
.caseview-info .left p i.mikeiconfont{font-size: 18px; margin-right: 8px; -webkit-text-stroke-width: .3px; vertical-align: -2px; color: #999;}

.caseview-info .left p a{color: #428bca;}
.caseview-info .bdsharebuttonbox{overflow: hidden; margin-top: 20px; margin-left: 15px;}
.caseview-info .bdsharebuttonbox a{width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0 5px; background: none; font-size: 38px; text-indent: 0; color: #666; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}

.caseview-info .right .desc{font-size: 18px; text-align: justify; color: #333; line-height: 2; margin-top: 20px;}

.caseview-body{background: #fff; overflow: hidden; padding: 50px 0; position: relative; z-index: 3;}
.caseview-body img{width: auto !important; height: auto !important;}

.caseview-bottom{background: #f5f5f5; padding-top: 15px; position: relative; z-index: 3;}
.caseview-prevnext{color: #666; line-height: 1.4; border: 1px solid #ccc;}
.caseview-prevnext li .item{padding: 10px 4%; height: 26px; line-height: 26px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.caseview-prevnext li.prev .item{border-right: 1px solid #ccc;}
.caseview-prevnext li a{color: #336699;}


.caseportletNews{padding: 10px 0;}
.caseportletNews ul{margin: 0 -65px;}
.caseportletNews li .item{height: 30px; line-height: 30px; margin: 5px 65px; border-bottom: 1px dashed #ccc;}
.caseportletNews li .title{font-size: 14px; margin-right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.caseportletNews li span{color: #999; float: right; margin-left: 18px;}




.case-portlet{padding: 2% 0; background: #fff; position: relative; z-index: 3;}
.case-portlet ul{margin: 0 -10px;}
.case-portlet li .item{display: block; margin: 10px; overflow: hidden; position: relative;}
.case-portlet li .pic{position: relative;}
.case-portlet li .pic img{display: block; width: 100%;}
.case-portlet li .pic i{display: block; width: 100%; height: 100%; background: #000; filter: alpha(opacity: 30); -webkit-opacity: .3; -moz-opacity: .3; -ms-opacity: .3; -o-opacity: .3; opacity: .3; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}

.case-portlet li .mask{width: 100%; color: #fff; position: absolute; left: 100%; bottom: 0; z-index: 12; transition: all 0.3s linear 0s;}
.case-portlet li .bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity: 60); -webkit-opacity: .6; -moz-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;}
.case-portlet li .text{position: relative; z-index: 2; padding: 10px;}
.case-portlet li .title{font-size: 24px; font-weight: normal; line-height: 24px; padding-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case-portlet li .line{width: 70px; height: 2px; background: #999; margin-top: 15px;}
.case-portlet li .desc{font-size: 14px; line-height: 18px; padding: 15px 0; color: #999;}
.case-portlet li .item:hover .pic i{-webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0);}
.case-portlet li .item:hover .mask{left: 0;}


/*案例详情一*/
.casedetails{text-align: left!important; background: #f2f2f2;}
.case-stlist{padding-bottom: 30px;}
.case-stlist ul{margin-right: -8px;}
.case-stlist li{float: left; font-size: 16px; margin: 0 8px 8px 0;}
.case-stlist li a{display: block; height: 40px; line-height: 40px; padding: 0 16px; background: #eee; color: #666; font-size: 14px;}
.case-stlist li.active a,.case-stlist li a:hover{background: #dd0518; color: #fff!important;}

.casedetails-note .pic{width: 32%; float: left;}
.casedetails-note .text{width: 66%; float: right;}
.casedetails-note .title{font-size: 26px; font-weight: bold; margin-bottom: 32px;}
.casedetails-note ul{margin: 0 -20px 0 -6px;}
.casedetails-note li .item{margin: 6px 20px;}
.casedetails-note .desc{font-size: 13px; color: #50565d; line-height: 22px; border-top: 1px solid #ddd; padding-top: 10px; margin: 12px 0 0 14px;}
.casedetails-tag{font-size: 0; text-align: left; padding: 20px 0; margin: 20px -4px 0 -4px;}
.casedetails-tag a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 4px; padding: 0 15px; height: 24px; line-height: 24px; border: 1px solid #ddd; border-radius: 12px; font-size: 13px;}



.casedetails-tabcont{margin-bottom: 6px;}
.casedetails-tabtit{border-bottom: 1px solid #ddd; height: 53px;}
.casedetails-tabtit ul{margin: 0 -12px;}
.casedetails-tabtit li{cursor: pointer; float: left; margin: 0 12px; padding: 0;}
.casedetails-tabtit li{height: 51px; line-height: 51px; font-size: 16px; text-align: center; padding: 0 12px;}
.casedetails-tabtit li.active{border-bottom: 3px solid #dd0518; color: #dd0518;}

.casedetails-tabcont{padding: 30px 0;}
.casedetails-video{height: 400px; margin-top: 10px; background: #000;}
.casedetails-video video{width: 100%; height: 100%;}


.casedetails-body{overflow: hidden;}
.casedetails-right .rbox{background: #fff; padding: 0 20px 30px 20px;}
.casedetails-rtitle{font-size: 24px; border-bottom: 1px solid #eaeaea; padding: 15px 0;}
.casedetails-rtitle span{font-weight: bold; color: #dd0518;}
.casedetails-focus{margin-top: 15px;}
.casedetails-focus .slick-slide{position: relative; overflow: hidden;}
.casedetails-focus .slick-slide a{display: block; position: relative; overflow: hidden;}
.casedetails-focus .slick-slide img{width: 100%;}
.casedetails-focus .slick-slide .title{width: 100%; position: absolute; left: 0; bottom: 0;}
.casedetails-focus .slick-slide .bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity: 60); -webkit-opacity: .6; -moz-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;}
.casedetails-focus .slick-slide .name{font-size: 14px; color: #fff; height: 40px; line-height: 40px; overflow: hidden; margin-left: 10px; position: relative; z-index: 2;}
.casedetails-focus .slick-prev,.casedetails-focus .slick-next{width: 40px; height: 74px; line-height: 74px; font-size: 20px; text-align: center; margin-top: -37px;}
.casedetails-focus .slick-prev i,.casedetails-focus .slick-next i{display: block; width: 100%; height: 100%; background: #000; filter: alpha(opacity: 40); -webkit-opacity: .4; -moz-opacity: .4; -ms-opacity: .4; -o-opacity: .4; opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;}
.casedetails-focus .slick-prev span,.casedetails-focus .slick-next span{position: relative; z-index: 2; color: #fff;}
.casedetails-focus .slick-prev{left: 0;}
.casedetails-focus .slick-next{right: 0;}
.casedetails-focus .slick-prev:hover i,.casedetails-focus .slick-next:hover i{filter: alpha(opacity: 70); -webkit-opacity: .7; -moz-opacity: .7; -ms-opacity: .7; -o-opacity: .7; opacity: .7;}
.casedetails-clist{padding: 15px 0;}
.casedetails-clist li{border-bottom: 1px dotted #ddd; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
.casedetails-clist li .pic{width: 80px; height: 60px; float: left;}
.casedetails-clist li .pic a,.casedetails-clist li .pic img{display: block; width: 100%; height: 100%;}
.casedetails-clist li .text{margin-left: 90px;}
.casedetails-clist li .title{font-size: 14px; max-height: 36px; line-height: 18px; overflow: hidden;}
.casedetails-clist li .desc{height: 30px; line-height: 30px; color: #999; overflow: hidden;}
.casedetails-nlist{margin-top: 6px;}
.casedetails-nlist li{height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.casedetails-nlist li i{display: block; width: 5px; height: 5px; background: #666; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.casedetails-nlist li a{padding-left: 15px;}
/*sem*/
.sem-banner{width: 100%; position: absolute; left: 0; bottom: 18.575%;}
.sem-banner .text{width: 730px; float: left; font-size: 30px; color: #fff; line-height: 2; margin-top: 5%;}
.sem-banner .text b{font-weight: bold;}
.sem-banner .pic{margin-left: 770px;}


.sem-row{text-align: center; padding: 60px 0;}
.sem-tips{border-bottom: 1px solid #d5d7d9; background: #fff;}
.sem-whyus{background: #fff;}
.sem-whyus-box{margin-top: 26px;}
.sem-whyus-box ul{margin: 0 -14px;}
.sem-whyus-box li .item{margin: 14px; background: #fff; box-shadow: 0 0 19px rgba(0,0,0,.06); padding: 70px 35px; text-align: center;}
.sem-whyus-box li .mikeiconfont{font-size: 76px; color: #665f5e;}
.sem-whyus-box li .title{font-size: 24px; margin-top: 20px;}
.sem-whyus-box li .desc{font-size: 16px; line-height: 1.8; margin-top: 10px;}

.sem-commitment{background: #1f2833;}
.sem-commitment .mike-title{color: #fff;}
.sem-commitment-box{margin-top: 20px;}
.sem-commitment-box ul{margin: 0 -14px;}
.sem-commitment-box li .item{margin: 14px; background: #3e4c65; text-align: left; padding: 60px 44px; color: #fff;}
.sem-commitment-box li .title{font-size: 30px;}
.sem-commitment-box li .line{width: 56px; height: 4px; background: #fff; margin: 16px 0;}
.sem-commitment-box li .desc{font-size: 20px; line-height: 1.5; padding-top: 14px;}
.sem-commitment-box li.n2 .item{background: #fff; color: #070b13;}
.sem-commitment-box li.n2 .line{background: #070b13;}
.sem-commitment-box li.n3 .item{background: #192452;}

.sem-process{background: #f5f9fd; text-align: left;}
.sem-process-box{padding: 0 30px 0 60px;}
.sem-process-text{width: 390px; float: left; margin-top: 90px;}
.sem-process-text .desc{font-size: 21px; line-height: 1.8; margin-top: 40px;}
.sem-process-text .more{font-size: 15px; margin-top: 70px;}
.sem-process-text .more a i{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 44px; height: 2px; background: #8066dc; margin-left: 6px;}
.sem-process-list{margin-left: 490px;}
.sem-process-list ul{margin: 0 -38px;}
.sem-process-list li .item{margin: 4px 38px; padding: 30px 14px 16px 14px; background: #fff; border: 1px solid #ddd; text-align: center;}
.sem-process-list li .mikeiconfont{font-size: 54px; color: #665f5e;}
.sem-process-list li .title{font-size: 22px; margin-top: 20px;}
.sem-process-list li .desc{line-height: 1.7; color: #666; margin-top: 8px; min-height: 69px; line-height: 23px;}

.sem-case{background: #f9fbfe;}
.sem-case-box{margin-top: 40px; text-align: left;}
.sem-case-tabtit{width: 224px; float: left; border: 1px solid #ddd; border-bottom: 0; background: #fff;}
.sem-case-tabtit li{height: 70px; line-height: 70px; padding-left: 44px; border-bottom: 1px solid #ddd; text-align: left; cursor: pointer; position: relative;}
.sem-case-tabtit li > *{position: relative; z-index: 2;}
.sem-case-tabtit li.active .bg{background: #fb3049; position: absolute; left: -1px; top: -1px; bottom: -1px; right: -6px;}
.sem-case-tabtit li .mikeiconfont{font-size: 40px; color: #666; vertical-align: middle; margin-right: 12px;}
.sem-case-tabtit li span{font-size: 16px; vertical-align: middle; color: #0e1116;}
.sem-case-tabtit li.active .mikeiconfont,.sem-case-tabtit li.active span{color: #fff;}
.sem-case-tabcont{margin-left: 258px;}
.sem-case-item ul{margin: 0 -16px;}
.sem-case-item li .item{margin: 0 16px; border: 1px solid #ddd; background: #fff;}
.sem-case-item li .pic{height: 160px; line-height: 160px; *font-size: 118px; border-bottom: 1px solid #ddd; text-align: center;}
.sem-case-item li .pic img{max-width: 100%; max-height: 96%;}
.sem-case-item li .title{font-size: 16px; color: #000; height: 52px; line-height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 10px 0 42px;}
.sem-case-item li .title a{color: #000;}
.sem-case-item li .bx{height: 46px; line-height: 46px; border-top: 1px solid #ddd; overflow: hidden;}
.sem-case-item li .bx span{display: block; width: 140px; float: left; text-align: center; height: 46px; line-height: 46px; border-right: 1px solid #ddd;}
.sem-case-item li .bx em{display: block; margin-left: 141px; padding-left: 30px; padding-right: 10px;}

.sem-team{background: #fff;}
.sem-team-box{margin-top: 40px;}
.sem-team-box dl{margin: 0 -6px;}
.sem-team-box dd .item{margin: 0 6px;}
.sem-team-box dd .pic{margin-bottom: 14px; overflow: hidden;}
.sem-team-box dd .pic img{width: 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.sem-team-box dd .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.sem-team-box dd.n2 .pic{margin-bottom: 0; margin-top: 14px;}
.sem-team-box dd ul{margin: 0 -7px;}
.sem-team-box dd li .litem{height: 195px; margin: 0 7px; background: #eee; font-size: 0; text-align: center; color: #151515;}
.sem-team-box dd li .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 90%; line-height: 1.3; text-align: left;}
.sem-team-box dd li .name{font-family: "Arial"; font-size: 16px; font-weight: bold;}
.sem-team-box dd li .num{font-size: 67px; line-height: 1;}
.sem-team-box dd li .num span{margin-right: 8px;}
.sem-team-box dd li .desc{font-size: 15px; margin-top: 6px; height: 22px; line-height: 22px;}
.sem-team-box dd li .litem:hover{background: #fb3049; color: #fff;}

.sem-news{background: #fff;}
.sem-news-box{text-align: left; margin-top: 40px;}
.sem-news-box dl{border: 1px solid #ddd;}
.sem-news-box dt{height: 56px; line-height: 56px; padding-top: 10px; border-bottom: 1px solid #ddd;}
.sem-news-box dt .more{float: right; font-size: 12px; color: #b1b1b1; text-transform: uppercase;}
.sem-news-box dt .mikeiconfont{font-size: 12px;}
.sem-news-box dt ul{font-size: 0;}
.sem-news-box dt li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; color: #0e1116; position: relative; padding: 0 14px 0 13px; margin: 0 1px;}
.sem-news-box dt li span{color: #cacaca; position: absolute; left: -2px; top: 0;}
.sem-news-box dt li.active{color: #fb3049;}
.sem-news-box dt li.active i{display: block; width: 100%; height: 1px; background: #fb3049; position: absolute; left: 0; bottom: -1px;}
.sem-news-tabrow{width: 60.5%; float: left;}
.sem-news-tabrow dl{padding: 0 30px;}
.sem-news-tabrow dt li{cursor: pointer;}
.sem-news-first{padding: 28px 0;}
.sem-news-first .pic{width: 290px; height: 186px; float: left; overflow: hidden;}
.sem-news-first .pic a{display: block; height: 100%;}
.sem-news-first .pic img{width: 100%; min-height: 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.sem-news-first .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.sem-news-first .text{margin-left: 320px;}
.sem-news-first .time{font-size: 16px; color: #666;}
.sem-news-first .title{height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}
.sem-news-first .desc{height: 75px; line-height: 25px; color: #666; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; margin-bottom: 16px;}
.sem-news-first .more{font-size: 16px; color: #666;}
.sem-news-first .more .mikeiconfont{font-size: 15px; margin-left: 4px;}
.sem-news-tablist ul{margin: 0 -20px; padding: 16px 0;}
.sem-news-tablist .item{margin: 0 20px; height: 20px; line-height: 20px; font-size: 15px; height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sem-news-list{width: 37.85%; float: right;}
.sem-news-list dl{padding: 0 20px;}
.sem-news-list dt li{padding-left: 4px;}
.sem-news-list dd ul{padding: 20px 0;}
.sem-news-list dd li{height: 42px; line-height: 42px; font-size: 15px;}
.sem-news-list dd li .mikeiconfont{float: left; font-size: 13px; line-height: 38px; color: #ddd;}
.sem-news-list dd li .title{height: 42px; line-height: 42px; margin-left: 20px; margin-right: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sem-news-list dd li .time{float: right; color: #666;}

.sem-msg{background: #f8f8f8;}
.sem-msg-title{background: #ebebeb; margin-top: 30px; padding: 24px 20px; overflow: hidden; text-align: left;}
.sem-msg-title .mikeiconfont{color: #666; float: left; font-size: 26px;}
.sem-msg-title span{display: block; margin-left: 38px; line-height: 26px; font-size: 16px;}
.sem-msg-list{margin-top: 20px; text-align: left;}
.sem-msg-list ul{margin: 0 -12px;}
.sem-msg-list li .item{display: block; margin: 10px 12px; position: relative; padding: 0 38px; background: #fff; -webkit-transition: all.5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 1px solid #ddd;}
.sem-msg-list li .mikeiconfont{font-size: 16px; color: #e84c3d; position: absolute; right: -1px; bottom: 0; opacity: 0; visibility: hidden;}
.sem-msg-list li .title{font-size: 16px; height: 54px; line-height: 54px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sem-msg-list li .line{width: 100%; height: 4px; background: #333; position: absolute; left: 0; bottom: 0; -webkit-transition: all.5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.sem-msg-list li.active .item{border-color: #e84c3d;}
.sem-msg-list li.active .mikeiconfont{opacity: 1; visibility: visible;}
.sem-msg-form{text-align: left; padding-top: 20px;}
.sem-msg-form ul{margin: 0 -12px;}
.sem-msg-form li .item{margin: 10px 12px; background: #fff; padding: 0 20px; border: 1px solid #ddd;}
.sem-msg-form li .input{display: block; width: 100%; height: 54px; line-height: 54px; font-size: 15px;}
.sem-msg-form li .item.submit{background: #333; border-color: #333; padding: 0;}
.sem-msg-form li .submit-btn{display: block; width: 100%; height: 54px; line-height: 54px; font-size: 22px; color: #fff; text-align: center; cursor: pointer;}
.sem-msg-form li .submit-btn:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
/*seo*/
.seo-banner{width: 100%; position: absolute; left: 0; bottom: 0; color: #fff;}
.seo-banner .text{max-width: 758px; margin: 0 auto;}
.seo-banner .index-title{color: #fff;}
.seo-banner .desc{font-size: 18px; color: #fff; line-height: 1.7; margin-top: 16px; letter-spacing: 1px; font-weight: 400;}
.seo-banner .pic{text-align: center; margin-top: 4%;}
.seo-banner .pic img{max-width: 80%;}

.seo-question{padding-bottom: 10px!important;}

.seo-question-box{text-align: left; margin-top: 28px;}
.seo-question-box ul{margin: 0 -12px;}
.seo-question-box li .item{margin: 12px; background: #fff; padding: 32px 14px 32px 32px; border: 1px solid #ddd; position: relative;}
.seo-question-box li .left{width: 166px; float: left; position: relative;}
.seo-question-box li .left img{width: 100%;}
.seo-question-box li .left .mikeiconfont{display: block; width: 94px; height: 94px; line-height: 94px; text-align: center; font-size: 42px; color: #fff; position: absolute; left: 25px; top: 22px;}
.seo-question-box li .text{margin-left: 186px; margin-top: 38px;}
.seo-question-box li .title{font-size: 24px;}
.seo-question-box li .desc{font-size: 16px; color: #666; margin-top: 8px;}

.seo-whyus{padding-top: 40px!important; padding-bottom: 40px!important;}
.seo-whyus .sem-whyus-box li .item:hover{background: #127ee7;}
.seo-whyus .sem-whyus-box li .item:hover *{color: #fff;}

.seo-commitment{background: #1f2833;}
.seo-commitment .mike-title{color: #fff;}
.seo-commitment-box{margin-top: 46px;}
.seo-commitment-box ul{margin: 0 35px;}
.seo-commitment-box li .item{margin: 14px 35px; background: #127ee7; padding: 60px 0; color: #fff; font-size: 0; text-align: center; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
.seo-commitment-box li .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: left; margin-right: 20px;}
.seo-commitment-box li .title{font-size: 30px;}
.seo-commitment-box li .line{width: 56px; height: 4px; background: #fff; margin: 16px 0;}
.seo-commitment-box li .desc{font-size: 20px; line-height: 1.5; padding-top: 14px;}
.seo-commitment-box li .btnactive{width: 115px; height: 115px; position: absolute; right: 0; top: 0; z-index: 2;}
.seo-commitment-box li .btnactive img{display: block; width: 100%; height: 100%;}
.seo-commitment-box li.n2 .item{background: #fff; color: #070b13;}
.seo-commitment-box li.n2 .line{background: #070b13;}


.seo-process-box{margin-top: 40px;}
.seo-process-slider ul{margin: 0 -5px; /* padding-bottom: 44px; */}
.seo-process-slider li .item{margin: 5px; background: #f6f7ff; text-align: center; border-radius: 8px; overflow: hidden;}
.seo-process-slider li .title{background: #127ee7; font-size: 22px; color: #fff; padding: 21px 0;}
.seo-process-slider li .desc{padding: 30px 10px; color: #666; height: 330px;}
.seo-process-slider li .desc p{line-height: 24px; padding: 3px 0;}
.seo-process-slider .slick-dots{bottom: 0;}
.seo-process-slider .slick-dots li{margin: 0 3px;}
.seo-process-slider .slick-dots li button{width: 13px; height: 6px; background: #151515; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.seo-process-slider .slick-dots li.slick-active button{width: 20px; background: #fb3049;}


.seo-service{background: #dfeaf5;}
.seo-service-box{margin-top: 22px;}
.seo-service-box ul{margin: 0 -18px;}
.seo-service-box li .item{margin: 18px; background: #fff; padding: 44px 10px; border: 1px solid #ddd; text-align: center;}
.seo-service-box li .mikeiconfont{font-size: 74px; color: #127ee7;}
.seo-service-box li .title{font-size: 18px; color: #151515; margin-top: 16px;}


.seo-case .sem-case-tabtit li.active .bg,.seo-team .sem-team-box dd li .litem:hover{background: #127ee7;}
/*阿里*/
.ali-banner .text{line-height: 1.8; max-width: 600px;}
.ali-banner .title{font-size: 47px;}
.ali-banner .tname{font-size: 28px;}
.ali-banner .pic{padding-bottom: 80px; margin-left: 640px;}
.ali-banner .pic img{max-width: 100%!important;}
.ali-banner .more{display: block; width: 160px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; border: 1px solid #fff; margin-top: 26px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.ali-banner .more:hover{background: #ff762f; color: #fff!important; border-color: #ff762f;}


.ali-tips{background: #f8f8f8; font-size: 0;}
.ali-tips .mikeiconfont,.ali-tips .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 33px; text-align: left; line-height: 1.6;}
.ali-tips .mikeiconfont{color: #e1e1e1; font-size: 64px; margin-top: -8px;}
.ali-tips .mikeiconfont.bt{vertical-align: bottom; margin-bottom: -4px;}
.ali-tips .text{margin: 0 6.5%;}
.ali-tips .text p span{position: relative;}
.ali-tips .text p span i{height: 3px; background: #ff762f; position: absolute; left: 0; right: -3px; bottom: -4px;}
.ali-tips .text p.t1,.ali-tips .text p.t2{font-size: 33px;}
.ali-tips .text p.t3{font-size: 42px; color: #ff762f;}

.ali-question .seo-question-box li .item{padding: 14px;}
.ali-question .seo-question-box li .text{margin-top: 53px;}


.ali-service{background: #f8f8f8;}
.ali-service .sem-whyus-box li .item{padding-top: 40px; padding-bottom: 40px;}
.ali-service .sem-whyus-box li .item:hover{background: #ff762f; color: #fff;}
.ali-service .sem-whyus-box li .item:hover .mikeiconfont{color: #fff;}


.ali-worry{background: #fff; padding-bottom: 0!important;}
.ali-worry .mike-title{color: #000;}
.ali-worry-title{font-size: 0; text-align: center; margin-top: 6px;}
.ali-worry-title span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; padding: 8px 20px; font-size: 41px; color: #000;}
.ali-worry-title span em{position: relative; z-index: 2;}
.ali-worry-title span i{display: block; width: 100%; height: 22px; background: #ff762f; position: absolute; left: 0; bottom: 0; z-index: 1;}
.ali-worry-box{position: relative; overflow: hidden;}
.ali-worry-box ul{padding: 0 8.5%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.ali-worry-box li{height: 100%; position: relative;}
.ali-worry-box li .icon{width: 12px; height: 12px; background: #fff; border: 2px solid #ff762f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 28.8%; margin-left: -8px;}
.ali-worry-box li .text{font-size: 0; text-align: center; position: absolute; left: 0; right: 0; top: 48.1%;}
.ali-worry-box li .title{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; max-width: 96%; font-size: 24px; text-align: left; color: #000; line-height: 1.4;}
.ali-worry-box li:hover .icon{width: 16px; height: 16px; background: none; border-width: 0;}
.ali-worry-box li:hover .icon i,.ali-worry-box li:hover .icon span{background: #ff762f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.ali-worry-box li:hover .icon i{filter: alpha(opacity: 40); -webkit-opacity: .4; -moz-opacity: .4; -ms-opacity: .4; -o-opacity: .4; opacity: .4; z-index: 2;}
.ali-worry-box li:hover .icon span{left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: 3;}
.ali-worry-box li:hover .title{color: #ff762f;}

.ali-security{background: #fff;}
.ali-security-box{margin-top: 34px; text-align: left;}
.ali-security-box ul{margin: 0 -6px;}
.ali-security-box li .item{margin: 6px; padding: 40px 34px; border: 1px solid #ddd; background: #fff;}
.ali-security-box li .title{font-size: 15px; color: #666;}
.ali-security-box li .title .mikeiconfont{float: right; font-size: 62px; color: #d2d2d2;}
.ali-security-box li .title span{display: block; padding-top: 8px; margin-right: 80px;}
.ali-security-box li .desc{font-size: 20px; line-height: 1.8; color: #000; margin-top: 12px; max-height: 72px;}
.ali-security-box li .item:hover{background: #ff762f;}
.ali-security-box li .item:hover *{color: #fff;}

.ali-case .sem-case-tabtit li.active .bg,.ali-team .sem-team-box dd li .litem:hover{background: #ff762f;}
/*整体外包*/
/* .outsource-banner{margin-top: 96px;} */
.outsource-banner .slick-dots li button{width: 15px; height: 4px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.outsource-banner .slick-dots li.slick-active button{width: 32px;}

.outsource-service{background: #fff;}
.outsource-service-box{margin-top: 32px; text-align: left;}
.outsource-service-box ul{margin: 0 -8px;}
.outsource-service-box li .item{display: block; margin: 8px; background: #f8f8f8; border: 1px solid #ddd; padding: 34px 24px;}
.outsource-service-box li .title{font-size: 22px; color: #000; line-height: 30px; height: 90px;}

.outsource-service-box li .name{font-size: 16px; color: #0e1116; margin-top: 24px;}
.outsource-service-box li .desc{font-size: 16px; line-height: 34px; color: #0e1116; margin-top: 20px;}
.outsource-service-box li .desc p{padding-left: 18px; position: relative;}
.outsource-service-box li .desc p i{display: block; width: 6px; height: 6px; border: 2px solid #0e1116; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.outsource-service-box li .item:hover{background: #fb3049; border-color: #fb3049;}
.outsource-service-box li .item:hover *{color: #fff;}
.outsource-service-box li .item:hover .desc p i{border-color: #fff;}

.outsource-worry{background: #fbfbfe;}
.outsource-worry .ali-worry-box li .icon{border-color: #f9003c;}
.outsource-worry .ali-worry-box li:hover .icon i,.outsource-worry .ali-worry-box li:hover .icon span{background: #f9003c;}
.outsource-worry .ali-worry-box li:hover .title{color: #f9003c;}


.outsource-security .ali-security-box li .item:hover{background: #f9003c; border-color: #f9003c;}


.outsource-case .sem-case-tabtit li.active .bg,.outsource-team .sem-team-box dd li .litem:hover{background: #f9003c;}
.outsource-case .sem-case-item li .pic{height: 160px; line-height: 160px; *font-size: 118px;}
.outsource-case .sem-case-item li .title{height: 52px; line-height: 52px;}
.outsource-case .sem-case-item li .bx{height: 46px; line-height: 46px;}
.outsource-case .sem-case-item li .bx span{height: 46px; line-height: 46px;}


/*面包屑导航*/
.navigation-crumb{padding: 20px 0; line-height: 25px; border-bottom: 1px solid #e3e3e3; background: #fff; font-size: 15px; color: #666; position: relative; z-index: 3;}
.navigation-crumb a{color: #666;}
.navigation-crumb .mikeiconfont{margin-right: 10px; vertical-align: -1px;}
/*新闻列表*/
.news-menu{text-align: center; font-size: 0; margin-bottom: 34px;}
.news-menu ul{margin: 0 -35px;}
.news-menu li{display: inline-block; *display: inline; *zoom: 1; position: relative; padding: 6px 35px; font-size: 18px;}
.news-menu li a{display: block; height: 28px; line-height: 28px; position: relative; color: #666;}
.news-menu li span{display: block; width: 1px; height: 16px; background-color: #e3e3e3; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.news-menu i{display: block; width: 0; height: 1px; background: #e10000; position: absolute; left: 50%; bottom: -1px; transition: all 0.3s ease;}
.news-menu li.active i,.news-menu li:hover i{width: 80%; left: 10%;}
.news-menu li.active a,.news-menu li:hover a{color: #e10000 !important;}
.news-row{background: #f2f2f2; text-align: left;}
.news-list li{margin-bottom: 50px;}
.news-list li .item{display: block; background: #fff; margin-right: 1px; padding: 35px 10% 50px 10%;}
.news-list li .time{display: inline-block; *display: inline; *zoom: 1; height: 30px; line-height: 30px; border-bottom: 2px solid #e10000; color: #878787; margin-bottom: 15px;}
.news-list li .text{position: relative; height: 106px; padding-left: 160px; margin: 10px 0;}
.news-list li .pic{width: 150px; height: 106px; overflow: hidden; position: absolute; left: 0; top: 0;}
.news-list li .pic img{display: block; width: 100%; min-height: 100%; height: auto;}
.news-list li .title{font-weight: normal; font-size: 16px; height: 72px; line-height: 24px; overflow: hidden;}
.news-list li .desc{font-size: 13px; height: 40px; line-height: 20px; color: #878787; overflow: hidden;}
.news-list li .item:hover{background: #c00;}
.news-list li .item:hover *{color: #fff!important;}
.news-list li .item:hover .time{border-bottom-color: #fff;}
/*新闻详情*/
.details-left .lbox{padding: 40px; background: #fff; margin-right: 36px;}
.details-title{font-size: 26px; font-weight: bold; text-align: center; line-height: 1.4; margin-bottom: 30px;}
.details-tools{color: #c4c4c4; text-align: center; margin-bottom: 30px; font-size: 13px;}
.details-tools span{margin: 0 10px;}
.details-tools i.mikeiconfont{font-size: 20px; margin-right: 6px; vertical-align: -2px;}
.details-share{text-align: center; margin-bottom: 30px;}
.details-share a.mikeiconfont{font-size: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; color: #c8c8c8;}
.details-share .bdsharebuttonbox{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.details-share .bdsharebuttonbox a.mikeiconfont{background: none; text-indent: 0; margin: 0 8px; width: auto; height: auto; line-height: inherit; font-size: 34px; color: #c8c8c8;}
.details-body{font-size: 14px; line-height: 28px; color: #555; padding-bottom: 50px; overflow: hidden;}
.details-body img{width: auto !important; height: auto !important;}
.news-change{padding: 25px 18px; background: #fff;}
.news-change li{font-size: 15px; line-height: 1.8; padding: 15px 0;}
.NewRecommend{background: #fff; padding: 10px 16px; margin-top: 20px;}
.NewRecommend dt{font-size: 17px; border-bottom: 1px solid #ccc; padding: 10px 0;}
.NewRecommend dd{padding: 10px 0;}
.caseRecommend li{position: relative; margin-bottom: 12px;}
.caseRecommend li a{display: block;}
.caseRecommend li img{width: 100%;}
.caseRecommend li .mask{position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 10px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 0; text-align: center;}
.caseRecommend li .mask > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.caseRecommend li .bg{width: 100%; height: 100%; background: #23272f; filter: alpha(opacity: 71); -webkit-opacity: .71; -moz-opacity: .71; -ms-opacity: .71; -o-opacity: .71; opacity: .71; position: absolute; left: 0; top: 0; z-index: 1;}
.case_maskBox{text-align: center;}
.caseRecommend li .text{width: 100%; color: #fff;}
.caseRecommend li .title{font-size: 18px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.caseRecommend li .line{width: 30px; height: 4px; background: #d73217; margin: 20px auto 14px;}
.caseRecommend li .desc{font-size: 16px; line-height: 1.8;}
.caseRecommend li:hover .mask{opacity: 1; visibility: visible;}
.newsRecommend li{height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*tag列表*/
.newsnav{padding: 20px 0; font-size: 14px; line-height: 25px;}
.tag-row{text-align: left;}


.taglist-left .lbox{padding: 0!important;}

.tag-list{margin-right: 20px;}
.tag-list li{padding-bottom: 15px; margin-top: 15px; border-bottom: 1px dashed #ddd;}
.tag-list li .pic{width: 210px; height: 140px; overflow: hidden; float: left;}
.tag-list li .pic a{display: block; width: 100%; height: 100%;}
.tag-list li .pic img{display: block; width: 100%; min-height: 100%; height: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.tag-list li .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.tag-list li .text{margin-left: 234px;}
.tag-list li .title{font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tag-list li .time{font-size: 13px; color: #999; line-height: 25px; margin-top: 4px;}
.tag-list li .time .mikeiconfont{font-size: 14px; margin-right: 4px;}
.tag-list li .desc{font-size: 13px; color: #999; max-height: 75px; line-height: 25px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 4px;}

.tag-right{line-height:24px;}

.tag-right .tagc1{font-size: 12px; color: #666;}
.tag-right .tagc2{font-size: 14px; font-weight: 700; color: #555;}

/*联系我们*/
.contact-banner{/* height: 600px;  */position: relative;}
.contact-banner .ban-row{width: 100%; position: absolute; left: 0; bottom: 0;}
.contact-banner .ban-row .text{background: #dd0518; color: #fff; line-height: 1.6;}
.contact-banner .ban-row .item{padding: 30px;}
.contact-banner .ban-row p{font-size: 48px;}
.contact-banner .ban-row h4{font-size: 68px; font-weight: bold;}

.contact-maps{width: 100%; height: 440px; overflow: hidden;}

.contact-intro{background: #fff; text-align: left;}
.contact-intro .pull-left{color: #59595b;}
.contact-intro .pull-left .item{margin-right: 60px;}
.contact-intro .pull-left h3{font-size: 50px; line-height: 1; margin-bottom: 20px;}
.contact-intro .pull-left p{font-size: 24px; line-height: 1.8; margin-bottom: 20px;}
.contact-intro .pull-left ul{margin-bottom: 20px;}
.contact-intro .pull-left li{font-size: 16px; line-height: 1.8;}
.contact-intro .pull-right{background: #dd0518; font-size: 18px; color: #fff; text-align: center;}
.contact-intro .pull-right .item{padding: 50px 20px;}
.contact-intro .pull-right img{display: block; max-width: 120px; height: auto; margin: 0 auto 20px;}
/*关于我们*/
.about-banner{height: 645px;}
.about-title{font-size: 56px; text-align: center; line-height: 1.4;}
.about-text{margin-top: 30px; margin-left: auto; margin-right: auto; color: #666; font-size: 18px; line-height: 1.7; text-align: justify;}
.about-bg{background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}


.about-wp1{padding: 6% 0 8% 0;}

.about-wp1-box{max-width: 1100px; margin: 60px auto 0;}
.about-wp1-intro{padding: 0 12.5%;}
.about-wp1-intro .title{position: relative; font-size: 32px; color: #dd0518; line-height: 1.25; text-align: justify; font-weight: 700;}
.about-wp1-intro .title .mikeiconfont{font-size: 38px; color: #e6e6e6; position: absolute; top: 0;}
.about-wp1-intro .title .left{right: 100%; margin-right: 24px;}
.about-wp1-intro .title .right{left: 100%; margin-left: 24px;}
.about-wp1-intro .text{height: 48px; line-height: 24px; font-size: 16px; color: #666; margin-top: 20px; overflow: hidden; text-align: justify;}
.about-wp1-intro .more{margin-top: 30px; font-size: 0; text-align: center;}
.about-wp1-intro .more-btn{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.about-wp1-intro .more-btn > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.about-wp1-intro .more-btn .mikeiconfont{width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: #dd0518; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-indent: 4px;}
.about-wp1-intro .more-btn span{font-family: "Arial"; font-size: 14px; margin-left: 10px;}

.about-wp1-intro .more-btn.active .mikeiconfont{text-indent: 0;}
.about-wp1-intro .more-btn.active .mikeiconfont,.about-wp1-intro .more-btn:hover .mikeiconfont{filter: alpha(opacity: 70); -webkit-opacity: .7; -moz-opacity: .7; -ms-opacity: .7; -o-opacity: .7; opacity: .7;}






.about-wp2{background-image: url(../Images/about-bg2.jpg); padding: 12% 0; color: #fff;}
.about-wp2 .wrapper{font-size: 0; text-align: center;}
.about-wp2 .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 740px; max-width: 100%; position: relative; padding: 30px;}
.about-wp2 .text .bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5; position: absolute; left: 0; top: 0; z-index: 1;}
.about-wp2 .about-title{position: relative; z-index: 2;}
.about-wp2 .about-text{max-width: 740px; color: rgba(255,255,255,.7); position: relative; z-index: 2; color: #fff;}

.about-wp3{padding-top: 9%; padding-bottom: 9%;}
.about-wp3-top .about-text{text-align: center;}



.about-vr{position: relative; height: 100%;}
.about-vr .iframe{width: 100%; height: 100%;}




.about-wp4{padding: 10% 0;}
.about-recruit{max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 8%;}


.about-recruit ul{border-top: 1px solid #e5e5e5;}
.about-recruit li{overflow: hidden; padding: 60px 0; border-bottom: 1px solid #e5e5e5;}
.about-recruit .left{margin-right: 34%;}
.about-recruit .right{max-width: 22%; float: right; text-align: right;}
.about-recruit .ch{font-size: 18px; font-weight: bold; color: #c60813; margin-bottom: 3px;}
.about-recruit .en{font-family: "Arial"; font-size: 32px; text-transform: uppercase; color: #aaa; margin-bottom: 7px;}
.about-recruit .mikeiconfont{font-size: 18px; color: #aaa;}
.about-recruit .aw{vertical-align:top;width:12px;height:15px;background:url(../Images/aw2.png)}
.about-recruit .title{font-size: 24px; color: #333; margin-bottom: 15px;}
.about-recruit .desc{font-size: 16px!important; color: #666; height: 112px; line-height: 28px!important; overflow: hidden;}
.about-recruit .more{height: 28px; line-height: 28px; font-size: 16px; margin-top: 8px;}
.about-recruit .more a{color: #333;}
.about-recruit .more a:hover{color: #333!important;}
/*开发服务*/
.serdonghua{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}
.Aservices-main.swiper-container{width: 100%; height: 100%;}
.Aservices{overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
.Aservices dl{display: block; width: 100%; height: 100%; position: relative;}
.Aservices dl dd{width: 50%; height: 100%; background: #dd0518; position: absolute; left: 0; top: 0; color: #fff; font-size: 0; text-align: left; z-index: 2; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
.Aservices dl dd .text-box{display: inline-block; *display: inline; *zoom: 1; width: 62%; vertical-align: middle; text-align: left; padding-left: 20%;}
.Aservices dl dd .text-box .title{font-size: 40px;}
.Aservices dl dd .text-box .desc{font-size: 16px; line-height: 30px; margin: 26px 0; text-align: justify;}

.Aservices dl dd .text-box .desc p{padding: 6px 0 6px 0px; line-height: 30px; position: relative;}
.Aservices dl dd .text-box .desc p i{display: block; width: 8px; height: 8px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 16px;}
.Aservices dl dd .text-box .sbtn{margin-top: 10%;}
.Aservices dl dd .text-box .sbtn a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 20px; height: 36px; line-height: 36px; border: 1px solid #fff; -webkit-border-radius: 18px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0 26px; margin-right: 20px; color: #fff;}
.Aservices dl dd .text-box .sbtn a:hover{color: #fff!important;}
.Aservices-main .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #dd0518;}
.Aservices.swiper-slide-active dl dd{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}


.serAlist ul{margin: 0 -10px;}
.serAlist li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; line-height: 30px;}
.serAlist li .item{margin: 0 10px;}



.serBlist{margin-top: 26px; max-width: 80%;}
.serBlist li{float: left; max-width: 33.33%; *max-width: 33.31%; *zoom: 1;}
.serBlist li a{display: block; margin: 2px;}


.Aservices-caselist{background: #444; overflow: hidden; font-size: 0; text-align: center;}
.Aservices-caselist > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.Aservices-caselist ul{width: 100%;}
.Aservices-caselist li a{display: block;}
.Aservices-caselist li .pic{overflow: hidden;}
.Aservices-caselist li .pic img{width: 100%; transition: all .6s; z-index: 1;}
.Aservices-caselist li:hover .pic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.Aservices-caselist li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; color: #fff; opacity: 0; visibility: hidden; transition: all .5s; font-size: 0; text-align: center;}
.Aservices-caselist li .maskbg{background: #000; filter: alpha(opacity: 50); -webkit-transform: opacity .5; -ms-transform: opacity .5; -o-transform: opacity .5; opacity: .5;}
.Aservices-caselist li .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 100%;}
.Aservices-caselist li .textbox{padding: 0 30px;}
.Aservices-caselist li .title{font-size: 20px;}
.Aservices-caselist li .line{width: 26px; height: 1px; background: #fff; margin: 16px auto;}
.Aservices-caselist li .desc{font-size: 15px;}
.Aservices-caselist li:hover .mask{opacity: 1; visibility: visible;}



/*鍐呴〉闈㈠寘灞戝鑸�*/
.pageMenu { overflow:hidden; width:100%; height:50px; line-height:47px; border-bottom:1px solid #e3e3e3;  background-color:#fff;margin-bottom: 50px;margin-top: 0px;}
.pageMenu .mbxNav{ overflow:hidden; float:left}
.pageMenu .mbxNav li{ float:left; font-size:14px; color:#666; margin:0 5px;}
.pageMenu .mbxNav li em{ margin-left:5px;}
.pageMenu .mbxNav li a{ color:#666;}
.pageMenu .mbxNav li.home{ width:50px; height:50px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:url(../Images/mbxnav_home.png) no-repeat center; margin-right:10px; margin-left:0}
.pageMenu .mbxNav li.home a{ display:block; width:100%; height:100%;}
.pageMenu .mbxNav li.last{ color:#3e3c3d;}
.pageMenu .pageErjiNav{ overflow:hidden; float:right;}
.pageMenu .pageErjiNav li{ float:left; height:49px; font-size:14px; color:#666; margin-left:40px;}
.pageMenu .pageErjiNav li a{ color:#666; text-decoration:none}
.pageMenu .pageErjiNav li.cur,.pageMenu .pageErjiNav li:hover{ border-bottom:1px solid #3e3c3d;}
.pageMenu .pageErjiNav li.cur a, .pageMenu .pageErjiNav li:hover a{ color:#3e3c3d; font-weight:bold} 