﻿#top {width: 100%;/* position: fixed; */left: 0;top: 0;z-index: 999;}
.LavWrap,.Lheader, .LnavWrap{border-bottom: 1px solid #2f80ff;}
.Lheader .Llogo{float: left;width: 209px;height: 34px;padding-top: 9px;padding-left:  10px;padding-bottom: 5px;}
.Lheader-bg{float: right;}
.Lheader-ul{  }
.Lheader-ul li{float:  left; color:  #fff;}
.Lheader-ul li a{color:  #fff;line-height: 48px;height: 48px;padding: 0px 10px;}

.LSaaSmarket_buttom{float: right;padding-left: 15px;}
.LSaaSmarket_buttom a{display: block;height: 48px;line-height: 48px;float: left;color: #fff;font-size: 14px;padding: 0px 20px;background: #03cdff;margin-right:1px;}
.LSaaSmarket_buttom a:hover{background:#03cdff;}

.LnavWrap .ly-wrap {height: 96px; line-height: 96px; position: relative;}
.Lnav > ul > li {display: inline-block;position: relative;}
.Lnav > ul > li:first-child > a {}
.Lnav > ul > li > a {display: block;font-size: 14px;font-weight: 600;color: #fff;text-transform: uppercase;padding: 0 15px;transition: all .3s ease;font-weight: normal;line-height: 38px;height:  38px;text-align: center;}
.Lnav > ul > li:hover > a {color: #03cdff;}
.Lnav > ul > li:hover > ul {opacity: 1;visibility: visible;}
.Lnav > ul > li > ul {position: absolute;left:0;z-index: 999;background: #2c55dc;width: 140px;margin: 0;padding: 0;opacity: 0;visibility: hidden;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);transition: all .5s ease;}
.Lnav > ul > li > ul > li {display: block;line-height: 38px;position: relative;}
.Lnav > ul > li > ul > li:last-child > a {border-bottom: 0;}
.Lnav > ul > li > ul > li > a {display: block;font-size: 14px;font-weight: 500;text-transform: capitalize;color: #fff;padding: 0 19px;border-bottom: 1px solid #ffffff26;transition: all .3s ease;text-align: center;}
.Lnav > ul > li > ul > li:hover > a {background: #03cdff;color: #fff;border-color: 0;}
.Lnav > ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;}
.Lnav > ul > li > ul > li > ul {position: absolute;top:0;left:100%;width: 240px;margin: 0;padding: 0;opacity: 0;visibility: hidden;z-index: 999;background: #fff;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);transition: all .5s ease;}
.Lnav > ul > li > ul > li > ul > li {display: block;position: relative;}
.Lnav > ul > li > ul > li > ul > li:last-child > a {border-bottom: 0;}
.Lnav > ul > li > ul > li > ul > li > a {display: block;font-size: 14px;font-weight: 500;text-transform: capitalize;color: #025596;padding: 14px 19px;border-bottom: 1px solid #E9E9E9;transition: all .3s ease;}
.Lnav > ul > li > ul > li > ul > li:hover > a {background: #03cdff;color: #fff;border-color: 0;}
.Lnav > ul > li:last-child >ul {left: auto; right: 0;}
/*Lbanner*/
.Lbx-wrapper .Lbx-viewport {border: none;box-shadow: none;left: 0;}
.Lbanner {width: 100%;position:  absolute;top: 0px;z-index: -9999999;height: 500px;overflow:  hidden;}
.Lbanner img {display: block;width: 100%;height:  500px;overflow:  hidden;}
.Lbanner li {width: 100%; height: auto; position: relative; overflow: hidden;}


.Lwrit {position: absolute;z-index: 88;top: 59%;transform: translateY(-60%);width:  100%;text-align:  center;}
.Lwrit span {display: inline-block;}
.Lwrit font {display: block;position: relative;width: 100%;text-align:  center;display:  block;text-align:  center;height:  100px;width: 1220px;margin: 10px auto;}
.Lwrit font strong{position: absolute;left: 116px;width:  100%;top: 0px;height:  100px;}
.Lwrit h1 {opacity: 0;font-size: 20px;color: #fff;display: block;line-height: 20px;padding-bottom: 10px;text-transform: uppercase;font-weight: normal;display:  block;}
.Lwrit h2, .Lwrit h3 {opacity: 0;font-size:90px;color: #fff;line-height: 100px;padding-bottom: 10px;display:  block;position:  absolute;}
.Lwrit h2 {z-index: 2;top: -8px;color: #fff;}
.Lwrit h3 {z-index: 1;top: -6px;color: #000063;}
.Lwrit h4{opacity: 0;margin: 0px;padding: 0px 10px;line-height: 36px;font-size: 20px;color: #fff;background: #0000546b;text-transform: uppercase;font-weight: normal;width: 451px;margin:  0 auto;}



.Lindex-newsl{float: left;width: 575px;}
.Lindex-newsr{width: 630px;float: right;overflow: hidden;background: #fff;}
.Lindex-userr img{width: 536px;float: right;overflow: hidden;padding: 40px;}


.Lindex-newsbg{padding: 40px 0px;width:  1220px;margin: 0 auto;margin-top: 408px;}
.Lindex-news{width: 570px;}
.Lindex-newstitle h3{}
.Lindex-newstitle h3 span{font-size: 20px;color: #999999;text-transform: uppercase;font-family: "Arial";line-height: 20px;padding-top: 12px;display: block;}
.Ltextlist {clear: left;display: block;}
.Ltextlist ul {display: inline-block;}
.Ltextlist ul li {padding: 26px 0;border-bottom: #cccccc solid 1px;transition: all ease 600ms;width: 570px;}
.Ltextlist ul li font { display: block;float: left;color: #c4c4c4; background: #f8f8f8;padding: 2px 10px; margin-right: 20px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    background: #1875f0;
    }
.Ltextlist ul li font strong{color: #fff;display: block;padding: 5px 0px;}
.Ltextlist ul li font .Lyear{font-size: 19px;}
.Ltextlist ul li font .Ldate{border-bottom: 1px solid #fff;font-size: 16px;}
.Ltextlist ul li h3 em {display: block;font-size: 20px;color: #333333;line-height: 20px;line-height:  20px;height: 20px;overflow:  hidden;}
.Ltextlist ul li p {display: block;font-size: 14px;color: #666666;line-height: 20px;padding-top: 14px;height: 38px;overflow:  hidden;}
.Ltextlist ul li:hover h3 em {color: #000;}
.Ltextlist ul li:hover {margin-left: -4px;}

.LbagData_experttitle_history{position: relative;padding-bottom: 30px;padding-top: 1px;text-align:  center;}
.LbagData_experttitle_history h1{font-size: 28px;color: #000;line-height: 23px;font-weight: normal;padding-bottom:  6px;}
.LbagData_experttitle_history em{font-size: 15px;color: #666;line-height: 15px;margin-top: 8px;font-weight: normal;text-transform: uppercase;display: block;}
.LbagData_experttitle_history a{position: absolute;right:15px;top: 20px;background:#d71e24;font-size: 14px;line-height: 18px;padding: 2px 10px;color: #fff;text-transform: uppercase;border-radius: 100px;}



.LSaaS{width: 1220px;margin: 0 auto;height: auto;}
.LSaaS {padding-bottom: 40px;}
.LSaaS li {float: left;position: relative;width: 243px;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;background: #fff;}
.LSaaS li:before {content: "";width: 0px;height: 2px;background: #1875f0;top: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}
.LSaaS li .info {position: absolute;top: 70px;width: 243px;left: 0;transition: 0.5s;}
.LSaaS li .info .img {width: 243px;height: 113px;text-align: center;}
.LSaaS li .info h3 {font-weight: normal;color: #333;padding-top: 30px;padding-bottom: 25px;font-size: 20px;text-align: center;}
.LSaaS li .info p {width: 155px;height: 74px;line-height: 24px;margin: 0 auto;color: #73747b;font-size: 14px;overflow:  hidden;}
.LSaaS li a.btn {position: absolute;width: 120px;height: 40px;line-height: 40px;display: block;left: 60px;bottom: 50px;color: #fff;background: #1875f0;opacity: 0;border-radius: 2px;transition: 0.5s;font-size: 16px;text-align: center;}
.LSaaS li.active {box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);}
.LSaaS li.active:before {width:243px;height: 2px;}
.LSaaS li.active .info {top: 30px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.LSaaS li.active a.btn {opacity: 1;
}



.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}

.cloud-product-box{background:#f4f4f4}
.color-blue{color:#009fd9}
.cloud-product-ul{width:100%;/* padding-bottom: 40px; */}
.cloud-product-ul li{position:relative;width: calc(20% - 10px);height:522px;float:left;}
.cloud-product-ul li:first-child{}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px;}
.empty-space{width:100%;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{}
.server-header-01{/* background:url(../Images/product_header_icon_01.png) center no-repeat */}
.server-header-02{background:url(../Images/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../Images/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../Images/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../Images/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(../Images/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../Images/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../Images/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(../Images/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(../Images/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center;color: #fff;padding-top: 132px;}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color: #fff;}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width: 66%;border-left:none;border-right:none;}
.introduce-list-small{margin-bottom:18px;line-height: 28px;font-size:14px;color: #fff;text-align:center;height: 120px;overflow:  hidden;}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.inner-01{background:url(../Images/bg01.png) center no-repeat;background-size: cover;}
.inner-02{background:url(../Images/bg02.png) center no-repeat;background-size: cover;}
.inner-03{background:url(../Images/bg04.png) center no-repeat;background-size: cover;}
.inner-04{background:url(../Images/bg04.png) center no-repeat;background-size: cover;}
.inner-05{background:url(../Images/bg05.png) center no-repeat;background-size: cover;}

.active-inner-01{background:url(../Images/producet_bg_01.jpg) center no-repeat;background-size: cover;}
.active-inner-02{background:url(../Images/producet_bg_02.jpg) center no-repeat;background-size: cover;}
.active-inner-03{background:url(../Images/producet_bg_03.jpg) center no-repeat;background-size: cover;}
.active-inner-04{background:url(../Images/producet_bg_04.jpg) center no-repeat;background-size: cover;}
.active-inner-05{background:url(../Images/producet_bg_05.jpg) center no-repeat;background-size: cover;}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:calc(20% + 40px);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2);}
.active .product-introduce-content{color:#eff6ff}  
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;line-height: 28px;color:#ddebff;font-size:14px;height: 114px;overflow: hidden;}
.buy-link-btn{display:block;margin:30px auto 0;width: 63%;height:40px;line-height:40px;background-color:#41b0ff;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.buy-link-btn01{display:block;margin:30px auto 0;width: 42%;height:40px;line-height:40px;background-color: #0084ff;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.buy-link-btn:hover{background-color:#41b0ff}


.Lscenario_bg{background: url(../Images/lscenariobg.jpg) 0 center no-repeat fixed;background-size: cover;padding: 40px 0px;}
.Lscenario_ul,.Lscenario{ width: 1220px; margin: 0 auto;}
.Lscenario .Lscenario_p{display: block;margin-top: 5px;line-height: 24px;font-size: 14px;color: #666;height: 70px;overflow: hidden; text-indent: 2em;}
.Lscenario_ul{}
.Lscenario_ul li{float: left;width: 25%;}
.Lscenario_ul li{transition: 0.3s all;-webkit-transition: 0.3s all;}
.Lscenario_ul li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.Lscenario_ul .Lscenario_bg01 a{background: url(../Images/scene01.png) 0 center no-repeat;background-size: cover;}
.Lscenario_ul .Lscenario_bg02 a{ background: url(../Images/scene02.png) 0 center no-repeat; background-size: cover;}
.Lscenario_ul .Lscenario_bg03 a{ background: url(../Images/scene03.png) 0 center no-repeat; background-size: cover;}
.Lscenario_ul .Lscenario_bg04 a{ background: url(../Images/scene04.png) 0 center no-repeat; background-size: cover;}
.Lscenario_ul li a{display: block;margin: 0px 5px;padding: 37px 30px;}
.Lscenario_ul li a h1{display: block;line-height: 49px;font-size:24px;color: #fff;height: 49px;font-weight: normal;}
.Lscenario_ul li a h1 img{width: 49px;height: 49px;vertical-align: middle;padding-right:  10px;}
.Lscenario_ul li a strong{display: block;margin-top: 5px;line-height: 24px;font-size: 14px;color: #fff;height: 54px;overflow: hidden;}

.Lscenario_ul01{}
.Lscenario_ul01 li{float: left;width: 25%;}
.Lscenario_ul01 li a{display: block;margin: 0px 5px;padding: 37px 30px;text-align:  center;padding-bottom: 0px;}
.Lscenario_ul01 li a h1{display: block;line-height: 49px;font-size: 18px;color: #000;height: 49px;font-weight: normal;text-align:  center;}
.Lscenario_ul01 li a img{width: 120px;height: 120px;vertical-align: middle;margin:  0 auto;}
.Lscenario_ul01 li a strong{display: block;margin-top: 5px;line-height: 24px;font-size: 14px;color: #666;height: 54px;overflow: hidden;}

.Llinks{background:#fff;padding: 40px 0px;}
.Lscenario_ul02{
    width:  1220px;
    margin:  0 auto;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
.Lscenario_ul02 li{float: left;width: 20%;}
.Lscenario_ul02 li a{display: block;/* margin: 0px 5px; */padding: 10px 15px;text-align:  center;/* padding-bottom: 0px; *//* border: 1px solid #eaeaea; *//* width: calc(20% - 1px); */border-left: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;overflow: hidden;}
.Lscenario_ul02 li a img{width: 242px;vertical-align: middle;margin:  0 auto;overflow: hidden;transition: 0.3s all;-webkit-transition: 0.3s all;}
.Lscenario_ul02 li:hover a img{transform: scale(1.0);-webkit-transform: scale(1.0);}


.Lmap{background: #fff;padding: 40px 0px;text-align:  center;}





.SaaSmarket_foot{background: #fff url(../Images/footbg.jpg) no-repeat center bottom fixed;background-size: cover;width: 100%;}
.SaaSmarket_foot_center{width: 1220px;margin: 0 auto;}
.SaaSmarket_foot_center li{float:left;padding: 35px 26px;}
.SaaSmarket_foot_phone{width:230px;}

.SaaSmarket_foot_phone i{display:block;width: 27px;height: 2px;background: #0569fe;margin-bottom: 18px;}
.SaaSmarket_foot_phone h1{display:block;font-size: 18px;color: #fff;line-height:32px;padding-bottom:5px;font-weight: normal;}
.SaaSmarket_foot_phone p{display:block;font-size: 13px;color: #9a9a9a;line-height:32px;}

.SaaSmarket_foot_phone a{display:block;width:100px;float:left;color: #9a9a9a;font-size:14px;line-height:32px;}

.SaaSmarket_foot_center li img{margin:0 auto;width: 110px;height: 110px;}
.SaaSmarket_foot_center li span{display:block;text-align:center;font-size: 14px;color:#fff;padding-top:10px;overflow:hidden;}
.SaaSmarket_foot_address{border-top: 1px solid #2b2b2b;padding:30px;text-align:center;}
.SaaSmarket_foot_address p{font-size:14px;line-height: 31px;color: #9a9a9a;}







@media (max-width: 1680px) {


}
@media (max-width: 1440px) {





}

@media (max-width: 981px) {
.LnavWrap, .Lheader-bg	{ display:none;}
.LSaaSmarket_buttom {
    display: none;
}
}

@media (max-width: 1300px) {

#wrap, .hiSlider-item img{width:100%; }
.Lscenario_ul02{width:100%;}
.Lscenario_ul02 li{width: 50%;}
.Lscenario_ul02 li a img{width:100%;}
/*.LnavWrap, .Lheader-bg	{ display:none;}*/
/*.LSaaSmarket_buttom{ display:none;}	*/

	
}
@media (max-width: 1024px) {
	




	
}
@media (max-width: 980px) {
	.LavWrap,.Lheader, .LnavWrap{    border-bottom: 1px solid #e9ecef00;}
}

@media (max-width: 480px) {
	.LavWrap,.Lheader, .LnavWrap{    border-bottom: 1px solid #e9ecef00;}
}






