/* CSS Document */
.img_cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_container {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.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;
}
.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

body{  color:#666; font-size:14px; font-family:"Microsoft Yahei"; }
.content{ width:1200px; margin:0 auto; position:relative; }
#header{ width:100%; border-top:2px solid #2fa320; }
#nav{ width:1200px;  height:88px; background:#fff; position:absolute; left:50%; margin-left:-600px; top:2px; overflow:hidden; z-index:99999;}
#nav  ul { position:absolute; left:300px; top:0px;  }
#nav  ul li{ float:left;  }
#nav  ul li:last-child{ background:none;}
#nav  ul li a{ display:block; width:100px; text-align:center;   overflow:hidden;  font-size:14px; line-height:88px;  }
#nav  ul li a:hover, #nav  ul li a.current{ background:#2fa320; color:#fff;}
.tsjmt{ position:absolute; right:30px; top:35px; height:22px; border-left:1px solid #d1d1d1;}
.tsjmt a{ display:inline-block; width:50px; line-height:20px; border-radius:10px; border:1px solid #d1d1d1; text-align:center; margin-left:20px;}
.tsjmt a:first-child{ border:1px solid #2fa320; background:#2fa320; color:#fff;}
#slideShow{ width:100%; position:relative; overflow:hidden; height:870px; position:relative;  }
.tran{ background:url(../Image/bg.png) no-repeat center top; width:100%; height:75px; overflow:hidden; position:absolute; left:0%; bottom:0; z-index:999999; } 
/*搜索框*/
.searchAreaH{ background:url(../Image/search.jpg) no-repeat center top; width:225px; line-height:35px;  position:relative;     }
#keyWordsH{ border:0; background:none; width:133px;   line-height:35px;  padding-left:10px; color:#d2d2d2; display:inline-block;}
#submitH{ width:40px; line-height:35px; position:absolute; right:0; top:0; background:none; border:0;  display:inline-block; }
#submitH:hover{ cursor:pointer;} 
.subBanner{ width:100%; height:580px; overflow:hidden; background:url(../Image/subBanner.jpg) no-repeat center top;}

/*首页主题内容*/
#indexMain{ width:100%; background:url(../Image/bg.jpg) no-repeat center top; padding-bottom:60px;    }
#indexMain .content{ width:1200px; margin:0 auto;}
#indexMain .title{ width:100%; margin-bottom:50px;  text-align:center;}
#indexMain .title h2{ font-size:30px; color:#fff; margin-bottom:10px; font-weight:bold;}
#indexMain .title p{ color:#fff; font-size:16px; letter-spacing:2px;}
#indexMain .indexCompany .title h2, #indexMain .youshi .title h2,#indexMain .indexNews .title h2{ color:#2fa320;}
#indexMain .youshi .title p, #indexMain .indexNews .title p{ color:#666666; font-size:16px;}
.indexCompany{ padding-top:15px; height:780px;}
.indexCompany ul{ padding-top:15px;}
.indexCompany ul li{ float:left; margin-right:20px; position:relative; width:224px; height:520px;  position:relative;overflow: hidden; }
.indexCompany ul li:last-child{ margin-right:0;}
.indexCompany ul li .ceng1{ width:220px; overflow:hidden; border:2px solid #2fa320; background:#fff; text-align:center; padding-top:150px; height:268px; }
.indexCompany ul li .ceng1 h3{ font-size:26px; color:#2fa320; font-weight:bold; padding-top:20px; padding-bottom:10px;}
.indexCompany ul li .ceng1 span{ font-size:16px; color:#2fa320;}
.indexCompany ul li .ceng2{  display:none; position:absolute ; left:0; top:-15px;  }
.indexCompany ul li .ceng2 .details{ padding:25px 15px;  height:406px; background:url(../Image/hover.jpg) no-repeat center top; width:200px; overflow:hidden; border:2px solid #2fa320;  color:#fff;}
.indexCompany ul li .ceng2 h3{ font-size:26px; font-weight:bold; }
.indexCompany ul li .ceng2 span{ display:block; font-size:16px; line-height:36px;}
.indexCompany ul li .ceng2 img{ margin-bottom:40px;}
.indexCompany ul li .ceng2 p{ line-height:2.0; font-size:12px; margin-bottom:5px;}
.indexCompany ul li .ceng2 a{ display:block; margin-top:15px; text-align:center; background:url(../Image/more.jpg) no-repeat left top; width:130px; line-height:40px; font-size:12px; color:#fff;}
#indexMain .more{ display:block; margin-top:35px; text-align:center; width:120px; line-height:30px; font-size:14px; color:#fff; margin:35px auto 0; border:1px solid #fff; border-radius:4px;} 
#indexMain .indexNews .more{ border:1px solid #2fa320; color:#2fa320;}
.indexProduct{ padding-top:45px; }
#marqueeDiv1{ height:612px; overflow:hidden; width:100%;}
.indexProduct ul li{ float:left; margin-right:10px; width:400px; overflow:hidden; height:622px; position:relative; background:#fff; }
.indexProduct ul li .pic{
    width: 100%;
    height: 470px;
    overflow: hidden;
    position: relative;
    border-bottom:1px solid #36b1e4;
}
.indexProduct ul li img{
    object-position: top center;
}
.indexProduct ul li .details{ position:absolute; left:0; top:474px; width:100%; 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; background:#fff; height:280px; text-align:center;}
.indexProduct ul li:hover .details{ top:342px; background:#333333; color:#fff; }
.indexProduct ul li h4{ padding-top:54px; font-size:22px; font-weight:bold; padding-bottom:14px;}
.indexProduct ul li span{ display:block; letter-spacing:2px; font-size:14px; padding-bottom:35px;}
.indexProduct ul li p{ line-height:2.0; font-size:16px; padding:0 30px; margin:0 auto;} 
.youshi{ padding-top:182px;}
.youshi ul{ padding-top:30px;}
.youshi ul li{ float:left; width:20%; text-align:center;}
.youshi ul li h5{ font-size:25px; padding-bottom:6px; background:url(../Image/span2.jpg) no-repeat center bottom;}
.youshi ul li p{ width:80%; margin:20px auto 0; }
.youshi ul li img{ padding:30px; display:inline-block;}
.youshi ul li:hover img{ background:url(../Image/gh.png) no-repeat center top;}
.indexCases{ padding-top:180px;}
.indexCases ul{ padding-top:35px;}
.indexCases ul li{ float:left; margin-right:5px; position:relative; width:236px;
    height: 380px;overflow:hidden;
    border:2px solid #fff;
    box-sizing: border-box;
}
.indexCases ul li .pic{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.indexCases ul li span{ display:block; width:100%;  position:absolute; left:0; bottom:0; line-height:50px; background:url(../Image/fgc2.png) repeat-x left top; text-align:center; font-size:16px; color:#fff; font-weight:bold;}
.indexCases ul li:last-child{ margin:0;}
.indexCases ul li:nth-child(2n){ top:-11px; }
.indexCases ul li:nth-child(3n){ top:-20px; }
.indexNews{ padding-top:204px;}
.indexNews ul li{ width:100%; position:relative; height:200px; background:#fff;}
.indexCases ul li:nth-child(1)
,.indexCases ul li:nth-child(5){
    height: 341px;
}
.indexCases ul li:nth-child(2)
,.indexCases ul li:nth-child(4){
    height: 362px;
}
.indexNews ul li .pic{
    width:600px; height:200px;
    overflow: hidden;
    float: left;
}
.indexNews ul li:nth-child(2) .pic{
    float: right;
}
.indexNews ul li .details{box-sizing: border-box; padding:45px; width:510px; height:200px;float:left;}
.indexNews ul li .details h4{ font-size:16px; font-weight:bold;}
.indexNews ul li .details p{ margin-top:15px;}
.indexNews ul li:hover{ background:#36a32b;}
.indexNews ul li:hover h4, .indexNews ul li:hover p{ color:#fff;}
/*底部*/
#footer{  height:320px;  background:url(../Image/footer.jpg) repeat-x left top; overflow:hidden;  }
#footer .content{ position:relative;width:1200px; padding-top:30px; }
.fLeft{ overflow:hidden; height:220px;}
.sjmtF{
    padding-left: 48px;
    margin-top: 30px;
}
.sjmtF ul{ padding-left:100px;}
.sjmtF ul li{ float:left; margin-right:30px;}
.sjmtF ul li:hover{ opacity:0.8;}
.fRight{ width:810px; overflow:hidden;margin-top: 24px;}
.fNav{ height:58px; width:100%; overflow:hidden;}
.fNav ul{
    display: flex;
    justify-content: space-between;
}
.fNav ul li{ line-height:52px;}
.fNav ul li a{ color:#828282; }
.fNav ul li a:hover{ color:#fff;}
.fContact ul li{ float:left; width:50%; line-height:45px; color:#828282; text-indent:30px;}
.fContact ul li.li1{ background:url(../Image/c1.jpg) no-repeat left 10px;}
.fContact ul li.li2{ background:url(../Image/c2.jpg) no-repeat left 10px;}
.fContact ul li.li3{ background:url(../Image/c3.jpg) no-repeat left 10px;}
.fContact ul li.li4{ background:url(../Image/c4.jpg) no-repeat left 10px;}
.fContact ul li.li5{ background:url(../Image/c5.jpg) no-repeat left 10px; }
.goTop{ position:absolute; right:0; top:0; }
.goTop:hover{ cursor:pointer; opacity:0.8;}
.copy{  line-height:60px;}
.copy a{ color:#828282; float:right;}
.copy a:hover{ color:#929292;}
/*内页样式*/
#listMain{  width:100%; padding-bottom:40px; padding-top:58px;    }
.titleS{ margin-bottom:50px; width:100%; background:url(../Image/title.jpg) no-repeat center bottom; text-align:center;}
.titleS h2{ font-size:30px; color:#222; font-weight:300;}
.titleS p{ font-size:14px; line-height:50px; letter-spacing:3px;}
#listMain .content{ width:1200px;  margin:0 auto;  overflow:hidden;  }
/*关于我们*/
.comSub{ width:100%; height:2690px; overflow:hidden; background:url(../Image/bg3.jpg) no-repeat center top;}
.comSub .content{ height:100%; position:relative;}
.comSub ul li{ position:absolute;}
.comSub ul li h4{ font-size:30px; color:#2fa320; padding-bottom:24px; background:url(../Image/span4.jpg) no-repeat left bottom; margin-bottom:30px; font-weight:bold;}
.comSub ul li .con{ line-height:2.0;}
.comSub ul li .con p{ line-height:2.0;}
.comSub ul li.li1{ left:460px; top:60px; }
.comSub ul li.li2{ left:0; top:830px; }
.comSub ul li.li3{ left:735px; top:1620px; }
.comSub ul li.li4{ left:700px; top:2140px; }
.comSub ul li.li1 p{ width:710px;}
.comSub ul li.li2 p{ width:500px;}
/*此网站首页复用*/
#listMain .left{ display:none;}
#listMain .typeList{ width:245px; height:585px; background:#fff;}
#listMain .typeList{ height:auto;}
#listMain .typeList ul{ padding-left:0; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.titleP{ width:100%;  height:110px; background:#094faf;}
.titleP h2{ color:#fff; padding-top:30px; padding-left:35px; font-size:24px; font-weight:bold;}
.titleP span{ display:block; color:#76a7ec; font-size:14px; padding-left:35px;}
#listMain .typeList ul li{ border-bottom:1px solid #d1d1d1;}
#listMain .typeList ul li a{ display:block; width:100%; text-indent:65px; line-height:60px; background:url(../Image/li.jpg) no-repeat 30px 21px; font-size:16px; color:#333; }
#listMain .typeList ul li a:hover{ background:url(../Image/liH.jpg) no-repeat 30px 21px; color:#094faf;}
#listMain .typeList h5{ color:#094faf; margin:15px  28px 5px;}
#listMain .right{  width:1200px;  margin:0 auto;  overflow:hidden;}
#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;  border-bottom:1px solid #d1d1d1; display:none; }
#listMain .right .title h4{ font-size:20px ;  color:#4c4a55; display:inline-block; }
#listMain .right .title .yPosition{ position:absolute; right:13px; bottom:9px; color:#4c4a55; padding-left:25px;background:url(../Image/home.jpg) no-repeat left 2px; }
#listMain .right .title .yPosition a{ color:#4c4a55; position:relative; left:0; top:0; }
#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;  color:#363636; float:left;  }
.newsList ul li .nImg{ padding-left:15px; width:220px; overflow:hidden;}
.newsList ul li .nImg img{ width:220px; height:165px; border-radius:3px; }
.newsList ul li .details{ width:932px; overflow:hidden; margin-left:20px;}
.newsList ul li h6{ font-size:18px; color:#222;}
.newsList ul li .time{ color:#999; display:block;}
.newsList ul li p{ line-height:2.0; font-size:14px; margin:10px 0; color:#666;}
.newsList ul li .more{ color:#FE0000;  float:right; margin-top:15px; margin-right:15px;}
.newsList ul li a:hover h6{ color:#FE0000;}

.newsInfo{ line-height:1.8;}
.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:17px; text-align:center; padding-bottom:10px;  border-bottom:15px solid #fff; }
.productMain ul li:nth-child(3n){ margin-right:0;}
.productMain ul li a{ display:block; color:#363636;}
.productMain ul li a img{ width:377px; height:400px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; object-fit: cover;}
.productMain ul li a img:hover{ border:1px solid #d60415;}
.productMain ul li a:hover{ color:#d60415;}
/*产品列表页*/
#listMain .products { padding-top:20px;}
#listMain .products ul li{ margin-right:15px; }
/*招聘*/
.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;  }
#message input{  outline:none; height:26px; border:1px solid #aaa; width:500px; padding-left:5px;}
#message textarea{ border:1px solid #aaa; width:500px; padding-left:5px; padding-top:5px;}
#message button{ outline:none;}
#message .but{ width:120px; height:35px; background-color:#f90; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; }
#message .but:hover{ cursor:pointer;}
#message  .yanzheng{ width:150px;}
#message th{ width:70px; text-align:right;}
#message td span{ color:#f00; font-size:18px; position:relative; top:5px; left:-3px; }
/*工作详情*/
#workDetail{ line-height:2.0;}
#workDetail #apply{ color:#d60415;  font-size:14px; display:block; margin-top:30px; }
.detailTitle{ width:100%; height:30px; background-color:#eee;  margin:25px 0 20px;}
.detailTitle h6{ background:#2fa320; font-size:14px; border-right: 1px solid #fff;color: #fff; 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:#333;}
.backToTop:hover{ cursor:pointer; background-color:#D70415;}
.proIntro{ width:100%;  overflow:hidden ; position:relative; text-align:center; width:100%;}
#listMain .proIntro h5{ font-size:18px; line-height:45px; text-align:center;     }
.proIntro ul li{ text-align:left;}
#shebeiT{ width:100%;}
.pImg{ width:100%; text-align:center;}
#shebeiT tr{ padding:10px 0; border-bottom:1px solid #d1d1d1;}
.proIntro{ width:100%; overflow:hidden;  }
.proIntro h5{ font-size:20px; color:#2f619c;}
.proIntro img.rel_center{ width:375px; float:left; max-height:300px;}
.proIntro .details{ width:250px; position:absolute; right:250px; top:40px;}
.proIntro .details ul{ padding-top:10px;}
.proIntro .details ul li{ line-height:2.8; font-size:14px;}
.proIntro .details ul li strong{ font-weight:bold; font-size:15px; color:#003BA6; }
.proIntro .details ul li:last-child a{ display:block; line-height:40px; border-radius:5px ; background:#f90; color:#fff; text-align:center; width:200px;}
.conInfo{ padding-bottom:20px;  padding-top:20px;}
.conInfo ul{ width:1200px;}
.conInfo ul li{ float:left; width:33.33%; line-height:40px; }
.conInfo h2{ font-size:24px; font-weight:300; margin-bottom:20px;}
.conInfo ul li:last-child{ /*width:100%;*/}
/*相关样式*/
#showbox { background:#fff;}
#showbox span { background:url(../Image/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999; }
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.picBox{ position:relative; z-index:99999; width:400px; /*border:1px solid #dedede;*/ }
.page a:hover{ color:#f90;}
.page .prev, .page .next{ padding:10px 0; text-indent:15px; background:#efefef; margin-bottom:4px;}
.proDetails{ font-size:15px; line-height:2.0;}
/**/
.caseTypes{ }
.caseTypes ul li{ float:left; margin-right:24px; margin-bottom:20px;}
.caseTypes ul li:nth-child(6n){ margin-right:0;}
.caseTypes ul li a{ display:block; width:178px; border:1px solid #d1d1d1; font-size:16px; line-height:38px; text-align:center; border-radius:6px;}
.caseTypes ul li a:hover{ background:#2fa320; color:#fff; border:1px solid #2fa320;}