/* CSS Document */
body{  color:#333; font-size:13px; font-family:"微软雅黑"; }
.content{ width:1002px; margin:0 auto; position:relative; }
#header{ width:100%; background:url(../img/header.jpg) repeat-x left top; }
.topLinks{ height:50px; position:relative; }
.topLinks span{ line-height:50px; font-size:14px; color:#999;}
.sj{  position:absolute; right:220px; top:0;}
.sj a{ display:inline-block; border-left:1px solid #d1d1d1; line-height:50px; padding:0 15px;}
.links{ background:url(../img/index_04.jpg) no-repeat left top; width:200px; position:absolute; right:0; top:0; padding-top:17px; height:33px; padding-left:19px}
.links a{ display:inline-block; line-height:14px; padding:0 5px; border-right:1px solid #fff; color:#fff; font-size:14px;}
.links a:last-child{ border:0;}
.logoLine{ padding-top:39px; height:80px;  overflow:hidden; position:relative; }
.phone{ padding-left:62px; background:url(../img/tel.jpg) no-repeat left top; position:absolute; right:0; top:40px; color:#0877be; font-size:16px;}
.phone span{ font-size:24px; color:#0877be; font-family:Arial, Helvetica, sans-serif; display:block;}
#nav{ width:100%;  height:50px; overflow:hidden;}
#nav  ul {  width:1002px; margin:0 auto; height:100%; }
#nav  ul li{ float:left; background:url(../img/index_23.jpg) no-repeat right top; }
#nav  ul li:last-child{ background:none;}
#nav  ul li a{ display:block; width:125.25px ;  text-align:center;   color:#fff; overflow:hidden;  font-size:14px; line-height:50px; }
#nav  ul li a:hover, #nav  ul li a.current , #nav  ul li a:hover span{ color:#0dc265; }
#slideShow{ width:100%; position:relative; background:url(../img/banner.jpg) no-repeat center top; overflow:hidden; height:435px;  }
/*搜索框*/
.searchLine{ padding:20px 0; background:#fff; width:100%;}
.searchLine ul{ width:774px; overflow:hidden; padding-top:7px;}
.searchLine ul li{ float:left; margin-right:15px;}
.searchLine ul li span{ color:#0b84d1; font-weight:bold; }
.searchLine ul li a{ color:#999;}
.searchLine ul li a:hover{ color:#666;}
.searchAreaH{ background:url(../img/search.jpg) no-repeat center top; width:228px; line-height:29px;     }
#keyWordsH{ border:0; background:none; width:180px;   line-height:29px;  padding-left:10px; color:#888; display:inline-block;padding-left:5px;}
#submitH{ width:38px; line-height:29px; position:absolute; right:0; top:0; background:none; border:0;  display:inline-block; }
#submitH:hover{ cursor:pointer;} 
/*首页主题内容*/
#indexMain{ padding-top:45px; width:100%; background:#f0f0f0;    }
#indexMain .content{ width:1002px; margin:0 auto;}
.indexProduct{}
.indexProduct .title{ background:url(../img/index_32.jpg) no-repeat left bottom; height:115px; width:100%; position:relative;}
.indexProduct .title h2{ font-size:24px; color:#272727;}
.indexProduct .title span{ display:block; font-size:32px; color:#272727;}
.indexProduct .title .more{ color:#0b84d1; font-size:14px; position:absolute; right:0; top:14px;}
.indexProduct .title ul{ position:absolute; left:250px; bottom:0;}
.indexProduct .title ul li{ float:left; margin-right:20px;}
.indexProduct .title ul li a{ line-height:36px; display:block; color:#fff; background:#0b84d1; text-align:center; border-radius:18px; padding:0 20px;}
.indexProduct .title ul li a:hover{ background:#0dc265;}

/*逐个滚动*/
.mr_frbox{ width:1138px; margin:0 auto; opacity:0;}
.mr_frUl{ width:1008px; overflow:hidden; margin-left:20px; }
.mr_frBtnR{ margin-left:20px; position:relative; top:150px;}
.mr_frBtnL{ position:relative; top:150px;}
.mr_frBtnL:hover, .mr_frBtnR:hover{ cursor:pointer;}
.mr_frBtnR,  .mr_frBtnL{ top:80px;}
.mr_frbox ul li{ float:left; margin-right:15px; width:225px; height:246px; padding:8px;  background:url(../img/index_44.jpg) no-repeat 204px 214px #fff; }
.mr_frbox ul li img{ width:225px; height:177px;}
.mr_frbox ul li .title1{ text-align:left; display:block; line-height:2.0; font-size:14px; color:#272727; padding-left:10px;}
.mr_frbox ul li p{ padding:0 10px; color:#999;}
.indexCases{ margin-top:40px; background:url(../img/bg1.jpg) no-repeat center 31px; width:100%;}
.lC{ opacity:0;}
.rC{ opacity:0; width:694px; overflow:hidden; margin-left:30px; padding-top:70px;}
.rC .title{ height:60px; width:100%; position:relative; margin-bottom:20px;}
.rC .title span{ font-size:28px; display:block; font-weight:bold; color:#fff;}
.rC .title  h2{ font-size:18px; color:#fff;}
.rC .title p{ position:absolute; left:112px; bottom:0; font-size:14px; color:#fff; }
.rC .title a{ color:#fff; font-size:14px; padding:3px 6px; background:#0dc265; border-radius:15px; text-align:center; position:absolute; right:0; bottom:0;}
.rC ul li{ float:left; margin-right:15px; width:221px; height:161px; overflow:hidden; position:relative; margin-bottom:20px;}
.rC ul li:nth-child(3n){ margin-right:0;}
.rC ul li img{ width:221px; height:161px; }
.rC ul li  span{ padding-top:107px; width:100%; color:#fff; font-size:14px; color:#fff; height:54px; position:absolute; left:0; top:0; background:url(../img/fgc.png) no-repeat center top; display:none; text-align:center; }
.indexCompany{ padding-top:35px; padding-bottom:40px; }
.indexCompany .title{ text-align:center; opacity:0;}
.indexCompany .title h2{ font-size:22px; color:#222; text-align:center; padding-bottom:25px;}
.indexCompany .con{ padding:15px; background:#fff; width:972px; overflow:hidden; opacity:0;}
.indexCompany .details{ width:580px; margin-left:50px; line-height:2.0;}
.indexCompany .details h2{ font-size:20px; padding-bottom:15px; background:url(../img/index_32.jpg) no-repeat left bottom; margin-bottom:20px;}
.indexCompany .more{ display:block; width:100%; text-align:center; margin-top:30px;}
.indexNews{ padding-top:190px; height:400px; width:100%; overflow:hidden; background:url(../img/bg2.jpg) no-repeat center top;}
.indexNews ul li{ float:left; margin-right:42px; width:460px; height:130px; padding:10px; background:#fff; position:relative; margin-bottom:30px;}
.indexNews ul li:nth-child(2n){ margin-right:0; }
.indexNews ul li img{ width:188px; height:128px;}
.indexNews ul li .details{ width:244px; position:absolute; right:10px; top:10px;}
.indexNews ul li .details a{ color:#0d6ec0; font-size:16px; display:block; padding-bottom:5px;}
.indexNews ul li .time{ width:block; width:100%; font-size:12px; padding-bottom:15px;   }
.indexNews ul li p{ padding-top:10px; margin-top:8px; line-height:2.0; color:#999;border-top:1px dotted #d1d1d1;}

/*底部*/
#footer{  height:240px;  background:url(../img/footer.jpg) repeat-x left bottom; overflow:hidden;  }
#footer .content{ position:relative;width:1002px; padding-top:40px; }
.copyLi{ width:677px; overflow:hidden;}
.copyLi p{ color:#858585; line-height:2.0;}
.copyLi p a{
    color:#858585;
}
.fContact{ width:320px; overflow:hidden; }
.telF{ padding-left:50px; font-size:14px; color:#d1d1d1;  background:url(../img/tel1.png) no-repeat left top;}
.telF span{ display:block; color:#fff; font-size:22px;}
.fContact ul{ padding-left:28px;}
.fContact ul li{ margin-top:15px; padding-left:25px; font-size:14px; color:#858585;}
.fContact .li1{ background:url(../img/index_89.jpg) no-repeat left top;}
.fContact .li2{ background:url(../img/index_86.jpg) no-repeat left 3px;}
.fContact .li3{ background:url(../img/index_81.jpg) no-repeat left 3px;}

/*内页样式*/
#listMain{ padding-top:28px;  width:100%; background:url(../img/listMain.jpg) no-repeat center top #f0f0f0; padding-bottom:25px;}
#listMain .content{ width:1002px;  margin:0 auto;  overflow:hidden;  }
#listMain .left{ float:left; overflow:hidden;  width:260px;}
/*此网站首页复用*/
.typeList{ width:260px; overflow:hidden; padding:20px 0; background:#0c68cf;  }
.typeList .title{ padding-left:20px; padding-right:20px; padding-bottom:20px; border-bottom:1px solid #3a84d8; }
.typeList .title span{ font-size:24px; color:#fff; display:block;}
.typeList .title h2{ color:#fff; font-size:20px;}
.typeList ul { margin-top:2px; border-top:1px solid #3a84d8; padding-top:15px; padding-left:20px; padding-right:20px;  }
.typeList ul li{ border-bottom:1px dashed #fff;}
.typeList ul li a{ display:block; width:100%; line-height:50px; color:#fff; text-indent:0.5em; background:url(../img/li.jpg) no-repeat 190px 21px;}
.typeList ul li a:hover{ }
.typeList ul li ul{ display:none;}




#listMain .right{ padding-bottom:45px;  float:left; margin-left:37px; width:705px;  }
#listMain .mainContent{/* border:1px solid #f00;*/}
#listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center;}
#listMain .right .title{ position:relative; padding-bottom:10px;  height:30px; width:100%; overflow:hidden; }
#listMain .right .title h4{ font-size:20px ;  color:#666; display:none; }
#listMain .right .title .yPosition{ background:url(../img/home.jpg) no-repeat left top; position:absolute; right:0; bottom:15px; color:#666; padding-left:25px;}
#listMain .right .title .yPosition a{ color:#4c4a55; position:relative; left:0; top:0; font-size:12px;}
#listMain .right .title .yPosition a:hover{ color:#d60415;}
.newsList ul li{ padding-top:15px; padding-bottom:15px; border-bottom:1px dotted #d1d1d1; overflow:hidden; display:block;  }
.newsList ul li a{ display:block; float:left; text-decoration:none; color:#363636;  }
.newsList ul li a:hover{ color:#d60415;}
.newsList ul li .time{ float:right; display:block; padding-right:5px;}
.newsInfo{ line-height:1.8;}
.newsInfo  p{ text-indent:2em;}
.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:#363636; }
.newsInfo .context p{ text-indent:0;}
.newsInfo .context a:hover{ color:#d60415;}
.newsInfo .back{ text-align:center; margin-top:20px; }
.newsInfo .back a{ color:#363636;}
.newsInfo .back a:hover{ color:#d60415;}
.proPage{ margin-top:40px; padding-right:40px; float:right;  margin-bottom:30px;}
.company { line-height:2.0;}
/*产品列表页*/
.productMain{ padding-top:20px; }
.productMain ul li{  float:left; margin-right:15px; text-align:center; padding-bottom:10px;  border-bottom:15px solid #F0F0F0; }
.productMain ul li:nth-child(3n){ margin-right:0;}
.productMain ul li a{ display:block; color:#363636;}
.productMain ul li a img{ width:215px; height:170px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; }
.productMain ul li a img:hover{ border:1px solid #d60415;}
.productMain ul li a:hover{ color:#d60415;}
/*产品列表页*/

/*招聘*/
.zhaopin, #listMain .yingpin{ font-size:14px; }
.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:#d60415; }
.zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#d60415; position:relative; top:-150px;}
.zhaopin ul li a{ color:#d60415; float:right;}
.zhaopin a{ color:#ffffff;}
.yingpin table tr{ display:block; margin-bottom:15px;}
.yingpin .zhiwei{ color:#d60415;}
.yingpin .yanzhengma{ position:relative; top:8px;}
#allmap { width:700px; height:450px;}
.contactUs  li{ float:left; width:350px; line-height:2.0;}
/*在线留言页面*/
#message th{ font-size:14px; color:#4c4a55 ; font-weight:normal; font-family:"宋体"; }
#message input{  outline:none; height:22px; border:1px solid #aaa;}
#message textarea{ border:1px solid #aaa;}
#message button{ outline:none;}
#message .but{
    display: block;
    width: 120px;
    line-height: 35px;
    text-align: center;
    background-color: #d60415;
    color: #FFF;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}
/*工作详情*/
#workDetail{ line-height:2.0;}
#workDetail #apply{ color:#d60415;  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(../img/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:#333;}
.backToTop:hover{ cursor:pointer; background-color:#D70415;}

.bannerSwiper img{
    width: 100%;
}

.textover {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.over-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.over-line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.over-line-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.over-line-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.over-line-9 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


.kji{
    margin-bottom: 4%;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-danger {
    color: #fff;
    background-color: #cc3131;
}
.text-white {
    color: #fff!important;
}
.base_bg {
    background-color: #0e54ad;
}