.col-lg-2_0{width: 20%; *width: 19.975%; float: left; min-height: 1px;}
.col-lg-3{width: 25%; *width: 24.988%; float: left; min-height: 1px;}
.col-lg-4{width: 33.3333%; *width: 33.3311%; float: left; min-height: 1px;}
.col-lg-6{width: 50%; *width: 49.988%; float: left; min-height: 1px;}
.container{width: 1500px; margin: 0 auto; position: relative;}
@media only screen and (max-width: 1549px){
	.container{width: 1200px;}
}
@charset "utf-8";
/*slick.css*/
.sqiao_fixed{height: auto !important;}
.sqiao_fixed ul{margin-bottom: 8px;}
.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:focus{outline: 0;}
.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; z-index: 6;}
.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: 30px; 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; border-radius: 50%; cursor: pointer;}
.slick-dots li.slick-active button{background: #c4273a;}

/*首页*/
.intitle{font-size: 30px; font-weight: bold; color: #333; height: 30px; line-height: 30px; border-left: 4px solid #cd000f; padding-left: 10px; position: relative;}
.intitle span{font-size: 18px; font-weight: normal; margin-left: 16px; position: relative; top: 2px;}
.intitle a{height: 20px; line-height: 20px; font-size: 14px; font-weight: normal; color: #666; text-transform: capitalize; position: absolute; right: 0; bottom: 0;}
.intitle a u{font-style: italic;}
.index{background: #f2f3f7; width: 100%; padding: 20px 0;}
@media only screen and (max-width: 1499px){
	.index .wrapper{width: 100% !important; min-width: 1200px !important;}
}
/*首页---广告图*/
.banner{position: relative;}
#banner{overflow: hidden;}
#banner .slick-slide{width: 100%; position: relative;}
#banner .slick-slide a{display: block; width: 100%; height: 100%;}
/* #banner .slick-slide img{max-width: none; width: 1920px; position: relative; left: 50%; top: 0; margin-left: -960px;} */
#banner .slick-slide img{width: 100%;}
.bans-dots{width: 100%; font-size: 0; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 10;}
.bans-dots .pos{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative;}
.bans-dots .line{width: 100%; height: 1px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0;}
.bans-dots ul{position: relative; z-index: 2;}
.bans-dots li{width: 90px; float: left; padding-top: 1px; position: relative; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}
.bans-dots li span{display: block; width: 1px; height: 5px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: -5px;}
.bans-dots li i{display: block; width: 0; height: 2px; background: #c5394b; position: absolute; left: 0; top: -1px;}
.bans-dots li em{display: block; height: 30px; line-height: 30px;}
.bans-dots li.active{font-weight: bold; color: #c5394b;}
.bans-dots li.active i{width: 100%;}
/*首页---服务项目*/
.inservice{background: #fff; padding: 52px 0; position: relative; overflow: hidden;}
.inservice-box{margin-top: 30px;}
.inservice-box ul{margin: 0 -10px;}
.inservice-box li{width: 285px; float: left; margin: 0 10px; background: #fff; box-shadow: 0 0 10px rgba(7,0,2,.1); padding: 40px 0 50px 0; transition: transform .5s;}
.inservice-box li .icon{width: 40px; height: 40px; background: url(../images/icon.png) no-repeat; margin: 0 auto;}
.inservice-box li .ico1{background-position: 0 -22px;}
.inservice-box li .ico2{background-position: -40px -22px;}
.inservice-box li .ico3{background-position: -80px -22px;}
.inservice-box li .ico4{background-position: -120px -22px;}
.inservice-box li .title{font-size: 24px; line-height: 30px; font-weight: bold; color: #000; text-align: center; margin-top: 34px;}
.inservice-box li .desc{font-family: "Microsoft Yahei Light"; font-size: 17px; height: 90px; line-height: 30px; text-align: center; margin-top: 12px;}
.inservice-box li .more{display: block; width: 138px; height: 34px; line-height: 34px; color: #666; text-align: center; margin: 28px auto 0; border: 1px solid #999;}
.inservice-box li .more:hover{background: #c4273a; color: #fff!important; border-color: #c4273a;}
.inservice-box li:hover{transform: translateY(-10px);}
/*首页---案例*/
.incase{padding: 38px 0 68px 0; background: url(../images/incase-bg.jpg) no-repeat center top; position: relative; overflow: hidden; margin-top: 20px;}
.incase .intitle{color: #fff;}
.incase-tabbox{margin-top: 20px;}
.incase-tabtit{position: relative;}
.incase-tabtit ul{margin: 0 -1px; overflow: hidden;}
.incase-tabtit li{float: left; padding: 0 77px; height: 36px; line-height: 36px; margin: 0 1px; background: #fff; cursor: pointer;}
.incase-tabtit li i,.incase-tabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 0;}
.incase-tabtit li i{width: 22px; height: 22px; background: url(../images/icon.png) no-repeat; margin-right: 4px; margin-top: -2px;}
.incase-tabtit li .ico1{background-position: 0 -143px;}
.incase-tabtit li .ico2{background-position: -22px -143px;}
.incase-tabtit li .ico3{background-position: -44px -143px;}
.incase-tabtit li .ico4{background-position: -66px -143px;}
.incase-tabtit li .ico5{background-position: -66px -143px;}
.incase-tabtit li .ico6{background-position: -66px -143px;}
.incase-tabtit li .ico7{background-position: -66px -143px;}
.incase-tabtit li .ico8{background-position: -66px -143px;}
.incase-tabtit li .ico9{background-position: -66px -143px;}
.incase-tabtit li .ico10{background-position: -66px -143px;}
.incase-tabtit li span{font-size: 14px; vertical-align: top;}
.incase-tabtit li.active{background: #cd000f; color: #fff;}
.incase-tabtit li.active .ico1{background-position: 0 -84px;}
.incase-tabtit li.active .ico2{background-position: -22px -165px;}
.incase-tabtit li.active .ico3{background-position: -44px -165px;}
.incase-tabtit li.active .ico4{background-position: -66px -165px;}
.incase-tabtit li.active .ico5{background-position: -66px -165px;}
.incase-tabtit li.active .ico6{background-position: -66px -165px;}
.incase-tabtit li.active .ico7{background-position: -66px -165px;}
.incase-tabtit li.active .ico8{background-position: -66px -165px;}
.incase-tabtit li.active .ico9{background-position: -66px -165px;}
.incase-tabtit li.active .ico10{background-position: -66px -165px;}
.incase-more{height: 20px; line-height: 20px; font-size: 14px; position: absolute; right: 0; top: -30px;}
.incase-more a{color: #fff; text-transform: capitalize;}
.incase-more a u{font-style: italic;}
.incase-tabcont{margin-top: 30px; position: relative;}
.incase-tabitem ul{margin: -15px; position: relative; overflow: hidden;}
.incase-tabitem li{width: 585px; height: 215px; float: left; margin: 15px; background: #fff;}
.incase-tabitem li .pic{width: 285px; float: left; overflow: hidden;}
.incase-tabitem li .pic img{width: 285px; height: 215px; transition: transform 1s;}
.incase-tabitem li .pic:hover img{transform: scale(1.1);}
.incase-tabitem li .text{width: 254px; float: right; margin-right: 26px; margin-top: 18px;}
.incase-tabitem li .title{height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.incase-tabitem li .intro{height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; margin-top: 8px;}
.incase-tabitem li .line{width: 55px; height: 2px; background: #c4273a; margin-top: 16px;}
.incase-tabitem li .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 14px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/*首页---解决方案*/
.insolution{padding: 56px 0 36px 0; background: #fff; margin-top: 20px; position: relative; overflow: hidden;}
.insolution-head{position: absolute; left: 155px; top: 0;}
.insolution-head h3{font-size: 22px;}
.insolution-head p{font-size: 15px; margin-top: 14px;}
.insolution-box{margin-top: 60px;}
.insolution-box ul{margin: 0 -6px;}
.insolution-box li{width: 214px; float: left; margin: 0 6px; padding: 20px 8px; text-align: center; transition: box-shadow .6s;}
.insolution-box li .pic img{height: 136px;}
.insolution-box li .title{font-size: 18px; font-weight: bold; margin-top: 26px;}
.insolution-box li .desc{font-size: 14px; line-height: 24px; margin-top: 22px;}
.insolution-box li .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #666; font-size: 14px; color: #666; text-align: center; margin: 24px auto 0;}
.insolution-box li .more i{display: inline-block; *display: inline-block; *zoom: 1; vertical-align: middle; width: 24px; height: 7px; background: url(../images/icon.png) no-repeat -78px 0; margin-left: 9px; position: relative; top: -2px;}
.insolution-box li .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.insolution-box li .more:hover i{background-position: -78px -7px;}
.insolution-box li:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);}
/*首页---关键词*/
.inkeyword{padding: 31px 0 48px 0; background: url(../images/inkeyword-bg.jpg) no-repeat center top; margin-top: 20px;}
.inkeyword .intitle{color: #fff;}
.inkeyword .intitle a{color: #fff;}
.inkeyword-item{width: 590px;}
.inkeyword-scroll{margin-top: 20px;}
.inkeyword-scroll ul li{width: 78px; float: left; margin: 0 10px; text-align: center; overflow: hidden;}
.inkeyword-scroll ul li.w1{width: 168px; margin-left: 16px; text-align: left;}
.inkeyword-scroll ul li.w2,.inkeyword-scroll ul li.w3{width: 90px;}
.inkeyword-scroll ul li.w3{width: 72px;}
.inkeyword-scroll ul li.w5{margin-right: 8px;}
.inkeyword-scroll .th{margin-bottom: 1px;}
.inkeyword-scroll .th ul{background: #9baae1; overflow: hidden;}
.inkeyword-scroll .th ul li{height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;}
.inkeyword-scroll .bd{height: 369px; position: relative; overflow: hidden;}
.inkeyword-scroll .bd ul{background: #eaf3ff; overflow: hidden; margin-bottom: 1px;}
.inkeyword-scroll .bd ul.n2{background: #fff;}
.inkeyword-scroll .bd ul li{height: 36px; line-height: 36px; font-size: 14px;}
.inkeyword-scroll .bd ul li.w3{color: #c4273a;}
.inkeyword-item.fr .inkeyword-scroll ul li{margin: 0 10px;}
.inkeyword-item.fr .inkeyword-scroll ul li.w1{width: 168px; margin-left: 16px;}
.inkeyword-item.fr .inkeyword-scroll ul li.w4{width: 122px; margin-right: 18px;}
/*首页---流程*/
.inprocess{padding: 42px 0 48px 0; background: url(../images/inprocess-bg.jpg) no-repeat center top;}
.inprocess .intitle a{color: #282828;}
.inprocess-box{margin-top: 20px;}
.inprocess .tit{width: 100px; height: 320px; float: left;}
.inprocess .tit img{display: block; width: 100px; height: 320px;}
.inprocess .cont{margin-left: 100px; overflow: hidden;}
.inprocess .cont ul{overflow: hidden; margin-left: -1px;}
.inprocess .cont li{width: 219px; float: left; margin-left: 1px; height: 158px; border-top: 2px solid #c4273a; background: #fff;}
.inprocess .cont li .icon{width: 70px; height: 62px; margin: 26px auto 0; background: url(../images/icon.png) no-repeat; transition: transform .8s;}
.inprocess .cont li .ico1{background-position: 0 -106px;}
.inprocess .cont li .ico2{background-position: -70px -106px;}
.inprocess .cont li .ico3{background-position: -140px -106px;}
.inprocess .cont li .ico4{background-position: -210px -106px;}
.inprocess .cont li .ico5{background-position: -280px -106px;}
.inprocess .cont li .ico6{background-position: 0 -168px;}
.inprocess .cont li .ico7{background-position: -70px -168px;}
.inprocess .cont li .ico8{background-position: -140px -168px;}
.inprocess .cont li .ico9{background-position: -210px -168px;}
.inprocess .cont li .ico10{background-position: -280px -168px;}
.inprocess .cont li .title{font-family: "Microsoft Yahei Light"; font-size: 18px; font-weight: bold; text-align: center; margin-top: 14px;}
.inprocess .cont li:hover .icon{transform: rotateY(180deg);}
/*首页---技术团队*/
.inteam{background: #fff; margin-top: 20px; position: relative; overflow: hidden;}
.inteam .text{padding-left: 50px; position: absolute; left: 50%; top: 46px; margin-left: -700px;}
.inteam .text .title{font-size: 36px; font-weight: bold; line-height: 42px;}
.inteam .text .intro{margin-top: 34px; position: relative;}
.inteam .text .intro h3{font-size: 20px; color: #000;}
.inteam .text .intro p{font-size: 14px; color: #333; margin-top: 6px;}
.inteam .text .intro .num{font-size: 26px; font-weight: bold; line-height: 1; color: #c4273a; position: absolute; left: 274px; top: -2px;}
.inteam .text .intro .num span{font-family: "Arial"; font-size: 56px;}
.inteam .text .more{display: block; width: 138px; height: 36px; line-height: 36px; border: 1px solid #999; font-size: 14px; color: #666; text-align: center; margin-top: 48px;}
.inteam .text .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.inteam .pic{width: 846px; float: right; margin-right: 34px; margin-top: 66px; margin-bottom: 63px;}
.inteam .pic img{width: 100%;}
@media only screen and (max-width: 1499px){
	.inteam{width: 1200px; margin-left: auto; margin-right: auto;}
	.inteam .text{padding-left: 30px; top: 30px; margin-left: -600px;}
	.inteam .text .title{font-size: 32px;}
	.inteam .text .intro{margin-top: 28px;}
	.inteam .text .more{margin-top: 38px;}
	.inteam .pic{width: 700px; margin-right: 20px;}
}
/*首页---关于我们*/
.inabout{position: relative; overflow: hidden; background: #fff; margin-top: 20px;}
.inabout .container{width: auto;}
.inabout .pic{overflow: hidden;}
.inabout .pic img{width: 100%; transition: transform 1.2s;}
.inabout .pic:hover img{transform: scale(1.1);}
.inabout .text{width: 534px; padding-top: 3%; padding-right: 100px; position: absolute; right: 50%; top: 0; margin-right: -700px;}
.inabout .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; font-weight: bold; line-height: 1.25; color: #000;}
.inabout .text .line{width: 50px; height: 4px; background: #c4273a; margin-top: 20px;}
.inabout .text .desc{font-size: 18px; line-height: 30px;; margin-top: 20px; text-align: justify;}
.inabout .text .more{display: block; width: 158px; height: 38px; line-height: 38px; border: 1px solid #999; color: #666; text-align: center; margin-top: 46px;}
.inabout .text .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
@media only screen and (max-width: 1499px){
	.inabout{width: 1200px; margin-left: auto; margin-right: auto;}
	.inabout .text{width: 520px; padding-top: 2.2%; padding-right: 40px; margin-right: -600px;}
	.inabout .text .title{font-size: 40px;}
	.inabout .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.inabout .text .more{margin-top: 32px;}
}
.incase-tabitem li .intro span{
    float: left;
    font-weight: bold;
    color: #cd000f;
    font-size: 15px;
}
.incase-tabitem li .intro em{
    float: right;
    font-weight: bold;
    color: #cd000f;
    font-size: 15px;
}
/*首页---新闻*/
.innews{overflow: hidden; background: #fff; padding: 50px 0 44px 0; margin-top: 20px;}
.innews .container{width: auto; padding: 0 50px;}
.innews ul{margin: 0 -15px;}
.innews li .item{margin: 0 15px;}
.innews li .title{height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; border-left: 4px solid #c4273a; margin-bottom: 20px; padding-left: 12px;}
.innews li .title a{float: right; margin-right: 4px; font-size: 14px; font-weight: normal; color: #666;}
.innews li .dt{margin-bottom: 16px;}
.innews li .dt a{display: block; padding: 20px 34px 26px 40px; background: #fff; border: 1px solid #ccc;}
.innews li .dt .time{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #c4273a; transition: color .5s;}
.innews li .dt .line{width: 23px; height: 2px; background: #ccc; margin-left: 14px; margin-top: 10px; transition: background .5s;}
.innews li .dt h3{font-size: 24px; height: 68px; line-height: 34px; overflow: hidden; margin-top: 10px;}
.innews li .dt .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; height: 72px; line-height: 24px; color: #666; overflow: hidden; transition: color .5s; margin-top: 10px;}
.innews li .dt a:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.innews li .dt a:hover .line{background: #fff;}
.innews li .dt a:hover .time,.innews li .dt a:hover .desc{color: #fff!important;}
.innews li .dt a:hover .time{border-bottom-color: #fff;}
.innews li .dd{height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; padding: 0 4px; margin-top: 6px;}
.innews li .dd .time{float: right; color: #999;}
.innews li .dd h3{height: 48px; line-height: 48px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (max-width: 1499px){
	.innews{width: 1200px; margin-left: auto; margin-right: auto;}
	.innews .container{padding: 0 30px;}
	.innews ul{margin: 0 -10px;}
	.innews li .item{margin: 0 10px;}
	.innews li .dt a{padding-left: 24px; padding-right: 18px;}
	.innews li .dt h3{font-size: 22px;}
}
/*内页*/
.main-container{padding-bottom: 60px; background: #fff; position: relative; overflow: hidden;padding-top: 30px;}
.main-container.bg1{background: #f2f3f7;}
.ny-banner{height: 240px; background-repeat: no-repeat; background-position: center; position: relative;}
.ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff; line-height: 36px; position: absolute; left: 0; top: 50%; margin-top: -45px;}
.ny-banner .text .title{font-size: 48px; line-height: 48px;}
.ny-banner .text .entitle{font-size: 24px; text-transform: uppercase; margin-top: 6px;}
.navigation{height: 62px; border-bottom: 1px solid #ccc;}
.cream-menu{float: left;}
.cream-menu.fs16 ul{margin: 0 -7px;}
.cream-menu li{float: left; position: relative; padding: 0 4px;}
.cream-menu li a{display: block; height: 62px; line-height: 62px; font-size: 20px; font-weight: bold; color: #333; padding: 0 6px; position: relative;}
.cream-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.cream-menu li i{display: block; height: 2px; background: #c4273a; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.cream-menu li.active i,.cream-menu li:hover i{left: 8px; right: 8px;}
.cream-menu li.active a,.cream-menu li:hover a{color: #c4273a!important;}
.cream-menu.fs16 li a{font-size: 16px;}
.cream-nav{float: right; height: 62px; line-height: 62px; font-size: 14px; color: #666;}
.cream-nav a{color: #666;}
.cream-nav a:last-child{color: #c4273a;}
/*列表分页*/
.list-page{padding: 26px 0 10px 0; text-align: left; color: #666; overflow: hidden; font-size: 0;}
.list-page .pagination,.list-page .go_page{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.list-page li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 4px; font-size: 14px;}
.list-page a, .list-page .disabled span{display: block; text-align: center; min-width: 28px; height: 38px; line-height: 38px; position: relative; padding: 0 5px; border: 1px solid #666; color: #666; font-size: 14px;}
.list-page a:hover,.list-page li.active span{border: 1px solid #c4273a; background: #c4273a; color: #fff!important;}
.list-page li.disabled span{font-size: 18px;}
.list-page li span{display: block; height: 38px; line-height: 38px; min-width: 28px; text-align: center; padding: 0 5px;}
.list-page .go_page{margin-left: 24px;}
.list-page .go_page span{color: #666; font-size: 14px; float: left; height: 40px; line-height: 40px;}
.list-page input{border: 1px solid #666; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #666; margin: 0 8px; vertical-align: top;}
.list-page a.disabled{cursor: not-allowed;}
.list-page .confirm_jump_page{float: left; width: 40px; height: 30px; line-height: 30px; margin-left: 10px; margin-top: 5px; background: #c4273a; color: #fff; cursor: pointer;}
/*案例列表*/
.case-banner{height: 400px!important;}
.case-dmenu{margin-top: 12px;}
.case-dmenu li{float: left; margin-right: 2px;}
.case-dmenu li a{display: block; height: 36px; line-height: 36px; background: #fff; font-size: 14px; color: #333; padding: 0 25px;}
.case-dmenu li a:hover,.case-dmenu li.active a{background: #c4273a; color: #fff!important;}
.list-case{margin-top: 30px;}
.list-case li{background: #fff; position: relative; overflow: hidden; margin-bottom: 28px;}
.list-case li .pic{width: 285px; float: left; overflow: hidden;}
.list-case li .pic img{width: 285px; height: 215px; transition: transform 1s;}
.list-case li .pic:hover img{transform: scale(1.1);}
.list-case li .text{margin-left: 285px; padding: 26px 16px 0 28px;}
.list-case li .title{height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-case li .intro{height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; margin-top: 8px;}
.list-case li .intro .dd{float: left; margin-right: 20px; color: #000;}
.list-case li .intro .dd span{color: #666;}
.list-case li .line{width: 55px; height: 2px; background: #c4273a; margin-top: 16px;}
.list-case li .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 14px; color: #666; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/*案例详情*/
.casedetails{margin-top: 30px;}
.casepull-left{width: calc(100% - 340px); float: left;}
.casepull-left .lbox{padding: 30px; background: #fff;}
.casedetails-note .pic{width: 400px; float: left; border-radius: 6px; overflow: hidden;}
.casedetails-note .pic img{width: 100%; height: 302px;}
.casedetails-note .text{margin-left: 400px; padding-left: 28px; padding-top: 16px;}
.casedetails-note .text .title{font-size: 24px;}
.casedetails-note .text ul{margin-top: 10px;}
.casedetails-note .text li{font-size: 14px; line-height: 22px; padding: 4px 0;}
.casedetails-note .text li span{color: #666;}
.casedetails-note .text li a{color: #c4273a; text-decoration: underline;}
.casedetails-tabbox{margin-top: 28px;}
.casedetails-tabtit{border-bottom: 1px solid #eee;}
.casedetails-tabtit ul{height: 36px;}
.casedetails-tabtit li{width: 120px; height: 36px; line-height: 36px; float: left; margin-right: 2px; background: #f7f7f7; font-size: 16px; color: #666; text-align: center; cursor: pointer;}
.casedetails-tabtit li.active{background: #c4273a; color: #fff;}
.casedetails-tabcont{margin-top: 30px;}
.casedetails-tabcont .article-body{margin-top: 0; padding-bottom: 0;}
.casedetails-tabcont video{width: 100%;}
.casepull-left .artcile-menu li a{background: #fff;}
.casepull-right{padding: 20px; background: #fff;}
.casepull-title{height: 38px; line-height: 38px; font-size: 18px; color: #333; border-bottom: 1px solid #eee;}
.casepull-title a{float: right; font-size: 14px; color: #666;}
.clistpull-box{overflow: hidden;}
.clistpull-box ul{margin-bottom: -1px;}
.clistpull-box li{overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee;}
.clistpull-box li .pic{width: 100px; float: left; border-radius: 4px; position: relative; overflow: hidden;}
.clistpull-box li .pic img{width: 100%; height: 75px; transition: transform .8s;}
.clistpull-box li .pic:hover img{transform: scale(1.1);}
/* .clistpull-box li .text{margin-left: 100px; padding-left: 16px; padding-top: 6px;} */
.clistpull-box li .title{font-size: 16px; color: #000;  line-height: 24px; /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
.clistpull-box li .title a{color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.clistpull-box li .line{width: 30px; height: 1px; background: #c4273a; margin-top: 6px;}
.clistpull-box li .desc{font-size: 14px; height: 24px; line-height: 24px; margin-top: 5px; overflow: hidden;}
.plistpull{margin-top: 0!important;}
/*内页右侧*/
.pull-right{width: 320px; float: right;}
.pull-title{font-size: 18px; border-bottom: 1px solid #eee; color: #000; padding-bottom: 10px;}
.pull-tagslist{position: relative; overflow: hidden; padding: 15px 6px;}
.pull-tagslist a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.pull-tagslist a:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
.pull-problem{margin-top: 14px;}
.pull-problem ul{padding: 15px 14px;}
.pull-problem li{height: 36px; line-height: 36px; font-size: 14px; overflow: hidden; position: relative;}
.pull-problem li a{color: #666; float: left; padding-left: 16px; padding-right: 25px; position: relative;}
.pull-problem li a i{display: block; width: 6px; height: 6px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 16px; transition: background .5s;}
.pull-problem li a span{display: block; width: 28px; height: 18px; background: url(../images/icon.png) no-repeat -109px -230px; position: absolute; right: 0; top: 9px;}
.pull-problem li a:hover i{background: #c4273a;}
.pull-solution{margin-top: 22px;}
.pull-solution ul{padding: 15px 14px;}
.pull-solution li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;}
.pull-solution li i{display: block; width: 24px; height: 20px; background: url(../images/icon222.png) no-repeat; position: absolute; left: 0; top: 8px;}
.pull-solution li .ico1{background-position: 0 -22px;}
.pull-solution li .ico2{background-position: -24px -22px;}
.pull-solution li .ico3{background-position: -48px -22px;}
.pull-solution li .ico4{background-position: -72px -22px;}
.pull-solution li .ico5{background-position: -96px -22px;}
.pull-solution li .ico6{background-position: -120px -22px;}
.pull-solution li .ico7{background-position: -144px -22px;}
.pull-solution li .ico8{background-position: -168px -22px;}
.pull-solution li a{color: #666; padding-left: 32px;}
@media only screen and (max-width: 1549px){
	.pull-solution li{font-size: 14px;}
}
/*新闻列表*/
.news-container{padding: 30px 0 60px 0;}
.news-search{width: 850px;}
.news-search .form{padding: 0 100px 0 10px; height: 40px; background: #f7f7f7; border-radius: 7px; overflow: hidden; position: relative;}
.news-search .form .input{display: block; width: 100%; height: 40px; line-height: 40px; *line-height: 42px; }
.news-search .form .btns{display: block; width: 90px; height: 40px; background: #c4273a; cursor: pointer; position: absolute; right: 0; top: 0;}
.news-search .form .btns i{display: block; width: 21px; height: 20px; background: url(../images/icon.png) no-repeat -88px -230px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;}
.news-menu{margin-top: 16px; border-bottom: 1px solid #eee;}
.news-menu li{float: left; position: relative;}
.news-menu li a{display: block; height: 40px; line-height: 40px; font-size: 14px; color: #666; padding: 0 21px; position: relative;}
.news-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.news-menu li i{display: block; height: 2px; background: #c4273a; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.news-menu li.active i,.news-menu li:hover i{left: 4px; right: 4px;}
.news-menu li.active a,.news-menu li:hover a{color: #c4273a!important;}
.news-box{margin-top: 32px;}
.news-left{width: 850px; float: left;}
.list-news ul{overflow: hidden; margin-top: -18px;}
.list-news li{padding-top: 20px; margin-bottom: 20px; overflow: hidden;}
.list-news li .time{width: 70px; float: left; font-family: "Microsoft Yahei Light"; text-align: center;}
.list-news li .time span{display: block; font-size: 48px; line-height: 48px;}
.list-news li .time em{display: block; font-size: 14px; margin-top: 10px;}
.list-news li .text{margin-left: 100px;}
.list-news li .title{font-size: 16px; color: #000; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-news li .title a{color: #000;}
.list-news li .desc{font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 12px;}
.list-news li .tags{margin: 3px 5px -5px -5px; position: relative; overflow: hidden;}
.list-news li .tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.list-news li .tags a:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;}
/*新闻底部定制方案*/
.nylonform{background: #c4273a; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 76px 0;}
.nylonform .title{font-size: 36px; line-height: 1;}
.nylonform .desc{font-size: 24px; margin-top: 12px;}
.nylonform .btns{display: block; width: 200px; height: 48px; line-height: 48px; background: #fff; margin: 24px auto 0; font-size: 14px;  color: #000; text-align: center;}
/*当前位置*/
.location{height: 63px; line-height: 62px; font-size: 14px; color: #666;}
.location a{color: #666;}
.location a:last-child{color: #c4273a;}
.location .container{border-bottom: 1px solid #eee;}
/*新闻详情*/
.sidebar{margin-top: 20px;}
.sidebar-left{width: 850px; float: left;}
.sidebar-menu{width: 220px; float: left;}
.sidebar-menu .title{background: #333; color: #fff; text-align: center; padding: 22px 10px;}
.sidebar-menu .title h2{font-size: 18px; line-height: 22px;}
.sidebar-menu .title p{text-transform: capitalize; margin-top: 6px; font-size: 14px; line-height: 18px;}
.sidebar-menu ul{padding-top: 1px;}
.sidebar-menu li{margin-bottom: 1px;}
.sidebar-menu li a{display: block; height: 50px; line-height: 50px; background: #f7f7f7; padding: 0 20px 0 20px; position: relative;}
.sidebar-menu li a i{display: block; width: 7px; height: 11px; background: url(../images/icon.png) no-repeat -150px -231px; position: absolute; right: 20px; top: 19px;}
.sidebar-menu li.active a,.sidebar-menu li a:hover{background: #c4273a; color: #fff!important;}
.sidebar-menu li.active a i,.sidebar-menu li a:hover i{background-position: -150px -242px;}
.article{margin-left: 250px; padding-top: 16px;}
.article-title{font-size: 24px; color: #000; line-height: 30px;}
.article-intro{overflow: hidden; margin-top: 14px;}
.article-intro .time{height: 28px; line-height: 28px; float: left; position: relative; padding-left: 26px; color: #c7c7c7;}
.article-intro .time i{display: block; width: 18px; height: 18px; background: url(../images/icon.png) no-repeat 0 -272px; position: absolute; left: 0; top: 5px;}
.article-intro .bdsharebuttonbox{float: right; height: 28px;}
.article-intro .bdsharebuttonbox a{display: block; float: left; width: 28px; height: 28px; transition: all 0s; padding: 0; margin: 0 6px; background: url(../images/icon.png) no-repeat!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important;}
.article-intro .bdsharebuttonbox .bshare-qzone{background-position: -18px -272px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina{background-position: -46px -272px!important;}
.article-intro .bdsharebuttonbox .returnlist{background-position: -74px -272px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin{background-position: -102px -272px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq{background-position: -130px -272px!important;}
.article-intro .bdsharebuttonbox .bshare-qzone:hover{background-position: -18px -300px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina:hover{background-position: -46px -300px!important;}
.article-intro .bdsharebuttonbox .returnlist:hover{background-position: -74px -300px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin:hover{background-position: -102px -300px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq:hover{background-position: -130px -300px!important;}
.article-tags{margin: 14px 5px -5px -5px; position: relative; overflow: hidden;}
.article-tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.article-tags a:hover{background-color: #dd0518; border-color: #dd0518; color: #fff!important;}
.article-body{font-size: 14px; line-height: 28px; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 30px;}
.article-body img{width: auto !important; height: auto !important;}
.artcile-menu{margin-top: 20px;}
.artcile-menu ul{margin: 0 -6px;}
.artcile-menu li a{display: block; height: 60px; line-height: 60px; background: #f7f7f7; padding: 0 14px; margin: 0 6px; overflow: hidden;}
/*关于我们*/
.about-title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;}
.about-team{width: 100%; height: 800px; background: url(../images/about-teambg.jpg) no-repeat center #111; background-attachment: fixed; color: #fff; position: relative; z-index: 2; overflow: hidden;background-size: cover;}
.about-team .bg{width: 100%; height: 100%; background: #111; filter: alpha(opacity=40); opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;}
.about-team .text{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; z-index: 2;}
.about-team .text .middle,.about-team .text ul{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.about-team .text .middle{width: 0; height: 100%;}
.about-team .text ul{padding-top: 60px;}
.about-team .text li{min-width: 200px; float: left; margin: 0 110px; text-align: left;}
.about-team .text li .num{font-size: 48px; color: #dd0518; line-height: 1;}
.about-team .text li .num span{font-family: "Arial"; font-size: 150px; font-weight: bold;}
.about-team .text li .title{font-size: 24px; color: #dd0518; margin-top: 8px;}
@media only screen and (max-width: 1499px){
	.about-team .text li{margin: 0 60px;}
	.about-team .text li .num{font-size: 38px;}
	.about-team .text li .num span{font-size: 120px;}
	.about-team .text li .title{font-size: 18px;}
}
.about-text{position: relative; overflow: hidden; background: #dd0518;}
.about-text .pic{overflow: hidden;}
.about-text .pic img{width: 100%; transition: transform 1.2s;}
.about-text .pic:hover img{transform: scale(1.1);}
.about-text .text{width: 584px; padding-top: 5%; padding-right: 84px; position: absolute; right: 50%; top: 0; margin-right: -750px;}
.about-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;}
.about-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;}
.about-text .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.about-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 30px; color: #fff; margin-top: 20px;}
.about-text .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;}
.about-text .text .more:hover{background: #c00; border-color: #c00; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.about-text .text{width: 520px; padding-top: 3%; padding-right: 30px; margin-right: -600px;}
	.about-text .text .name{font-size: 20px;}
	.about-text .text .title{font-size: 40px;}
	.about-text .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.about-text .text .more{margin-top: 32px;}
}
.history{padding: 58px 0 76px 0; background: #fff;}
.history-title{font-size: 18px; text-align: center; margin-top: 16px;}
.history-box{position: relative; margin-top: 22px;}
.history-box .line{width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0;}
.history-scroll{height: 600px; padding-top: 24px; position: relative; overflow: hidden; max-width: 1262px; margin: 0 auto;}
.history-scroll .radius{width: 15px; height: 15px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 50%; margin-left: -8px; top: 0;}
.history-scroll ul{margin: 0 14px; overflow: hidden; margin-bottom: 10px;}
.history-scroll li{width: 558px; float: left;}
.history-scroll li .pic{width: 140px; height: 140px; float: left; border-radius: 50%; overflow: hidden;}
.history-scroll li .pic img{width: 140px; height: 140px;}
.history-scroll li .text{padding-left: 220px; text-align: right;}
.history-scroll li .text .time{font-family: "Arial"; font-size: 40px; font-weight: bold; position: relative; line-height: 44px; transition: color .5s;}
.history-scroll li .text .time span{display: block; width: 18px; height: 18px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: -39px; top: 12px;}
.history-scroll li .text .time span i{display: block; width: 10px; height: 10px; background: #333; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 3px; top: 3px; transition: background .5s;}
.history-scroll li .text .desc{font-size: 16px; margin-top: 6px; line-height: 1.7;}
.history-scroll .n2 li{float: right;}
.history-scroll .n2 li .pic{float: right;}
.history-scroll .n2 li .text{padding-left: 0; padding-right: 220px; text-align: left;}
.history-scroll .n2 li .text .time span{right: auto; left: -39px;}
.history-scroll li:hover .text .time{color: #dd0518;}
.history-scroll li:hover .text .time span i{background: #dd0518;}
.history-box .down{width: 19px; height: 48px; background: url(../images/icon.png) no-repeat -168px -230px #fff; position: absolute; left: 50%; bottom: -20px; margin-left: -9px; animation: bounce-down 1.1s linear infinite;}
@keyframes bounce-down{25%{transform: translateY(10px);}50%,100%{transform: translateY(0);}75%{transform: translateY(-10px);}}
.abtjoinus{background: #111; background-size: auto 100%; position: relative; overflow: hidden;}
.abtjoinus .pic{position: relative; overflow: hidden;}
.abtjoinus .pic img{width: 100%; transition: transform 1.2s;}
.abtjoinus .pic:hover img{transform: scale(1.1);}
.abtjoinus .pic a{display: block; padding-top: 28px; color: #fff; position: absolute; right: 28px; top: 28px;}
.abtjoinus .pic a i{display: block; width: 34px; height: 21px; background: url(../images/icon.png) no-repeat -54px 0; position: absolute; left: 50%; top: 0; margin-left: -17px;}
.abtjoinus .text{width: 636px; padding-top: 5%; position: absolute; left: 50%; top: 0; margin-left: -750px;}
.abtjoinus .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;}
.abtjoinus .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;}
.abtjoinus .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.abtjoinus .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; color: #fff; margin-top: 20px;}
.abtjoinus .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;}
.abtjoinus .text .more:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.abtjoinus .text{width: 570px; padding-top: 3%; margin-left: -600px;}
	.abtjoinus .text .name{font-size: 20px;}
	.abtjoinus .text .title{font-size: 40px;}
	.abtjoinus .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.abtjoinus .text .more{margin-top: 32px;}
}
.abtteam{padding: 100px 0 10px 0; background: #fff; position: relative; overflow: hidden;}
.abtteam-text{position: relative; overflow: hidden;}
.abtteam-text .pic{width: 98%; position: relative; margin-left: 5px;}
.abtteam-text .pic > img{width: 100%;}
.abtteam-text .pic .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam-text .pic .mask img{display: block; width: 100%; height: 100%;}
.abtteam-text .pic:hover .mask{opacity: 1; visibility: visible;}
.abtteam-text .text{width: 600px; position: absolute; left: 50%; top: -10px; margin-left: -600px;}
.abtteam-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 1.8;}
.abtteam-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25;}
.abtteam-text .text .line{width: 50px; height: 1px; background: #e83f39; margin-top: 20px;}
.abtteam-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; margin-top: 20px;}
.abtteam-spic{margin: 10px 5px 0 5px; position: relative;}
.abtteam-spic li .item{position: relative; margin: 0 5px;}
.abtteam-spic li .pic img{width: 100%;}
.abtteam-spic li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam-spic li .mask img{display: block; width: 100%; height: 100%;}
.abtteam-spic li:hover .mask{opacity: 1; visibility: visible;}
.abtteam-spic ol{position: absolute; left: 0; bottom: 0;}
.abtteam-spic ol li.s1{width: 50%;}
.abtteam-spic ol li.s2{width: 50%; position: absolute; right: 0; bottom: 0;}
.abtteam-spic ul{float: right; margin: }
.about-vr{position: relative; height: 100vh;}
.about-vr .iframe{display: block; width: 100%; height: 100%;}
@media only screen and (max-width: 1549px){
	.abtteam-text .text{width: 546px; margin-left: -600px;}
	.abtteam-text .text .name{font-size: 20px;}
	.abtteam-text .text .title{font-size: 40px;}
	.abtteam-text .text .desc{font-size: 16px;}
	.abtteam-text .pic{width: 98%;}
}
@media only screen and (max-width: 1399px){
	.abtteam-text .pic{width: 98%;}
	.abtteam-spic{margin-top: 20px;}
}
/*联系我们*/
.contact{ position: relative;}
.contact-map{height: 100%; position: relative;}
.contact-map .iframe{width: 100%; height: 100%;}
.contact-map img{max-width: none;}
.contact-text{width: 46.875%; background: #dd0518; font-family: "Microsoft Yahei Light"; color: #fff; position: absolute; right: 0; bottom: 0; z-index: 16;}
.contact-text .text{padding: 60px 0 85px 70px;}
.contact-text .tit1{font-size: 40px;}
.contact-text .tit2{font-size: 72px; font-weight: bold; margin-top: 10px;}
.contact-text ul{margin-top: 14px;}
.contact-text li{min-height: 30px; line-height: 30px; position: relative; padding-left: 40px; font-size: 24px; margin-bottom: 10px;}
.contact-text li .icon{display: block; width: 30px; height: 30px; background: url(../images/icon.png) no-repeat; position: absolute; left: 0; top: 0;}
.contact-text li .ico1{background-position: -194px -230px;}
.contact-text li .ico2{background-position: -194px -260px;}
.contact-text .more{display: block; width: 210px; height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #dd0518; text-align: center; margin-top: 34px;}
.contact-text .more:hover{transform: translateX(10px); color: #dd0518!important;}
@media only screen and (max-width: 1620px){
	.contact-text .text{padding: 40px 0 65px 50px;}
}
@media only screen and (max-width: 1549px){
	.contact-text .tit1{font-size: 26px;}
	.contact-text .tit2{font-size: 54px;}
	.contact-text li{font-size: 20px;}
}
@media only screen and (max-width: 1399px){
	.contact-text{width: 40%;}
	.contact-text .text{padding: 30px 0 30px 30px;}
	.contact-text .tit1{font-size: 20px;}
	.contact-text .tit2{font-size: 40px;}
	.contact-text li{font-size: 18px;}
	.contact-text .more{width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 20px;}
}
/*解决方案*/
.solution-banner{height: 400px; background-repeat: no-repeat; background-position: center;}
.solution-banner .title{font-size: 56px; font-weight: bold; color: #fff; line-height: 60px; padding-top: 170px;}
.solution-menu{background: #f7f7f7;}
.solutionB1{padding: 50px 0 72px 0; background: #f7f7f7; position: relative; overflow: hidden;}
.solutionB1-box{margin-top: 30px;}
.solutionB1-box ul{margin: 0 -10px;}
.solutionB1-box li{width: 285px; height: 230px; float: left; margin: 0 10px; background: #fff; box-shadow: 0 0 6px rgba(7,0,2,.1); text-align: center; position: relative; transition: transform .5s;}
.solutionB1-box li .text{padding: 38px 20px 18px 20px;}
.solutionB1-box li .icon img{height: 70px;}
.solutionB1-box li .title{font-size: 18px; font-weight: bold; line-height: 30px; color: #000; margin-top: 22px;}
.solutionB1-box li .num{width: 50px; height: 50px; line-height: 50px; background: #fff; border-radius: 50%; font-family: "Arial"; font-size: 18px; font-weight: bold; color: #999; text-align: center; box-shadow: 0 0 6px rgba(7,0,2,.1); position: absolute; left: 50%; bottom: -25px; margin-left: -25px;}
.solutionB1-box li:hover{transform: translateY(-10px);}
.solutionB2{padding: 50px 0; background: #fff;}
.solutionB2-box{text-align: center; margin-top: 32px;}
.solutionB3{height: 520px; background: url(../images/solutionb3-bg.jpg) no-repeat center top; position: relative; overflow: hidden;}
.solutionB3 .container{padding-top: 68px;}
.solutionB3 .intitle{color: #fff;}
.solutionB3 .shead{color: #fff; margin-left: 246px; margin-top: -30px;}
.solutionB3 .shead h3{font-size: 22px;}
.solutionB3 .shead p{font-size: 15px; margin-top: 10px;}
.solutionB3-box{margin-top: 54px;}
.solutionB3-box ul{margin: 0 -22px;}
.solutionB3-box li{width: 267px; float: left; margin: 0 22px; padding: 14px 0; color: #fff; text-align: center;}
.solutionB3-box li .icon img{height: 100px;}
.solutionB3-box li .title{font-size: 24px; font-weight: bold; margin-top: 32px;}
.solutionB3-box li .desc{font-size: 14px; line-height: 24px; margin-top: 20px;}
.solution-case{padding: 50px 0 60px 0; background: #f7f7f7; position: relative; overflow: hidden;}
.solution-case .incase-tabitem{margin-top: 20px;}

.pull-links-ibox{
	margin-top: 14px;
}
.pull-links-ibox li{
	margin-bottom: 20px;
}
.pull-links-ibox li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.pull-links-ibox li img{
	overflow: hidden;
	width: 100%;
	transition: transform 1.1s;
	-webkit-transition: transform 1.1s;
	-moz-transition: transform 1.1s;
	-ms-transition: transform 1.1s;
	-o-transition: transform 1.1s;
}
.pull-links-ibox li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.anliwz{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.clistpull-box li .pic img,.clistpull-box li .line,.clistpull-box li .desc{
	display: none;
}.yqlj{
	height: 40px;
	line-height: 40px;
}
.yqlj span{
	float: left;
}
.yqlj ul li{
	float: left;
	padding: 0 10px;
}
.sqiao_fixed{
	box-sizing: border-box;
	padding-top: 30px !important;
	width: 161px !important;
}
.sqiao_logo{
	text-align: center;
}


/*新案例*/
.incase-tabslick .slick-slide .intro span, .incase-tabslick .slick-slide .intro em{
    font-weight: bold;
    color: #cd000f;
    font-size: 16px;
}
.incase-tabslick .slick-dots li.slick-active button{
    width: 12px;
    height: 12px;
    background-color: #cd000f;
}
.insolution{padding-bottom: 46px;}
.insolution-box li .item {
    margin: 4px 18px;
}
.insolution-box li .ico1 {
    background-position:-102px -50px;
}
.insolution-box li .ico2 {
    background-position: -204px -50px;
}
.insolution-box li .ico6 {
    background-position: -306px -50px;
}
.insolution-box li .ico3,.insolution-box li .ico7,.insolution-box li .ico8 {
    background: url(../images/ali-icon2.png) no-repeat;
}
.insolution-box li .ico3{
    background-position: 8px 14px;
}

.insolution-box li .ico5{
    background-position: -255px 14px;
}
.insolution-box li .ico7{
    background-position: -389px 17px;
}
.insolution-box li .ico8{
    background-position: -523px 13px;
}
.insolution-box li .ico9{
	background-position: 0 -50px !important;
}
.insolution-box li .title{
    margin-top: 18px;
}
.inservice-box{
    padding-bottom: 72px;
}
.inabout-show-ibox{
    padding-top: 3px;
    overflow: hidden;
    padding-bottom: 46px;
}
.inabout-show-ibox .incase-tabtit li{
    background-color: #E7F2F9;
}
.inabout-show-ibox .incase-tabtit li span{
    color: #222222;
    font-weight:300;
}
.inabout-show-ibox .incase-tabtit li{
    height: 42px;
    line-height: 42px;
    padding: 0 35px;
    transform: all .5s;
    -webkit-transform: all .5s;
    -moz-transform: all .5s;
    -ms-transform: all .5s;
    -o-transform: all .5s;
}
.inabout-show-ibox .incase-tabtit li span{
    transform: color .5s;
    -webkit-transform: color .5s;
    -moz-transform: color .5s;
    -ms-transform: color .5s;
    -o-transform: color .5s;
}
.inabout-show-ibox .incase-tabtit li.active, .inabout-show-ibox .incase-tabtit li:hover {
    background: #E5438C;
    color: #fff!important;
}
.inabout-show-ibox li.active span, .inabout-show-ibox li:hover span{
    color: #fff;
}
.inabout-show-ibox .incase-tabslick2 .text2{
    text-align: center;
    font-size: 18px;
    color: #666666;
    font-weight: 300;
    padding-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .9s;
    -webkit-transition: color .9s;
    -moz-transition: color .9s;
    -ms-transition: color .9s;
    -o-transition: color .9s;
}
.inabout-show-ibox .incase-tabslick2 .item:hover .text2{
    color: #E5438C;
}
.inabout-show-ibox .incase-tabslick2 .slick-slide .pic{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.inabout-show-ibox  img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: transform .8s;
    -webkit-transition: transform .8s;
    -moz-transition: transform .8s;
    -ms-transition: transform .8s;
    -o-transition: transform .8s;
    display: block;
}
.inabout-show-ibox .item:hover img {
    transform: scale(1.1);
}
.inabout-show-ibox .slick-slide .item {
    margin: 0 12px;
}
.incase-tabslick2{display: block!important; height: 0; opacity: 0; visibility: hidden;}
.incase-tabslick2.tactive{height: auto; opacity: 1; visibility: visible; padding-bottom: 46px; transition: opacity .5s;}

.incase-tabslick2 .slick-dots{
    bottom: 0;
}
.incase-tabslick2 .slick-dots li {
    margin: 0 13px;
}
.incase-tabslick .slick-dots li button {
    width: 8px;
    height: 8px;
    position: relative;
}
.incase-tabslick2 .slick-dots li button:after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
}
.incase-tabslick2 .slick-dots li.slick-active button {
    width: 12px;
    height: 12px;
    background-color: #cd000f;
}
.incase-tabslick2 .slick-dots li.slick-active button:after {
    width: 24px;
    height: 24px;
    border-color: #cd000f;
    margin-left: -13px;
    margin-top: -13px;
}
.incase-tabslick2 .slick-dots li button{
    background-color: #c9c9c9;
    width: 8px;
    height: 8px;
}

.insolution{background: #f3f8ff; padding-bottom: 40px; position: relative; overflow: hidden;}
.insolution .inentitle{color: #e9f1fc;}
.insolution .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#77c2fb,#83eefe); position: absolute; right: -36px; bottom: -10px;}
.insolution-box{margin-top: 50px;}
.insolution-box li .item{margin: 0 18px; padding: 20px 10px; transition: box-shadow .6s;display: block}
.insolution-box li .icon{width: 102px; height: 102px; background: url(../images/icon222.png) no-repeat; margin: 0 auto;}
.insolution-box li .ico1{background-position: 0 -50px;}
.insolution-box li .ico2{background-position: -102px -50px;}
.insolution-box li .ico3{background-position: -204px -50px;}
/* .insolution-box li .ico4{background-position: -306px -50px;} */
.insolution-box li .ico4{
	background-image: url(../images/aseo-icon.png);
	background-repeat: no-repeat;
	background-position: 8px 13px;
	background-size: 90px;
}
.insolution-box li .ico5{
	background-image: url(../images/aseo-icon3.png);
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: 8px 13px;
}
.insolution-box li .ico10{
	background-image: url(../images/aseo-icon2.png);
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: 8px 6px;
}
.insolution-box li .title{font-size: 17px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;}
.insolution-box li .line{width: 40px; height: 2px; background: #cd000f; margin: 24px auto 0;}
.insolution-box li .desc{font-size: 16px; height: 104px; line-height: 26px; text-align: center; margin-top: 22px;}
.insolution-box li .more{display: block; width: 118px; height: 28px; line-height: 28px; color: #666; text-align: center; margin: 24px auto 0; border: 1px solid #999; border-radius: 15px;}
.insolution-box li .more:hover{background: #cd000f\9; background-image: linear-gradient(to right,#cd000f,#cd000f); color: #fff!important; border-color: #cd000f;}
/* .insolution-box li .item:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);} */

@media only screen and (max-width: 1549px){
    .insolution-box ul{margin: 0 -8px;}
    .insolution-box li .item{margin: 0 8px;}
    /* .insolution-box li .title{font-size: 24px;} */
    .insolution-box li .desc{font-size: 14px;}
}

.incase-tabtit li i{
    background: url(../images/ali-icon2.png) no-repeat;
}
.incase-tabtit li .ico1 {
    background-position: 4px -88px;
}
.incase-tabtit li .ico2 {
    background-position: -28px -88px;
}
.incase-tabtit li .ico3 {
    background-position: -62px -88px;
}
.incase-tabtit li .ico4 {
    background-position: -99px -88px;
}
.incase-tabtit li .ico5 {
    background-position: -132px -88px;
}
.incase-tabtit li .ico6 {
    background-position: -162px -88px;
}
.incase-tabtit li .ico7 {
    background-position: -195px -86px;
}
.incase-tabtit li .ico8 {
    background-position: -227px -88px;
}
.incase-tabtit li.active .ico1 {
    background-position: 6px -118px;
}
.incase-tabtit li.active .ico2 {
    background-position:-28px -118px;
}
.incase-tabtit li.active .ico3 {
    background-position: -62px -118px;
}
.incase-tabtit li.active .ico4 {
    background-position: -99px -118px;
}
.incase-tabtit li.active .ico5 {
    background-position: -132px -118px;
}
.incase-tabtit li.active .ico6 {
    background-position: -162px -118px;
}
.incase-tabtit li.active .ico7 {
    background-position: -195px -118px;
}
.incase-tabtit li.active .ico8 {
    background-position: -227px -118px;
}
.inabout-show-ibox .incase-tabcont{
    margin: 30px -12px 0;
}
@media only screen and (max-width: 1549px){
    /* .incase-tabtit li{padding: 0 16px;} */
}

.incust{
    background-size: cover;
}
.inabout .text .desc{
    font-size: 16px;
    line-height: 28px;
}
.inabout .text .desc .p1{
    margin-bottom: 26px;
}
.inabout .text .line{
    background-color: #DE0618;
}
.inabout .text .more{
    margin-top: 26px;
}




.incase-tabtit li .ico1{background-position: 0 -143px;}
.incase-tabtit li .ico2{background-position: -133px -143px;}
.incase-tabtit li .ico3{background-position: -87px -143px;}
.incase-tabtit li .ico4{background-position: -108px -143px;}
.incase-tabtit li .ico5{background-position: -66px -143px;}
.incase-tabtit li .ico6{background-position: -201px -143px;}
.incase-tabtit li .ico7{background-position: -154px -143px;}
.incase-tabtit li .ico8{background-position: -41px -143px;}
.incase-tabtit li .ico9{background-position: -23px -143px;}
.incase-tabtit li .ico10{background-position: -175px -143px;}

.incase-tabtit li.active .ico1{background-position: 0 -165px;}
.incase-tabtit li.active .ico2{background-position: -133px -165px;}
.incase-tabtit li.active .ico3{background-position: -87px -165px;}
.incase-tabtit li.active .ico4{background-position: -108px -165px;}
.incase-tabtit li.active .ico5{background-position: -66px -165px;}
.incase-tabtit li.active .ico6{background-position: -201px -165px;}
.incase-tabtit li.active .ico7{background-position: -154px -165px;}
.incase-tabtit li.active .ico8{background-position: -41px -165px;}
.incase-tabtit li.active .ico9{background-position: -23px -165px;}
.incase-tabtit li.active .ico10{background-position: -175px -165px;}



.insolution-box li .ico1 {
    background-position:-102px -50px;
}
.insolution-box li .ico2 {
    background-position: -204px -50px;
}
.insolution-box li .ico6 {
    background-position: -306px -50px;
}
.insolution-box li .ico3, .insolution-box li .ico7,.insolution-box li .ico8 {
	background: url(../images/ali-icon2.png) no-repeat;
}
.insolution-box li .ico3{
	background-position: 8px 14px;
}
/* .insolution-box li .ico4{
	background-position: -118px 14px;
} */
/* .insolution-box li .ico5{
	background-position: -255px 14px;
} */
.insolution-box li .ico7{
	background-position: -389px 17px;
}
.insolution-box li .ico8{
	background-position: -523px 13px;
}

/*转换客户案例*/
.main-cust{padding-bottom: 60px;}
.list-cust{padding: 50px 0 80px 0;}
.list-cust ul{margin: -20px -15px; position: relative; overflow: hidden;}
.list-cust li .item{display: block; min-height: 120px; margin: 20px 15px; overflow: hidden; border-radius: 12px; position: relative;}
.list-cust li img{display: block; width: 100%; transition: transform 1s;}
.list-cust li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .5s,visibility .5s;}
.list-cust li .bg{width: 100%; height: 100%; background: #ff762e; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;}
.list-cust li .icon{width: 74px; height: 74px; background: url(../images/icon1.png) no-repeat 0 -336px; position: absolute; left: 50%; top: 50%; margin-left: -37px; margin-top: -37px; z-index: 2;}
.list-cust li .ico1{background-position: 0 -336px;}
.list-cust li .ico2{background-position: -74px -336px;}
.list-cust li .item:hover img{transform: scale(1.1);}
.list-cust li .item:hover .mask{opacity: 1; visibility: visible;}
.layui-layer-image .layui-layer-content{overflow: hidden!important;}
.layui-layer-video video{display: block; width: 100%; height: 100%; background: #000;}
.layui-layer-video video:focus{outline: 0;}
.layui-layer-cust .layui-layer-setwin{width: 30px; height: 30px; right: 0; top: -30px;}
.layui-layer-cust .layui-layer-setwin a{margin-left: 0; width: 16px; height: 16px; background: url(../images/icon1.png) no-repeat -372px -202px!important; left: 14px; top: 0;}
.cust-ajax{text-align: center;}
.cust-ajax > span{display: inline-block; background: #445268; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11,.49,.38,.78);}
.cust-ajax > span:nth-child(4){animation-delay: 0.25s!important;}
.cust-ajax > span:nth-child(1),.cust-ajax > span:nth-child(5){animation-delay: 0.5s!important;}
@keyframes line-scale-pulse-out-rapid{0%{-webkit-transform: scaley(1); transform: scaley(1);}80%{-webkit-transform: scaley(0.3); transform: scaley(0.3);}90%{-webkit-transform: scaley(1); transform: scaley(1);}}
.cust-ajax > em{display: inline-block; vertical-align: top; margin-left: 14px; height: 46px; line-height: 46px;}
@media only screen and (max-width: 1549px){
	.list-cust ul{margin: -14px -10px;}
	.list-cust li .item{margin: 14px 10px; border-radius: 8px;}
}