*,ul,li,p{ margin:0px; padding: 0px; list-style: none; font-family: "微软雅黑";}
.h1, .h2, .h3, h1, h2, h3{ margin: 0px;}
a,a:hover{ text-decoration: none !important;}
#lasTop{ height: 200px; width: 100%;    
background: -moz-linear-gradient(top, #b6c9f1 0%, #fff 50%)!important;
background: -ms-linear-gradient(top, #b6c9f1 0%, #fff 50%)!important;
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#b6c9f1), to(#fff))!important;
}
.lasTopMain{ width: 1200px; max-width: 1200px; margin: 0 auto;}
 .lasTitle{ display: inline-block; margin-top: 30px; font-size:87px; content: attr(data-text); color:#006ab5; z-index:2; -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#313c90), to(#006ab5));}
.lasTopLeft{ float: right;}
.lasTopLeft a{ display: inline-block; margin: 20px 0px; font-size: 16px; vertical-align: middle; color: #999;}
.lasTopLeft a:hover{ color: #313C90;}
.lasTopLeft ul,.lasTopLeft ul li{ display: inline-block;}
.lasTopLeft .form-control{  background:rgba(0,0,0,0);height: 40px; border-radius: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.lasTopLeft .btn-default{ background:rgba(0,0,0,0)  url(/statics/images/jingti/icon.png) no-repeat; background-position: 0px -3px;  width:42px ; height: 40px;border-radius: 0px;   border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0px;   position: relative; left: -5px;}

.lasNav>ul{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display: table;}
.lasNav>ul>li{ display:table-cell; position: relative;  height: 70px; line-height: 70px; }
.lasNav>ul>li:after{ content: " "; color: #eeeeee; height: 75%; border-right:1px solid #eee; display: inline-block; vertical-align: middle; width: 1px;}
.lasNav>ul>li:last-child:after{ display: none;} 
.lasNav>ul>li>a{   vertical-align: middle; font-size:18px; padding:0px 60px; color: #000000; display: inline-block;}
.lasNav>ul>li>a:hover,.lasNav>ul>li.on a,.lasNavChild>li:hover>a,.navThree>li:hover>a{ color: #93A0AC; }
.lasNavChild>li:hover>a{ font-weight: bold;}
.lasNav>ul>li.on a{#font-weight: bold;}
.lasNavChild{ box-shadow: 0px 2px 8px rgba(0,0,0,0.2); min-height: 36px; padding: 0px 10px; white-space: nowrap; background: #fff; border-bottom-left-radius:8px ; border-bottom-right-radius:8px;  min-width:300px; max-width: 1200px; display:none; position: absolute; border:1px solid #e5e5e5;z-index:999}
.lasNav ul li:hover .lasNavChild,.lasNavChild li:hover .navThree{ display: block;}
.navThree{ right:-300px; top:0px;}
.lasNavChild>li>a{font-weight: bold;}
.lasNavChild>li>a,.navThree>li>a{   color: #5B6B78;     margin: 12px 0px; text-align: left; font-size: 12px; display: block; line-height: 1.3rem; white-space:normal; overflow: hidden; text-overflow: ellipsis;}
.lasNavChild li:last-child a,.lasProLeftList>li:last-child>a{ border-bottom:0px !important;}
.lasNavChild>li{ display: inline-block; vertical-align: top; padding-right: 30px; width: 160px; white-space: normal;}
.lasTopLeft>.form-inline{ margin-bottom: 20px;}


/*---------*/
.lasbanner,#lasProList,#lasFooter{ max-width: 1200px; margin: 0 auto;}
.lasbanner>img{ display: block;}
/*---------*/
.lasProCon{ margin-top: 60px;}
.lasProCon li{ display:inline-block; width: 45%; margin-right: 5%; margin-bottom: 60px;}
.lasProCon li:nth-child(2n){ margin-right: 0px;}
.lasProCon li a>p{ min-width: 20%;    max-width: 70%;margin:20px auto; width: auto; position: relative; display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; border:1px solid #006ab5; border-radius: 4px; overflow: hidden;}
.lasProCon li a>p:before{ content: ""; position: absolute; right: -32px; bottom: -30px; background: #006AB5; width: 60px; height: 60px; color: #fff;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
.lasProCon li a>p:after{ content: "+"; color: #fff;position: absolute; right: 0; font-size: 30px; bottom: -5px;}
.lasProCon li a:hover>p,.lasMore>a:hover{ background: #f5f5f5;}
.lasProCon li a:hover>p:before{ background: #0C5FAC;}
/*---------*/
.lasProCn2{border-top:1px solid #eee; border-bottom:1px solid #eee; width: 100%; display: table;}
.lasProCn2>li{ padding: 30px 0px; /*display: table-cell;*/ text-align: center;}
.lasProCn2>li a img{ width: 350px; height: 220px; overflow: hidden; position: relative; object-fit: cover;}
.lasProCn2>li a p{ padding: 10px 0px; color: #aaa; font-size: 18px;}

/*---------*/
.lastProCn3{ width: 100%; display: table; padding: 20px 0px 0px;}
.lasAbout>li{ width: 33%; display: table-cell; position: relative; overflow: hidden; padding:30px ;border-right: 1px solid #eee;}
.lasAbout>li:last-child{ border-right: 0px;}
.lasAbout>li>a{ font-size: 25px; color: #555;}
.lasAbout>li>a:after,.lasFoCon>li>a:after{ content: ""; display: block; margin: 10px 0px 20px; width: 100px; height: 1px; background: #eee;}
.lasAbout>li:before{ cursor: pointer; content: ""; position: absolute;     right: -25px;
    bottom: -25px;
    background: #006AB5;
    width: 50px;
    height: 50px; color: #fff;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
.lasAbout>li:after{ cursor: pointer; content: "+"; color: #fff;position: absolute; right: 0; font-size: 28px; bottom: -7px;}
.lasAbout>li p{ max-height:135px; overflow: hidden; margin-bottom: 20px;line-height: 26px;}

.lasListre>a>img{ width: 115px; height: 115px;  margin-right:15px; object-fit:cover; overflow: hidden; float: left;}
.lasListre>a>h5{ font-size: 16px; color: #006AB5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lasListre>a>p{ color: #555; max-height:104px; overflow: hidden;}

.lasMore>a{ z-index: -1; display: block; height: 37px; line-height: 37px; border-radius: 4px; padding-left:10px; padding-right:40px;border:1px solid #006AB5; position: absolute; right: 0px; bottom: 0px;}
/*---------*/
.lasFootContact{ width: 1200px; margin:40px auto 0px; border-top: 1px solid #e5e5e5;}
.lasFoCon{ display: table; width: 100%; padding: 5px 0px 25px; }
.lasFoCon>li{ display: table-cell; max-width: 50%; min-width: 30%; overflow: hidden;}
.lasFoCon>li>a{ font-size: 18px; color: #666;}
.lasTel li{ display: inline-block; padding-right: 10px;}
.lasTel li>a{ color: #666;}
.lasFoCon>li:last-child{ width: 276px;}
.lasSociel{ background:url(/statics/images/jingti/icon.png) no-repeat top; background-position: -55px -3px; position: relative; top:30px;}
.lasSociel>li{ display: inline-block; cursor: pointer; width: 40px; height: 40px;}
.lasSociel>li:hover{ background: rgba(255,255,255,0.3);}

.lasFooterBq{ width: 1200px; border-top:1px solid #ccc; margin: 0 auto; padding: 20px; font-size: 16px;}
.lasFooterBq>p{ display: inline-block;}
.lasFooterBq>span{ float: right;}

/*PRODUCTS*/
#lasPromain{max-width: 1200px; margin: 0px auto;}
.lasPage{ margin: 20px auto;}
.lasPage>img{ width: 20px; opacity: 0.7; position: relative; top:-3px;}
.lasPage>a{ color: #aaa; font-size: 14px;}
.lasPage>a:after{ content: "/"; padding: 0px 3px;}
.lasPage>a:last-child:after{ content: " ";}
.lasPage>a:hover{ color:#0C5FAC;}
#lasProLeft,#lasProRiList{ display: inline-block; vertical-align: top;}
#lasProLeft{ width: 250px; margin-right: 50px;}
#lasProRiList{ width: calc(100% - 310px) !important; }
#lasProRiList>h4{ border-bottom:1px solid #e5e5e5; padding-bottom: 20px;}
.lasProLeftList{ border:1px solid #e5e5e5; border-top:0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.lasProLeftList>li>img{ width: 100%; height: auto; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
.lasProRiCn2>li{ display:inline-block;  vertical-align: top; width: 30%; margin-right: 3%; margin-top:20px; margin-bottom: 10px;}
.lasProRiCn2>li:nth-child(3n){ margin-right: 0px;}
.lasProLeftList>li>a{ display: block; padding: 12px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #080808; font-size: 16px; border-bottom:1px dashed #e5e5e5;}
.lasProRiCn2>li>a>img{ width: 266px; height: 170px; object-fit: cover;}
.lasProLeftList>li>a:hover,.lasProLeftList>li.on>a{ color:#006AB5; font-weight: bold;}
.lasProRight .lasProCn2>li{ width: 30%; display: inline-block;}
.lasProRiCn2>li>a>p{  text-align: center; font-size: 16px; width: 266px; color: #888; padding: 5px; display: table-cell; vertical-align: middle;}

.titleBg{ font-size: 18px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #006ab5; color: #fff;}
.titleBg:after{ content: "";    z-index: 100; position: relative; background: url(/statics/images/jingti/lace.png) repeat-x ; width: 100%; height: 10px; display: block;}

/*翻页--------*/
.pageCon{ margin-top:30px; width:100%; text-align:center;}
.pageCon a,.pageCon span{border-radius:2px;text-align:center;  font-size:14px; min-width:30px; height:25px;padding:0px 5px; display: inline-block; vertical-align: top; color:#aaa;  line-height:23px; border:1px solid #e5e5e5;}
.pageCon a:hover,.pageCon a.on{ background:#006ab5; color:#fff;box-shadow:inset 0px 0px 8px rgba(0,0,0,0.1);}
/*产品详情页--------*/
.proDetCon{ margin: 30px auto;}
.proDetails p{ color: #555; font-size: 16px; line-height: 26px; white-space: normal; max-width: 100%;}
.proDetails img{max-width: 100%; height: auto;}
.product-tab-box {margin-bottom: 30px; }
.product-tab-box .tab-title-box ul {margin: 0; padding: 0; }
.product-tab-box .tab-title-box ul li {list-style: none; display: inline-block; margin-right: 6px; }
.product-tab-box .tab-title-box ul li.active a {background: #FFFFFF; border-bottom-color: #fff; border-top: 3px solid #006ab5; line-height: 44px; }
.product-tab-box .tab-title-box ul li a {display: block; font-size: 13px; line-height: 44px; border: 1px solid #E2E2E2; text-transform: uppercase; background: #F7F7F7; color: #242424; padding: 0 29px; }
.product-tab-box .tab-content {margin-top: -1px; border: 1px solid #E2E2E2; padding-top: 50px; padding-left: 40px; padding-right: 40px; padding-bottom: 65px; }
.product-tab-box .tab-content h3 {margin: 0; font-size: 18px; margin-bottom: 12px; }
.product-tab-box .tab-content p {color: #898989; font-size: 14px; margin-top: 15px; }
.product-tab-box .tab-content p:first-child {margin-top: 0; }
.fade.in{ margin-top:20px;}

.icon.icon-Search{ font-size: 20px;    position: relative; top: 3px;}
.textQuote{ background: #fff; margin-top: 30px; border-radius: 8px; padding:0px 8px;}
.textQuote>a{ color: #555; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom:1px dashed #ccc; padding:10px 0px;}
.textQuote>a:last-child{ border:0px;}
.textQuote>a:hover{ color:#006ab5;}
.textQuote>a,.textQuote>a>span{ font-size:14px;}

@media (max-width: 400px) {
  .comments .comment.reply {
    margin-left: 0px;
  }
}
.comments .comment.reply:last-child {
  padding-bottom: 0;
}

.comment_form {
  padding: 30px;
  border: 1px solid #eee;
  margin: 0px;
  background: #fff;
}
@media (max-width: 479px) {
  .comment_form {
    padding: 20px 15px;
  }
}
.comment_form .leave-comment-title {
  margin: 0px 0px 26px 0px;
  font: bold 20px/28px "Alegreya", serif;
  color: #353535;
}
.comment_form .form-control {
  border-radius: 0;
  padding: 9px 20px;
  font: 14px/25px "Open Sans", sans-serif;
  color: #000;
  margin-bottom: 20px;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.comment_form .form-control::-moz-placeholder {
  color: #c4c4c4;
  opacity: 1;
}
.comment_form .form-control:-ms-input-placeholder {
  color: #c4c4c4;
}
.comment_form .form-control::-webkit-input-placeholder {
  color: #c4c4c4;
}
.comment_form input {
  width: 48%;
  float: left;
  height: 42px;
}
@media (max-width: 1199px) {
  .comment_form input {
    width: 47%;
  }
}
@media (max-width: 991px) {
  .comment_form input {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .comment_form input {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .comment_form input {
    width: 100%;
  }
}
.comment_form input + input {
  margin-left: 26px;
}
@media (max-width: 1199px) {
  .comment_form input + input {
    margin-left: 31px;
  }
}
@media (max-width: 767px) {
  .comment_form input + input {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .comment_form input + input {
    margin-left: 0;
  }
}
.comment_form textarea {
  height: 188px;
  resize: none;
  margin-bottom: 32px;
}
.comment_form .btn-primary {
  background: #fff;
  border: 0px solid #f6ba18;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 600 1.2em/2.1em "Open Sans", sans-serif;
  padding: 7px 22px 7px 22px;
  color: #19242a;
  margin-top: 10px;
  border-radius: 8px;
  letter-spacing: 3px;
}
.comment_form .btn-primary:hover, .comment_form .btn-primary:focus,.comment_form .btn-primary:hover .fa, .comment_form .btn-primary:focus .fa {
  color: #fff;
  border-radius: 5px;
  border-color: #bb793c;
  background: #006ab5;
}
/* ==============================
  27. Contact us styles
============================== */
.leftsidebar_box>dl{ margin: 0px; border-bottom: 1px dashed #e5e5e5;}
.leftsidebar_box>dl.on dt,.leftsidebar_box>dl:hover dt{ background: #f8f8f8 !important;}
.leftsidebar_box dd:hover a{ color:#93A0AC;}
#bg{background-image:url(/statics/images/jingti/content/dotted.png);}
.container{width:100%;height:100%;margin:auto; padding: 0px;}

/*产品下来left*/
.leftsidebar_box{width:250px;height:auto !important;overflow:visible !important;background-color:#fff;padding-top: 10px;    border: 1px solid #e5e5e5;border-top: 0px;}
.leftsidebar_box dt{padding-left:20px;padding-right:10px;background-repeat:no-repeat; color:#888;font-size:14px;position:relative;line-height:35px;cursor:pointer;}
.leftsidebar_box dd{background-color:#fff;padding-left:40px;}
.leftsidebar_box dd a{color:#888;line-height:24px;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}
.system_log dt{background-image:url(/statics/images/jingti/left/system.png)}
.custom dt{background-image:url(/statics/images/jingti/left/custom.png)}
.channel dt{background-image:url(/statics/images/jingti/left/channel.png)}
.app dt{background-image:url(/statics/images/jingti/left/app.png)}
.cloud dt{background-image:url(/statics/images/jingti/left/cloud.png)}
.syetem_management dt{background-image:url(/statics/images/jingti/left/syetem_management.png)}
.source dt{background-image:url(/statics/images/jingti/left/source.png)}
.statistics dt{background-image:url(/statics/images/jingti/left/statistics.png)}
.leftsidebar_box dl dd:last-child{padding-bottom:10px;}

.lasProRiCn2>li p{ text-align: center;background: #fff; border: 1px solid #e5e5e5; height: 65px; line-height: 26px;}
.lasProRiCn2>li p a,.onTitle{ color: #666; font-size: 14px;padding: 0px 10px; overflow: hidden; text-align: center;}
.onTitle{ display: block; width: 100%;}
.lasProRiCn2>li p a:hover,.onTitle:hover{ text-decoration: underline !important;}
.lasProRiCn2>li>.imgAh{ border:1px solid #e5e5e5; border-bottom:0px; display: block;}

.lasProLMain{ display: inline-block; margin:50px 0px; vertical-align: top;}
.lasProLMain.One{ width: 69%;}
.lasProLMain.Two{ width: 30%;}
.lasProLMain>li{ box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.lasProLMain>li>a>img{ width: 100%; object-fit: cover;}
.lasProLMain.One>li>a>img{ height: 360px;}
.lasProLMain.Two>li>a>img{ height: 150px;}
.lasOne,.lasTwo{ width: 46%; margin-right: 3%; display: inline-block; height: 400px;}
.lasThree{ margin-bottom: 20px;}
.lasProLMain>li>a>p{ border-right:4px solid #006AB5; height: 40px; line-height: 40px; padding-left: 10px;}
/*产品内页放大镜*/
.box{width:100%;margin:10px auto}
.left-pro{ width: 100%; text-align:center; float: left; background-color: #FFF; margin-top:0px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.left-pro .t1{width:150px;float:left}
.left-pro .t2{width:500px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:100%; padding:1px; border:1px solid #ccc; height:100px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer; display:block; margin: 0px auto;}
#gobottom{cursor:pointer;display:block;margin: 0px auto;}
#showArea{height:379px;margin:10px;overflow:hidden}
/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden;width: 500px !important; height: 500px !important;}
.MagicZoomBigImageCont img{width:100%; height:auto;}
.MagicZoomBigImageCont iframe{width:500px;height:500px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0;}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}
/*service点击放大*/
	.middle-img {
		position: absolute;
		left: 259px;
		top: 0px;
		width: 40px;
	}

	.up-img {
		position: absolute;
		top: -40px;
		left: 261px;
		width: 40px;
	}

	.down-img {
		position: absolute;
		top: 40px;
		left: 257px;
		width: 40px;
	}

	.left-img {
		position: absolute;
		left: 218px;
		width: 40px;
	}

	.right-img {
		position: absolute;
		left: 300px;
		width: 40px;
	}
	@media screen and (max-width:450px) {
		.middle-img {
			position: absolute;
			left: 259px;
			top: 0px;
			width: 40px;
			display: none;
		}

		.up-img {
			position: absolute;
			top: -40px;
			left: 261px;
			width: 40px;
			display: none;
		}

		.down-img {
			position: absolute;
			top: 40px;
			left: 257px;
			width: 40px;
			display: none;
		}

		.left-img {
			position: absolute;
			left: 218px;
			width: 40px;
			display: none;
		}

		.right-img {
			position: absolute;
			left: 300px;
			width: 40px;
			display: none;
		}

		.rotate_jia{
			display: none;
		}.rotate_div{
			display: none;
		}.rotate_jian{
			display: none;
		}
	}


/*12-6*/
.lasProCn2>li{ width: 290px !important;}
#lasProList{ border-bottom:1px solid #e5e5e5;}
.lasProCn2>li a img{width: 100%;
    height: 180px;
    object-fit: contain;}
.lastProCn3 {
    width: 1200px;
    margin: 0px auto;}
    
.conMainText{ width: 50%; display: inline-block; margin: 30px 0px;}
.conMainText p,.conMainText a{ font-size: 16px; color: #555; line-height: 26px;}
.conMap{ float: right; width: 45%; height: 400px; border:1px solid #e5e5e5; margin: 30px 0px; clear: both;}