/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0;}
a{cursor:pointer;text-decoration:none;}
a{ color:#000;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
input:focus,textarea:focus,select:focus{ box-shadow:none; outline:0;}
/* clear float */
.clearboth{ clear:both;}
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	content: '';
	display: block;
	font-size: 0;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {zoom: 1;}/* IE6 */
*:first-child+ html .clearfix {zoom: 1;}/* IE7 */
body,input,textarea,select{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
body{min-width:1200px;}
.btn:active{
	transform:scale(.95);
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	-o-transform:scale(.95);
	}
html body .brn{ border-right:none;}
/* ico */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zuojiantou:before { content: "\e615"; }
.icon-youjiantou:before { content: "\e60d"; }
.icon-yousanjiao:before { content: "\e67f"; }
.icon-zuosanjiao:before { content: "\e680"; }
.icon-circle-arrow-right:before { content: "\e609"; }
.icon-circle-arrow-left:before { content: "\e606"; }
.icon-fangdajing:before { content: "\e60a"; }
.icon-qq:before { content: "\e696"; }
.icon-qq1:before { content: "\e616"; }
.icon-weixin:before { content: "\e7f0"; }
.icon-weixin1:before { content: "\e636"; }
.icon-weibo:before { content: "\e657"; }
.icon-weibo1:before { content: "\e60c"; }
.icon-tengxunweibo:before { content: "\e65c"; }
.icon-tengxunweibo1:before { content: "\e691"; }
.icon-dianhua:before { content: "\e613"; }
.icon-dizhi:before { content: "\e694"; }
.icon-youjian:before { content: "\e64a"; }
/* Base */
h3,h4{ font-weight:normal;}
.section{ margin:0 auto; width:1200px;}
.banner{ position:relative;}
.banner img{ display:block; width:100%;}
.header{ width:100%; position:absolute; top:0; left:0; height:100px; background-color:#0f249b; z-index:9;}
in:5px 0; background:url(../images/logo.png) no-repeat 0 center;}


		/* 本例子css */
		
		.nav{ width:700px;  height:40px; line-height:40px;   z-index:1; float:right;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline; background:url(../images/line.jpg) no-repeat right center;   }
		.nav .nLi h3{ float:left; width:95px; text-align:center;  }
		.nav .nLi h3 a{ display:block; font-size:14px; font-weight:bold;  }
		.nav .sub{ display:none; font-size:13px; width:95px; text-align:center; left:0; top:40px;  position:absolute; background:#3b658f;  line-height:26px; padding:5px 0;  }
		.nav .sub li{ zoom:1;line-height:30px; height:30px;   }
		.nav .sub a{ display:block; }
		.nav .sub a:hover{ color:#e76e41;  }
		.nav .on h3 a{ color:#e76e41;   }
.section1{ width:1240px; margin:0 auto;}

.banner-img-cont li{ position:relative; float:left; width:100%; margin-right:-100%;}
.banner-btn{ position:absolute; bottom:82px; left:0; width:100%; text-align:center; z-index:9;}
.banner-btn a{ display:inline-block; margin:0 5px; width:10px; height:10px; background:#FFF; border-radius:5px;}
.banner-btn a.active{ width:30px;}
.current{ z-index:1;}
.animating{ z-index:2;}
.footer{ padding-top:48px; border-top:1px solid #d5d5d5; background:url(../images/footerbg.jpg) repeat-x 0 0 #f0f0f0;}
.footnav{ position:relative;}
.footnav dl{ text-align:center; float:left; width:160px;}
.footer dt{ margin-bottom:15px;line-height:15px; border-left:2px solid #898989;}
.footer dt a{ font-size:14px; color:#353535;}
.footer dd{ padding-left:22px; line-height:25px;}
.footer dd a,.footcontact p{ font-size:12px; color:#676767;}
.footer dd a:hover{ border-bottom:1px solid #676767;}

.qrcode{ position:absolute; right:0; top:0; border:1px solid #cbcbcb;}
.copyright{ margin-top:60px; border-top:1px solid #DDD; font-size:12px; line-height:52px; color:#676767;}
.copyright a{ color:#676767;}
.copyright a:hover{ text-decoration:underline;}
/*animation*/
.duration a,.banner-btn a,.imghover img,.durationli li,.imgDemo img{
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
.imghover a:hover img,.imgDemo img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.moveFromTop {
	animation: moveFromTop .3s ease both;
	-webkit-animation: moveFromTop .3s ease both;
	-moz-animation: moveFromTop .3s ease both;
	-o-animation: moveFromTop .s ease both;
}
@keyframes moveFromTop {
	from {transform: translateY(-100%); }
}
@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTop {
	from { -moz-transform: translateY(-100%); }
}
@-o-keyframes moveFromTop {
	from { -o-transform: translateY(-100%); }
}
.moveFromBottom {
	animation: moveFromBottom .3s ease both;
	-webkit-animation: moveFromBottom .3s ease both;
	-moz-animation: moveFromBottom .3s ease both;
	-o-animation: moveFromBottom .3s ease both;
}
@keyframes moveFromBottom {
	from {transform: translateY(100%); }
}
@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveFromBottom {
	from { -moz-transform: translateY(100%); }
}
@-o-keyframes moveFromBottom {
	from { -o-transform: translateY(100%); }
}
@keyframes keepRotate {
	from {transform: rotate(360deg); }
}
@-webkit-keyframes keepRotate  {
	from { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes keepRotate {
	from { -moz-transform: rotate(360deg); }
}
@-o-keyframes keepRotate {
	from { -o-transform: rotate(360deg); }
}
/* Index */
.engineer{ position:relative;  z-index:10; margin:10px auto;}
.engineer .prev,.engineer .next{ position:absolute; top:70px; padding:10px; color:#666;}
.engineer .prev{ left:-45px;}
.engineer .next{ right:-45px;}
.engineer>a:hover{ color:#0b68ab;}
.eng-box{ margin-left:-5px; width:1205px; height:144px; overflow:hidden;}
.eng-cont{ position:relative; margin:0 auto;}
.eng-cont a{ position:relative; display:block; float:left; margin:0 5px; width:232px; height:144px; background:#000;}
.eng-cont img{
	transition-duration: .7s;
	-moz-transition-duration: .7s;
	-webkit-transition-duration: .7s ; 
	-o-transition-duration: .7s;
	opacity:.5;
	}
.eng-cont a:hover img{ opacity:1;}
.eng-cont div{ position:absolute; top:0; left:0; padding-top:50px; width:100%; color:#FFF; text-align:center;}
.eng-cont h2{ margin-bottom:5px; font-size:16px;}
.eng-cont p{ margin-bottom:13px; font-size:12px;}
.eng-cont i{ display:block; margin:0 auto; height:2px; width:22px; background:#FFF;}
.index-main{ position:relative; margin:20px auto; height:361px;}
.index-about{ position:absolute; left:0; top:0; width:358px;}
.index-about-title{ display:block; width:358px; height:128px; background:url(../images/indexAbout.jpg);}
.index-about div{ padding:20px; border:1px solid #e6e6e6; border-top:none; line-height:24px; color:#656565; font-size:12px; text-indent:2em;}
.index-news{ position:absolute; top:0; left:395px; width:430px; overflow:hidden;}
.news-title{ position:relative;}
.index-news h3{ color:#0b68ab; font-size:20px; text-transform:uppercase;}
.index-news h2{ color:#404040; font-size:23px;}
.news-btn{ position:absolute; top:20px; right:0;}
.news-btn a{ display:block; float:left; margin-left:6px; color:#999; font-size:20px;}
.news-btn a:hover{ color:#0b68ab;}
.news-page-cont{ position:relative;}
.news-list{ float:left; width:430px;}
.news-list li{border-bottom:1px solid #dcdcdc;}
.news-list a{ display:block; padding:18px 0; }
.date{ width:59px; height:59px; border:2px solid #a0a0a0; text-align:center;}
.date b{ font-size:30px; color:#545454;}
.date p{ font-size:12px; color:#404040;}
.news-list a:hover .date{ background:#0b68ab; border-color:#0b68ab;}
.news-list a:hover .date b,.news-list a:hover .date p{ color:#FFF;}
.news-list .fr{ width:340px;}
.news-list h4{ margin-bottom:5px; font-size:14px; color:#333; font-weight:bold; line-height:20px;}
.news-list p{ font-size:12px; color:#646464; line-height:20px;}
.index-case{ position:absolute; top:0; right:0; padding-left:37px; border-left:1px solid #e6e6e6;}
.index-case li{ width:299px; height:116px; background-image:url(../images/indexCase.jpg);}
.c2{ margin:6.5px 0; background-position:0 -116px;}
.c3{ background-position:0 bottom;}
.fade{ padding-top:28px; width:50%; height:88px; background:rgba(0,0,0,.6); color:#FFF; text-align:center;}
.fade h3{ margin-bottom:5px; font-size:16px; font-weight:bold;}
.fade p{ margin-bottom:10px; font-size:12px;}
.fade a{ display:block; margin:0 auto; width:100px; height:25px; color:#FFF; line-height:25px; font-size:12px; text-align:left; text-indent:13px;}
.c1 a{ background:#39a153;}
.c2 a{ background:#e0283a;}
.c3 a{ background:#de5e1f;}
.fade span{ padding-left:10px;}
/* Inner */
.mainCont{ background:url(../images/sideLeftBg.jpg) repeat-y 241px 0;}
.sideLeft{ float:left; padding:30px 37px 100px 0; width:235px;}
.mainRight{ float:right; width:892px;}
.sidebar{ width:235px;}
.sidemenu{ margin-bottom:15px;}
.sidemenu dt{ position:relative; height:81px; background:url(../images/sidebartitle.jpg) no-repeat right top #02468d; text-align:center;}
.sidemenu dt i{ position:relative; font-size:25px; color:#FFF; line-height:81px; z-index:1;}
.sidemenu i{ font-style:normal;}
.sidemenu dt span{ position:absolute; left:15px; top:16px; padding-left:52px; font-size:14px; color:#215494; line-height:88px; text-transform:capitalize; background:url(../images/logo2.jpg) no-repeat;}
.sidemenu a{ padding:15px 0 15px 60px; background:url(../images/plus.jpg) no-repeat 19px center;}
.sidemenu a,.sidemenu dd i,.sidemenu dd span{ display:block;}
.sidemenu dd i{ font-size:14px; color:#606060;}
.sidemenu dd span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b3b3b3;}
.sidemenu dd{ border-bottom:3px double #d2d2d2;}
.sidemenu a:hover i{ color:#02468d;}
.sidemenu dd.current a i{color:#02468d;}
.sideContact{ padding-top:126px; background:url(../images/sideimg.jpg) no-repeat;}
.sideContact div{ padding:10px 0 15px 48px; background:#f2f2f2; border:1px solid #cfcfcf; border-top:none;}
.sideContact p{ font-size:16px; color:#303030;}
.sideContact strong{ font-family:"Arial Black", Gadget, sans-serif; font-size:22px; color:#666; font-weight:normal}
/*.sideContact span{ color:#02468d;}*/
.bread{ margin-bottom:40px; text-align:right; line-height:52px; font-size:12px; border-bottom:1px solid #d2d2d2; color:#686868;}
.bread a{ color:#686868;}
.bread a:hover{ color:#02468d; border-bottom:1px solid #02468d;}
.bread span{ color:#02468d;}
.contactbox{ float:left; margin-top:20px;}
.contactbox dt{ margin-bottom:10px; font-size:20px; font-weight:bold; color:#3f3f3f; line-height:70px; border-bottom:1px solid #bcbcbc;}
.contactbox dd{ padding-right:35px; color:#636363; font-size:12px; line-height:30px;}
.suggestion p{ margin-bottom:26px; font-size:14px; color:#535353;}
.suggestion em{ padding-left:35px;}
.radio{ margin:0 12px 0 5px; vertical-align:middle;}
.textbox1{ padding:0 20px; border:1px solid #c8c8c8; line-height:40px; font-size:14px; color:#535353;}
.textbox2{ padding:0 20px; border:1px solid #c8c8c8; line-height:20px; font-size:14px; color:#535353;}
input.textbox1,input.textbox2{ height:40px; width:266px;}
textarea.textbox1,textarea.textbox2{ width:500px; height:120px; max-height:120px; max-width:500px;}
.submit1{ width:102px; height:37px; background:#02468d; border:none; color:#FFF; border-radius:4px; font-size:15px; cursor:pointer;}
.waterfall li{ float:left; width:285px;}
.fall2{ margin:0 18.5px;}
.item{ display:block; margin-bottom:18.5px; opacity:0;}
.waterfall .imgbox{ position:relative;}
.wfdate{ position:absolute; left:0; bottom:0; padding-top:10px; width:70px; height:43px; color:#FFF; background:url(../images/buleop90.png); background:rgba(2,70,141,0.9); text-align:center;}
.waterfall img{ width:100%;}
.waterfall .txtbox{ padding:24px; border:1px solid #e5e5e5;}
.waterfall h4{ margin-bottom:5px; line-height:28px; color:#474747; font-size:14px;}
.waterfall p{ height:72px; overflow:hidden; line-height:24px; font-size:12px; color:#959595;}
.noImg .txtbox{ padding-top:60px;}
.noImg .wfdate{ left:24px; top:25px; padding:0; width:auto; height:auto; color:#929292; font-size:14px; background:none;}
.wfdate h3{ font-size:18px; line-height:1.2;}
.wfdate p{ height:auto; color:#FFF; line-height:1.2;}
.waterfall a:hover{ box-shadow:2px 2px 7px #CCC; left:-2px; top:-2px; transform:translate(-2px,-2px); -webkit-transform:translate(-2px,-2px); -o-transform:translate(-2px,-2px); -moz-transform:translate(-2px,-2px); -ms-transform:translate(-2px,-2px);}
.newsTitle{ position:relative; margin-bottom:30px; padding:25px 0 13px 38px; border:2px solid #e9e9e9;}
.newsTitle h2{ font-size:24px; color:#474747; line-height:40px;}
.newsTitle p{ font-size:12px; color:#929292; line-height:28px;}
.newsTitle span{ padding-right:2em;}
.newsT-btn{ position:absolute; right:25px; top:40px;}
.newsT-btn a{ display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#bdbdbd; font-weight:bold; font-size:18px;}
.newsT-btn a:hover{ color:#02468d;}
.newsT-btn .prev{ float:left;}
.newsT-btn .next{ float:right;}
.case-list{ margin-bottom:150px; width:918px;}
.case-list a{ display:block; margin:0 26px 26px 0; width:280px; float:left;}
.case-list .imgbox{ width:280px; height:176px; overflow:hidden;}
.case-list .txtbox{ padding:13px 20px; border:1px solid #e2e2e2; background:url(../images/casebg.jpg) no-repeat 226px center;}
.case-list h2{ font-size:16px; color:#02468d; font-weight:normal; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-list p{ font-size:12px; color:#b3b3b3;}
.icase-list{ margin-bottom:24px;}
.icase-list h3{ font-size:14px; color:#02468d; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.icase-list .txtbox{ background:none;}
.pages{ margin-bottom:63px; text-align:center;}
.pages a{ display:inline-block; margin:0 8px; width:28px; height:28px; color:#FFF; text-align:center; line-height:28px; background:#cdcdcd; vertical-align:middle;}
.pages a.hover,.pages a:hover{ background:#084587;}
.joblist{ margin-bottom:55px; width:100%;border-collapse:collapse; border:1px solid #e5e5e5;}
.joblist th{ color:#FFF; background:#02468d; font-weight:normal;}
.joblist th,.joblist td{ height:40px; line-height:40px; text-align:center; font-size:12px;}
.joblist td{border-bottom:1px solid #e5e5e5;}
.joblist a{ display:block; margin:0 auto; width:76px; height:24px; border:1px solid #8a8a8a; color:#737373; line-height:24px;}
.newsTitle i{ color:#02468d; font-style:normal;}
.jobCont{ margin:0 auto; width:806px;}
.jobInfo{ padding-bottom:25px; width:100%; font-size:14px; color:#575757; line-height:30px; border-bottom:1px solid #e4e4e4;}
.jobInfo span{ color:#868686;}
.jobCont .txtbox{ margin-bottom:30px; padding:20px 0 45px; line-height:24px; font-size:14px; color:#575757; border-bottom:1px solid #e4e4e4;}
.jobForm{ margin-bottom:50px;}
.jobForm table{ width:100%;}
.jobForm h4{ margin-bottom:10px; color:#272727; font-size:16px; font-weight:bold;}
.jobForm p{ color:#6a6a6a; font-size:12px;}
.mySelect{ position:relative; width:75px; height:40px; background:url(../images/select.jpg) no-repeat 83px center #FFF; cursor:pointer;}
.myOptions{ display:none; position:absolute; left:-1px; top:40px; height:120px; width:100%; border:1px solid #c8c8c8; background:#FFF; overflow:auto;}
.myOptions label{ display:block; padding-left:20px;}
.myOptions label:hover{ background:#f2f2f2;}
.jobForm input.textbox1{ width:210px;}
.jobForm td{ padding:5px 0;}
.jobForm input.adress{ width:467px;}
.tendlist{ margin-bottom:50px; width:918px;}
.tendlist li{margin:0 26px 26px 0; width:280px; float:left;}
.tendCont{ margin-bottom:2px; padding:11px 11px 0; border:1px solid #DDD;}
.tendlist h3{ float:left; width:11em; height:50px; font-size:18px; color:#3f3f3f; line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.state1,div.state2{ float:left; font-size:12px; color:#FFF; margin:15px 0 15px 16px; width:41px; height:19px; text-align:center; line-height:19px; border-radius:3px;}
div.state1{ background:#de5e1f;}
div.state2{ background:#afafaf;}
.infofunc{ background:#efefef; text-align:center;}
.infofunc div{ float:left; padding:8px 0; margin-right:-1px; width:92px; border:1px solid #DDD;}
.infofunc div.func{ padding:0; width:93px; border:none;}
.infofunc b,.infofunc p{ line-height:24px;}
.infofunc b{ display:block; margin-bottom:10px; font-size:14px; color:#3f3f3f;}
.infofunc p{ color:#7b7b7b; font-size:12px;}
.func a{ display:block; height:38px; line-height:38px; font-size:12px; color:#FFF; font-weight:bold;}
.funcbtn1{ background:#02468d;}
.funcbtn2{ background:#139c52;}
.tendBox{ padding:40px 30px 70px; width:736px; border:1px solid #DDD;}
.tendBox h2{ margin-bottom:20px; color:#161616; font-size:20px;}
h2.state1:after,h2.state2:after{ display:inline-block; margin-left:10px; font-size:12px; color:#FFF; width:41px; height:19px; text-align:center; line-height:19px; border-radius:3px;}
h2.state1:after{ content:"进行中"; background:#de5e1f;}
h2.state2:after{ content:"已结束"; background:#afafaf;}
.sideFunc{ margin-left:-1px; width:95px;}
.sideFunc div{ padding:13px 0; margin-bottom:-1px;}
.sideFunc b{ margin:0;}
.sideFunc div.func{ width:94px;}
.checkResult{ display:block; padding:13px 0; background:#adadad;}
.checkResult p{ font-weight:bold; color:#FFF;}
.checkResult span{ font-weight:normal; font-size:14px;}
.alertDiv{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999;}
.resultBox{ position:absolute; left:50%; top:50%; margin:-250px 0 0 -500px; width:1000px; height:500px; background:#FFF;}
.coloseBtn{ position:absolute; right:0; top:0; width:50px; height:50px; color:#FFF; font-size:30px; text-align:center; line-height:50px; background:#F00;}
.tend-list{ margin-bottom:40px; width:910.5px;}
.tend-list .item{ float:left; margin-right:18.5px; width:285px; opacity:1;}
.jobForm input.w1{ width:190px;}
.jobForm input.w2{ width:435px;}
.jobForm input.w3{ width:675px;}
.tendBox table{ margin:20px 0;}
.tendBox td{ padding:10px 0;}


span.sp1 { display:block; float:left; width:66px;}
span.sp2 { display:block; float:left; width:150px;}


.yzbox { width:520px; height:100px; margin:0 auto; padding-top:100px;}
.ckyzm { height:40px; line-height:38px; width:60px; border:1px solid #c8c8c8; display:inline-block; float:right; text-align:center; color:#000; background:#EAEAEA}
/*公用title*/
.ti{ height:40px;  border-bottom:#eeeeee 1px solid; width:1201px; margin:0 auto; }
.til{ height:35px; font-size:20px; line-height:35px; border-left:#0c68b3 6px solid; float:left; padding:0 0 0 10px; }
.tir{ padding:0 0 0 10px;height:35px; line-height:35px;  float:right;}
.tir a{ font-size:13px; margin:0 5px;}

/* 产品展示css */
		.picMarquee-left{ width:1201px;  overflow:hidden; position:relative; margin:0 auto;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px 0;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 16px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; position:relative; }
		.picMarquee-left .bd ul li .pic img{ width:211px; height:191px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{width:216px; line-height:30px; height:30px; background-color:rgba(0,0,0,0.6); position:absolute; bottom:2px;  }
		.picMarquee-left .bd ul li .title a{ color:#fff;}