/* CSS Document */
body{  color:#908f8f; font-size:12px; font-family:"Microsoft Yahei"; }
.content{ width:1002px; margin:0 auto; position:relative; }
#header{ width:100%; background:url(../image/header.jpg) repeat-y center top; padding-top:15px; height:40px; position:relative; }
input{ outline:none;}
/*检索*/
.searchAreaH{  background:url(../image/search.jpg) no-repeat center top; width:133px; line-height:26px; position:relative; margin-left:35px;}
#keyWordsH{ border:0; background:none; width:95px; /*border:1px solid #f00;*/  line-height:26px;  padding-left:10px; color:#908f8f; display:inline-block; }
#submitH{ width:30px; line-height:26px; position:absolute; right:0; top:0; background:none; border:0;  display:inline-block;}
#submitH:hover{ cursor:pointer;}
#nav{ position:absolute; right:0; top:4px; }
#nav  ul{ }
#nav  ul li{ float:left; background:url(../image/li.jpg) no-repeat right 4px; }
#nav  ul li:last-child{ background:none;}
#nav  ul li a{ display:block; width:94px; text-align:center;   color:#908f8f; overflow:hidden;  font-size:14px; }
#nav  ul li a:hover, #nav  ul li a.current{ color:#3f8beb; }
/*首页主题内容*/
#indexMain{  width:100%; padding-bottom:15px; background:#000;   }
#indexMain .content{ width:1002px; margin:0 auto;}
.bannerLine{ height:370px; overflow:hidden;}
.logoLie{ width:205px; overflow:hidden; height:313px; background:url(../image/bg1.jpg) no-repeat center bottom #333333; text-align:center; padding-top:57px;}
.logoLie ul{ margin-top:75px; padding-left:46px;}
.logoLie ul li{ float:left; margin-right:6px; position:relative; top:0; transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s;  }
.logoLie ul li:hover{ top:-4px;}
.logoLie ul li a{ display:block; width:52px; line-height:52px; background:url(../image/p1.jpg) no-repeat center top; color:#908f8f; font-size:16px;}
.logoLie ul li a:hover{ color:#3f8beb;}
.mainService{ width:100%; padding-top:18px; height:148px; overflow:hidden; background:url(../image/bg3.jpg) repeat-x left bottom;}
.mr_frbox{ width:1422px; margin:0px auto; }
.mr_frbox .mr_frUl{width:934px; margin-left:15px; overflow:hidden; }
.mr_frbox ul li{ position:relative; width:170px; height:130px; margin-right:20px; float:left;  }
.mr_frbox ul li img{ width:170px; height:130px;}
.mr_frbox ul li img:hover{}
.mr_frbox .mr_frBtnR{ margin-left:15px; position:relative; top:55px; display:block;  width:8px; height:15px; background:url(../image/right.jpg) no-repeat center top;}
.mr_frbox .mr_frBtnL{  display:block; width:8px; height:15px; position:relative; top:55px;background:url(../image/left.jpg) no-repeat center top; margin-left:12px;}
.mr_frbox .mr_frBtnR:hover, .mr_frbox .mr_frBtnL:hover{ cursor:pointer;}
.mr_frbox ul li span{ display:block; width:100%; line-height:21px; text-align:center;  color:#bab5b1;   background:url(../image/span.png) repeat-x left top; position:absolute; left:0; bottom:0;}
.newsLine{ margin-top:15px;}
.types{ padding:15px 20px; width:318px; height:210px; margin-left:20px; overflow:hidden; background:#181818;}
.types ul li{ float:left; margin-right:20px; margin-bottom:10px; width:148px; height:98px; }
.types ul li.li1{ background:url(../image/p1.jpeg) no-repeat center top;}
.types ul li.li2{ background:url(../image/p2.jpeg) no-repeat center top;}
.types ul li.li3{ background:url(../image/p3.jpeg) no-repeat center top;}
.types ul li.li4{ background:url(../image/p4.jpeg) no-repeat center top;}
.types ul li a{ display:block; width:148px; height:98px;}
.types ul li.li1:hover{ background:url(../image/p1H.jpeg) no-repeat center top;}
.types ul li.li2:hover{ background:url(../image/p2H.jpeg) no-repeat center top;}
.types ul li.li3:hover{ background:url(../image/p3H.jpeg) no-repeat center top;}
.types ul li.li4:hover{ background:url(../image/p4H.jpeg) no-repeat center top;}

.types ul li:nth-child(2n){ margin-right:0;}
.types ul li img{ width:148px; height:98px; opacity:0.5;}
.types ul li img:hover{ opacity:1;}
.newsA{ width:398px ; overflow:hidden; margin-left:20px; background:url(../image/bg5.jpg) repeat-x left top; position:relative; height:240px; overflow:hidden;}
.newsA ul li{ float:left;}
.newsA ul li a{ padding:0 15px; line-height:30px; display:block;}
.newsA ul li a.current{ background:#181818; color:#a5aeb9;}
.newsA ul li ul{ position:absolute; left:20px; top:46px; display:none; width:350px;}
.newsA ul li ul li{}
.newsA ul li.current ul{ display:block;}
.newsA ul li ul li{ float:none;}
.newsA ul li ul.imgUl li{ position:relative; height:76px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #494848; width:100%; }
.newsA ul li ul.imgUl li:last-child{ border:0;}
.newsA ul li ul.imgUl li img{ width:110px; height:76px; opacity:0.6;}
.newsA ul li ul.imgUl li:hover img{ opacity:1;}
.newsA ul li ul.imgUl li .details{ width:220px; position:absolute; left:125px; top:0;}
.newsA ul li ul.imgUl li .details a{ font-size:14px; color:#8c8c8c;}
.newsA ul li ul.imgUl li .details p{ line-height:1.5; color:#494848; margin-top:8px;}
.newsA ul li ul li a{ padding:0; font-size:13px; color:#8c8c8c; }
.newsA ul li ul li:hover a{ color:#494949;}
/*底部*/
#footer{  height:202px;  background:url(../image/footer.jpg) repeat-x left bottom; overflow:hidden;  }
#footer .content{ position:relative;width:1002px; padding-top:20px;  }
.fNav{ width:750px; margin-left:150px; float:left; overflow:hidden;}
.fNavUl{ }
.fNavUl li{ float:left; background:url(../image/li1.jpg) no-repeat right 3px;}
.fNavUl li:last-child{ background:none;}
.fNavUl li a{ display:block; width:96px; font-size:14px; color:#777777; text-align:center; }
.fNavUl li:first-child a{ width:70px; text-align:left; }
.fContact{ padding-top:10px; padding-bottom:8px; }
.fContact ul{ width:450px;height:76px;}
.fContact ul li{ float:left; width:50%; line-height:25px; color:#5f5f5f; font-size:13px;}
.shejiao{ position:absolute; right:0; top:70px;}
.shejiao a{ display:inline-block; margin-left:15px;}
.copy{   overflow:hidden; color:#6c6c6c;}
.copy a{ float:right; color:#6c6c6c;}
/*内页样式*/
#listMain{ width:100%; padding-bottom:15px; background:#000;     }
#listMain .content{ width:1002px;  margin:0 auto;  overflow:hidden; background:#1A1A1A;  }
#listMain .left{ float:left; overflow:hidden;  width:205px;}
/*此网站首页复用*/
.typeList{ width:205px; overflow:hidden; background:url(../image/bg1.gif) repeat-x left bottom #333333; padding-bottom:170px; text-align:center; padding-top:35px;  }
.typeList ul { margin-top:30px; }
.typeList ul li{ margin-bottom:1px; }
.typeList ul li a{ display:block; width:100%; line-height:30px; font-size:14px;  color:#888;  background:#484848;  }
.typeList ul li a:hover, .typeList ul li a.current{  color:#fff; background:#385A84;}
.typeList ul li ul{ margin-top:1px;}
.typeList ul li ul li a{  line-height:28px; width:140px; margin:0 auto; border-bottom:1px dashed #1a1a1a;   background:none;  }
.typeList ul li ul li:last-child a{ border-bottom:0;}
.typeList ul li ul li a:hover{ background:none; color:#385A84;}
#listMain .right{ padding-bottom:45px;  float:left; margin-left:60px; padding-top:40px; width:737px;   }
#listMain .mainContent{}
#listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center;}
#listMain .right .title{ position:relative; padding-bottom:10px; padding-right:60px; display:none;  border-bottom:1px solid #d1d1d1; }
#listMain .right .title h4{ font-size:20px ;  color:#4c4a55; display:inline-block; }
#listMain .right .title .yPosition{ position:absolute; right:13px; bottom:9px;}
#listMain .right .title .yPosition a{ color:#4c4a55; position:relative; left:0; top:0; font-size:12px;}
#listMain .right .title .yPosition a:hover{ color:#385A84;}
.newsList{ padding-right:30px;}
.newsList ul li{ padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #666; overflow:hidden; display:block;  }
.newsList ul li img{ width:110px; height:80px; float:left;}
.newsList ul li .details{ width:545px; overflow:hidden; float:right;}
.newsList ul li a{ display:block; font-size:14px; text-decoration:none; color:#888;  }
.newsList ul li a:hover{ color:#385A84;}
.newsList ul li p{ line-height:2.0; color:#777;}
.newsInfo{ line-height:1.8; padding-right:30px;}
.newsInfo  p{ }
.newsContent{ padding-bottom:45px; padding-top:10px; border-bottom:1px dotted #d1d1d1; font-size:14px;}
.newsInfo .author{ font-size:12px; text-align:center; color:#ccc;}
.newsInfo .context{ margin-top:15px; }
.newsInfo .context a{ color:#aaa; }
.newsInfo .context p{ text-indent:0;}
.newsInfo .context a:hover{ color:#385A84;}
.newsInfo .back{ text-align:center; margin-top:20px; }
.newsInfo .back a{ color:#888;}
.newsInfo .back a:hover{ color:#385A84;}
.proPage{ margin-top:40px; padding-right:40px; float:right;  margin-bottom:30px;}
.proPage a{ color:#aaa;}
.company { line-height:2.0; padding-right:40px;}
/*产品列表页*/
.productMain{ padding-top:20px; }
.productMain ul li{  float:left; margin-right:10px; text-align:center; padding-bottom:10px; margin-bottom:15px; height:210px; }
.productMain ul li:nth-child(3n){ margin-right:0;}
.productMain ul li .mt10{ display:block; line-height:30px; color:#888; font-size:14px; text-align:left; padding-left:10px; margin-top:0;}
.productMain ul li .title1{ display:block; line-height:30px; color:#3F8BEB; font-size:15px; text-align:left; padding-left:10px; margin-top:0;}
.productMain ul li span{ font-size:12px; display:block;  color:#908f8f; text-align:left; padding-left:10px; width:220px; overflow:hidden;} 
.productMain ul li a img{ width:220px; height:143px; padding:2px; background-color:#1A1A1A; border:1px solid #1A1A1A; }
.productMain ul li a img:hover{ border:1px solid #1A1A1A;}
.productMain ul li a:hover{ color:#385A84;}
/*招聘*/
.zhaopin,  .yingpin{ font-size:14px; padding-right:30px; }
.zhaopin .job {  border-bottom:1px dotted #dedede; margin-bottom:30px; padding-top:25px; overflow:hidden;}
.zhaopin .job ul li, #listMain .zhaopinXx ul li{ line-height:3.0; overflow:hidden; width:700px; text-align:left; }
.zhaopin .job .zhiwei{ color:#385A84; }
.zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#385A84; position:relative; top:-150px;}
.zhaopin ul li a{ color:#385A84; float:right;}
.zhaopin a{ color:#ffffff;}
.yingpin table tr{ display:block; margin-bottom:15px;}
.yingpin .zhiwei{ color:#385A84;}
.yingpin .yanzhengma{ position:relative; top:13px;height:35px;}
#allmap { width:700px; height:450px;}
.contactUs  li{ float:left; width:350px; line-height:2.0;}
/*在线留言页面*/
#message{ background:url(../image/message.png) no-repeat 350px top; padding-bottom:40px; padding-top:20px;}
#message th{ font-size:14px;  font-weight:normal;  }
#message input{  outline:none; height:22px; background:#222; border:1px solid #444; width:260px;color:#fff; }
#message .yanzheng{ width:120px;height:35px;}
#message textarea{ border:1px solid #444; width:260px; background:#222;color:#fff; }
#message button{ outline:none;}
#message .but{ display:block;text-align:center;width:150px; line-height:35px; background-color:#385A84; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; }
/*工作详情*/
#workDetail{ line-height:2.0;}
#workDetail #apply{ color:#385A84;  font-size:14px; display:block; margin-top:30px; }
.detailTitle{ width:700px; height:30px; background-color:#d1d1d1;  margin:45px 0 30px;}
.detailTitle h6{ background:#656565; font-size:14px; border-right: 1px solid #fff;color: #222; display: inline-block; height: 100%; line-height: 30px; padding-left: 10px; font-weight:bold; padding-right:10px;}
.qqOnline{ width:145px; height:213px; position:fixed; top:80px; right:0px; background:url(../image/qqBg.png) no-repeat; z-index:99999;}
.qqOnline .left{ width:23px; height:100%; float:left; }
.qqOnline ul{ float:left; width:82px; padding-top:38px;  padding-left:40px;  padding-bottom:0; }
.qqOnline ul li{ line-height:36px; list-style:none;}
.qqOnline ul li a{ color:#4c4a55; font-size:13px;}
.qqOnline .phone{ font-size:12px ; color:#629759; padding-left:0px; }
.backToTop{ display: block; margin-right: -540px; position: fixed;right: 50%; top: 80%;width: 15px;z-index: 9999; padding:15px 8px; color:#fff; background-color:#908f8f;}
.backToTop:hover{ cursor:pointer; background-color:#D70415;}
.ptitle{ width:100%; position:relative; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #333;}
.ptitle .author{ position:absolute; right:0; top:8px;}
#listMain .ptitle h5{ font-size:18px; text-align:left; font-weight:bold; display:inline-block; }
.desc{ display:inline-block;  padding-bottom:12px; color:#609eeb; font-size:14px; font-weight:bold; }
.conInfo{ width:280px; padding-top:60px; }
.conInfo ul li{ line-height:2.0; font-size:14px;}
.partnerList{ padding-right:30px; }
.partnerList ul li{ float:left; margin-right:25px; margin-bottom:25px; width:210px; background:#525252; padding-bottom:2px; height:240px; text-align:center; overflow:hidden; color:#eee; }
.partnerList ul li:nth-child(5n){ margin-right:0; }
.partnerList ul li img{ width:210px; height:210px; }
.partnerList ul li:hover img{ opacity:0.8;}

.biaoqian{ padding-bottom:15px; border-bottom:1px dotted #999; width:100%; height:28px; background:url(../image/zhuanji_1.gif) no-repeat 683px top;}
.biaoqian ul li{ float:left; margin-right:7px; font-size:14px;}
.biaoqian ul li a{ display:inline-block; padding:2px 10px; font-size:12px; background:#222; color:#aaa;}
.biaoqian ul li a:hover{ color:#eee; background:#385A84;}
.company img{ max-width:707px;}
#listMain .mt40 a{ color:#aaa;}


.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 10px 0 35px;
    padding: 30px 0;
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    height: 36px;
    background: #333;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #7b7b7b;
    margin-right:1px;
    overflow: hidden;
}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover {
    color: #fff;
    background: #fb880d;
}

.de-page-mian .page-inner a.prev {
    margin-right: 10px;
    background-size:17px!important;
    background: #333 url(../images/prev.png) no-repeat center;
}

.de-page-mian .page-inner a.prev.on {
    background: #333 url(../images/prev-hover.png) no-repeat center;
}

.de-page-mian .page-inner a.prev:hover {
    background-color: #333;
}

.de-page-mian .page-inner a.next {
    margin-left: 10px;
    margin-right: 15px;
    background: #333 url(../images/next.png) no-repeat center;
    background-size:17px!important;
}

.de-page-mian .page-inner a.next.on {
    background: #333 url(../images/next-hover.png) no-repeat center;
}

.de-page-mian .page-inner a.next:hover {
    background-color: #333;
}

.de-page-mian .page-inner a.page-btn {
    display:none;
}
.de-page-mian .page-inner span {
    display:none;
}
.de-page-mian .page-inner input {
    display:none;
}

.zteam{
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));
    grid-gap: 20px;
}
.zteammain>p{
    font-size: 16px;
}
.zteam li p{
    text-align: center;
    font-size: 16px;
    color: #908f8f;
}