@charset "utf-8";
/*鍏叡鏍峰紡*/

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;}



.cuiniu p{ line-height:36px; font-size:2.15rem;}




/*鍟嗘ˉ浠ｇ爜*/
.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;}
/*澶撮儴*/






.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: 24px; 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:135px;}
.index-service-slider .text *{color: #333;}
.index-service-slider .title{font-size: 26px; color:#ff5400;}
.index-service-slider .text p{color:#ff5400;}
.index-service-slider .text img{display: block; margin: 34px 0;}
.index-service-slider .desc{font-size: 14px; line-height: 2.5; margin-right: 50px; margin-top:40px;}
.index-service-slider .desc p{ padding:10px; background:#F96; color:#fff; margin-top:15px;}
.index-service-slider .desc p a{ color:#fff;}


.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; font-size:18px;}
.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;filter: alpha(opacity: 50); -webkit-transform: opacity .5; -ms-transform: opacity .5; -o-transform: opacity .5; opacity: .5;visibility: hidden; transition: all .5s; font-size: 0; text-align: center; background:#000; }
.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%; height:100%;}
.web-case-list li .textbox{padding: 50% 30px; height:100%;}
.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:80px 0;}
.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 .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: 334px; 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; line-height:45px;}
.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: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}
.sem-news-first .desc{height: 75px; line-height: 25px; font-size:16px; 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;}






























@media only screen and (max-width: 1399px){
	/*澶撮儴*/
	.navbar .container{margin: 0 20px;}
	.nav_collapse ul > li{padding: 0 10px;}
	.nav_collapse ul > li > a{padding: 0 3px;}
	.subnav{left: 10px;}
}

@media only screen and (max-width: 1299px){
	.wrapper{width: 1060px;}
	/*澶撮儴*/
	.nav_collapse{margin-right: 16px;}
	/*搴曢儴*/
	.foot-nav{min-width: 70px; margin-right: 50px;}
	/*棣栭〉*/
	.index-service-slider .text{margin-top: 44px;}
	.index-service-slider .text img{margin: 20px 0;}
	.index-team-text{padding-bottom: 6px;}
	.index-team-text .text{margin-left: 15px; padding-left: 58px;}
	.index-team-text .title i{margin-right: 6px;}
	/*鍐呴〉骞垮憡鍥�*/
	.ny-banner{height: 304px;}
	
	/*缃戠珯寤鸿---琛屼笟*/
	.web-industry-table li .item{padding: 20px 6px;}
	/*缃戠珯寤鸿---鍔犲叆鎴戜滑*/
	.web-join-title{font-size: 46px; margin-top: 14px;}
	.web-join-name{margin-top: 20px;}
	.web-join-marks{margin-top: 66px;}
	.web-join-enname{font-size: 32px; margin-top: 20px;}
	/*缃戠珯寤鸿---鍥㈤槦椋庨噰*/
	.web-team-wp50{width: 500px;}
	.web-team-pic .txt{padding: 30px 20px 30px 10%;}
	.web-team-pic .title{font-size: 30px;}
	.web-team-pic .measure-area span{font-size: 30px;}
	.web-team-text li .mask{padding: 0 18px 0 30px;}
	.web-team-text li .title span{font-size: 48px;}
	.web-team-text li .title span i{font-size: 22px; margin-left: 12px;}
	/*缃戠珯寤鸿---鏂伴椈*/
	.web-news-row .title{margin-bottom: 20px;}
	.web-news-first{width: 380px;}
	.web-news-first .pic{height: 248px;}
	.web-news-list{margin-right: 380px;}
	.web-news-list ul{margin: 0 30px;}
	.web-news-list li{padding: 16px 0 20px 0;}
	/*妗堜緥鍒楄〃*/
	.case-menu li{font-size: 16px;}
	.case-menu li a{padding: 0 14px;}
	.pcase-list li .pic{height: 252px;}
	/*sem*/
	.sem-banner .text{width: 640px; font-size: 26px; margin-top: 3%;}
	.sem-banner .pic{margin-left: 660px;}
	.sem-whyus-box ul{margin: 0 -8px;}
	.sem-whyus-box li .item{margin: 14px 8px; padding: 60px 8px;}
	.sem-whyus-box li .desc{font-size: 14px;}
	.sem-commitment-box ul{margin: 0 -8px;}
	.sem-commitment-box li .item{margin: 14px 8px; padding: 50px 22px;}
	.sem-process-box{padding: 0;}
	.sem-process-text{width: 320px;}
	.sem-process-text .desc{font-size: 18px;}
	.sem-process-list{margin-left: 350px;}
	.sem-process-list ul{margin: 0 -8px;}
	.sem-process-list li .item{margin: 4px 8px;}
	.sem-case-tabtit{width: 204px;}
	.sem-case-tabtit li{padding-left: 30px;}
	.sem-case-tabcont{margin-left: 228px;}
	.sem-case-item ul{margin: 0 -8px;}
	.sem-case-item li .item{margin: 0 8px;}
	.sem-case-item li .title{margin-left: 26px;}
	.sem-case-item li .bx span{width: 110px;}
	.sem-case-item li .bx em{margin-left: 111px; padding-left: 16px;}
	.sem-team-box dd li .num{font-size: 50px;}
	.sem-team-box dd li .desc{font-size: 14px;}
	.sem-msg-list ul{margin: 0 -6px;}
	.sem-msg-list li .item{margin: 10px 6px; padding-left: 10%;}
	.sem-msg-form ul{margin: 0 -6px;}
	.sem-msg-form li .item{margin: 10px 6px;}
	.sem-msg-form li .submit-btn{font-size: 18px;}
	/*seo*/
	.seo-banner .pic{margin-top: 22px;}
	.seo-commitment-box ul{margin: 0 20px;}
	.seo-commitment-box li .item{margin: 14px 20px; padding: 50px 0;}
	
	.seo-process-slider li .desc{font-size: 13px;}

	/*闃块噷*/
	.ali-banner .text{max-width: 530px;}
	.ali-banner .pic{margin-left: 560px;}

	.ali-banner .title{font-size: 36px;}
	.ali-banner .tname{font-size: 24px;}
	.ali-tips .text p.t1,.ali-tips .text p.t2{font-size: 28px;}
	.ali-tips .text p.t3{font-size: 38px;}
	.seo-question-box li .item{padding: 20px 10px 20px 20px;}
	.seo-question-box li .title{font-size: 20px;}
	.ali-worry-box li .title{font-size: 20px;}
	.ali-security-box li .item{padding: 40px 18px;}
	.ali-security-box li .title .mikeiconfont{font-size: 52px;}
	.ali-security-box li .desc{font-size: 17px;}

	/*鏁翠綋澶栧寘*/
	.outsource-service-box ul{margin: 0 -4px;}
	.outsource-service-box li .item{margin: 4px; padding: 30px 4px; padding-left: 16px;}
	.outsource-service-box li .title{font-size: 20px;}
	.outsource-service-box li .desc{max-height: 136px;}
	/*鍏充簬鎴戜滑*/
	.about-banner{height: 400px;}
	/*鑱旂郴鎴戜滑*/
	.contact-banner .ban-row p{font-size: 38px;}
	.contact-banner .ban-row h4{font-size: 58px;}
	/*寮€鍙戞湇鍔�*/
	.Aservices dl dd .text-box{padding-left: 10%; width: 72%;}
}

@media only screen and (max-width: 1199px){
	/*澶撮儴*/
	#header{height: 80px;}
	.logo{height: 36px;}
	.navbar .container{margin: 0 20px;}
	.nav_collapse{margin-right: 20px;}
	.nav_collapse ul > li{height: 80px; line-height: 80px; font-size: 14px; padding: 0 6px;}
	.nav_collapse ul > li > a{height: 40px; line-height: 40px; margin-top: 20px;}
	.htel{line-height: 80px; font-size: 16px;}
	.subnav{left: 6px;}
}

@media only screen and (max-width: 1099px){
	.wrapper{width: 970px;}
	
	/*搴曢儴*/
	.foot-nav{min-width: 90px; margin-right: 70px;}
	/*棣栭〉*/
	.index-team .web-team-pic .text{width: 60%;}
	.index-service-tabtit li{font-size: 16px;}
	/*缃戠珯寤鸿---鍔犲叆鎴戜滑*/
	.web-join-title{font-size: 36px;}
	.web-join-marks{margin-top: 56px; font-size: 42px;}
	/*缃戠珯寤鸿---鍥㈤槦椋庨噰*/
	.web-team-wp50{width: 450px;}
	.web-team-pic .text{max-width: 60%;}
	.web-team-text li .title{margin-bottom: 20%;}

	/*sem*/
	.sem-banner .text{width: 560px; font-size: 22px;}
	.sem-banner .pic{margin-left: 580px;}
	.sem-whyus-box ul{margin: 0 -4px;}
	.sem-whyus-box li .item{margin: 14px 4px; padding: 60px 4px;}
	.sem-whyus-box li .title{font-size: 22px;}
	.sem-commitment-box ul{margin: 0 -4px;}
	.sem-commitment-box li .item{margin: 14px 4px;}
	.sem-process-text{width: auto; float: none; margin-top: 0; text-align: center;}
	.sem-process-text .desc{margin-top: 12px;}
	.sem-process-text .more{margin-top: 20px;}
	.sem-process-list{margin-left: 0; margin-top: 14px;}
	.sem-news-first .pic{width: 200px;}
	.sem-news-first .text{margin-left: 216px;}
	/*seo*/

	.seo-question-box ul{margin: 0 -8px;}
	.seo-question-box li .item{margin: 8px; padding: 20px 10px 20px 20px;}
	.seo-question-box li .title{font-size: 22px;}
	
	.seo-process-slider ul{margin: 0 -3px;}
	.seo-process-slider li .item{margin: 3px;}
	.seo-process-slider li .desc{padding: 25px 4px;}
	
	.seo-service-box ul{margin: 0 -10px;}
	.seo-service-box li .item{margin: 10px; padding: 34px 10px;}
	.seo-service-box li .mikeiconfont{font-size: 64px;}
	/*闃块噷*/
	.ali-banner .text{max-width: 440px;}
	.ali-banner .pic{margin-left: 470px;}
	.ali-banner .title{font-size: 30px;}
	.ali-banner .tname{font-size: 20px;}
	.ali-tips .mikeiconfont{font-size: 54px;}
	.ali-tips .text{margin: 0 4%;}
	.ali-worry-title span{font-size: 37px;}
	.ali-worry-title span i{height: 18px;}
	.ali-worry-box li .title{font-size: 18px;}
	.ali-security-box li .item{padding: 40px 8px;}
	/*妗堜緥鍒楄〃*/
	.pcase-list li .pic{height: 228px;}
}



@media only screen and (max-width: 991px){
	
	/*棣栭〉*/
	.index-banner{margin-top: 50px;}
	.index-banner .slick-dots{bottom: 24px;}
	.index-row{padding: 60px 0;}
	.index-service-tabtit li{font-size: 12px; padding: 0 8px 0 22px;}
	.index-service-tabtit li i{left: 6px;}
	.index-service-tabtit .prevnext .mikeiconfont{font-size: 12px;}
	.index-service-box{margin-top: 40px; padding-left: 34px;}
	.index-service-slider .text{width: 220px; margin-top: 14px;}
	.index-service-slider .title{font-size: 20px;}
	.index-service-slider .desc{font-size: 16px; margin-right: 16px;}
	.index-service-slider .pic{margin-left: 220px;}
	.index-solution{padding: 40px 0!important;}
	.index-solution-slider{padding: 0 50px; margin-top: 36px;}
	.index-solution-slider .slick-slide .text{margin-top: 40px;}
	.index-solution-slider .slick-slide .title{margin-top: 20px;}
	.index-solution-slider .slick-prev{left: 0;}
	.index-solution-slider .slick-next{right: 0;}
	.index-about-box li .item{margin: 20px 14px;}
	.index-about-box li .num > *{font-size: 40px;}
	.index-about-more{margin-top: 26px;}
	.index-about-more a{font-size: 22px; padding: 14px 64px;}
	.index-team-title{text-align: center; padding: 30px 10px;}
	.index-team-title h2{font-size: 24px;}
	.index-team-title p{font-size: 15px; margin-top: 8px; line-height: 1.6;}
	.index-team .web-team > *{width: auto; display: block!important;}
	.index-team .web-team .web-team-text .web-team-wp50{margin-right: 0;}
	/*骞垮憡鍥惧垏鎹�*/
	.banner{margin-top: 54px;}
	.banner .slick-slide{background-size: cover;}
	.banner img{width: 1068px;}
	.arrows-ban .bpage{font-size: 16px;}
	.arrows-ban .prev,.arrows-ban .next{width: 84px; height: 38px; line-height: 38px;}
	.arrows-ban .prev .mikeiconfont,.arrows-ban .next .mikeiconfont{font-size: 14px;}
	/*鍐呴〉骞垮憡鍥�*/
	.ny-banner{margin-top: 54px;}
	/*缃戠珯寤鸿---鏈嶅姟*/
	.web-service-box li .mask{left: 30px; right: 30px;}
	.web-service-box li .title{font-size: 22px; line-height: 1.5;}
	.web-service-box li .line{margin-top: 10px;}
	/*缃戠珯寤鸿---琛屼笟*/
	.web-industry-table li{width: 25%; *width: 24.98%;}
	.web-industry-table li .mikeiconfont{font-size: 38px;}
	.web-industry-table li .title{margin-top: 16px; font-size: 22px;}
	.web-industry-table li .desc{font-size: 14px;}
	/*缃戠珯寤鸿---妗堜緥*/
	.case-type{top: -60px;}
	.case-type li{font-size: 16px; margin: 0 8px;}
	/*缃戠珯寤鸿---鍔犲叆鎴戜滑*/
	.web-join-text{margin-right: 0;}
	.web-join-title{font-size: 30px;}
	.web-join-marks{margin-top: 46px;}
	.web-join-name{margin-top: 14px;}
	.web-join-enname{font-size: 26px;}
	/*缃戠珯寤鸿---鍥㈤槦椋庨噰*/
	.mt72{}
	.web-team-wp50{width: auto;}
	.web-team-pic .web-team-wp50{width: 100%; right: auto; left: 0;}
	.web-team-pic .text{max-width: 60%; margin-left: 20px;}
	.web-team-pic .txt{padding: 14px 18px;}
	.web-team-pic .title{font-size: 24px;}
	.web-team-pic .desc{font-size: 13px;}
	.web-team-pic .measure-area{font-size: 13px; margin-top: 16px;}
	.web-team-pic .measure-area span{font-size: 24px;}
	.web-team-pic .more{right: 18px; bottom: 20px;}
	.web-team-text .web-team-wp50{margin-right: 20px;}
	.web-team-text li .mask{padding: 0 12px;}
	.web-team-text li .title{font-size: 13px;}
	.web-team-text li .title span{font-size: 34px;}
	/*缃戠珯寤鸿---鏂伴椈*/
	.web-news-tabtit{width: auto; float: none;}
	.web-news-tabtit ul{font-size: 0; text-align: center; border-top-width: 0;}
	.web-news-tabtit li{display: inline-block; *display: inline; *zoom: 1; border: 1px solid #ddd; padding: 0 30px!important; height: 44px; line-height: 44px; margin: 0 6px;}
	.web-news-tabtit li.active{background: #dd0518; color: #fff; border-color: #dd0518;}
	.web-news-tabtit li i{display: none;}
	.web-news-tabcont{margin-left: 0;}
	.web-news-row{margin-top: 30px;}
	.web-news-list ul{margin-left: 0; margin-right: 30px;}
	/*鍒楄〃鍒嗛〉*/
	#pagination{padding: 50px 0;}
	/*妗堜緥鍒楄〃*/
	.case-menu ul{padding: 20px 0;}
	.case-menu li{font-size: 16px;}
	.case-list li{margin-bottom: 30px;}
	.pcase-list li .pic{height: 260px;}
	/*妗堜緥璇︽儏*/
	.caseview-ban{height: 40%; text-align: left; margin-top: 54px;}
	.caseview-banbox .mike-title{font-size: 28px;}
	.caseview-banbox .desc{font-size: 20px;}
	.caseview-info .left .title{font-size: 28px;}
	.caseview-info .left p{margin-left: 14px;}
	.caseview-info .bdsharebuttonbox{margin-left: 8px;}
	.caseview-info .right{margin-top: 30px;}
	.caseview-info .right .desc{font-size: 16px;}
	.caseview-body{padding: 20px 0;}
	.caseview-body img{max-width: none; width: 130%!important; margin-left: -15%;}
	.caseportletNews ul{margin: 0 -30px;}
	.caseportletNews li .item{margin: 5px 30px;}
	.case-portlet li .mask{left: 0!important;}
	.case-portlet li .title{padding: 15px; font-size: 18px;}
	/*妗堜緥璇︽儏涓€*/
	.casedetails-left .lbox{margin-right: 0!important;}
	.casedetails-note .title{font-size: 20px; margin-bottom: 16px;}
	.casedetails-right{margin-top: 20px;}
	/*sem*/
	.sem-banner{bottom: 32%;}
	.sem-banner .text{width: 440px; font-size: 18px;}
	.sem-banner .pic{margin-left: 460px;}
	.sem-row{padding: 40px 0;}
	.sem-whyus-box{margin-top: 22px;}
	.sem-whyus-box li .item{margin: 8px; padding: 40px 16px;}
	.sem-whyus-box li .mikeiconfont{font-size: 66px;}
	.sem-whyus-box li .title{font-size: 20px;}
	.sem-commitment-box{margin-top: 14px;}
	.sem-commitment-box li .item{margin: 8px 4px; padding: 40px 16px;}
	.sem-commitment-box li .title{font-size: 22px;}
	.sem-commitment-box li .desc{font-size: 16px;}
	.sem-case-box{margin-top: 30px;}
	.sem-case-tabtit{width: 166px;}
	.sem-case-tabtit li{height: 60px; line-height: 60px; padding-left: 24px;}
	.sem-case-tabtit li .mikeiconfont{font-size: 30px; margin-right: 8px;}
	.sem-case-tabcont{margin-left: 180px;}
	.sem-case-item ul{margin: 0 -3px;}
	.sem-case-item li .item{margin: 0 3px;}
	.sem-case-item li .pic{height: 110px; line-height: 110px; *font-size: 81px;}
	.sem-case-item li .title{margin-left: 12px;}
	.sem-case-item li .bx{font-size: 13px;}
	.sem-case-item li .bx span{width: 80px;}
	.sem-case-item li .bx em{margin-left: 81px; padding-left: 12px;}
	.sem-team-box{margin-top: 30px;}
	.sem-team-box dl{margin: 0 -3px;}
	.sem-team-box dd .item{margin: 0 3px;}
	.sem-team-box dd .pic{margin-bottom: 6px;}
	.sem-team-box dd.n2 .pic{margin-top: 6px;}
	.sem-team-box dd ul{margin: 0 -3px;}
	.sem-team-box dd li .litem{margin: 0 3px; height: 140px;}
	.sem-team-box dd li .num{font-size: 40px;}
	.sem-team-box dd li .desc{font-size: 12px;}
	.sem-news-box{margin-top: 30px;}
	.sem-news-tabrow,.sem-news-list{width: auto; float: none;}
	.sem-news-list{margin-top: 16px;}
	/*seo*/
	
	.seo-question-box{margin-top: 10px;}
	.seo-question-box li .item{padding: 12px 6px;}
	.seo-question-box li .left{width: 100px;}
	.seo-question-box li .left .mikeiconfont{width: 58px; height: 58px; line-height: 58px; left: 16px; top: 14px; font-size: 28px;}
	.seo-question-box li .text{margin-left: 110px; margin-top: 8px;}
	.seo-question-box li .title{font-size: 20px;}

	.seo-commitment-box{margin-top: 20px;}
	.seo-commitment-box ul{margin: 0 10px;}
	.seo-commitment-box li .item{margin: 8px 10px; padding: 40px 0;}
	.seo-commitment-box li .title{font-size: 22px;}
	.seo-commitment-box li .desc{font-size: 16px;}


	.seo-process-box{margin-top: 20px;}
	.seo-process-slider{padding-bottom: 24px;}
	.seo-process-slider li .title{font-size: 20px;}
	.seo-service-box{margin-top: 12px;}
	/*闃块噷*/
	.ali-banner{bottom: 20%;}
	.ali-banner .pic{padding-bottom: 20px;}

	.ali-tips .mikeiconfont{font-size: 44px;}
	.ali-tips .text p.t1,.ali-tips .text p.t2{font-size: 22px;}
	.ali-tips .text p.t3{font-size: 32px;}

	.ali-question .seo-question-box li .text{margin-top: 15px;}


	.ali-worry-box img{width: 120%; max-width: none; position: relative; left: -10%;}
	.ali-worry-box ul{padding: 0;}
	.ali-worry-box li .icon{top: 28%;}
	.ali-security-box{margin-top: 22px;}
	.ali-security-box li .item{padding: 30px 28px;}
	.ali-security-box li .desc{height: 60px;}


	/*鏁翠綋澶栧寘*/
	.outsource-banner img{max-width: 100%; width: auto; height: auto;}
	.outsource-service-box{margin-top: 18px;}
	.outsource-service-box li .title{height: 60px;}


	.outsource-case .sem-case-item li .pic{height: 110px; line-height: 110px; *font-size: 81px;}
	/*鍒楄〃鍒嗛〉*/
	#pagination{padding: 50px 0;}
	/*鏂伴椈鍒楄〃*/
	.news-menu{margin-bottom: 18px;}
	.news-menu ul{margin: 0 -10px;}
	.news-menu li{padding: 6px 10px; font-size: 13px;}
	.news-list li{margin-bottom: 30px;}
	.news-list li .item{padding: 25px 6% 34px 6%;}
	/*鏂伴椈璇︽儏*/
	.details-left .lbox{margin-right: 20px;}
	.caseRecommend li .title{font-size: 16px;}
	.caseRecommend li .line{margin-top: 10px; margin-bottom: 6px;}
	.caseRecommend li .desc{font-size: 14px;}
	/*tag鍒楄〃*/
	.newsnav{padding: 15px 0;}
	/*鑱旂郴鎴戜滑*/
	.contact-banner .ban-row p{font-size: 28px;}
	.contact-banner .ban-row h4{font-size: 48px;}
	.contact-intro .pull-left h3{font-size: 40px; margin-bottom: 14px;}
	.contact-intro .pull-left p{font-size: 20px; margin-bottom: 14px;}
	.contact-intro .pull-left ul{margin-bottom: 14px;}
	/*寮€鍙戞湇鍔�*/
	.Aservices-main.swiper-container{height: calc(100% - 54px); padding-top: 54px;}
	.Aservices dl dd .text-box{width: 90%; padding-left: 5%;}
	.Aservices dl dd .text-box .title{font-size: 32px;}
	.Aservices dl dd .text-box .desc{font-size: 15px;}
	.Aservices dl dd .text-box .sbtn a{font-size: 18px;}
	.serAlist li{font-size: 15px;}
	.serBlist{max-width: none;}
	/*鍏充簬鎴戜滑*/
	.about-title{font-size: 44px;}
	.about-wp1-box{margin-top: 40px;}
	.about-wp2 .text{display: block!important; max-width: none; width: auto;}
}

@media only screen and (max-width: 767px){
	
	/*棣栭〉*/
	.index-row{padding: 40px 0;}
	.index-title{font-size: 24px;}
	.index-desc{font-size: 14px; line-height: 2; margin-top: 16px;}
	.index-banner .slick-slide{height: 220px;}
	.index-banner .slick-dots{bottom: 10px;}
	.index-serviceweb-box{margin-top: 20px;}
	.index-serviceweb-box li{margin-bottom: 14px;}
	.index-serviceweb-box li img{width: 100%}
	.index-serviceweb-box li .title{font-size: 18px; text-align: center; margin-top: 8px;}
	.index-solution{padding: 30px 0!important;}
	.index-solution-slider{margin-top: 26px;}
	.index-solution-slider{margin-left: -3px; margin-right: -3px; padding: 0 30px;}
	.index-solution-slider .slick-slide .item{padding: 20px 16px; margin: 0 3px;}
	.index-solution-slider .slick-slide .tp i{width: 42px;}
	.index-solution-slider .slick-slide .text{margin-top: 20px;}
	.index-solution-slider .slick-slide .desc{margin-top: 12px;}
	.index-solution-slider .slick-prev,.index-solution-slider .slick-next{font-size: 26px; margin-top: -14px;}
	.index-about-box ul{margin: 0 -5px;}
	.index-about-box li .item{margin: 10px 5px;}
	.index-about-box li .num > *{font-size: 30px;}
	.index-about-box{margin-top: 10px;}
	.index-about-box li .desc{font-size: 14px;}
	.index-about-more{margin-top: 20px;}
	.index-about-more a{font-size: 18px; padding: 10px 44px; border-width: 2px;}
	.index-team-title h2{font-size: 23px;}
	.index-team .web-team-pic .web-team-wp50{position: static;}
	.index-team .web-team-pic .text{width: auto; float: none;}
	/*骞垮憡鍥惧垏鎹�*/
	.banner img{width: 420px;}
	/*title*/
	.mike-title{font-size: 20px;}
	.mike-entitle{font-size: 15px;}

	.inner-entitle{font-size: 24px;}
	.inner-title span{font-size: 18px; margin-top: 2px;}

	.inner-more{margin-top: 20px;}
	/*鍐呴〉骞垮憡鍥�*/
	.ny-banner{height: 260px;}
	.ban-next{bottom: 14px;}
	/*鍒楄〃鍒嗛〉*/
	#pagination{padding: 30px 0;}
	/*缃戠珯寤鸿---鏈嶅姟*/
	.web-service{padding: 30px 0 40px 0;}
	.web-service-box{margin-top: 12px;}
	.web-service-box li .title{font-size: 20px;}
	.web-service-box li .mask{left: 15px; right: 15px; top: 25px;}
	/*缃戠珯寤鸿---琛屼笟*/
	.web-industry-table{position: static;}
	.web-industry-table .wrapper{margin: 0; padding: 0 1px;}
	.web-industry-table li .item{padding: 30px 3px;}
	.web-industry-table li.active{margin-top: -26px;}
	.web-industry-table li .mikeiconfont{font-size: 30px;}
	.web-industry-table li .title{font-size: 13px; margin-top: 8px;}
	.web-industry-table li .desc{font-size: 10px; margin-top: 8px;}
	/*缃戠珯寤鸿---妗堜緥*/
	.web-case{padding: 40px 0;}
	.case-box{margin-top: 16px;}
	.case-type{position: static;}
	.case-type ul{margin: 0 -8px;}
	.web-case-list{margin-top: 12px;}
	.web-case-list li.odd a{background: #f1f1f1;}
	.web-case-list li .mask{opacity: 1!important; visibility: visible!important; position: static; color: #333;}
	.web-case-list li .textbox{padding: 10px;}
	.web-case-list li .title{font-size: 16px; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	/*缃戠珯寤鸿---鍔犲叆鎴戜滑*/
	.web-join-box{position: absolute; right: 0; top: 0; float: none; z-index: 1;}
	.web-join-text{position: relative; z-index: 2;}
	.web-join-text .tline{height: 11px; margin-top: -5px;}
	.web-join-title{font-size: 26px;}
	.web-join-name{font-size: 16px; padding-left: 54px;}
	.web-join-name i{width: 43px;}
	.web-join-marks{margin-top: 20px; font-size: 30px;}
	.web-join-enname{font-size: 20px; margin-top: 10px;}
	/*缃戠珯寤鸿---鍥㈤槦椋庨噰*/
	.web-team > *{display: block!important; width: auto!important;}
	.web-team-pic .web-team-wp50{position: static;}
	.web-team-pic .text{max-width: none; margin-left: 0;}
	.web-team-pic .txt{padding: 24px 10px;}
	.web-team-pic .more{bottom: 26px;}
	.web-team-text .web-team-wp50{margin: 0;}
	/*缃戠珯寤鸿---鏂伴椈*/
	.web-news{padding: 20px 0 40px 0;}
	.web-news-box{margin-top: 16px;}
	.web-news-tabtit ul{margin: 0 -3px;}
	.web-news-tabtit li{font-size: 14px; padding: 0 16px!important; height: 32px; line-height: 32px; margin: 3px;}
	.web-news-row{margin-top: 14px;}
	.web-news-row .title{margin-bottom: 14px;}
	.web-news-first{width: auto; float: none; padding-bottom: 16px;}
	.web-news-first .pic{height: auto; max-height: 200px; margin-bottom: 16px;}
	.web-news-list{margin-right: 0;}
	.web-news-list ul{margin-right: 0; border-top: 0;}
	/*鍒楄〃鍒嗛〉*/
	#pagination{padding: 20px 0;}
	#pagination ul{margin: 0 -2px;}
	#pagination li{margin: 2px;}
	#pagination li > *{font-size: 13px; height: 26px; line-height: 26px;}
	/*妗堜緥鍒楄〃*/
	.case-menu ul{padding: 14px 0; margin: 0 -2px;}
	.case-menu li{margin: 2px; font-size: 15px;}
	.case-menu li a{min-width: 60px; padding: 0 10px;}
	.case-list ul{margin: 0 -4px;}
	.case-list li{margin-bottom: 15px;}
	.case-list li .item{margin: 0 4px;}
	.case-list li .title{font-size: 14px; margin-top: 10px; height: 26px; line-height: 26px;}
	.case-list li .title span{font-size: 14px;}
	.case-list li .desc{font-size: 13px; height: 22px; line-height: 22px;}
	/*妗堜緥璇︽儏*/
	.caseview-banbox{top: auto; bottom: 15%;}
	.caseview-banbox .mike-title{font-size: 24px;}
	.caseview-banbox .desc{margin-top: 8px; font-size: 16px;}
	.caseview-info .left .title{font-size: 20px;}
	.caseview-info .left p{margin-left: 12px;}
	.caseview-info .bdsharebuttonbox{margin-left: 6px;}
	.caseview-info .right .desc{font-size: 14px;}
	.caseview-prevnext li.prev .item{border-right: 0; border-bottom: 1px solid #ccc;}
	.case-portlet{padding: 0;}
	.case-portlet li .title{padding: 5px;}
	/*妗堜緥璇︽儏涓€*/
	.case-stlist{padding-bottom: 16px;}
	.case-stlist ul{margin-right: -4px;}
	.case-stlist li{font-size: 13px; margin-right: 4px; margin-bottom: 4px;}
	.case-stlist li a{height: 34px; line-height: 34px; padding: 0 10px;}
	.casedetails-note .pic{width: auto; float: none;}
	.casedetails-note .text{width: auto; float: none; margin-top: 15px;}
	.casedetails-tag{margin-top: 10px;}
	.casedetails-tabtit{height: auto; border-bottom: 0 none;}
	.casedetails-tabtit ul{margin: 0 -2px;}
	.casedetails-tabtit li{width: 50%; *width: 49.98%; margin: 0; border: 0 none!important; padding: 0; height: auto;}
	.casedetails-tabtit li .item{background: #ccc; margin: 2px; height: 46px; line-height: 46px; font-size: 15px;}
	.casedetails-tabtit li.active .item{background: #dd0518; color: #fff;}
	.casedetails-video{height: 200px;}


	.casedetails-rtitle{font-size: 19px;}
	
	/*sem*/
	.sem-banner .text{width: auto; float: none; font-size: 16px;}
	.sem-row{padding: 30px 0;}
	.sem-whyus-box{margin-top: 12px;}
	.sem-case-tabtit{width: auto; float: none; border: 0; background: none;}
	.sem-case-tabtit ul{font-size: 0; text-align: center; margin: 0 -3px;}
	.sem-case-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 3px; border: 1px solid #ddd; height: 40px; line-height: 40px; padding: 0 16px 0 12px; background: #fff;}
	.sem-case-tabtit li .mikeiconfont{font-size: 22px; margin-right: 4px;}
	.sem-case-tabtit li span{font-size: 14px;}
	.sem-case-tabtit li.active .bg{right: -1px;}
	.sem-process-text .desc{font-size: 15px; margin-top: 5px;}
	.sem-process-text .more{margin-top: 10px;}
	.sem-process-list li .title{font-size: 18px; margin-top: 10px;}
	.sem-case-box{margin-top: 10px;}
	.sem-case-tabcont{margin-left: 0; margin-top: 14px;}
	.sem-case-item li .item{margin: 5px 3px;}
	.sem-team-box{margin-top: 14px;}
	.sem-team-box dd{margin-bottom: 6px;}
	.sem-team-box dd li .litem{height: auto;}
	.sem-team-box dd li .text{display: block!important; max-width: none; padding: 16px 5px 40px 10px;}
	.sem-news-box{margin-top: 16px;}
	.sem-news-box dt{height: 44px; line-height: 44px;}
	.sem-news-box dt li{font-size: 15px; padding: 0 9px 0 8px;}
	.sem-news-tabrow dl{padding: 0 10px;}
	.sem-news-first{padding: 14px 0;}
	.sem-news-first .pic{width: 122px; height: 80px;}
	.sem-news-first .text{margin-left: 132px;}
	.sem-news-first .time{font-size: 12px;}
	.sem-news-first .title{font-size: 15px; height: 24px; line-height: 24px; margin-top: 0;}
	.sem-news-first .desc{font-size: 12px; height: 40px; line-height: 20px; -webkit-line-clamp: 2; margin-top: 4px; margin-bottom: 8px;}
	.sem-news-first .more{font-size: 15px;}
	.sem-news-first .more .mikeiconfont{font-size: 14px;}
	.sem-news-tablist ul{padding: 10px 0;}
	.sem-news-list dl{padding: 0 10px;}
	.sem-news-list dd ul{padding: 14px 0;}
	.sem-msg-title{padding: 14px 10px; margin-top: 10px;}
	.sem-msg-title .mikeiconfont{font-size: 20px; margin-top: 4px;}
	.sem-msg-title span{margin-left: 28px; line-height: 24px;}
	.sem-msg-list{margin-top: 8px;}
	.sem-msg-list li .item{padding: 0 20px;}
	.sem-msg-list li .mikeiconfont{margin-top: 25px;}
	.sem-msg-form{padding-top: 6px;}
	.sem-msg-form li .input,.sem-msg-form li .submit-btn{height: 46px; line-height: 46px;}
	/*seo*/
	.seo-banner{bottom: auto; top: 20px;}
	.seo-banner .desc{font-size: 15px; margin-top: 8px;}
	.seo-question-box li .left{width: 80px; position: absolute; left: 6px; top: 50%; margin-top: -33px;}
	.seo-question-box li .left .mikeiconfont{width: 46px; height: 46px; line-height: 46px; left: 12px; top: 12px; font-size: 20px;}
	.seo-question-box li .text{margin-left: 90px;}
	.seo-question-box li .title{font-size: 16px;}
	.seo-question-box li .desc{font-size: 13px;}
	.seo-whyus{padding-top: 20px!important;}
	.seo-commitment-box ul{margin: 0 -10px;}
	.seo-process-box{margin-top: 10px;}
	.seo-process-slider ul{margin: 0 -8px;}
	.seo-process-slider li .item{margin: 8px;}
	.seo-process-slider li .title{padding: 17px 0;}
	.seo-process-slider li .desc{padding: 18px 10px; height: auto; min-height: 200px;}
	.seo-service-box ul{margin: 0 -5px;}
	.seo-service-box li .item{margin: 5px; padding: 28px 10px;}
	.seo-service-box li .mikeiconfont{font-size: 60px;}
	/*闃块噷*/
	.ali-banner .text{max-width: none;}
	.ali-banner .title{font-size: 26px;}
	.ali-banner .tname{font-size: 16px;}
	.ali-banner .more{width: 120px; height: 34px; line-height: 34px; font-size: 15px;}
	.ali-tips .mikeiconfont{font-size: 20px; margin-top: 0;}
	.ali-tips .text{margin: 0 12px; max-width: 70%; line-height: 1.8;}
	.ali-tips .text p span{display: inline-block;}
	.ali-tips .text p span i{bottom: 2px;}
	.ali-tips .text p.t1,.ali-tips .text p.t2{font-size: 16px;}
	.ali-tips .text p.t3{font-size: 22px;}
	.ali-question .seo-question-box li .item{padding: 6px;}
	.ali-question .seo-question-box li .text{margin-top: 0; margin-left: 80px; height: 40px; padding: 14px 0; font-size: 0;}
	.ali-question .seo-question-box li .text > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
	.ali-question .seo-question-box li .text .mid{width: 0; height: 100%;}
	.ali-service .sem-whyus-box li .item{padding-top: 20px; padding-bottom: 20px;}
	.ali-worry-title{margin-top: 0;}
	.ali-worry-title span{font-size: 22px;}
	.ali-worry-box{overflow-x: auto; margin-left: -50px; margin-right: -50px;}
	.ali-worry-box img{width: 702px; left: 0;}
	.ali-worry-box ul{width: 584px; padding: 0 59px;}
	.ali-worry-box li .title{font-size: 15px; line-height: 1.6;}
	.ali-security-box{margin-top: 12px;}
	.ali-security-box li .desc{height: auto; max-height: none;}

	/*鏁翠綋澶栧寘*/
	.outsource-banner img{height: 124px;}
	.outsource-service-box li .title{height: auto; font-size: 18px; line-height: 1.6;}
	.outsource-service-box li .desc{max-height: none; line-height: 28px;}
	.outsource-service-box li .desc p i{top: 9px;}
	/*闈㈠寘灞戝鑸�*/
	.navigation-crumb{padding: 12px 0; font-size: 14px;}
	.navigation-crumb .mikeiconfont{margin-right: 5px;}
	/*妗堜緥鍒楄〃*/
	.case-list li .pic{height: auto;}
	/*鏂伴椈鍒楄〃*/
	.news-menu{margin-bottom: 16px;}
	.news-menu li{padding: 4px 10px; font-size: 14px;}
	.news-menu li a{height: 22px; line-height: 22px;}
	.news-menu li.active i,.news-menu li:hover i{width: 86%; left: 7%;}
	.news-list li{margin-bottom: 12px;}
	.news-list li .item{padding: 10px; margin-right: 0;}
	.news-list li .time{margin-bottom: 4px;}
	.news-list li .text{padding-left: 120px; height: 78px;}
	.news-list li .pic{width: 110px; height: 78px;}
	.news-list li .title{font-size: 15px; height: 60px; line-height: 20px;}
	/*鏂伴椈璇︽儏*/
	.details-left .lbox{padding: 18px 12px; margin-right: 0;}
	.details-title{font-size: 17px; font-weight: normal; margin-bottom: 10px; text-align: left;}
	.details-tools{font-size: 13px; margin-bottom: 18px; text-align: left;}
	.details-tools i.mikeiconfont{font-size: 16px; margin-right: 6px; vertical-align: -1px;}
	.details-body{padding-bottom: 20px; font-size: 13px;}
	.details-right{margin-top: 10px;}
	.news_change{padding: 14px 12px;}
	.NewRecommend{margin-top: 10px; padding: 8px 12px;}
	/*tag鍒楄〃*/
	.newsnav{padding: 10px 0; font-size: 13px;}
	.tag-list{margin-right: 0;}

	.tag-list li .pic{width: 114px; height: 76px;}
	.tag-list li .text{margin-left: 122px;}
	.tag-list li .title{font-size: 15px; font-weight: normal; height: 20px; line-height: 20px;}
	.tag-list li .time{line-height: 18px; font-size: 12px;}
	.tag-list li .time .mikeiconfont{font-size: 12px;}
	.tag-list li .desc{max-height: 36px; line-height: 18px;}
	/*鑱旂郴鎴戜滑*/
	.contact-banner{height: 160px; margin-bottom: 127px; overflow: visible;}
	.contact-banner .ban-row .wrapper{margin: 0;}
	.contact-banner .ban-row{bottom: -127px;}
	.contact-banner .ban-row .item{padding: 10px;}
	.contact-banner .ban-row p{font-size: 18px;}
	.contact-banner .ban-row h4{font-size: 32px;}
	.contact-maps{height: 240px;}
	.contact-intro .pull-left,.contact-intro .pull-right{float: none!important;}
	.contact-intro .pull-left .item{margin-right: 0;}
	.contact-intro .pull-left h3{font-size: 30px;}
	/*寮€鍙戞湇鍔�*/
	.Aservices dl dd{width: 100%; height: 60%; top: 40%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
	.Aservices dl dd .text-box .title{font-size: 20px;}
	.Aservices dl dd .text-box .desc{margin: 15px 0; font-size: 13px; line-height: 24px;}
	.Aservices dl dd .text-box .desc p{font-size: 13px; line-height: 24px;}
	.Aservices dl dd .text-box .desc p i{top: 13px;}
	.Aservices dl dd .text-box .sbtn{margin-top: 15px;}
	.Aservices dl dd .text-box .sbtn a{font-size: 14px;margin-right: 10px;}
	.Aservices dl dt{width: 100%; height: 40%; position: absolute; left: 0; top: 0; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: cover;}
	.serAlist{margin-top: 20px;}
	.serAlist li{font-size: 13px; line-height: 24px;}
	.serBlist{margin-top: 20px;}

	.Aservices-caselist{background: none;}
	.Aservices-caselist > *{vertical-align: top;}
	.Aservices-caselist li .mask{opacity: 1!important; visibility: visible!important; position: static; color: #333;}
	.Aservices-caselist li .textbox{padding: 10px;}
	.Aservices-caselist li .title{font-size: 16px; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	/*鍏充簬鎴戜滑*/
	.about-title{font-size: 28px;}
	.about-text{font-size: 14px; margin-top: 15px;}
	.about-wp1{padding: 40px 0;}
	.about-wp1-box{margin-top: 20px;}
	.about-wp1-intro .title{font-size: 20px;}
	.about-wp1-intro .title .mikeiconfont{font-size: 24px;}
	.about-wp1-intro .title .left{margin-right: 12px;}
	.about-wp1-intro .title .right{margin-left: 12px;}

	.about-wp2 .text{display: block!important; padding: 15px;}
	.about-vr{height: 50%;}
}








.sucaijiayuan-list{}
.sucaijiayuan-list .dressing{float:left;_display:inline; width:33.3%;} 
.sucaijiayuan-list .dressing_wrap, .sucaijiayuan-list .dressing_wrapB{position: relative;_zoom: 1;border-radius: 2px;background: #F1F1F1;border-style: solid;border-width: 1px;}
.sucaijiayuan-list .skinimg{z-index: 2;border-style: solid;border-width: 2px;border-color: #fff;}
.sucaijiayuan-list .skinimg a{display: block;overflow: hidden;}
.sucaijiayuan-list .skinimg img{display: inline-block;}
.sucaijiayuan-list .skinimg .loading{border-radius: 0;width: 31px;height: 31px;padding-left: 97px;padding-top: 59px;}
.sucaijiayuan-list .dressing_wrap{border-color: #d8d8d8;-webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,1);box-shadow: 0 3px 6px -4px rgba(0,0,0,1);background: #FFF;border: 1px solid #c4c4c4;border-radius: 2px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.21);box-shadow: 0 0 5px 0 rgba(0,0,0,.21);}
.sucaijiayuan-list .information_area{margin-bottom: 11px;}
.sucaijiayuan-list .information_area_wrap{margin: auto;position: relative;}
.sucaijiayuan-list .item, .sucaijiayuan-list .tipinfo{padding: 3px 10px 0 10px;}
.sucaijiayuan-list .information_area h4, .sucaijiayuan-list .W_vline, .sucaijiayuan-list .price{margin-top: 6px;}
.sucaijiayuan-list .information_area h4 a{cursor: default;}
.sucaijiayuan-list .price{color: #333;}
.sucaijiayuan-list .price a:hover{text-decoration: underline;}
.sucaijiayuan-list .op a{color: #0989d1;}
.sucaijiayuan-list .W_vline{color: #999;margin-right: 8px;margin-left: 10px;}
.sucaijiayuan-list .t_open{margin-top: 5px;}
.sucaijiayuan-list .price{color:#f80;font:normal 12px/normal 'microsoft yahei';}
.sucaijiayuan-list .skinimg img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}
.sucaijiayuan-list .dressing_hover .information_area{-webkit-animation: flipInY 300ms .1s ease both;-moz-animation: flipInY 300ms .1s ease both;}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1;}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1;}}