﻿/* CSS Document */
body{  color:#666; font-size:14px; font-family:"Microsoft Yahei"; }
.content{ width:1200px; margin:0 auto; position:relative; }
a{  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;}
input{ outline:none;}
#header{ width:100%; background:url(img/header.jpg) repeat-x left top; }
input{ outline:none;}
.logoLine{  height:102px; padding-top:25px;  overflow:hidden; position:relative; }
.phone{ padding-left:74px; height:68px; background:url(img/tel.jpg) no-repeat left top; position:absolute; right:0; top:30px;  color:#7d7d7d; font-size:14px;}
.phone span{ font-size:24px; color:#383838; font-family:Arial, Helvetica, sans-serif; display:block; font-weight:bold;}
#nav{ width:1200px; margin:0 auto; height:58px; overflow:hidden; position:relative; z-index:99999;}
#nav  ul {  width:1200px; margin:0 auto;  }
#nav  ul li{ float:left; background:url(img/a.jpg) no-repeat right top; }
#nav  ul li:last-child{ background:none;}
#nav  ul li a{ display:block; width:171px; text-align:center;  overflow:hidden;  font-size:15px; line-height:58px; 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-position: center -4px; color:#fff; }
#nav  ul li a:hover, #nav  ul li a.current{ color:#fff; background:#6fb92b;}
#slideShow{ width:100%; position:relative; background:url(img/banner.jpg) no-repeat center top; overflow:hidden; height:500px;  }
.searchLine{ padding:15px 0;  width:100%; }
.searchLine ul{ width:948px; overflow:hidden; padding-top:10px;}
.searchLine ul li{ float:left; margin-right:15px;}
.searchLine ul li strong{ font-size:16px; color:#222;}
.searchLine ul li a{ font-size:16px;}
.searchLine ul li a:hover{ color:#6fb92b;}
/*?????????*/
.searchAreaH{ background:url(img/search.jpg) no-repeat center top; width:250px; line-height:36px;  position:relative;     }
#keyWordsH{ border:0; background:none; width:200px;   line-height:36px;  padding-left:10px; color:#9d9d9d; display:inline-block; font-size:14px;}
#submitH{ width:35px; line-height:36px; position:absolute; right:0; top:0; background:none; border:0;  display:inline-block; }
#submitH:hover{ cursor:pointer;} 
/*??????????????????*/
#indexMain{ width:100%;    }
#indexMain .content{ width:1200px; margin:0 auto;}
/*????????????*/
.mainService{ padding-bottom:50px; padding-top:50px;}

/*??????*/
.indexProduct{ padding:56px 0; background:#f2f2f2; width:100%;}
.indexTypes{ width:281px;  height:654px; overflow:hidden;  background:#fff; }
#listMain .indexTypes{ background:#f2f2f2;}
.titleT{ text-align:center; padding-top:30px; height:84px; background:#004195;  font-weight:bold; color:#fff; }
.titleT h2{ font-size:24px; font-weight:bold;}
.titleT span{ font-size:10px; color:#6894cd; }
.indexTypes ul{ width:100%; padding:14px 0px; margin:0 auto;}
.indexTypes ul li{ line-height:35px;  border-bottom:1px solid #d1d1d1;}
.indexTypes ul li.first{ border:0; text-align:center; background:#004195; line-height:40px; color:#fff; font-size:18px;}
.indexTypes ul li a{ display:block; line-height:50px; background:url(img/typeLi.jpg) no-repeat 16px 18px; text-indent:64px; font-size:16px; font-weight:bold;}
.indexTypes ul li a:hover{ color:#6fb92b; background:url(img/typeLiH.jpg) no-repeat 16px 18px; }
.indexTypes ul li a.last{ display:block; width:130px; line-height:35px; color:#fff; background:#6fb92b; margin:15px auto; text-align:center; text-indent:0; font-size:14px;}
.products{ width:870px; overflow:hidden; background:#fff; padding:20px; height:614px;}
.titleP2{ width:100%; border-bottom:1px solid #004195; position:relative; margin-bottom:34px;}
.titleP2 a h2{ display:inline-block; width:130px; line-height:52px; font-size:16px; color:#1d1d1d; font-weight:bold; text-align:center;}
.titleP2 a.current h2{ color:#fff; background:#004195;}
.titleP2 .more{ color:#7b7b7b; font-size:14px; position:absolute; right:0; bottom:16px;}
.titleP2 .more:hover{ color:#004195;}
.products ul li{ float:left; margin-right:22px; margin-bottom:22px;}
.products ul li:nth-child(3n){ margin-right:0;}
.products ul li:hover{  }
.products ul li img{ width:267px; height:214px;  border:3px solid #e1e1e1;}
.products ul li:hover img{ border:3px solid #6fb92b;}
.products ul li .title1{ line-height:36px; text-align:center; display:block; margin-top:-5px; }
.products ul li:hover .title1{ color:#6fb92b;}
.products .ps{ height:553px; overflow:hidden;}
/*??????*/
.youshi{ padding-top:36px; height:722px;  width:100%; background:url(img/bg2.jpg) no-repeat center top; }
.youshi .title{ margin-bottom:100px; font-weight:bold; color:#fff; text-align:center;}
.youshi .title p{ font-size:48px;}
.youshi .title h5{ font-size:24px; color:#fff;}
.youshi ul li{ width:317px; overflow:hidden; margin-bottom:90px; float:left; }
.youshi ul li:nth-child(2n){ margin-left:545px;}
.youshi ul li h3{ color:#0045a0; font-size:26px; font-weight:bold;}
.youshi ul li span{ display:block; color:#d1d1d1; font-size:12px; line-height:24px;}
.youshi ul li p{ color:#6a6a6a; width:100%; line-height:2.0; margin-top:10px; padding-top:15px; background:url(img/span.jpg) no-repeat left top;}
.ad{ padding-top:120px; height:125px; width:100%; background:url(img/bg1.jpg) no-repeat center top; color:#fff;}
.ad a{ color:#fff;}
.ad .content{ position:relative;}
.ad span{ font-size:30px; color:#6fb92b; position:absolute; left:695px; top:0; }
.ad a{ font-size:18px; left:675px; top:56px; color:#fff;  position:absolute; }
.indexCompany{ padding-top:60px; height:522px; overflow:hidden; width:100%; background:url(img/bg3.jpg) no-repeat center top;}
.indexCompany .title, .workshop .title{ text-align:center; margin-bottom:60px;} 
.workshop .title{ background:url(img/t.jpg) no-repeat center top;}
.indexCompany .title h2, .workshop .title h2{ text-align:center; font-size:36px; font-weight:bold; color:#0045a0;}
.indexCompany .title p, .workshop .title p{ font-size:16px;}
.indexCompany  img{ float:right;}
.indexCompany .con{ width:560px; margin-left:30px;  float:left;}
.indexCompany .con h2{ color:#0045a0; font-size:30px; margin-bottom:15px; font-weight:bold; }
.indexCompany .con p{ color:#777777; margin-bottom:20px;}
.indexCompany .con .details{ line-height:2.0; color:#414141; margin-top:20px;}
.indexCompany .con a{ display:block; width:160px; line-height:40px; text-align:center; margin-top:20px; background:#004195; color:#fff;}
.indexCompany .con a:hover{ opacity:0.9;  }
.workshop{ width:100%; padding-top:50px; height:390px; background:#f2f2f2; }
.mr_frbox1{ width:1310px; margin:20px auto; }
.mr_frbox1 .mr_frUl{width:1200px; margin-left:20px; overflow:hidden; }
.mr_frbox1 ul li img{ width:276px; height:195px; border:1px solid #ccc; padding:5px;}
.mr_frbox1 ul li:hover img{ border:1px solid #6fb92b; }
.mr_frbox1 ul li{ float:left; margin-right:15px; width:288px; height:207px;  overflow:hidden; position:relative; }
.mr_frbox1 ul li span{ position:absolute; top:6px; left:0px;  display:block; padding-top:105px; height:90px; width:100%; background:url(img/fgc.png) no-repeat center top; color:#fff; font-size:20px; text-align:center; display:none; font-size:16px;}
.mr_frbox1 .mr_frBtnR{ margin-left:20px; position:relative; top:80px; width:34px; height:50px; background:url(img/right.jpg) no-repeat left top;}
.mr_frbox1 .mr_frBtnL{ position:relative; top:80px;  width:34px; height:50px; background:url(img/left.jpg) no-repeat left top;}
.mr_frbox1 .mr_frBtnR:hover{ background:url(img/rightH.jpg) no-repeat left top; cursor:pointer; opacity:0.8;}
.mr_frbox1 .mr_frBtnL:hover{ background:url(img/leftH.jpg) no-repeat left top; cursor:pointer; opacity:0.8;}
/*??????*/
.newsLine{ padding:60px 0 60px;}
.titleN{ width:100%; position:relative;  height:45px; overflow:hidden; margin-bottom:20px;}
.titleN h2{ display:inline-block;  line-height:24px; color:#0045a0; padding-left:18px; background:url(img/t2.jpg) no-repeat left top; font-size:24px; margin:0;}
.titleN a{ position:absolute; right:25px; top:16px; color:#888;}
.indexNews{ width:630px; overflow:hidden; height:380px; overflow:hidden; background:url(img/bg4.jpg) repeat-x left top #f2f2f2; float:right; padding:30px;}
.newsCon{ }
.newsCon .tuijian{}
.newsCon .tuijian img{ width:298px; height:125px; float:left;}
.newsCon .tuijian .details { width:310px; overflow:hidden; float:right;}
.newsCon .tuijian .details h4{ font-size:24px; color:#004195; padding-bottom:10px; border-bottom:1px solid #dedede;}
.newsCon .tuijian .details p{ line-height:2.0; color:#929292;}
.newsCon .tuijian .details .more{ display:block; width:120px; line-height:32px; text-align:center; background:#004195; color:#fff; text-align:center; opacity:0.8; margin-top:10px; float:right;}
.newsCon .tuijian .details .more:hover{ opacity:1;}
#news ul{ margin-top:10px;}
#news ul li{ float:left; width:48%; margin-right:2%; background:url(img/li2.jpg) no-repeat 3px 17px;}
#news ul li:nth-child(2n){ margin-right:0;}
#news ul li a{ display:block; line-height:46.5px; border-bottom:1px dashed #d1d1d1; background:url(../Image/nLi.jpg) no-repeat 6px 18px; text-indent:20px;}
#news ul li a span{ float:right; color:#777;}
#news ul li a:hover{ color:#6fb92b;}
.qAa{ width:426px; padding:30px; height:380px; overflow:hidden;  background:url(img/bg4.jpg) repeat-x left top #f2f2f2;}
.qAa ul li{ border-bottom:1px dashed #d1d1d1; padding:21px 0; font-size:16px;}
.qAa ul li p{ margin-top:11px; padding-left:32px; line-height:24px; background:url(img/d.jpg) no-repeat left top;}
.qAa ul li a{ display:block; padding-left:32px; background:url(img/w.jpg) no-repeat left top; line-height:24px;}
.qAa ul li a:hover{ color:#6fb92b;}
/*??????*/
#footer{ width:100%;  height:315px;  background:url(img/footer.jpg) repeat-x left bottom; overflow:hidden;  }
#footer .content{ position:relative;width:1200px; padding-top:60px;  color:#929292;  }
#footer h2{ padding-left:35px; color:#fff; font-size:16px; font-weight:bold; margin-bottom:15px; background:url(img/t3.jpg) no-repeat left top;}
#footer .linkT{ background:url(img/t4.jpg) no-repeat left top;}
.fContact{ width:350px;   }
.fNav{ width:220px;}
.fContact ul, .fNav ul { padding-left:35px;}
.fContact ul li, .fNav ul li a{ line-height:35px; color:#939393; display:block;}
.fContact ul li a:hover{ color:#aaa;}
.copy{  line-height:20px; margin-top:20px; border-top:1px solid #666;}
.copy a{  float:right; color:#939393;}
.copy a:hover{ color:#aaa;}

/*????????????*/
#listMain{  width:100%; padding-bottom:40px; padding-top:35px;    }
#listMain .content{ width:1200px;  margin:0 auto;  overflow:hidden;  }
#listMain .left{ float:left; overflow:hidden;  width:245px;}
/*?????????????????????*/
.typeList{ width:252px; overflow:hidden;  padding-bottom:20px;  }
.typeList .title{ width:100%; padding-top:15px; height:86px; background:url(../Image/pT.jpg) no-repeat center top; text-align:center;}
.typeList .title h2{ font-size:26px; color:#fff; padding-top:20px;}
.typeList .title span{ display:none; font-size:20px; color:#ccc;}
.typeList ul {}
.typeList ul li{ margin-bottom:14px;}
.typeList ul li a{ display:block; width:100%; line-height:47px;  color:#333;  background:url(../Image/li.jpg) no-repeat center top; font-size:16px; text-indent:2em; }
.typeList ul li a:hover{  color:#fff;  background:url(../Image/liH.jpg) no-repeat center top; }
.lC{ }
.lC ul li{ line-height:35px; text-indent:2em; border-bottom:1px dashed #d1d1d1; }
.lC ul li.li1{ background:url(../Image/c1.jpg) no-repeat left 10px;}
.lC ul li.li2{ background:url(../Image/c2.jpg) no-repeat left 10px;}
.lC ul li.li3{ background:url(../Image/c3.jpg) no-repeat left 10px;}
.lC ul li.li4{ background:url(../Image/c4.jpg) no-repeat left 10px;}
#listMain .right{  float:left; margin-left:57px; width:898px; padding-top:10px;  }
#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; }
#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(img/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; 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;}
.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:14px; 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:280px; height:220px; 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;  }
#message input{  outline:none; height:22px; border:1px solid #aaa; width:220px; 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:#d60415; 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:#d1d1d1;  margin:45px 0 30px;}
.detailTitle h6{ background:#295DB2; 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:150px; 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-left:50px; padding-top:20px;}
.conInfo ul{ width:600px;}
.conInfo ul li{ float:left; width:50%; line-height:40px; }
.conInfo ul li:last-child{ width:100%;}
/**/
/*????????????*/
#showbox { background:#eee;}
#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:600px; }

