@charset "utf-8";
.blueline {
	border-top:#e4ecf1 solid 2px;
	background-color:#f4f7f9;
}
.loc, .bloc {
	line-height:27px;
	height:27px;
	clear:both;
	color:#090201;
	padding-bottom:20px;
	position:relative;
	z-index:2;
	top:12px;
}
.loc {
	background: url(../images/bg.png) repeat-x center bottom;
}
.bloc {
	background: url(../images/bbg.png) repeat-x center bottom;
	color:#01478f;
}
.loc a {
	color:#090201;
}
.bloc a {
	color:#01478f;
}
.ptype {
	height:150px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/in.png);
	color: #FFF;
}
.typeh3, .typeh4 {
	color:#000;
	background-color:#000;
	width:725px;
	margin-bottom:1px;
	position:relative;
	margin-top:-96px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}
.typeh4 {
	margin-top:0px;
	padding:5px 15px 8px 15px;
	height:43px;
}
.typeh3 {
	padding:15px;
	height:15px;
}
.ptype h3 {
	z-index:3;
	position:relative;
	font-size:36px;
	padding:25px 0px 5px 25px;
	height:36px;
}
.ptype h4 {
	font-weight: normal;
	z-index:3;
	position:relative;
	padding-left:25px;
	width:725px;
	height:45px;
	line-height:20px;
}
.typebg {
	height:150px;
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
}
.ptypes {
	clear:both;
	background-color:#004893;
	height:84px;
	text-align:center;
}
.type {
	padding-top:25px;
}
.type h2 {
	padding:0px 20px 25px 20px;
	float:left;
}
.type h2 a:last-child {
	border-right:#e0e0e0 1px solid;
	line-height:38px;
	color:#003050;
	background-image:url(../images/typebg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:38px;
	width:259px;
	display:block;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:30px;
	font-size:14px;
}
.news {
	color:#fff;
	text-align:left;
}
.wbg {
	background-color:#FFF;
}
.containter {
	margin:25px 8px 0px 8px;
	background-color:#f3f6f8;
}
.left {
	float: left;
	width:243px;
}
.left b {
	background-color: #f3f6f8;
	background-image: url(../images/img.gif);
	background-position: 10px -277px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	display: block;
	height:45px;
	line-height:45px;
	font-size:16px;
	padding-left:28px;
	border-bottom:#285b8f 1px solid;
	margin-bottom:1px;
	overflow:hidden;
}
.left strong {
	display:block;
	padding-left:6px;
	margin-top:20px;
}
.left .keylist a {
	float:left;
	border:1px solid #d9e2ea;
	padding:0px 5px;
	margin:2px;
}
.left h3 a {
	background-image: url(../images/img.gif);
	background-repeat: no-repeat;
	background-position: 0px -445px;
	line-height: 36px;
	height: 36px;
	display:block;
	font-size:14px;
	margin-bottom:1px;
	padding-left:23px;
	font-weight: normal;
	background-color:#FFF;
}
.left h3 a:hover, .left h3 a.lefcur {
	background-image: url(../images/img.gif);
	background-position: 0px -486px;
	background-repeat:repeat-x;
	padding-left:17px;
	color:#FFF;
	border-left: #fff 6px solid;
}
.right {
	float: right;
	width:711px;
	background-color:#FFF;
	min-height:1000px;
	padding:0px 0px 0px 30px;
}
.lefmenu {
	background-color:#FFF;
	padding-left:6px;
}
.lefmenu a {
	display:block;
	line-height: 36px;
	height: 36px;
	background-color:#f3f6f8;
	padding-left:17px;
	margin-bottom:1px;
}
.newslist li, .reslist li {
	border-bottom:#bde5f4 solid 1px;
	margin-bottom:1px;
	padding:10px;
	overflow:hidden;
}
.newslist li {
	height:150px;
}
.reslist li {
	height:140px;
}
.newslist li h2 a, .reslist li h2 a {
	color:#004893;
}
.newshover {
	background-color:#f3f6f8;
}
.newslist li:hover {
	background-color:#e7edf1;
}
.newslist li i, .reslist li i {
	display:block;
	color:#848080;
}
.lefimg {
	float: left;
}
.rigtxt, .nrigtxt {
	float: right;
	width: 540px;
}
.page {
	text-align:right;
	padding:30px 0px;
	clear:both;
}
.page a {
	padding:5px 9px;
	margin:5px;
	border:#ccc solid 1px;
}
.page a:hover, .page a.pagecur {
	background-color:#0057a8;
	color:#FFF;
}
.phid {
	padding:15px;
}
.prhid {
	padding:0px 15px 15px;
}
.phid h1 {
	font-weight: normal;
	padding:15px 0px;
}
.pimg {
	float:left;
	margin-top:15px;
	width:404px;
}
.pimg img {
	padding:1px;
	border:1px solid #ccc;
}
.otherimg {
	padding:8px 0px 60px;
	width:410px;
}
.otherimg img {
	margin-right:6px;
	cursor:pointer;
}
.ptxt {
	float:left;
	padding-left:15px;
	font-size:14px;
	width:551px;
}
.ptxt h1 {
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	line-height:30px;
}
.tel, .mail {
	color:#FFF;
	font-size:24px;
	border:1px solid #174879;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #aaa;
}
.tel a, .mail a {
	color:#FFF;
}
.tel {
	background:#285b8f url(../images/img.gif) no-repeat 5px -199px;
	padding:15px 15px 15px 35px;
	margin-right:8px;
}
.mail {
	background:#285b8f url(../images/img.gif) no-repeat 5px -238px;
	padding:15px 15px 15px 35px;
}
.loginform {
	background-color:#eee;
	overflow:hidden;
}
.loginform form{
	display:block;
	width:400px;
	overflow:hidden;
	margin:100px auto;
	background-color:#fff;
	border:1px solid #01478f;
	border-radius: 2px;
	box-shadow: 0px 0px 9px #111;
	padding:10px;
	text-align:center;
}
.logtil{
	padding:30px 30px 20px 30px;
	font-weight: 500;
    font-size: 36px;
	text-shadow: 2px 2px 3px #eef;
	color:#01478f;
}
.logtxt {
	text-align:left;
	line-height:16px;
	width:320px;
	margin:0px auto;
	padding-bottom:10px;
}
.logone input {
	background-color:#eee;
	width: 270px;
	border: none;
	padding: 10px;
	margin-bottom:12px;
}
.logbtn {
	width:100px;
	border:1px solid #174879;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #aaa;
	margin:0px 8px;
}
.pdf {
	padding-top:20px;
}
.ptab {
	clear:both;
	background:url(../images/img.gif) repeat-x 0px -406px;
	height:34px;
}
.ptab li {
	padding:0px 20px;
	line-height:31px;
	height:31px;
	border:solid 1px #dddddd;
	border-bottom:solid 2px #dddddd;
	background-color:#f5f5f5;
	float:left;
	margin-right:5px;
	font-size:14px;
	font-weight: bold;
	color:#333;
	cursor:pointer;
}
.ptab li.pcur {
	background-color:#FFF;
	padding:0px 20px;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-top:solid 2px #185491;
	border-bottom:none;
	height:32px;
}
.relat {
	border-top:1px solid #ddd;
	padding-top:20px;
	margin-top:10px;
	font-size:16px;
	clear:both;
	background-color:#FFF;
	text-transform: uppercase;
}
.relatdiv {
	border:1px solid #ddd;
	border-top:2px solid #285b8f;
	background-color:#FFF;
}
.relatdiv li {
	float:left;
	margin:19px;
	width:204px;
	height:280px;
	color:#333;
}
.relatdiv li a {
	display:block;
	font-size:14px;
}
.relatdiv li img {
	padding:1px;
}
.relatdiv li a.imgb {
	border:solid 1px #ccc;
}
.inprotxt {
	font-size:14px;
	padding-top:10px;
	display:none;
}
.shw {
	display:block;
}
.propage {
	border-top:1px solid #CCC;
}
.moreinfo {
	padding-top:10px;
}
.prodiv li {
	float:left;
	margin:18px;
	width:204px;
	border:solid 1px #ccc;
	height:300px;
}
.prodiv li:hover {
	float:left;
	margin:10px;
	width:204px;
	padding:8px;
	border:solid 1px #ccc;
	box-shadow: 0px 0px 5px #aaa;
}
.propad {
	margin-top:8px;
	border-top:solid 1px #ccc;
	padding:10px;
	line-height:18px;
}
.prodiv a {
	font-size:14px;
	font-weight: bold;
	color:#01478f;
	display:block;
	padding-bottom:5px;
}
.projectlist {
	width:800px;
}
.aboutus {
	width:711px;
}
.articletil {
	text-align:center;
	font-size:14px;
	color:#004893;
}
.projectlist li {
	float:left;
	width:205px;
	padding:8px 8px 20px;
	margin:0px 10px 28px 0px;
	background-color:#F4F7F9;
	border-bottom:solid 1px #d9e2ea;
}
.projectlist li img {
	padding-bottom:20px;
}
.projectlist li h2 {
	font-weight: normal;
	font-size:14px;
	height:50px;
}
.reslist li i.downpdf {
	background-color:#19ACE7;
	color:#fff;
	background-image: url(../images/img.gif);
	background-repeat: no-repeat;
	background-position: 5px -323px;
	padding-left:40px;
	font-size:16px;
}
.prhid .left, .phid .left {
	display:none;
}
.mobileleft {
	position: absolute;
	z-index:3;
	left:-243px;
	background-color:#f3f6f8;
	top:0px;
	padding-top:390px;
	border-right:#285b8f 1px solid;
}
.moblieright {
	filter:alpha(opacity=30);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
	z-index:6;
}
.close {
	display:none;
}
.contactform {
	background-color:#eee;
	padding:0 30px 50px;
	margin-top:30px;
	width:640px;
}
.fromtil {
	padding:80px 0 20px 0;
}
.fone {
	float:left;
	padding:0px 30px 30px 0;
}
.ftwo {
	float:left;
	width:150px;
	padding:0px 30px 30px 0;
}
.fthr {
	clear:both;
	margin-bottom:20px;
}
.fone input {
	width:270px;
}
.ftwo input {
	width:130px;
}
.fthr input {
	width:620px;
}
.fthr textarea {
	background-color:#fff;
	border:none;
	width:620px;
	height:180px;
	padding:10px;
}
.fone input, .ftwo input, .fthr input {
	background-color:#fff;
	border:none;
	padding:10px;
}
.fromtil {
	font-weight: 500;
	font-size:36px;
}
.fbtn input {
	background-color:#0055a4;
	height:40px;
	line-height:40px;
	width:80px;
	color:#FFF;
	font-weight: 300;
	font-size:20px;
	border:none;
	margin-bottom:40px;
}
.inlabel {
	position: absolute;
	padding:5px 0 0 5px;
	font-size: 18px;
	z-index: 1;
	color: #000;
	text-transform: uppercase;
}
.tip {
	display:block;
	color:#F00;
}
.filter {
	font-size:13px;
	border-bottom:1px solid #eee;
}
.leffil {
	float:left;
	width:100px;
	font-weight: bold;
	padding:2px 0px 2px 5px;
	background-color: #19ace7;
	color:#FFF
}
.rigfil {
	float:left;
	width:855px;
	line-height:29px;
}
.rigfil span {
	float:left;
	margin-right:20px;
	margin-left:5px;
}
.button {
	display:none;
}
.button input {
	width:170px;
	line-height:40px;
	background-color:#0055a4;
	color:#FFF;
	font-size:15px;
	text-align:center;
	text-transform: capitalize;
	border:none;
}
.onfilter {
	padding: 5px;
	color: #0055a4;
}
.jqzoom{
  float:left;
  position:relative;
  padding:0px;
  cursor:pointer;
}
div.zoomdiv {
  z-index:  999;
  position        : absolute;
  top:0px;
  left:0px;
  width          : 200px;
  height         : 200px;
  background: #ffffff;
  border:1px solid #CCCCCC;
  display:none;
  text-align: center;
  overflow: hidden;
}
div.jqZoomPup {
  z-index         : 999;
  visibility       : hidden;
  position        : absolute;
  top:0px;
  left:0px;
  width          : 50px;
  height         : 50px;
  border: 1px solid #aaa;
  background: #ffffff url(/images/shopping/zoomlens.gif) 50% top no-repeat;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}
/* @media (max-width: 949px) {
.onfilter {
 display:none;
}
 .close {
 cursor:pointer;
 position:absolute;
 margin-top:13px;
 left:5px;
}
 .prodiv li {
 margin:18px 17px;
}
 .prodiv li:hover {
 margin:10px 9px;
}
 .phid {
 padding:15px 0px;
}
 .otherimg, .pimg {
 width:auto;
}
 .tel {
 background-position:5px -203px;
}
 .mail {
 background-position:5px -242px;
}
 .pimg img {
 width:300px;
 height:300px;
}
 .ptxt {
 width:430px;
}
 .tel, .mail {
 font-size:17px;
}
 .relatdiv li {
 margin:22px;
}
 .containter {
 margin:25px 0px 0px 0px;
}
 .left {
 height:45px;
 overflow:hidden;
 float:none;
}
 .prhid .left, .phid .left {
 display:block;
 padding-top:25px;
 margin-bottom:10px;
 width:720px;
}
 .left b {
 background-position: 10px -277px;
 cursor:pointer;
}
 .right, .ptypes img {
 width:750px;
}
 .right {
 float:none;
 padding:0px;
}
 .rigtxt, .nrigtxt {
 width:590px;
}
 .typeh3, .typeh4 {
 width:700px;
}
 .ptypes {
 height:63px;
}
 .type h2 a:last-child {
}
 .type h2 {
 padding-right: 24px;
 padding-left: 0px;
}
 .wbox {
 overflow:hidden;
}
 .type {
 width:800px;
}
 .projectlist {
 padding-top:25px;
}
 .projectlist li {
 margin-right:42px;
}
 .reslist li {
 height:130px;
}
}
 @media (max-width: 767px) {
 .prhid {
 padding:0px;
}
 .prodiv li {
 margin:18px 4px;
 width:200px;
}
 .prodiv li img {
 width:200px;
}
 .prodiv li:hover {
 width:200px;
 padding:0px;
 margin:18px 4px;
}
 .pimg img {
 width:416px;
 height:416px;
 float:none;
}
 .pimg {
 margin-bottom:20px;
}
 .right, .ptxt, .ptypes img, .projectlist, .prhid .left, .phid .left, .aboutus, .ptype h4 {
 width:420px;
}
 .ptxt {
 padding-left:0px;
 padding-bottom:30px;
}
 .tel, .mail {
 font-size:16px;
}
 .relatdiv li {
 margin:12px;
 width:184px;
}
 .relatdiv li img {
 width:180px;
 height:180px;
}
 .newslist li {
 height:180px;
}
 .ptype h3 {
 padding:25px 10px 5px;
}
 .ptype h4 {
 padding-left:10px;
}
 .typeh3, .typeh4 {
 width:390px;
}
 .typeh3 {
 margin-top:-95px;
}
 .ptypes {
 height:35px;
}
 .type h2 a:last-child {
 overflow: hidden;
}
 .newslist li {
 height:160px;
}
 .rigtxt, .nrigtxt {
 float:none;
 width:410px;
 height:150px;
 overflow:hidden;
}
 .lefimg {
 display:none;
}
 .projectlist li {
 float:none;
 clear:both;
 width:400px;
 height:90px;
 margin-bottom:10px;
}
 .plefimg img {
 width:100px;
 height:100px;
}
 .plefimg {
 float:left;
 padding-right:10px;
}
 .reslist li {
 height:161px;
}
 .otherimg {
 padding:0px;
}
 .contactform {
 padding:0 15px 50px;
 width: 420px;
}
 .fone input {
 width:160px;
}
 .ftwo {
 width:90px;
}
 .ftwo input {
 width:90px;
}
 .fthr textarea {
 width:370px;
}
}
 @media (max-width: 479px) {
 .loc, .bloc {
 height:60px;
}
.type {
	width:auto;
	padding:0px 10px;
}
.type h2{
	padding:10px 0px 10px 0px;
	width:100%;
}
.wbox, .box, .type img, .pro, .otherapp, .apptxt, .downmenu li {
	width:100%;
}
 .pimg img {
 width:296px;
 height:296px;
 float:none;
}
.prhid .left, .phid .left, .containter .left {
 width:100%;
}
 .tel {
 background-position:15px -203px;
}
 .mail {
 background-position:15px -242px;
}
 .tel, .mail {
 display:block;
 width:300px;
 text-align:center;
 padding:10px 0px;
 margin:0px auto 8px;
 font-size:20px;
}
 .pdf {
 padding-top:0px;
}
.pimg {
	width:300px;
	margin:15px auto 20px;
	float:none;
}
.loginform form {
	width:auto;
}
 .prodiv li, .prodiv li:hover {
 width:auto;
 float:none;
 clear:both;
 margin:18px 10px;
 height:100px;
}
 .prodiv li img {
 width:100px;
 height:100px;
 float:left;
}
 .ptab li {
 padding:0px 8px;
 background-color:#fff;
}
 .ptab li:last-child, .ptab li:nth-child(3), .ptab li:nth-child(4) {
 display:none;
}
 .propad {
 float:left;
 border-top:none;
 width:177px;
 margin:0px;
}
 .page {
 text-align:center;
}
 .relatdiv li {
 float:none;
 width:auto;
 clear:both;
 padding: 0px 10px;
 height:100px;
}
.inprotxt {
	padding:10px;
}
.ptxt {
	width:auto;
	padding:0px 10px;
}
 .relatdiv li img {
 width:100px;
 height:100px;
}
 .relatdiv li a {
 display:inline;
}
 .relatdiv li a.imgb {
 float:left;
 margin-right:10px;
}
 .newslist li {
 height:auto;
 overflow:hidden;
}
 .right, .projectlist, .aboutus {
 width:100%;
}
.aboutus img {
 width:100%;
}
 .ptype h3 {
 padding:25px 0px;
}
 .typeh3 {
 margin-top:-65px;
 width:300px;
 margin-left:-15px;
}
 .ptype h4, .typeh4 {
 display:none;
}
 .ptypes {
 width: 100%;
 overflow: hidden;
 height: auto;
}
 .ptypes img {
 width:167%;
}
 .type h2 a:last-child {
	 width:auto;
}
 .nrigtxt {
 width:290px;
 overflow:hidden;
 display:block;
 height:105px;
}
 .rigtxt {
 width:290px;
 height:220px;
 overflow:hidden;
}
 .projectlist li {
 width:100%;
 height:90px;
}
 .reslist li {
 height:182px;
}
 .fone, .ftwo {
 float:none;
}
 .fone input, .ftwo input, .fthr textarea, .fthr input {
 width: 80%;
}
}
*/