@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: #ff6a00;}
/*公共样式*/
*{margin: 0; padding: 0;}
body{font-size: 14px; background: #fff; min-width: 1200px; font-family: 'Microsoft YaHei',Arial,Verdana,Sans-Serif; line-height: 1.2; color: #333;}
ol,ul,li{list-style: none;}
u{text-decoration: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .5s; cursor: pointer; outline: 0;}
a:hover{color: #ff6a00!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.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;}
}
/*头部*/
.header{height: 80px; background: #fff; position: relative; z-index: 22;}
.logo{float: left; margin-top: 14px;}
.logo img{display: block; height: 55px;}
.htel{height: 80px; float: right; line-height: 80px; font-size: 17px; color: #666; padding-left: 26px; border-left: 1px solid #eee;}
.nav{float: right; margin-right: 8px;}
.nav > ul > li{float: left; padding: 0 18px; font-size: 16px;}
.nav > ul > li > a{display: block; height: 80px; line-height: 80px; padding: 0 6px; position: relative;}
.nav > ul > li > a i{display: block; width: 0; height: 2px; background: #ff6a00; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.nav > ul > li.active > a,.nav > ul > li:hover > a{color: #ff6a00!important;}
.nav > ul > li.active > a i,.nav > ul > li:hover > a i{width: 100%;}
@media only screen and (max-width: 1549px){
	.nav > ul > li{padding: 0 9px;}
}
/*底部*/
.footer{background: #445268; color: #fff; position: relative; overflow: hidden;}
.footer a{color: #fff;}
.foot-model{padding: 58px 0;}
.foot-nav{float: left; border-right: 1px solid #313d52; position: relative;}
.foot-nav dl{float: left; margin-right: 120px; font-family: "Microsoft Yahei Light";}
.foot-nav dl.last{margin-right: 130px;}
.foot-nav dt{font-size: 18px; margin-bottom: 20px;}
.foot-nav dd{height: 36px; line-height: 36px;}
.foot-tel{float: right; margin-top: 14px; margin-right: 54px; overflow: hidden;}
.foot-tel .tit{font-size: 0; text-align: right; margin-bottom: 12px;}
.foot-tel .tit i,.foot-tel .tit span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px;}
.foot-tel .tit i{width: 22px; height: 20px; background: url(../images/icon.png) no-repeat -369px -152px; margin-right: 6px;}
.foot-tel .ftel{font-size: 24px; font-weight: bold; color: #ff6a00; line-height: 1.25;}
.foot-tel .advice{display: block; float: right; width: 140px; height: 40px; line-height: 40px; background: #ff6a00; border-radius: 4px; font-size: 0; color: #fff; text-align: center; margin-top: 28px;}
.foot-tel .advice i,.foot-tel .advice span{display: inline-block; *display: inline; *zoom: 1; min-height: 1px; vertical-align: middle; font-size: 14px; color: #fff;}
.foot-tel .advice i{width: 20px; height: 22px; background: url(../images/icon.png) no-repeat -369px -175px; margin-right: 8px;}
.foot-tel .advice:hover{filter: alpha(opacity: 80); opacity: .8;}
.foot-wechat{width: 150px; float: right; margin-top: 14px; margin-right: 26px;}
.foot-wechat img{display: block; width: 108px; height: 108px; border: 1px solid #929898; margin: 0 auto 6px; border-radius: 4px;}
.foot-wechat p{font-size: 14px; text-align: center; line-height: 24px; color: #ccc;}
.foot-copy{padding: 16px 0 36px 0; line-height: 24px; border-top: 1px solid #313d52; color: #ccc;}
.foot-copy a{color: #ccc;}
@media only screen and (max-width: 1549px){
	.foot-nav dl{margin-right: 70px;}
	.foot-nav dl.last{margin-right: 90px;}
	.foot-tel{margin-right: 24px;}
}
/*首页*/
.inhead{text-align: center; position: relative; padding-top: 36px;}
.inentitle{font-family: "Arial Black"; font-size: 120px; color: #f6f5fb; line-height: 1;}
.intitle{width: 100%; color: #514a7c; font-size: 0; text-align: center; height: 50px; line-height: 50px; position: absolute; left: 0; top: 70px;}
.intitle h2{display: inline-block; *display: inline; *zoom: 1; font-size: 48px; position: relative;}
.intitle h2 img{height: 32px; vertical-align: bottom; margin-right: 2px; position: relative; top: -4px;}
/*首页---广告图*/
.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;}
.bans-dots{position: absolute; left: 50%; bottom: 30px; margin-left: -750px; z-index: 10;}
.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: #fff; position: absolute; left: 0; top: -1px;}
.bans-dots li em{display: block; height: 30px; line-height: 30px;}
.bans-dots li.active{font-weight: bold;}
.bans-dots li.active i{width: 100%;}
@media only screen and (max-width: 1549px){
	#banner .slick-slide img{width: 1550px; margin-left: -775px;}
	.bans-dots{margin-left: -600px;}
}
/*首页---服务*/
.inservice{background: #fff; position: relative; overflow: hidden;}
.inservice .intitle h2 img{height: 40px;}
.inservice .intitle h2 span{color: #f37b97; font-family: "Impact"; font-size: 94px; vertical-align: middle; margin-left: 14px; background-image: linear-gradient(to right,#f37b97,#feadce); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.inservice .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: 10px; bottom: -20px;}
.inservice-box{margin-top: 14px; padding-bottom: 48px;}
.inservice-box ul{margin: -17px; position: relative; *overflow: hidden;}
.inservice-box li .item{height: 200px; padding: 0 4px 0 50px; margin: 17px; position: relative; background-repeat: no-repeat; background-position: center; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(7,0,2,.15); transition: box-shadow .6s;}
.inservice-box li .icon{width: 50px; height: 50px; background: url(../images/icon.png) no-repeat; position: absolute; left: 10px; top: 13px;}
.inservice-box li .title{font-size: 24px; color: #fff; margin-left: 16px; padding-top: 19px;}
.inservice-box li .desc{font-family: "Microsoft Yahei Light"; font-size: 16px; color: #fff; margin-left: 16px; margin-top: 4px; height: 22px; line-height: 22px;}
.inservice-box li .intro{margin-top: 10px; font-family: "Microsoft Yahei Light"; font-size: 17px; color: #fff;}
.inservice-box li .intro p{line-height: 32px; position: relative; padding-left: 16px;}
.inservice-box li .intro p i{display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 13px;}
.inservice-box li .more{display: block; width: 98px; height: 28px; line-height: 28px; border: 1px solid #fff; border-radius: 15px; position: absolute; right: 15px; bottom: 20px; font-size: 14px; color: #fff; text-align: center;}
.inservice-box li .more:hover{color: #fff!important;}
.inservice-box li.s1 .item{background-image: url(../images/inservice-dbg1.jpg);}
.inservice-box li.s2 .item{background-image: url(../images/inservice-dbg2.jpg);}
.inservice-box li.s3 .item{background-image: url(../images/inservice-dbg3.jpg);}
.inservice-box li.s4 .item{background-image: url(../images/inservice-dbg4.jpg);}
.inservice-box li.s5 .item{background-image: url(../images/inservice-dbg5.jpg);}
.inservice-box li.s6 .item{background-image: url(../images/inservice-dbg6.jpg);}
.inservice-box li.s7 .item{background-image: url(../images/inservice-dbg7.jpg);}
.inservice-box li.s8 .item{background-image: url(../images/inservice-dbg8.jpg);}
.inservice-box li.s1 .icon{background-position: 0 0;}
.inservice-box li.s2 .icon{background-position: -50px 0;}
.inservice-box li.s3 .icon{background-position: -100px 0;}
.inservice-box li.s4 .icon{background-position: -150px 0;}
.inservice-box li.s5 .icon{background-position: -200px 0;}
.inservice-box li.s6 .icon{background-position: -250px 0;}
.inservice-box li.s7 .icon{background-position: -300px 0;}
.inservice-box li.s8 .icon{background-position: -350px 0;}
.inservice-box li .item:hover{box-shadow: 0 0 16px rgba(7,0,2,.32);}
@media only screen and (max-width: 1549px){
	.inservice-box ul{margin: -10px;}
	.inservice-box li .item{margin: 10px;}
	.inservice-box li .title{font-size: 22px;}
	.inservice-box li .desc{font-size: 14px; line-height: 20px;}
	.inservice-box li .intro{font-size: 15px; margin-top: 20px;}
	.inservice-box li .intro p{line-height: 30px;}
}
/*首页---解决方案*/
.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: 10px;}
.insolution-box li .item{margin: 0 18px; padding: 20px 10px; transition: box-shadow .6s;}
.insolution-box li .icon{width: 102px; height: 102px; background: url(../images/icon.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 .title{font-size: 30px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;}
.insolution-box li .line{width: 40px; height: 2px; background: #ff6945; 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: #ff6a00\9; background-image: linear-gradient(to right,#f20058,#ff6a00); color: #fff!important; border-color: #f20058;}
.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{padding: 10px 0 46px 0; background: url(../images/incase-bg.jpg) no-repeat center top; position: relative; overflow: hidden;}
.incase .intitle{position: static; color: #fff;}
.incase-tabbox{margin-top: 22px;}
.incase-tabtit ul{font-size: 0; text-align: center;}
.incase-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 22px; height: 44px; line-height: 44px; margin: 0 1px; background: #fff; cursor: pointer;}
.incase-tabtit li:first-child{border-radius: 18px 0 0 18px;}
.incase-tabtit li:last-child{border-radius: 0 18px 18px 0;}
.incase-tabtit li i,.incase-tabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.incase-tabtit li i{width: 28px; height: 28px; background: url(../images/icon.png) no-repeat; margin-right: 4px;}
.incase-tabtit li .ico1{background-position: 0 -152px;}
.incase-tabtit li .ico2{background-position: -30px -152px;}
.incase-tabtit li .ico3{background-position: -60px -152px;}
.incase-tabtit li .ico4{background-position: -90px -152px;}
.incase-tabtit li span{font-size: 18px;}
.incase-tabtit li.active{background: #f20058; color: #fff;}
.incase-tabtit li.active .ico1{background-position: 0 -182px;}
.incase-tabtit li.active .ico2{background-position: -30px -182px;}
.incase-tabtit li.active .ico3{background-position: -60px -182px;}
.incase-tabtit li.active .ico4{background-position: -90px -182px;}
.incase-tabcont{margin-top: 30px; position: relative;}
.incase-tabslick{margin: 0 -17px; display: block!important; height: 0; opacity: 0; visibility: hidden;}
.incase-tabslick.tactive{height: auto; opacity: 1; visibility: visible; padding-bottom: 46px; transition: opacity .5s;}
.incase-tabslick .slick-list{padding-bottom: 16px;}
.incase-tabslick .slick-slide .item{margin: 0 17px;}
.incase-tabslick .slick-slide .pic{overflow: hidden; border-radius: 8px 8px 0 0;}
.incase-tabslick .slick-slide .pic img{width: 100%; height: 200px; transition: transform .8s;}
.incase-tabslick .slick-slide .pic:hover img{transform: scale(1.1);}
.incase-tabslick .slick-slide .text{padding: 18px 14px 32px 20px; background: #fff; box-shadow: 5px 5px 10px rgba(7,0,2,.1); border-radius: 0 0 8px 8px;}
.incase-tabslick .slick-slide .title{height: 28px; line-height: 28px; font-size: 22px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.incase-tabslick .slick-slide .title a{color: #000;}
.incase-tabslick .slick-slide .intro{height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 8px;}
.incase-tabslick .slick-slide .intro span{float: left;}
.incase-tabslick .slick-slide .intro i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 4px; background: url(../images/icon.png) no-repeat -120px -152px;}
.incase-tabslick .slick-slide .intro em{float: right;}
.incase-tabslick .slick-slide .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 10px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.incase-tabslick .slick-slide .more{display: block; width: 120px; height: 30px; line-height: 30px; color: #fff; text-align: center; margin-top: 28px; position: relative; background: #fb9c71\9; background-image: linear-gradient(#fb9c71,#fe6d80); border-radius: 15px; text-indent: 24px;}
.incase-tabslick .slick-slide .more i{display: block; width: 46px; height: 46px; background: url(../images/icon.png) no-repeat -130px -168px; position: absolute; left: -10px; top: -9px;}
.incase-tabslick .slick-slide .more:hover{color: #fff!important; transform: translateX(10px); background-image: linear-gradient(to right,#fd2c4b,#f97334);}
.incase-tabslick .slick-dots{bottom: 0;}
.incase-tabslick .slick-dots li{margin: 0 13px;}
.incase-tabslick .slick-dots li button{width: 8px; height: 8px; position: relative;}
.incase-tabslick .slick-dots li button:after{display: block; content: ""; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px;}
.incase-tabslick .slick-dots li.slick-active button:after{width: 24px; height: 24px; border-color: #f20058; margin-left: -13px; margin-top: -13px;}
@media only screen and (max-width: 1549px){
	.incase-tabslick{margin: 0 -8px;}
	.incase-tabslick .slick-slide .item{margin: 0 8px;}
	.incase-tabslick .slick-slide .pic img{height: 165px;}
	.incase-tabslick .slick-slide .text{padding: 18px 10px 32px 12px;}
	.incase-tabslick .slick-slide .title{font-size: 20px;}
}
/*首页---选择我们*/
.inwhyus{padding: 14px 0; background: url(../images/inwhyus-bg.jpg) no-repeat center bottom; overflow: hidden;}
.inwhyus .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -36px; bottom: -10px;}
.inwhyus-box{margin-top: 30px;}
.inwhyus-box{height: 574px; position: relative;}
.inwhyus-box .pic{position: absolute; left: 50%; top: 0; margin-left: -379px;}
.inwhyus-box .pic img{width: 758px; height: 574px;}
.inwhyus-box .text{width: 344px; position: absolute; overflow: hidden;}
.inwhyus-box .text .title{font-size: 30px; line-height: 34px; font-weight: bold; color: #ff6a00; padding-left: 40px; position: relative;}
.inwhyus-box .text .title i{display: block; width: 30px; height: 30px; line-height: 30px; border: 2px solid #ff6945; border-radius: 50%; font-size: 24px; text-align: center; position: absolute; left: 0; top: 0;}
.inwhyus-box .text .desc{width: 100%; float: left; font-size: 18px; color: #666; line-height: 28px; margin-top: 6px;}
.inwhyus-box .t1{left: 168px; top: 2px;}
.inwhyus-box .t2{right: 176px; top: 2px;}
.inwhyus-box .t3{width: 380px; left: 20px; top: 168px;}
.inwhyus-box .t4{right: 48px; top: 168px;}
.inwhyus-box .t5{width: 360px; left: 0; top: 354px;}
.inwhyus-box .t6{width: 350px; right: 8px; top: 354px;}
.inwhyus-box .t7{width: 324px; left: 50%; top: 412px; margin-left: -162px;}
.inwhyus-box .t7 .title{font-size: 27px;}
@media only screen and (max-width: 1549px){
	.inwhyus-box{height: 458px;}
	.inwhyus-box .pic{margin-left: -303px;}
	.inwhyus-box .pic img{width: 606px; height: 458px;}
	.inwhyus-box .text{width: 310px;}
	.inwhyus-box .text .title{font-size: 26px; line-height: 28px; padding-left: 34px;}
	.inwhyus-box .text .title i{display: block; width: 24px; height: 24px; line-height: 24px; border: 2px solid #ff6945; font-size: 22px;}
	.inwhyus-box .text .desc{font-size: 15px; line-height: 22px;}
	.inwhyus-box .t1{left: 100px;}
	.inwhyus-box .t2{right: 108px;}
	.inwhyus-box .t3{width: 318px; left: -4px; top: 132px;}
	.inwhyus-box .t4{right: 8px; top: 132px;}
	.inwhyus-box .t5{width: 300px; left: -16px; top: 282px;}
	.inwhyus-box .t6{width: 286px; right: -4px; top: 282px;}
	.inwhyus-box .t7{width: 270px; top: 326px; margin-left: -135px;}
	.inwhyus-box .t7 .title{font-size: 23px;}
}
/*首页---转换客户案例*/
.incust{padding: 34px 0 72px 0; background: url(../images/incust-bg.jpg) no-repeat center top; position: relative; overflow: hidden;}
.incust .intitle{position: static; color: #fff;}
.incust-tabbox{margin-top: 26px;}
.incust-tabtit ul{font-size: 0; text-align: center;}
.incust-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 1px;}
.incust-tabtit li a{display: block; padding: 0 22px; height: 44px; line-height: 44px; margin: 0 1px; background: #fff;}
.incust-tabtit li:first-child a{border-radius: 18px 0 0 18px;}
.incust-tabtit li:last-child a{border-radius: 0 18px 18px 0;}
.incust-tabtit li i,.incust-tabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.incust-tabtit li i{width: 30px; height: 30px; background: url(../images/icon.png) no-repeat; margin-right: 4px;}
.incust-tabtit li .ico1{background-position: -176px -152px;}
.incust-tabtit li .ico2{background-position: -206px -152px;}
.incust-tabtit li .ico3{background-position: -236px -152px;}
.incust-tabtit li .ico4{background-position: -266px -152px;}
.incust-tabtit li .ico5{background-position: -296px -152px;}
.incust-tabtit li span{font-size: 18px;}
.incust-tabtit li.active a,.incust-tabtit li a:hover{background: #f20058; color: #fff!important;}
.incust-tabtit li.active .ico1,.incust-tabtit li a:hover .ico1{background-position: -176px -182px;}
.incust-tabtit li.active .ico2,.incust-tabtit li a:hover .ico2{background-position: -206px -182px;}
.incust-tabtit li.active .ico3,.incust-tabtit li a:hover .ico3{background-position: -236px -182px;}
.incust-tabtit li.active .ico4,.incust-tabtit li a:hover .ico4{background-position: -266px -182px;}
.incust-tabtit li.active .ico5,.incust-tabtit li a:hover .ico5{background-position: -296px -182px;}
.incust-tabcont{margin-top: 40px;}
.incust-tabitem ul{margin: 0 -15px;}
.incust-tabitem li .item{display: block; margin: 0 15px; overflow: hidden; border-radius: 12px;}
.incust-tabitem li img{display: block; width: 100%; transition: transform .8s;}
.incust-tabitem li .item:hover img{transform: scale(1.1);}
@media only screen and (max-width: 1549px){
	.incust-tabitem ul{margin: 0 -10px;}
	.incust-tabitem li .item{margin: 0 10px; border-radius: 8px;}
}
/*首页---流程*/
.inprocess{padding-bottom: 72px; background: #f3f8ff;}
.inprocess .inentitle{color: #e9f1fc;}
.inprocess .intitle h2{padding-right: 70px;}
.inprocess .intitle h2 img{height: 40px;}
.inprocess .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -15px; top: -26px;}
.inprocess .intitle h2:before{display: block; content: ""; width: 64px; height: 64px; border-radius: 50%; background-image: linear-gradient(to right,#e5418d,#facb5a); position: absolute; right: -10px; bottom: -30px;}
.inprocess-box{margin-top: 20px;}
.inprocess .tit{width: 102px; height: 300px; float: left;}
.inprocess .tit img{display: block; width: 102px; height: 300px;}
.inprocess .cont{margin-left: 102px; overflow: hidden;}
.inprocess .cont ul{overflow: hidden; margin-left: -1px;}
.inprocess .cont li .item{margin-left: 1px; height: 148px; border-top: 2px solid #ff6a00; background: #fff;}
.inprocess .cont li .icon{width: 70px; height: 62px; margin: 22px auto 0; background: url(../images/icon.png) no-repeat; transition: transform .8s;}
.inprocess .cont li .ico1{background-position: 0 -212px;}
.inprocess .cont li .ico2{background-position: -70px -212px;}
.inprocess .cont li .ico3{background-position: -140px -212px;}
.inprocess .cont li .ico4{background-position: -210px -212px;}
.inprocess .cont li .ico5{background-position: -280px -212px;}
.inprocess .cont li .ico6{background-position: 0 -274px;}
.inprocess .cont li .ico7{background-position: -70px -274px;}
.inprocess .cont li .ico8{background-position: -140px -274px;}
.inprocess .cont li .ico9{background-position: -210px -274px;}
.inprocess .cont li .ico10{background-position: -280px -274px;}
.inprocess .cont li .title{font-size: 20px; text-align: center; margin-top: 8px;}
.inprocess .cont li .item:hover .icon{transform: rotateY(180deg);}
@media only screen and (max-width: 1549px){
	.inprocess .cont li .title{font-size: 18px;}
}
/*首页---技术团队*/
.inteam{height: 320px; background: url(../images/inteam-bg.jpg) no-repeat center top; font-size: 0; text-align: center; color: #fff;}
.inteam .name,.inteam .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: left;}
.inteam .name{font-size: 36px; line-height: 48px; margin-top: 68px; margin-right: 22px; padding-top: 42px;}
.inteam .name b{display: block;}
.inteam .text{padding-left: 72px; margin-top: 68px; margin-left: 50px; position: relative;}
.inteam .text .line{width: 1px; height: 100px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 32px;}
.inteam .text .num{font-size: 36px; font-weight: bold; line-height: 1;}
.inteam .text .num span{font-family: "Arial"; font-size: 100px;}
.inteam .text .title{font-size: 24px; margin-top: 20px;}
.inteam .text .desc{font-size: 18px; margin-top: 10px;}
@media only screen and (max-width: 1549px){
	.inteam .text{padding-left: 62px; margin-left: 40px;}
	.inteam .name{font-size: 34px;}
	.inteam .text .num{font-size: 34px;}
	.inteam .text .num span{font-size: 96px;}
	.inteam .text .title{font-size: 22px;}
	.inteam .text .desc{font-size: 16px;}
}
/*首页---关于我们*/
.inabout{margin-top: 65px; margin-bottom: 20px; position: relative; overflow: hidden;}
.inabout > div{position: relative; z-index: 2;}
.inabout .bg{width: 100%;height: 100%; border-radius: 12px; background: #f3faff; position: absolute; left: 0; top: 0; right: 0; bottom: 48px; z-index: 1;}
.inabout .pic img{display: block; width: 100%;}
.inabout .text{margin: 0 68px; padding-top: 70px;}
.inabout .text .title{font-size: 48px; color: #514a7c; line-height: 1;}
.inabout .text .name{font-size: 24px; color: #514a7c; line-height: 36px; margin-left: -10px; margin-top: 6px;}
.inabout .text .line{width: 50px; height: 2px; background: #ff6a00; margin-top: 24px;}
.inabout .text .desc{font-size: 18px; line-height: 30px; color: #282828; margin-top: 22px;}
.inabout .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #999; border-radius: 20px; font-family: "Microsoft Yahei Light"; font-size: 14px; color: #666; text-align: center; margin-top: 40px;}
.inabout .text .more:hover{background: #ff6a00; border-color: #ff6a00; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.inabout .bg{bottom: 56px;}
	.inabout .text{margin: 0 42px; padding-top: 44px;}
	.inabout .text .title{font-size: 42px;}
	.inabout .text .name{font-size: 22px; margin-left: -10px;}
	.inabout .text .desc{font-size: 15px; line-height: 26px;}
	.inabout .text .more{margin-top: 30px;}
}
/*首页---新闻*/
.innews{overflow: hidden; padding: 76px 0;}
.innews ul{margin: 0 -15px;}
.innews li .item{margin: 0 15px;}
.innews li .title{font-family: "Microsoft Yahei Light"; height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; border-left: 4px solid #ff6a00; margin-bottom: 22px; padding-left: 12px;}
.innews li .title a{font-family: "Microsoft Yahei"; 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: #ff6a00; 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: #ff6a00; border-color: #ff6a00; 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: 40px; line-height: 40px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (max-width: 1549px){
	.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: #f7f7f7;}
.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 #eee;}
.cream-menu{float: left;}
.cream-menu li{float: left; position: relative; padding: 0 8px;}
.cream-menu li a{display: block; height: 62px; line-height: 62px; font-size: 16px; color: #666; padding: 0 22px; 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: #ff6a00; 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: #ff6a00!important;}
.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: #ff6a00;}
/*列表分页*/
.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 #ff6a00; background: #ff6a00; 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: #ff6a00; color: #fff; cursor: pointer;}
/*案例列表*/
.case-banner{height: 400px!important;}
.list-case{padding: 52px 0 42px 0;}
.list-case ul{margin: -20px -17px; position: relative; overflow: hidden;}
.list-case li .item{margin: 20px 17px;}
.list-case li .pic{overflow: hidden; border-radius: 8px 8px 0 0;}
.list-case li .pic img{width: 100%; height: 200px; transition: transform .8s;}
.list-case li .pic:hover img{transform: scale(1.1);}
.list-case li .text{padding: 18px 14px 32px 20px; background: #fff; box-shadow: 5px 5px 10px rgba(7,0,2,.1); border-radius: 0 0 8px 8px;}
.list-case li .title{height: 28px; line-height: 28px; font-size: 22px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-case li .title a{color: #000;}
.list-case li .intro{height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 8px;}
.list-case li .intro span{float: left;font-weight: bold;
    color: #F20058;
    font-size: 16px;}
.list-case li .intro i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 4px; background: url(../images/icon.png) no-repeat -120px -152px;}
.list-case li .intro em{float: right;font-weight: bold;
    color: #F20058;
    font-size: 16px;}
.list-case li .desc{font-size: 14px; height: 72px; line-height: 24px; margin-top: 10px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.list-case li .more{display: block; width: 120px; height: 30px; line-height: 30px; color: #fff; text-align: center; margin-top: 28px; position: relative; background: #fb9c71\9; background-image: linear-gradient(#fb9c71,#fe6d80); border-radius: 15px; text-indent: 24px;}
.list-case li .more i{display: block; width: 46px; height: 46px; background: url(../images/icon.png) no-repeat -130px -168px; position: absolute; left: -10px; top: -9px;}
.list-case li .more:hover{color: #fff!important; transform: translateX(10px); background-image: linear-gradient(to right,#fd2c4b,#f97334);}
@media only screen and (max-width: 1549px){
	.list-case ul{margin: -12px -8px;}
	.list-case li .item{margin: 12px 8px;}
	.list-case li .pic img{height: 165px;}
	.list-case li .text{padding: 18px 10px 32px 12px;}
	.list-case li .title{font-size: 20px;}
}
/*案例详情*/
.casedetails{margin-top: 40px;}
.casepull-left{width: 1040px; float: left;}
.casepull-left .lbox{padding: 50px; background: #fff;}
.casedetails-note .pic{width: 500px; float: left; border-radius: 6px; overflow: hidden;}
.casedetails-note .pic img{width: 100%; height: 285px;}
.casedetails-note .text{margin-left: 500px; margin-right: -20px; padding-left: 28px; padding-top: 6px;}
.casedetails-note .text .title{font-size: 30px;}
.casedetails-note .text ul{margin-top: 14px;}
.casedetails-note .text li{font-size: 14px; line-height: 22px; padding: 4px 0;}
.casedetails-note .text li em{color: #666;}
.casedetails-note .text li span{color: #000;}
.casedetails-note .text li.into{overflow: hidden;}
.casedetails-note .text li.into em{display: block; float: left;}
.casedetails-note .text li.into i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 3px; background: url(../images/icon.png) no-repeat -120px -152px;}
.casedetails-tabbox{margin-top: 28px;}
.casedetails-tabtit{border-bottom: 1px solid #eee;}
.casedetails-tabtit ul{height: 40px;}
.casedetails-tabtit li{width: 150px; height: 40px; line-height: 40px; float: left; margin-right: 2px; background: #f7f7f7; font-size: 16px; color: #666; text-align: center; cursor: pointer;}
.casedetails-tabtit li.active{background: #ff6a00; 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: #514a7c; border-bottom: 1px solid #eee;}
.casepull-title b{font-weight: bold;}
.casepull-title a{float: right; font-size: 14px; color: #514a7c;}
.custpull-slick{margin-top: 18px;}
.custpull-slick .slick-slide{border-radius: 12px; overflow: hidden;}
.custpull-slick .slick-slide img{width: 100%; height: 195px; transition: transform .8s;}
.custpull-slick .slick-slide:hover img{transform: scale(1.1);}
.custpull-slick .slick-dots{bottom: 16px;}
.custpull-slick .slick-dots li{margin: 0 3px;}
.custpull-slick .slick-dots li button{width: 8px; height: 8px;}
.clistpull{margin-top: 20px;}
.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: 120px; float: left; border-radius: 4px; position: relative; overflow: hidden;}
.clistpull-box li .pic img{width: 100%; height: 68px; transition: transform .8s;}
.clistpull-box li .pic:hover img{transform: scale(1.1);}
/* .clistpull-box li .text{margin-left: 120px; padding-left: 16px; padding-top: 6px;} */
.clistpull-box li .title{font-size: 16px; color: #000; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.clistpull-box li .title a{color: #000;}
.clistpull-box li .into{overflow: hidden; font-size: 14px; line-height: 24px; margin-top: 6px;}
.clistpull-box li .into span{display: block; float: left;}
.clistpull-box li .into i{display: block; width: 16px; height: 16px; float: left; margin-right: 4px; margin-top: 4px; background: url(../images/icon.png) no-repeat -120px -152px;}
.plistpull{margin-top: 0!important;}
@media only screen and (max-width: 1549px){
	.casepull-left{width: 850px;}
	.casepull-left .lbox{padding: 20px;}
	.casedetails-note .pic{width: 450px;}
	.casedetails-note .pic img{height: 258px;}
	.casedetails-note .text{margin-left: 450px; margin-right: -10px; padding-left: 20px; padding-top: 4px;}
	.casedetails-note .text .title{font-size: 24px;}
	.casedetails-note .text ul{margin-top: 10px;}
	.casedetails-note .text li{padding: 2px 0;}
	.custpull-slick .slick-slide img{height: 152px;}
	.clistpull-box li{padding: 14px 0;}
	.clistpull-box li .pic{width: 110px;}
	.clistpull-box li .pic img{height: 62px;}
	.clistpull-box li .text{margin-left: 110px; padding-left: 10px;}
	.casepull-right .clistpull-box li .text{margin-left: 0px; padding-left: 10px;}
	
	.clistpull-box li .into{font-size: 12px; margin-top: 2px;}
}
/*转换客户案例*/
.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/icon.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/icon.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;}
}
/*内页右侧*/
.pull-right{width: 400px; 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: #ff6a00; border-color: #ff6a00; color: #fff!important;}
.pull-problem{margin-top: 14px;}
.pull-problem ul{padding: 15px 14px;}
.pull-problem li{height: 36px; line-height: 36px; font-size: 16px; 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 -259px -336px; position: absolute; right: 0; top: 9px;}
.pull-problem li a:hover i{background: #ff6a00;}
.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/icon.png) no-repeat; position: absolute; left: 0; top: 8px;}
.pull-solution li .ico1{background-position: -150px -358px;}
.pull-solution li .ico2{background-position: -174px -358px;}
.pull-solution li .ico3{background-position: -198px -358px;}
.pull-solution li .ico4{background-position: -222px -358px;}
.pull-solution li .ico5{background-position: -246px -358px;}
.pull-solution li .ico6{background-position: -270px -358px;}
.pull-solution li .ico7{background-position: -294px -358px;}
.pull-solution li .ico8{background-position: -318px -358px;}
.pull-solution li a{color: #666; padding-left: 32px;}
@media only screen and (max-width: 1549px){
	.pull-right{width: 320px;}
	.pull-problem li{font-size: 14px;}
	.pull-solution li{font-size: 14px;}
}
/*新闻列表*/
.news-container{padding: 30px 0 60px 0;}
.news-search{margin-left: 35px; width: 953px;}
.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: #ff6a00; 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 -238px -336px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;}
.news-menu{margin-top: 16px; border-bottom: 1px solid #eee;}
.news-menu ul{margin-left: 32px;}
.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 26px; 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: #ff6a00; 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: #ff6a00!important;}
.news-box{margin-top: 32px;}
.news-left{width: 953px; float: left; margin-left: 35px;}
.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: 112px;}
.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: #ff6a00; border-color: #ff6a00; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.news-search{width: 850px; margin-left: 0;}
	.news-menu ul{margin-left: 0;}
	.news-menu li a{padding: 0 21px;}
	.news-left{width: 850px; margin-left: 0;}
	.list-news li .text{margin-left: 100px;}
}
/*新闻底部定制方案*/
.nylonform{background: #ff6a00; 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: #ff6a00;}
.location .container{border-bottom: 1px solid #eee;}
/*新闻详情*/
.sidebar{margin-top: 20px;}
.sidebar-left{width: 1057px; float: left;}
.sidebar-menu{width: 260px; 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 -300px -336px; position: absolute; right: 20px; top: 19px;}
.sidebar-menu li.active a,.sidebar-menu li a:hover{background: #ff6a00; color: #fff!important;}
.sidebar-menu li.active a i,.sidebar-menu li a:hover i{background-position: -300px -347px;}
.article{margin-left: 343px; 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 -150px -378px; 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: -168px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina{background-position: -196px -378px!important;}
.article-intro .bdsharebuttonbox .returnlist{background-position: -224px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin{background-position: -252px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq{background-position: -280px -378px!important;}
.article-intro .bdsharebuttonbox .bshare-qzone:hover{background-position: -168px -406px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina:hover{background-position: -196px -406px!important;}
.article-intro .bdsharebuttonbox .returnlist:hover{background-position: -224px -406px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin:hover{background-position: -252px -406px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq:hover{background-position: -280px -406px!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: #ff6a00; border-color: #ff6a00; 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: 100% !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;}
@media only screen and (max-width: 1549px){
	.sidebar-left{width: 850px;}
	.sidebar-menu{width: 220px;}
	.article{margin-left: 250px;}
}
/*关于我们*/
.about-title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;}
.about-team{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,.inteam .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: #ff6a00; 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: #ff6a00; 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: #ff6a00;}
.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: 588px; 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: 18px; 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: #ff6a00;}
.history-scroll li:hover .text .time span i{background: #ff6a00;}
.history-box .down{width: 19px; height: 48px; background: url(../images/icon.png) no-repeat -372px -224px #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);}}
@media only screen and (max-width: 1549px){
	.history-scroll li{width: 558px;}
	.history-scroll li .text .desc{font-size: 16px;}
}
.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: #ff6a00; border-color: #ff6a00; 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: 620px; position: absolute; left: 50%; top: -10px; margin-left: -750px;}
.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: #ff6a00; 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: #ff6a00; 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: -370px -274px;}
.contact-text li .ico2{background-position: -370px -304px;}
.contact-text .more{display: block; width: 210px; height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #ff6a00; text-align: center; margin-top: 34px;}
.contact-text .more:hover{transform: translateX(10px); color: #ff6a00!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!important;}
.solution-banner .title{width: 100%; font-size: 56px; font-weight: bold; color: #fff; text-align: center; line-height: 60px; position: absolute; left: 0; top: 50%; margin-top: -30px;}
.solution-banner .title span{font-weight: normal; color: #ff6a00;}
.solution-menu .cream-menu{margin: 0 -14px;}
.solution-menu .cream-menu li{padding: 0 14px;}
.solution-menu .cream-menu li a{padding: 0 8px; font-size: 18px;}
.solution-menu .cream-menu li.active i,.solution-menu .cream-menu li:hover i{left: 14px; right: 14px;}
.solutionB1{background: #fff; position: relative; overflow: hidden;}
.solutionB1 .intitle h2 img{height: 40px;}
.solutionB1 .intitle h2 span{color: #f37b97; font-family: "Impact"; font-size: 94px; vertical-align: middle; margin-left: 14px; background-image: linear-gradient(to right,#f37b97,#feadce); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.solutionB1 .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: 10px; bottom: -20px;}
.solutionB1-box{margin-top: 22px; padding-bottom: 84px;}
.solutionB1-box ul{margin: 0 -12px;}
.solutionB1-box li .item{height: 290px; padding: 0 22px; margin: 0 12px; position: relative; background-repeat: no-repeat; background-position: center; border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(7,0,2,.1); transition: transform .6s; text-align: center;}
.solutionB1-box li .icon{padding-top: 48px;}
.solutionB1-box li .icon img{height: 88px;}
.solutionB1-box li .title{font-size: 24px; font-weight: bold; color: #514a7c; line-height: 38px; margin-top: 34px;}
.solutionB1-box li .num{width: 62px; height: 62px; line-height: 62px; background: #fff; border-radius: 50%; font-family: "Arial"; font-size: 23px; color: #ff6a00; text-align: center; box-shadow: 0 0 10px rgba(7,0,2,.1); position: absolute; left: 50%; bottom: -31px; margin-left: -31px;}
.solutionB1-box li .item:hover{transform: translateY(-14px);}
@media only screen and (max-width: 1549px){
	.solutionB1-box ul{margin: 0 -10px;}
	.solutionB1-box li .item{margin: 0 10px; height: 230px;}
	.solutionB1-box li .icon{padding-top: 38px;}
	.solutionB1-box li .icon img{height: 70px;}
	.solutionB1-box li .title{font-size: 18px; line-height: 30px; margin-top: 22px;}
	.solutionB1-box li .num{width: 50px; height: 50px; line-height: 50px; font-size: 18px; bottom: -25px; margin-left: -25px;}
}
.solutionB2{background: #f3f8ff; padding-bottom: 46px; position: relative; overflow: hidden;}
.solutionB2 .inentitle{color: #e9f1fc;}
.solutionB2 .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;}
.solutionB2-box{background: #fff; border-radius: 10px; text-align: center; padding: 30px 60px;}
.solutionB3{padding: 10px 0 40px 0; background: #fff; position: relative; overflow: hidden;}
.solutionB3 .intitle h2:after{display: block; content: ""; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(to right,#f37b97,#feadce); position: absolute; right: -36px; bottom: -10px;}
.solutionB3-box{margin-top: 4px;}
.solutionB3-box ul{margin: 0 -12px;}
.solutionB3-box li .item{margin: 0 12px; padding: 30px 14px 18px 14px; text-align: center; transition: box-shadow .6s;}
.solutionB3-box li .icon img{height: 125px;}
.solutionB3-box li .title{font-size: 36px; font-weight: bold; color: #514a7c; margin-top: 22px; text-align: center;}
.solutionB3-box li .line{width: 40px; height: 2px; background: #ff6a00; margin: 20px auto 0;}
.solutionB3-box li .desc{font-size: 18px; height: 72px; line-height: 36px; text-align: center; margin-top: 20px;}
.solutionB3-box li .item:hover{box-shadow: 0 0 20px rgba(7,0,2,.16);}
@media only screen and (max-width: 1549px){
	.solutionB3-box ul{margin: 0 -10px;}
	.solutionB3-box li .item{margin: 0 10px;}
	.solutionB3-box li .icon img{height: 95px;}
	.solutionB3-box li .title{font-size: 30px;}
	.solutionB3-box li .desc{font-size: 14px; height: 60px; line-height: 30px;}
}
.solution-case .inhead{padding-top: 63px;}
.solution-case .incase-tabbox{margin-top: 34px;}


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

.layui-layer-content img{
	max-height: 100vh;
}.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;
}


/* 新增样式 */
.col-lg-7 {
    width:20%;
    *width:18%;
    float: left;
    min-height: 1px;
}
.inservice-box li .more:hover{
	background:linear-gradient(90deg,rgba(242,0,88,1),rgba(255,106,0,1));
	border-color: #FF6A00;
}
.inservice-box li.s4 .item .desc{
	height: 40px;
	margin-right: 10px;
}
.ali-worry {
	padding-bottom: 74px;
	overflow: hidden;
}
.ali-worry .intitle h2:after {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: linear-gradient(to right,#f37b97,#feadce);
    position: absolute;
    right: -36px;
    bottom: -10px;
}
.ali-worry-list{
	margin: -12px 0px;
	padding-top: 28px;
}
.ali-worry-list .item{
	height:172px;
	color: #fff;
	background:linear-gradient(90deg,rgba(37,60,114,1),rgba(187,76,113,1));
	border-radius:10px;
	margin: 12px 15px;
	box-sizing: border-box;
	
}
.ali-worry-list .item .tit{
	font-weight:bold;
	font-size: 28px;
	padding-top: 38px;
	background: url(../images/dayi.png) no-repeat 34px 40px;
	padding-left: 80px;
	padding-bottom: 12px;
}
.ali-worry-list .item .text{
	font-weight: 300;
	font-family:MicrosoftYaHeiLight;
	font-size: 22px;
	line-height: 32px;
	opacity: .8;
	padding-left: 80px;
}
.ali-renke{
	background-color: #F3F8FF;
	padding-bottom: 72px;
	padding-top: 6px;
	overflow: hidden;
}
.ali-renke .inentitle {
    color: #e9f1fc;
}
.ali-renke .intitle h2:after {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
	border-radius: 50%;
	background:linear-gradient(90deg,rgba(119,194,251,1),rgba(131,238,254,1));
    position: absolute;
    right: -36px;
    bottom: -10px;
}
.renke-list{
	margin: 0 -15px;
	padding-top: 30px;
}
.renke-list .item{
	background-color: #fff;
	border-radius:16px;
	padding: 10px;
	margin: 0 15px;
}
.renke-list img{
	width: 100%;
}
.incase-tabslick .slick-slide .intro span, .incase-tabslick .slick-slide .intro em{
	font-weight: bold;
	color: #F20058;
	font-size: 16px;
}
.incase-tabslick .slick-dots li.slick-active button{
	width: 12px;
	height: 12px;
	background-color: #F20058;
}
.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 .ico4,.insolution-box li .ico5,.insolution-box li .ico7,.insolution-box li .ico8 {
	background: url(../images/ali-icon.png) no-repeat;
}
.insolution-box li .ico3{
	background-position: 8px 14px;
}
.insolution-box li .ico4{
	background-position: -306px -50px!important;
	background:url(../images/icon.png) no-repeat;
}
.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 .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: #F20058;
}
.incase-tabslick2 .slick-dots li.slick-active button:after {
    width: 24px;
    height: 24px;
    border-color: #f20058;
    margin-left: -13px;
    margin-top: -13px;
}
.incase-tabslick2 .slick-dots li button{
	background-color: #c9c9c9;
	width: 8px;
	height: 8px;
}
.incase-tabtit li i{
	background: url(../images/ali-icon3.png) no-repeat;
}
.incase-tabtit li .ico1 {
    background-position: 4px -88px;
}
.incase-tabtit li .ico2 {
    background-position: -129px -140px;
}
.incase-tabtit li .ico3 {
    background-position: -62px -88px;
}
.incase-tabtit li .ico4 {
    background-position: -162px -89px;
}
.incase-tabtit li .ico5 {
    background-position: -132px -88px;
}
.incase-tabtit li .ico6 {
    background-position: -30px -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:-129px -162px;
}
.incase-tabtit li.active .ico3 {
    background-position: -62px -118px;
}
.incase-tabtit li.active .ico4 {
    background-position: -162px -118px;
}
.incase-tabtit li.active .ico5 {
    background-position: -132px -118px;
}
.incase-tabtit li.active .ico6 {
    background-position: -30px -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 18px;}
}

.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;
}
.picture-popup{
	position: fixed;
	width: 100%;
	height: 100%;
	left: -200%;
	top: 0;
	z-index: 999;
	display: block;
}
.picture-popup.show{
	left: 0;
}
.picture-popup .bg{
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.3s;
}
.picture-popup.show .bg{
	opacity: .8;
}
.picture-popup > img{
	z-index: 1;
	position: absolute;
	border: 10px solid #fff;
	top: 50%;
	left: 50%;
	border-radius: 16px;
	transition: 0.3s;
	opacity: 0;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 80%;
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}
.picture-popup.show > img{
	opacity: 1;
}
.picture-popup .off-btn{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    position: absolute;
    right: 23px;
    top: 10px;
    z-index: 3;
    cursor: pointer;
	font-family: cursive;
	transition: .3s;
}
.picture-popup .off-btn:hover{
	opacity: .6;
}
.ali-renke  .slick-dots{
	bottom: -35px;
}
.ali-renke .slick-dots li.slick-active button {
    width: 12px;
    height: 12px;
    background-color: #F20058;
}
.ali-renke .slick-dots li button {
    width: 8px;
    height: 8px;
	position: relative;
	background-color: #e3e3e3;
}
.ali-renke .slick-dots li button:after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
	border: 1px solid #e3e3e3;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
}
.ali-renke .slick-dots li.slick-active button:after {
    width: 24px;
    height: 24px;
    border-color: #f20058;
    margin-left: -13px;
    margin-top: -13px;
}
.ali-renke .slick-dots li {
    margin: 0 13px;
}

@media only screen and (max-width: 1549px){
	.solution-menu .cream-menu li {
	    padding: 0 6px;
	}
	.solution-menu .cream-menu li a {
	    padding: 0 6px;
	    font-size: 15px;
	}
}
@media only screen and (max-width: 1499px){
	.solution-menu .cream-menu li a {
	    padding: 0 8px;
	    font-size: 14px;
	}
	.solution-menu .cream-menu li {
	    padding: 0 8px;
	}
	.cream-menu li a{padding: 0 14px;}
	/* .list-case li .intro span{font-size: 14px;}
	.list-case li .intro em{font-size: 14px;}
	.incase-tabslick .slick-slide .intro span, .incase-tabslick .slick-slide .intro em{font-size: 15px;} */
}
	
	.gccg-wrap .gccg-tit {
	  margin: 80px 0 50px;
	  font-size: 34px;
	  line-height: 1em;
	  text-align: center;
	  color: #333;
	}
	.gccg-wrap ul {
	  margin: 0 -8px;
	  display: flex;
	  align-items: flex-start;
	  flex-wrap: wrap;
	}
	
	.gccg-wrap ul li {
	  width: 25%;
	  margin-bottom: 16px;
	  padding: 0 8px;
	  box-sizing: border-box;
	}
	.gccg-wrap ul li .gccg-pic {
	  overflow: hidden;
	  cursor: pointer;
	}
	
	.gccg-wrap ul li .gccg-pic img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  transition: 0.5s;
	  display: block;
	}
	.gccg-wrap ul li .gccg-pic: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);
	}
	
	.gccg-wrap ul li p {
	  line-height: 48px;
	  text-align: center;
	  font-size: 16px;
	  color: #333;
	  background-color: #dd0518;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  transition: 0.3s;
	  -webkit-transition: 0.3s;
	  -moz-transition: 0.3s;
	  -ms-transition: 0.3s;
	  -o-transition: 0.3s;
	}
	.gccg-wrap ul li:hover p {
	  color: #fff;
	  background-color: #093C89;
	}
	
	@media all and (max-width:1300px){
		.gccg-wrap ul li {
			width: 33%;
		}
	}
	@media all and (max-width:800px){
		.gccg-wrap ul li {
			width: 50%;
		}
	}
	@media all and (max-width:600px){
		.gccg-wrap ul li {
			width: 100%;
		}
	}