/**
 * 龙商互联 行业解决方案，盗版必究 24小时客服电话：0531-86077951
 */




/*---------- 小程序 ---------*/
.clearfix:after {content: ""; display: block; width: 100%; height: 0; line-height: 0; overflow: hidden; clear: both; }
.w1200{ width: 1200px; margin:0 auto; }

/*a{ text-decoration: none; color:#fff; }*/

.f_l{ float: left; }
.f_r{ float: right; }

.dis_in_block{ display: inline-block; vertical-align: top; _display:inline; *zoom:1;}

.t_a_c{ text-align: center; }

/*  */
.form_info{ padding-top: 50px; }
.form_info .input{ background:rgba(255, 255, 255, 0.1)!important; filter:Alpha(opacity=.1); background:#fff; display: block; padding:0 14px; font-size: 0; border-radius: 4px; margin-left:12px;}
.form_info i.icon{ background:url(../images/icon.png) no-repeat; display: inline-block; vertical-align: top; _display:inline; *zoom:1;}
.form_info .input input{ background: none; border:0; padding:19px 0; height: 20px; line-height: 20px; width: 65px; font-size: 16px; color:#e4e4e4; outline: 0;}
.form_info .input input::-webkit-input-placeholder { color:#e4e4e4;}
.form_info .input input:-moz-placeholder { color:#e4e4e4;}
.form_info .input input::-moz-placeholder { color:#e4e4e4;}
.form_info .input input:-ms-input-placeholder { color:#e4e4e4;}
.form_info .area .input{ margin-left:0; }
.form_info .area i.icon{ width: 23px; height: 29px; margin: 14px 10px 0 0;}
.form_info .copy_name i.icon{ width: 22px; height: 24px; background-position: 0 -157px; margin: 16px 9px 0 0;}
.form_info .copy_name input{ width: 155px; }
.form_info .industry i.icon{ width: 30px; height: 30px; background-position: 0 -39px; margin: 14px 9px 0 0;}
.form_info .industry input{ width: 170px; }
.form_info .user i.icon{ width: 24px; height: 27px; background-position: 0 -79px; margin: 15px 9px 0 0;}
.form_info .user label.input input{}
.form_info .submit{ overflow: hidden; }
.form_info .submit input{ background: #2fffc4; border-radius: 4px; font-size: 20px; font-weight: bold; text-align: center; line-height: 58px; border:0; color:#0c7154; padding:0 20px; cursor: pointer; float: left; margin-left:12px;}
.form_info .menu3 .input{ margin:0; background: none !important; padding:0;}
.form_info .menu3 .input input{ font-size: 14px; padding:12px 14px; width: 177px;}
.form_info .menu3 .time .input input{ width: 223px;}
.form_info .menu3 .time.on .input input{ width: 147px;}
.form_info .menu3 .sub{ text-align: right; }
.form_info .menu3 .sub a{ display: inline-block; padding: 5px 20px; color: #0c7154; cursor: pointer; background: #2fffc4; border-radius: 4px; vertical-align: top; line-height: 20px; font-size: 14px;}
.form_info .menu3 .sub a:hover{opacity: .9;}
.form_info .menu3 .site .input input{ width: 169px;}


.back_dark{ background-color:#1e2326; }
.back_white{ background-color:#fff; }

.ls_xcx_banner{ color:#fff; position: relative;    margin-top: 87px;}
.ls_xcx_banner .animat{ background:#1f2326 url(../../ls_img/lshl/xcx/banner_bj.jpg) center 0 no-repeat; height: 624px; overflow: hidden; position: relative;}
.ls_xcx_banner .animat .q,.ls_xcx_banner .animat .q02{ position: absolute; width: 1943px; height: 1943px; right:50%; bottom:50%; margin: 0 -971px -830px 0;;}
.ls_xcx_banner .animat .q{ background:url(../../ls_img/lshl/xcx/ban_q.png) no-repeat; animation:spin 80s linear infinite; -webkit-animation:spin 100s linear infinite;}
.ls_xcx_banner .animat .q02{ background:url(../../ls_img/lshl/xcx/ban_q02.png) no-repeat; animation:spin 80s linear infinite; -webkit-animation:spin02 100s linear infinite;}
.ls_xcx_banner .hq{ position: absolute; }
.ls_xcx_banner .hq01{ width: 368px; height: 257px; background: url(../../ls_img/lshl/xcx/ban_hq01.png) no-repeat; bottom: 50%; right: 50%; margin:0 215px -85px 0; animation:ghostUpdown 4s linear infinite; -webkit-animation:ghostUpdown 4s linear infinite;}
.ls_xcx_banner .hq02{ width: 865px; height: 479px; background: url(../../ls_img/lshl/xcx/ban_hq02.png) no-repeat; bottom: 50%; right: 50%; margin: 0 -360px -65px 0; animation:ghostUpdown02 3s linear infinite; -webkit-animation:ghostUpdown02 3s linear infinite;}
.ls_xcx_banner .hq03{ width: 243px; height: 244px; background: url(../../ls_img/lshl/xcx/ban_hq03.png) no-repeat; left: 50%; top: 50%; margin: -150px 0 0 500px; animation:ghostUpdown03 3s linear infinite; -webkit-animation:ghostUpdown03 2s linear infinite;}
.ls_xcx_banner .hq04{ width: 181px; height: 181px; background: url(../../ls_img/lshl/xcx/ban_hq04.png) no-repeat; right: 50%; bottom: 50%; margin: 0 295px 235px 0; animation:ghostUpdown03 3s linear infinite; -webkit-animation:ghostUpdown 5s linear infinite;}
.ls_xcx_banner .con{ position: absolute; left: 0; top: 0; right: 0; z-index: 2;}
.ls_xcx_banner .text{ width: 630px; margin:95px auto 0; background:url(../../ls_img/lshl/xcx/banner_t_bj.png) no-repeat; text-align: center;}
.ls_xcx_banner .text .h2{ padding-top: 30px; height: 105px; overflow: hidden; position: relative;}
.ls_xcx_banner .text .h2 h2{ position: absolute; left: 0; right: 0; top:-105px; font-size: 79.5px; opacity: 0;}
.ls_xcx_banner .si-hidden{ -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; }
.ls_xcx_banner .text .h2 h2.si-visible{ top: 66px; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; }
.ls_xcx_banner .text h3{ font-size: 28.6px; font-weight: 400; padding-top: 2px;}
.ls_xcx_banner .text p{ font-size: 14px; line-height: 23px; padding: 32px 50px 0;}
.ls_xcx_banner .odds{ text-align: center; padding-top: 60px;}
.ls_xcx_banner .odds span{color: #ee712f}
@-webkit-keyframes bj_g{
	0% {background-position: center 192px;}
	100% {background-position: center -192px;}
}
@keyframes bj_g{
	0% {background-position: center 0;}
	100% {background-position: center -146px;}
}
@keyframes ghostUpdown{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-10px);}
	100%{ transform: translateY(0);}
}
@-webkit-keyframes ghostUpdown{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-10px);}
	100%{ transform: translateY(0);}
}
@keyframes ghostUpdown02{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-6px);}
	100%{ transform: translateY(0);}
}
@-webkit-keyframes ghostUpdown02{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-6px);}
	100%{ transform: translateY(0);}
}
@keyframes ghostUpdown03{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-3px);}
	100%{ transform: translateY(0);}
}
@-webkit-keyframes ghostUpdown03{
	0%{ transform: translateY(0);}
	50%{ transform: translateY(-3px);}
	100%{ transform: translateY(0);}
}
@keyframes spin{
	100%{ transform:rotate(360deg);}
}
@-webkit-keyframes spin02{
	100%{ transform:rotate(360deg);}
}
@keyframes spin02{
	100%{ transform:rotate(-360deg);}
}
@-webkit-keyframes scale{
	0%{ transform: scale(1,1);}
	50%{ transform: scale(1.02,1.02);}
	100%{ transform: scale(1,1);}
}
@keyframes scale{
	0%{ transform: scale(1,1);}
	50%{ transform: scale(1.02,1.02);}
	100%{ transform: scale(1,1);}
}
@-webkit-keyframes spin{
	100%{ transform:rotate(-360deg);}
}
@-webkit-keyframes slide-in {
	0% { opacity: 0; -webkit-transform: translateY(-100%);}
	60% { opacity: 1; -webkit-transform: translateY(10%);}
	100% {opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes slide-in {
	0% {opacity: 0; -moz-transform: translateY(-100%); }
	60% {opacity: 1; -moz-transform: translateY(10%); }
	100% {opacity: 1; -moz-transform: translateY(0); } }
@keyframes slide-in {
	0% {opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
	60% {opacity: 1; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); }
	100% {opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}



.common-center {
    width: 1200px;
    margin: 0 auto;
}
.common-center h3 {
    font-size: 34px;
    color: #222;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
}
.common-center p {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 32px;
    padding: 0 100px;
}
.common-center span {
    font-size: 12px;
    color: #b7b7b7;
    text-align: center;
    display: block;
    line-height: 26px;
}
.padd-t45-b85 {
    padding-top: 45px;
    padding-bottom: 85px;
}
.padd-t45-b85 img {
    display: block;
    margin: 0 auto;
}
.users {
    width: 100%;
    background: #f2f5f7;
}
.users ul {
    width: 100%;
    overflow: hidden;
}
.users li {
    width: 21%;
    float: left;
    padding: 20px;
    margin-right: 10px;
    border-radius: 5px;
}
.users li p {
    padding: 0;
    color: #fff;
}
.users li span {
    color: #fff;
    min-height: 130px;
}
.bg-ff3dcb {
    background: #ff3dcb;
}
.bg-fa4343 {
    background: #fa4343;}
.bg-4bb0fc {
    background: #4bb0fc;
}
.bg-0bd3c2 {
    background: #0bd3c2;
}
.users li:last-child {
    margin-right: 0;
}
.point {
    background: #f7f9fa;
    width: 100%;
    overflow: hidden;
}
.point ul {
    padding-top: 20px;
    padding-bottom: 75px;
    overflow: hidden;
    text-align: center;
}
.point li {
    width: 19%;
    float: left;
    padding: 0 36px;
}
.point img {
    padding: 0;
}
.point p {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin: 10px 0 5px 0;
    padding: 0;
    font-weight: bold;
}
.point span {
    color: #777;
    font-size: 14px;
    text-align: center;
}

.page .common-center h3{padding-bottom:0;}
.page .common-center img{padding:0;}
.page .first{opacity:0;left:440px;top:0px;z-index:4;box-shadow: 55px 0 70px -60px #888;}
.page .second{opacity:0;left:190px;top:80px;z-index:3;box-shadow: -55px 0 70px -60px #888;}
.page .third{opacity:0;right:190px;top:80px;z-index:3;box-shadow: 55px 0 70px -60px #888;}
.page .fourth{opacity:0;left:-10px;top:105px;z-index:1;}
.page .fifth{opacity:0;right:-10px;top:105px;z-index:1;}
.progress{    width: 180px;
    height: 82px;
    border-radius: 10px;
    padding: 10px 10px;
    float: left;
    cursor: pointer;}
.progress:nth-child(even):hover{top:8px;transition:all 1s;}
.progress:nth-child(odd):hover{top:147px;transition:all 0.5s;}
.page .progress p{font-size:16px;padding:0;color:#fff;text-align: left;line-height:24px;}
.page .progress span{font-size:12px;color:#fff;text-align: left;line-height:22px;}
.page ul{height:260px;margin-top:50px;margin-bottom:80px;}
.page .licheng{top:123px;left:55px;padding:0;}
.angle{width:0;height:0;border-width:10px;border-color:#ff5858 transparent transparent;border-style:solid dashed dashed;bottom:-20px;left:90px;}
.angle.angle2{border-color:transparent transparent #ff62d5 transparent;border-style:dashed dashed solid dashed;top:-20px;}
.angle.angle3{border-color:#0cd4c3 transparent transparent;}
.angle.angle4{border-color:transparent transparent #41abfc transparent;border-style:dashed dashed solid dashed;top:-20px;}
.angle.angle5{border-color:#c472ff transparent transparent;}
.one{left:70px;background-image:-webkit-linear-gradient(top,#ff7d7d,#ff5858)}
.two{top:155px;left:77px;background-image:-webkit-linear-gradient(top,#ff51d1,#ff62d5)}
.three{left:86px;background-image:-webkit-linear-gradient(top,#15ecd9,#0cd4c3)}
.four{top:155px;left:95px;background-image:-webkit-linear-gradient(top,#50b4ff,#41abfc)}
.five{left:97px;background-image:-webkit-linear-gradient(top,#c472ff,#c472ff)}
.p-a {
    position: absolute;
}
.p-r {
    position: relative;
}
.get{background: #1b1c37;height:515px;}
.get h3,.get p{color:#fff;}
.get ul li{width:33.33%;float:left;padding-top:50px;}
.get ul li img{padding:0 ;margin:0;display: inline-block;vertical-align: middle;}
.get ul li span{color:#01dbb4;font-size:14px;text-align: left;padding-left:20px;line-height:32px;}
.get ul li span i{font-style: normal;margin-left:10px;line-height: 20px;font-size:16px;}
.get ul li p{font-size: 14px;text-align: left;padding:0 50px;min-height: 72px;line-height:24px;}
.gradients p{font-size:18px;padding:0;}
.gradients span{font-size:14px;color:#7a888c;}
.gradient1 p,.gradient3 p{text-align: right;}
.gradient2 p,.gradient4 p{text-align: left;}
.gradient1{top:80px;left:170px;}
.gradient2{top:80px;right:110px;}
.gradient3{bottom:115px;left:95px;}
.gradient4{bottom:115px;right:210px;}
.gradients.gradient1 p{color:#42cffb;}
.gradients.gradient2 p{color:#c26ffc;}
.gradients.gradient3 p{color:#0dd7c5;}
.gradients.gradient4 p{color:#ff8564;}
.people{background: #363d41;height:520px;overflow: hidden;}
.people ul{overflow: hidden;}
.people li{width:25%;float:left;cursor: pointer;}
.people li>img{width:100%;padding-bottom:0;}
.p-t72{padding-top:72%;}
.info{width:100%;height:100%;top:0;left:0;text-align: center;line-height: 100%;vertical-align: middle;}
.people li:hover .info{background:#09a3ce;opacity:0.8;z-index:10;}
.people li:hover .info .p-t72{padding-top:65%;transition:all 0.5s;color:#fff;}
.people li:hover .info span{display: block}
.people .info p{font-size:18px;color:#fff;margin-top:10px;margin-bottom:10px;}
.people .info span{text-align: center;font-size: 12px;color:#fff;line-height: 24px;padding:0 60px;display:none;}
.need li{width:460px;border-radius:8px;text-align: left;padding:25px 30px;}
.need-con{height:800px;}
.need .need-con p{font-size:18px;padding:0;text-align: left;color: #fff;}
.need .need-con span{font-size:14px;text-align: left;color: #fff;}
.bg-ff3dcb{background:#ff3dcb;} 
.bg-fa4343{background:#fa4343;} 
.bg-4bb0fc{background:#4bb0fc;}
.bg-0bd3c2{background:#0bd3c2;}
.col-981717{color:#981717;}
.col-981717:hover{color: #a01717;text-decoration: underline;}
.need1{top:275px;left:10px;}
.need2{top:45px;left:665px;}
.need3{top:540px;left:10px;}
.need4{top:448px;left:665px;}
.need-angle-right{width:0;height:0;border-width:10px;border-color:transparent transparent transparent #ff3dcb; border-style:dashed dashed dashed solid;right:-20px;top:12%;}
.need-angle-left{width:0;height:0;border-width:10px;border-color:transparent  #ff3dcb transparent transparent; border-style:dashed solid dashed dashed;left:-20px;top:12%;}
.need2 .need-angle-left{border-color:transparent  #fa4343 transparent transparent;}
.need3 .need-angle-right{border-color:transparent transparent transparent #4bb0fc;}
.need4 .need-angle-left{border-color:transparent  #0bd3c2 transparent transparent;}