
/* CSS Document */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #000; font-family:"got","Light","微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 2; width: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉安卓点击时的蓝色*/ }
div{box-sizing: border-box;}
h1{font:bold 32px/160% 微软雅黑}
h2{font:bold 22px/160% 微软雅黑}
h3{font:bold 18px/160% 微软雅黑}
h4{font:bold 16px/160% 微软雅黑}
h5{font:bold 14px/160% 微软雅黑}
.fl { float: left; }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #1e1e1e; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
.fl { float: left; }
.fr { float: right; }
.wrap { margin: 0 auto; width: 1200px;}
.minwidth { min-width: 1200px; }
#container { background: #fff; }
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
table { border-collapse: collapse; border-spacing: 0;  border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: none; padding: 0;  font-size: 14px; line-height: 1.6; }
input:focus, textarea:focus { background: #fff; }
::-moz-placeholder { color: #b2b2b2;  }
::-webkit-input-placeholder { color: #b2b2b2; }
:-ms-input-placeholder { color: #b2b2b2;  }


/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }
.cke_show_borders { max-width: 1200px; }


.header-wrap{height: 98px;position: relative; z-index: 99}
#header { height: 98px; }
.index #header{background:#fff;}
#header .wrap{ position: relative}
#header .lan{ position: absolute; right: 35px; top: 15px; color: #fff}
#header .lan a{ color: #fff}
.logo a { display: flex;align-items: center; margin-top: 25px;}
.logo a span{ margin-left: 10px;font-size: 20px;color: black;}
.intopmenu{display: none}
.intop{display: none}

.indexTit{letter-spacing: 2px}
.indexTit h1{font-size: 34px; font-weight: bold; margin-top: 40px; padding-bottom: 5px ; color: #333}
.indexTit p{  margin-top: -10px; padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; color: #333}
.indexTit.txtCenter{ text-align: center}

.indexTit.txtCenter p{  background-position:center bottom ;}

.indexTit.white h1,.indexTit.white p{color: #fff}

a.more{ border:solid 1px #666; color: #666; padding:10px 80px; font-size: 18px ; display: inline-block;  border-radius: 4px;    transition: all .3s;}
a.more:hover{ background: #1658a7 ;color: #fff;}

    /*导航*/
.menu {  margin-left: 65px}
.menu > li { float: left; margin: 0;  text-align: center; position: relative;  text-align: center}
.menu > li > a { display: block; font-size:16px; color: #666; line-height:40px; padding: 30px 10px 30px 10px; letter-spacing: 1px }

.menu > li > a:hover{background: #0d72b8;;color: #fff;}
.menu .menulist { width: 150px; display: none; background: rgba(255,255,255,0.95); padding: 5px 0; position: absolute; top: 47px; z-index: 50; left: -43px; text-align: center; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.menu .menulist > li { line-height: 34px; font-size: 14px; margin: 0; }
.menu .menulist > li > a { display: block; color: #a36701; }
.menu .menulist > li:hover > a { color: #0177cc; }
.menu > li > a:hover hr{ width: 100%}
.menu .subnav { display: block; }
.menu > .first > a hr{width: 100%; }
.menu > .first > a{background: #02509a;color: #fff;}

.menu  > li  div{ position:absolute; left:0;  top:100px; width:200px; display:none; background:#0d72b8; padding:20px}
.menu  > li:hover  div{ display:block}
.menu  > li li{ background:#0d72b8; text-align:left;  }
.menu  > li li a{ font-size:16px; color: #fff; }
.menu  > li  li a:hover{ font-weight:bold; color:#fff}
/*banner*/
#ban { position: relative; overflow: hidden;  clear:both }
#ban .banner { height: 750px; overflow: hidden; position: relative; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 750px; width: 100%; }
#ban .imglist li a { display: block; width: 100%; height: 100%; }
.pagelist { bottom: 35px; height: 14px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { font-size: 0px; margin: 0 7px; cursor: pointer; display: inline-block; height: 12px; width: 12px; border: 1px solid #fff; border-radius: 7px; }
.pagelist li.on { background: #fff; border-color: #fff; }


/*内页通用*/
#ban1 { background: url(../image/inbanner_1.jpg) no-repeat center center; height: 300px; }
#ban2 { background: url(../image/inbanner_2.jpg) no-repeat center center; height: 300px; }
#ban3 { background: url(../image/inbanner_3.jpg) no-repeat center center; height: 300px; }
#ban4 { background: url(../image/inbanner_4.jpg) no-repeat center center; height: 300px; }
#ban5 { background: url(../image/inbanner_5.jpg) no-repeat center center; height: 300px; }

.proBox{display:flex;margin-top: 20px;}
.proLeftBox { width: 20%; background: #eee;padding: 6px 0 0 0 ;border:1px solid #f2f2f2; border-top: 5px solid #004684;height: 500px;}
.proLeftBox li{  display: block;}
.proLeftBox li a{display: block;  padding:0px 30px; line-height: 50px;color:#666; font-weight: bold}
.proLeftBox li a.ahover{background: #004787;color: #ffffff;}
.proRightBox{
	width:80%;
	padding-left:15px;
}


.proRightBox .prok{ height: 720px}
.proRightBox .prok> li{ width: 306px;border: none; height:320px;  margin-right: 9px ; float: left; margin-bottom: 38px; position: relative; text-align: center; background: #fff}
.proRightBox .prok> li img{
border: solid 1px #ddd;
}
.proRightBox .prok> li > a{ margin: 0 auto; text-align: center; display: block;color:#666; line-height:1.428 }
.proRightBox .prok> li h2{  text-align: center;  font-size:21px; transition: all .3s;  padding-top: 10px; font-weight: bold ; letter-spacing: 1px}
.proRightBox .prok> li:hover{ background: #0d72b8;}
.proRightBox .prok> li a:hover h2{ color: #fff}



.proRightBox .prok li {
	margin-bottom: 10px;
	height: 270px
}

.proRightBox .prok>li a:hover {
	color: #fff
}





.inmain{
    margin: 40px 0;
    overflow: hidden;
}



.main2{ background: url(../image/cp-bg.jpg) no-repeat top center;}

.products{ height: 720px}
.products > li{ width: 391px; height:320px;  margin-right: 9px ; float: left; margin-bottom: 10px; position: relative; text-align: center; background: #fff}
.products > li > a{ margin: 0 auto; text-align: center; display: block;color:#666; line-height:1.428 }
.products > li h2{  text-align: center;  font-size:21px; transition: all .3s;  padding-top: 10px; font-weight: bold ; letter-spacing: 1px}
.products > li:hover{ background: #0d72b8;}
.products > li a:hover h2{ color: #fff}

.main-application{height: 633px;background: url("../image/solutionBg.jpg") no-repeat center center; }

.loop{ position: relative}
.solution{  height: 400px}
.solution li{ width: 400px;height: 400px; text-align: center; float:left }
.solution li a{display: block;padding: 0  9px 0 9px;}
.solution li a h2{ font-size: 18px; font-weight: bold ; color: #fff; background: rgb(0,96,197); height: 85px; line-height: 85px; width: 385px; transition:background 0.3s ;}
.solution li a:hover h2{ background: rgb(23, 166, 252)
}
.loop  .prev,.next{ z-index:10; cursor:pointer; position:absolute; top:120px; width:29px; height:48px}
.loop  .prev{left:-40px;background: url(../image/left.png) no-repeat center center}
.loop  .next{ right:-40px; background:  url(../image/right.png) no-repeat center center}

.main3{
    height: 680px;
    overflow: hidden;
}
.main3Left{
    float: left;
    width: 625px;
    height: 320px;
}
.main3Left li{
    float: left;
    width: 560px;
    height: 420px;
    margin-right: 20px;
}
.main3Left li img{
    /*border-top-right-radius: 20px;*/
    /*border-bottom-left-radius: 20px;*/
}
.main3Left li .newbox{
    width: 100%;
    height: 104px;
    border:1px solid #ccc;
    border-top: none;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
}
.main3Left li .newbox h1{
    font-size: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.main3Left li .newbox h3{
    font-size: 14px;
    color: #999;
}
.main3Left li .newbox h5{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.main3Right{
    float: right;
    width: 570px;
    height: 320px;
    margin-right: 5px;
}
.main3Right li{
    display: block;
    width: 100%;
    height: 94px;
    background-color: #fbfafa;
    margin-bottom: 19px;
    transition: all .3s;
    margin-right: 5px;
}
.main3Right li .leftBox{
    width: 105px;
    height: 100%;
    float: left;
    text-align:center;
    border-right: 1px solid #ddd;
    color: #666;
    transition: all .3s;
}
.main3Right li .leftBox h1{
    font-size: 32px;
    font-weight: bold;
    line-height: 75px;
}
.main3Right li .leftBox h3{
    line-height: 1px;
    font-size: 16px;
}
.main3Right li .rightBox{
    float: right;
    width: 450px;
    height: 100%;
    transition: all .3s;
}

.main3Right li .rightBox h1{
    font-size: 20px;
    padding-top: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all .3s;
    text-align: left;
    font-weight: normal;
}
.main3Right li .rightBox h3{
    font-size: 14px;
    color: #666;
    padding-top: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
}
.main3Right li:hover .leftBox{
    background-color: #0d6fb8;
    color: #fff;
}
.main3Right li:hover{
    background-color: #fff;
    box-shadow: 5px 5px 5px #ccc;
}
.main3Right li:hover .rightBox{
}

.main3Right li:hover .rightBox h1{
    color: #0d6fb8;
}

.main3Right .more{ margin-top: 20px; float: left}
.hezuo  .prev.next{ z-index:10; cursor:pointer; position:absolute; top:120px; width:29px; height:48px}
.hezuo  .prev{margin-top: 50px;left:-40px;background: url(../image/left1.png) no-repeat center center}
.hezuo  .next{margin-top: 50px;right:-40px; background:  url(../image/right1.png) no-repeat center center}


.category  li{ float: left; margin-right: 80px}
.category > li > ul { position: absolute; left: 0; width: 1200px; display: none ; background: #f8f8f8; padding: 15px 0}
.category > li.select.hideUl > ul{ display: none}
.category > li.select > ul{ display: block;  }
.category li a{ padding: 3px 10px; transition:  all 0.2s }
.category > li.select > a,.category > li.hover > a{ color: #f4b305;border-bottom:  solid 3px #f4b305;}
.category > li.select.hideUl > a{ color: #000; border-bottom: none}
.category > li > ul > li > a.select1{ color: #f4b305; font-weight: bold}
.category > li > ul > li > a:hover{ color: rgb(44,108,179) }
.category > li > a { font-weight: bold; font-size: 16px}
.category > ul { width: 100%}
.category > li.hover > ul { display: block}

.productslist{margin-bottom: 40px}
.ttbale{ border-spacing: 0; border-collapse: collapse ;border:1px solid #fff; color:#333;  line-height:14px;  width: 100% ; width: 100%; text-align: left ; }
.ttbale th, .ttbale td{ border: solid 1px #ddd; line-height:1.2; padding: 8px 10px; font-size: 12px; word-break: keep-all;}
.ttbale th{ background: rgb(44,108,179); color: #fff; padding: 10px; text-align:left}
.ttbale  sub{ font-size: 11px; font-weight: normal}

.ttbale tr.odd td{ background: #eee}
.ttbale a{ color:  rgb(44,108,179)}

.foot{background: #363535; border-top:solid 5px #b7b6b6; height: 292px; color: #fff}
.foot .foot_header{margin-top: 15px}
.foot .foot_menu{ float: right; padding-top: 30px}
.foot .foot_menu li{ float: left; border-right: solid 1px #ddd;line-height: 1}
.foot .foot_menu li a{ color: #ddd; padding:0 20px; }
.foot .foot_menu li:last-child{ border-right: none; padding-right: 0 }
.foot_body{ }
.foot_body img{display: block}
.foot_body .left{float: left; margin-top: 40px}
.foot_body .left .contact li{float: left; margin-right: 140px}
.foot_body .left .contact li img{float: left; vertical-align: middle}
.foot_body .left .contact li div{ float: left; margin:-5px 0 0 12px; font-size: 16px}
.foot_body .left .links {clear: left; padding-top: 50px}
.foot_body .left .links li{ float: left; margin-right: 20px; line-height: 1;font-size: 13px}
.foot_body .left .links li img{ float: left;}
.foot_body .left .links li:first-child{ margin-right: 5px}
.foot_body .left .links li a{color: #fff; }

.foot_body .right{float: right; text-align: center; padding-right: 10px}
.foot_body .right img{ margin: 0 auto}
.foot2 { background: #222;color: #aaa; font-size: 12px; height: 45px; line-height: 45px; }
.foot2 .fl {color: #aaa; float: left;}
.foot2 .fr { color: #aaa; float: right;}
.foot2 a { color: #aaa; }


.proUl{}
.proUl li{ width: 322px ; height: 330px; float: left; margin:0 42px; text-align: center; line-height: 2;}
.proUl li:nth-of-type(3n){margin:0;}
.proUl li div{width: 320px ; height: 240px; border: solid 1px #999;overflow: hidden; margin-bottom: 5px}
.proUl li.row-last{ margin-right: 0}
.proUl li img{ width: 320px; height: 240px;  padding: 0px;transition: all 0.3s   }
.proUl li a:hover img{ transform: scale(1.1) }

/* 合作客户 */
.hz li{ width: 260px ; height: 180px; float: left; margin:0 20px; text-align: center; line-height: 2;}
/* .hezuo li:nth-of-type(4n){margin-right: 0;} */
.hz li div{width: 260px ; height: 150px; border: solid 1px #999;overflow: hidden; margin-bottom: 5px}
.hz li.row-last{ margin-right: 0}
.hz li img{ width: 260px; height: 150px;  padding: 0px;transition: all 0.3s   }
.hz li a:hover img{ transform: scale(1.1) }




/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto;margin: 20px 0;}
#pageNav a { color: #888; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; border-radius: 6px; width: 10px;margin-right:10px;}
.page-num, .cPageNum, .listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #444; border-radius: 6px }
#pageNav .page-num.page-num-current,#pageNav .page-num:hover { color: #fff; background: #0d6fb8; }
#pageNav a.listnumber { border: none; padding: 0; }


.titlepro { font-size: 18px; color: #0eb156; text-align: center; margin: 10px 0 10px; }
.title { padding-bottom: 10px;  text-align: center; font-size: 24px;  font-weight: bold}
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; font-size: 16px }
.time .date { padding-left: 20px; background: url(http://demo.infowuxi.com:9001/lkgy/images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(http://demo.infowuxi.com:9001/lkgy/images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left;  color: #888; }
.operate span a { /*font-style: italic;*/ color: #888; }
.operate div { float: right; width: 150px; text-align: right; }
a.return { padding:4px 20px 6px; border-radius: 6px ; background: #eee; color: #888; text-align: center }

/*招聘*/
.jobtitle { cursor: pointer; background: #fbfbfb; border-bottom: 1px solid #e3e3e3; }
.jobtitle:hover { background: #003778; color: #fff; }
.sub3 { display: none; }
.sub4 { display: none; }
.jobtitle:hover .subgif2 { display: none; }
.jobtitle:hover .sub3 { display: block; }
.jobtitle.currr:hover .sub3 { display: none; }
.jobtitle.currr:hover .sub4 { display: block; }
.currr { background: #003778; color: #fff; }
.jobtitle td,.JobList-J1 th { line-height: 45px; padding-top: 3px; padding-bottom: 3px; }
.jobsub { background: #e9e9e9; display: none; overflow: hidden; padding: 20px 60px; }

.tr_un { float: left; height: 40px; line-height: 40px; padding-top: 10px ;width: 100%; }
._t1 { padding-left: 60px; text-align: left !important; width: 312px; }
._t3 { width: 204px; }
._t4 { width: 372px; }
._t5 { width: 204px; }
._t6 { width: 48px; }
.td_un { overflow: hidden; text-align: center; }
.JobList-J1 li:hover { background: #e9e9e9; }

.prosearch{ margin-top:10px}
.prosearch li{ width:25%; float:left; height:30px; }
.prosearch li a{background:url(http://demo.infowuxi.com:9001/lkgy/images/arrow.png) no-repeat left; padding-left:20px}


/*底部*/
#footer { background: #102169; border-top: 1px solid #6f8b3a; position: relative; }
/*上下*/
.foottop .wrap { position: relative; padding: 50px 0; overflow: hidden }
.footleft { width: 330px;  }
.footleft a { display: block; float: left; margin-right: 25px; margin-top: 20px; }
.footcenter { color: #fff; width: 430px; margin-right: 60px; }
.footcenter h3 { font-size: 24px; line-height: 40px; margin-bottom:20px }
.footcenter p { margin-bottom: 5px; }
.footcenter p img { margin-right: 5px; vertical-align: text-top }
.footright { width: 380px; }
.footright h3 { font-size: 24px; line-height: 40px; color: #fff;margin-bottom:20px }
.footright li { width: 170px; padding-left: 10px; float: left; line-height: 31px; border-bottom: 1px solid #666; margin-right: 10px; }
.footright li a { color: #fff; }
.footright li a:hover{ color:#6f8b3a }
.footbottom {  height: 60px; line-height: 60px; color: #fff; background:#0c1745 }
.footbottom a { color: #fff; }
.top { position: absolute; top: 0; right: 0; }


/* 合作客户 */
.hezuo .wrap{height: 700px;}
.hezuo .wrap h1 {color: #000000;}
.hezuo .wrap p {color: #000000;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.ind-case{display:block;width:94%;max-width:1200px;margin:0 auto;}
.ind-case li{width:16.6666%;float:left;text-align:center;margin-bottom: 9px;margin-top: 18px;}
.ind-case li p{width:90%;margin:0px auto;border:2px solid #0a058614;overflow: hidden;}
.ind-case li img{width:100%;height:100%;transition: all 0.5s;}
.ind-case li h6{margin-top:10px;padding:0px 10px;}


/* 关于我们 */
.content{width: 1200px;margin: 0 auto;}
.abo{ height: 1300px; margin-bottom: 85px;background:url(../image/abo.jpg) no-repeat center 0 #f2f2f2; padding-top: 90px;}
.abo h2{ text-align: center; height: 135px;}
.abo h2 span{display: block; font-family: Impact; font-size: 48px; color:#ececec38; text-transform: uppercase; font-weight: normal;line-height:100%;}
.abo h2 a{ display: block; font-size: 32px; color: #fff; font-weight: 700; padding-top:7px;}
.abo p{ text-align: center; font-size: 16px; color: #fff; line-height: 27px; height: 198px;}
.abo p span{ display: block;}
.abo h3{ font-size: 0; position: relative; margin-bottom: 70px;height: 450px;}
.abo h3 img{ width: 1200px; height: 450px;}
.abo h3 span{ display: inline-block;position: absolute; left:566px; top: -75px; z-index:9;}
.abo h3 span a{ display: inline-block;background:url(../image/a_mor.png) no-repeat; width: 69px; height: 69px;}

.alb{ height:274px; width:1200px; margin:0 auto;}
.albt{ height:70px; overflow:hidden; position:relative; }
.albt li{ float:left;  font:16px "Microsoft Yahei"; }
.albt li a{ display:block; color:#666; width: 200px; text-align: center; height: 45px; line-height: 45px; border: 1px solid #bfbfbf; margin-right: 36px;}
.albt li.on a{ color:#fff; background: #102169; border: 1px solid #1935a5;}

.alb2{ height:210px; position:relative;}
.alb01{ overflow:hidden;}
.alb01 ul li{ width:281px; height:210px; float:left; margin-right:25px; position:relative;}
.alb01 ul  li img{width:281px;  height:210px;}
/* .alb01 ul li span{ display:block; position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px;background:url(../image/spn2a.png) repeat; text-align: center;  background-color: #102169;}
.alb01 ul li span a{ color: #fff; font-size: 14px;} */


.arr1 a{ display:block; width:45px; height:45px; background:url(../image/a_uu1.gif) no-repeat; overflow:hidden; position:absolute; top:83px; left:-50px;}
.arr1 a:hover{background:url(../image/a_dd12.gif) no-repeat;}
.arr2 a{ display:block; background:url(../image/a_uu2.gif) no-repeat; width:45px; height:45px; overflow:hidden; position:absolute; top:83px; right:-50px;}
.arr2 a:hover{background:url(../image/a_dd1.gif) no-repeat;}




.contentinfo table
{
    width: 100%;
    background-color: #fff;
    color: #666;
	border-collapse: collapse;
	border-spacing: 0;
}

.contentinfo tr {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.contentinfo td, .contentinfo th {
	margin: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
}