@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	font-family:"微软雅黑";}
li{ list-style:none;}
a{ text-decoration:none;}
#googleMap{ padding:16% 0; margin-top:4%;overflow:hidden;}
@media (max-width:425px){
	#googleMap{ padding:50% 0; margin-top:10%;overflow:hidden;}
	}
#allmap{ padding:16% 0; margin-top:3%; margin-bottom:3%;overflow:hidden;}
@media (max-width:425px){
	#allmap{ padding:50% 0; margin-top:3%; margin-bottom:3%;overflow:hidden;}
	}
/*置顶*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #0b479f url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  z-index:1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  /*opacity: .5;*/
}

@media only screen and (max-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
/*置顶 end*/
#header,#content,#footer{ width:100%; margin-left:auto; margin-right:auto;}
#header{ padding:1% 0;}
#content,#footer{ overflow:hidden;}
#cont{width:80%;margin-left:auto; margin-right:auto;overflow:hidden; max-width:1200px;}
@media (max-width:768px){
	#cont{width:90%;margin-left:auto; margin-right:auto;overflow:hidden;}
	}


@media (max-width:425px){
	.wellcome{float:none; text-align:center;}
	.headtop-right{ display:none;}
	}


#logo{ float:left; width:24%;}
#logo img{ width:100%;}
@media (max-width:425px){
	#logo{ float:left; width:50%;}
}
.head-right{ float:right; width:74%;}

.head-right .languagetop{ width:9%;overflow:hidden; background:#0e7aba; position:absolute; top:0; right:10%;border-bottom-left-radius:14px; border-bottom-right-radius:14px;padding:8px 0; text-align:center; }
.head-right .languagetop a{color:#fff; font-size:14px;}
@media (max-width:768px){
	.head-right{ float:right; width:100%;}
	.head-right .languagetop{ display:none;}
	}

#cssmenu ul li.language{display:none;}
#cssmenu ul li.language a {
  padding: 18px 24px;
  font-size: 14px;
  text-decoration: none;
  float:left;
  color: #333;
  text-transform:uppercase;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul li.language a{
	  padding: 24px 24px;
	  color:#fff;
	  }
#cssmenu > ul > li > span{
	background:url(../images/line.png) no-repeat 100%;
	width:1px;
	height:16px;
	position:absolute;
	right:0;
	top:30%;
	display:block;
	}
@media (max-width:768px){
	#cssmenu ul li.language{
		display:block;
		color:#fff;}
	#cssmenu > ul > li > span{ display:none;}
	}

#title{ width:30%;margin-left:auto; margin-right:auto; text-align:center;overflow:hidden; position:relative; }
#title h1{ margin:3% 0; color:#0b479f; letter-spacing:2px; font-size:30px;}
#title .titleen{ text-transform:uppercase;color:#585858; font-family:"微软简楷体";font-weight:500;font-size:18px;}
#title span{display:block; width:40px; height:2px;background:#666; margin:3% auto; }
@media (max-width:1024px){
	#title{ width:42%;}
	}
@media (max-width:768px){
	#title{ width:50%;}
	}
@media (max-width:425px){
	#title{ width:76%;}
	#title h1{ font-size:24px;}
	#title .titleen{ font-size:14px;}
	}
@media (max-width:375px){
	#title{ width:86%;}
	}
@media (max-width:320px){
	#title{ width:100%;}
	}
	
.index-productslist{ margin:4% 0; }
.index-productslist ul{padding:0; overflow:hidden;}
.index-productslist ul li{ width:44%; margin:2% 3% 0 3%; float:left;}
.index-productslist ul li:hover a{ text-decoration:none;}
.index-productslist ul li .proimg{ border:solid 1px #ccc; overflow:hidden;width:100%;}
.index-productslist ul li .name{text-align:center; font-size:18px; color:#333; line-height:180%; padding:2% 0;}
.index-productslist ul li:hover .name{ color:#0b479f;}
.index-productslist ul li:hover .proimg{ border:solid 1px #0b479f;}
@media (max-width:768px){
	.index-productslist ul li{ width:48%; margin:2% 1%; float:left;}
	.index-productslist ul li .name{ font-size:18px;}
	}
@media (max-width:425px){
	.index-productslist ul li .name{font-size:14px;}
	}

.index-abouts{ background:url(../images/abouts-bj.jpg) no-repeat; background-size:cover;padding:4% 0;overflow:hidden; background-position:bottom;}
.index-about .index-aboutcon{ width:100%; color:#666; margin:2% auto;}
.index-about .index-aboutcon p{ text-indent:4.8%; line-height:200%; margin:0;}
.index-about .more{ width:12%; padding:0 2%; line-height:38px;text-align:center; color:#fff; border-radius:6px;letter-spacing:1px; background:#0b479f;display:block; position:relative; left:44%; margin-bottom:12%;}
@media (max-width:768px){
	.index-abouts{padding:2% 0;overflow:hidden; background:url(../images/aboutsbj-phone.jpg) no-repeat;background-size:cover;background-position:top;}
	.index-about .index-aboutcon{margin:4% 0 8% 0;}
	.index-about .more{ width:18%;position:relative; left:36%;}
	}
@media (max-width:425px){
	.index-abouts{padding:6% 0;overflow:hidden; background-position:top; background-size:cover; background:none; background-color:#0b479f1a;}
	.index-about .more{ width:28%;}
	}
@media (max-width:375px){
	.index-about .more{ width:32%;position:relative; left:36%; margin-top:4%;}
	}
/*.search-box{ float:right;}

.sb-search{
	width:100%;
    margin: 0;
    float:left;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    background: none;}
.sb-icon-search,.sb-search-submit  {
	width: 40px;
    height: 32px;
    display: block;
    padding: 0;
	float:left;
    margin: 0;
    line-height: 85px;
    text-align: center;
	cursor: pointer;
}
.sb-search-submit{
	background:#e3e3e3 url(../images/search.png) no-repeat center 6px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
    /*filter: alpha(opacity=0);
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;}
.sb-search-input {
    border: none;
    outline: none;
	width:80%;
    height:32px;
	float:left;
    margin: 0;
    z-index: 10;
    font-size: 1em;
    color: #ccc;
    padding: 0 0.5em;
    border: solid 1px #ccc;
}
.sb-search-input::-webkit-input-placeholder {
	color:#000;
}
.sb-search-input:-moz-placeholder {
	color: #000;
}
.sb-search-input::-moz-placeholder {
	color: #efb480;
}
.sb-search-input:-ms-input-placeholder {
	color: #ffffff;
}

@media (max-width:768px){
	.sb-icon-search,.sb-search-submit  {
	width: 36px;
    height: 32px;
    display: block;
    position:relative;
    right: 0;
    top: 0px;
    padding: 0;
    margin: 0;
    line-height: 85px;
    text-align: center;
	cursor: pointer;
}
.sb-search-submit{
	background:#e3e3e3 url(../images/search.png) no-repeat center 6px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
    /*filter: alpha(opacity=0);
    color: transparent;
    border: none;
    outline: none;
    z-index:0;}
	}*/

/* Open state */
/*.sb-search.sb-search-open,.no-js .sb-search {
	width:12%;
}
@media (max-width:768px){
	.sb-search.sb-search-open,.no-js .sb-search {
	width:30%;
}
	}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {
	z-index: 90; margin: 0 auto;
}*/


/*项目左边*/
@-webkit-keyframes moveh1{
	from{left:-524px; opacity:0;}
	to{left:0px; opacity:1;}	
}
/*项目右边*/
@-webkit-keyframes moveh2{
	from{right:-524px; opacity:0;}
	to{right:0px; opacity:1;}	
}

.index-news{padding:4% 0; overflow:hidden;}
.index-news-cont ul{ margin:2% 0; padding:0; overflow:hidden;}
.index-news-cont ul li{ width:50%; padding:2% 1%; overflow:hidden; float:left;}
.index-news-cont ul li .time{ width:16%; float:left; margin-right:4%;}
.index-news-cont ul li .index-newscont{ width:80%; float:left;}
.index-news-cont ul li .time span{ display:block;text-align:center; }
.index-news-cont ul li .time .day{ font-size:28px; color:#0b479f; font-weight:bold;}
.index-news-cont ul li .time .year-yue{ background-color:#1572aa; color:#fff; line-height:54px; margin-top:10px; font-size:18px;}
.index-news-cont ul li .index-newscont .name{ font-size:16px; color:#333; font-weight:bold; padding:3% 0;}
.index-news-cont ul li .index-newscont .newscn{ line-height:180%; color:#666; font-weight:500; font-size:14px;}
.index-news-cont ul li .line{width:100%; background-color:#fff; height:1px; margin-top:20px; position:relative; left:-524px; opacity:0;-webkit-animation:moveh2 1s forwards;}
.index-news-cont ul li:hover .line{ background-color:#0b479f; position:relative; left:0;-webkit-animation:moveh1 1s forwards;}
.index-news-cont ul li:hover .index-newscont .name{color:#0b479f;}
.index-news .more{ width:12%; padding:0 2%; line-height:38px;text-align:center; color:#fff; border-radius:6px;letter-spacing:1px; background:#0b479f;display:block; position:relative; left:45%;}
@media (max-width:768px){
	.index-news-cont ul li{ float:none; width:100%; padding:2% 0;}
	.index-news-cont ul li .line{width:100%; background-color:#0b479f; height:1px; margin-top:20px; position:inherit;}
	.index-news .more{ width:18%;position:relative; left:36%;}
	}
@media (max-width:425px){
	.index-news-cont ul li .time{ padding:6% 0;}
	.index-news-cont ul li .time .year-yue{ font-size:16px;}
	.index-news .more{ width:28%;}
	}
@media (max-width:375px){
	.index-news-cont ul li .time .year-yue{ font-size:12px;}
	.index-news .more{ width:32%;position:relative; left:36%; margin-top:4%;}
	}

/*位置*/
#home{ width:100%;overflow:hidden;}
#home .home{ float:left; width:24px;}
#home ul{ margin:4% auto 0 auto;overflow:hidden; padding:0;}
#home ul li{ float:left; margin:0 0.6%; padding:0.2% 0;line-height: 20px;}
#home ul li a{ color:#666;}
#home ul li a:hover{ text-decoration:underline;}
@media (max-width:768px){
	#home ul{ width:90%; margin:4% auto 0 auto;overflow:hidden;}
	}
@media (max-width:425px){
	#home ul li{ float:left; margin:0 1%; padding:0.4% 0;}
	}
/*位置 end*/
/*内页*/
.aboutus{ padding:3% 0; overflow:hidden;}
.aboutus .title{color:#333; border-left: solid 2px #0b479f;overflow:hidden;}
.aboutus .title h1{ margin:0; font-size:24px; padding:0.6% 1%;}

.abouts{ padding:3% 2%; overflow:hidden;}
@media (max-width:768px){
	.aboutus{ padding:6% 0; overflow:hidden;}
	.abouts{ padding:6% 2%; overflow:hidden;}
	.aboutus .title h1{ margin:0; font-size:20px; padding:1% 2%;}
	}

.abouts .aboutimg{ float:left; width:46%; border:solid 1px #ccc; padding:0.4%; margin:0 2% 1% 0;}
.abouts .aboutcont{ float:nore; width:100%;}
.abouts .aboutcont p{line-height:200%; text-indent:4.8%; letter-spacing:1px; margin:0;}
@media (max-width:768px){
	.abouts .aboutimg{ float:none; width:100%; border:solid 1px #ccc; padding:1%;}
	.abouts .aboutcont{ float:none; width:100%; padding-top:2%;}
	}

.contacts{padding:0;}
.contact{background:url(../images/contacts-bj.jpg) no-repeat 10%; padding:7% 0 7% 1%; background-position:center; margin:2% 0;}
.contact span{ font-size:20px; margin-bottom:2%; display:block; font-weight:600; color:#0b479f;}
.contact p{ margin:0; line-height:200%;}
@media (max-width:768px){
	.contacts{padding:0 0 0 6%;}
	.contact{background:url(../images/contacts-bj.jpg) no-repeat 10%; padding:7% 0; background-position:bottom;}
	}

.recruitment ul{ padding:2% 0; overflow:hidden; margin:0;}
.recruitment ul li{ margin:2% 1%;padding:2%; width:31.33%; float:left; border:solid 1px #ccc;}
.recruitment ul li a{ text-decoration:none;}
.recruitment ul li .name{ color:#333; font-size:16px; font-weight:bold;}
.recruitment ul li span{ display:block; width:8%; height:1px; background:#0b479f; margin:4% 0;}
.recruitment ul li .recruicont{ line-height:180%; color:#666;}
.recruitment ul li .time{ color:#999; font-size:12px; margin-top:2%;}
.recruitment ul li:hover{ box-shadow:0 0 30px 4px #CCC inset;}
.recruitment ul li:hover .equitimg{ border:solid 1px #34993b;}
.recruitment ul li:hover p{ color:#34993b;}
@media (max-width:768px){
	.recruitment ul{ padding:4% 0; overflow:hidden; margin:0;}
	.recruitment ul li{ padding:2%; width:48%; float:left; margin:1%}
	}
@media (max-width:425px){
	.recruitment ul li{ padding:2%; width:98%; float:left; margin:2% 0;}
	}

.products{ padding:3% 0; overflow:hidden;}
.products .prodlists ul{ padding:0; margin:0;}
.products .prodlists ul li{ width:50%; padding:2%;float:left;}
.products .prodlists ul li a{ text-decoration:none;}
.products .prodlists ul li .proimg{ border:solid 1px #ccc;width:100%;}
.products .prodlists ul li .name{ padding:2% 0;text-align:center; font-size:18px; color:#333;}
.products .prodlists ul li:hover .name{ color:#0b479f;}

.products .proconts{overflow:hidden;}
.products .proconts ul{ padding:0;}
.products .proconts ul li{ width:33%; float:left; padding:2%; overflow:hidden;}
.products .procontsul li a{ color:#333;}
.products .proconts ul li p{ text-align:center;}
.products .procontsul li:hover a{ color:#34993b;}

.products .proconts .prodcontop{overflow:hidden; margin-bottom:2%;}
.products .proconts .prodcontop .prodtimg{ float:left; width:46%; border:solid 1px #ccc;}
.products .proconts .prodcontop .procon{ width:52%; float:right; overflow:hidden;}
.products .proconts .prodcontop .procon h2{ color:#0b479f;}
.products .proconts .prodcontop .procon .prcn{ line-height:200%; color:#666;}

.products .proconts .productbotm{overflow:hidden;}
.products .proconts .productbotm .projieshi{ border-bottom:dashed 1px #ccc; padding:1%;}
.products .proconts .productbotm .productcont{ padding:2%;}
.products .proconts .productbotm .back{ display:block; float:right;color:#333;}
.products .proconts .productbotm .back:hover{ color:#0b479f;}
@media (max-width:768px){
	.products .prodlists ul li .name{ padding:4% 0;font-size:14px;}
	.products .proconts{ width:100%; float:none; overflow:hidden; padding:4% 0;}
	.products .proconts .proconttop ul{ padding:0; margin:0;border-bottom:solid 1px #ccc; border-top:0; overflow:hidden;}
	.products .proconts .prodcont ul li{ width:50%; float:left; padding:2%; overflow:hidden;}
	
	.products .proconts .prodcontop .prodtimg{ float:none; width:100%;}
	.products .proconts .prodcontop .procon{ width:100%; float:none; overflow:hidden;}
	.products .proconts .prodcontop .procon .prcn{ line-height:180%; color:#666;}
	
	.products .proconts .productbotm .productcont img{ width:100%;}
	}
@media (max-width:425px){
	.products .prodlists ul li .name{ padding:6% 0;font-size:14px;}
	}
.message{ padding:2% 0; overflow:hidden;}
.message .qianyan{ text-align:center; font-size:18px; color:#0b479f; font-weight:bold;}
.biaoge{ margin:3% 0;}
.message table{ width:40%; margin-left:auto; margin-right:auto;}
.message table tr th{ padding:2% 0; text-align:center; color:#888; width:6%;}
.message table tr td{ width:20%; overflow:hidden;padding:2% 0; }
.message input{ width:96%; text-align:left; height:32px; float:left;}
.message textarea{ width:96%;}
.message table tr td span{ color:#F00; float:right;}
#submit1{ width:8%; height:40px;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:2%; margin-bottom:2%;color:#fff; background-color:#0b479f; display:block; border-radius:10px; border:none;}
@media (max-width:1024px){
	.message table{ width:50%; margin-left:auto; margin-right:auto;}
	#submit1{ width:10%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}
@media (max-width:768px){
	.message{ padding:4% 0; overflow:hidden;}
	.biaoge{ margin:4% 0;}
	.message table{ width:60%; margin-left:auto; margin-right:auto;}
	#submit1{ width:10%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}
@media (max-width:425px){
	.message table{ width:100%; margin-left:auto; margin-right:auto;}
	#submit1{ width:18%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}
@media (max-width:320px){
	#submit1{ width:20%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}


#yema{ width:100%;overflow:hidden; }
#yema ul{padding:0; margin-top:0%;}
#yema ul li{ float:left; border:solid 1px #ccc;margin:0 0.8%; text-align:center; width:6%; padding:0.8% 0;}
#yema ul li a{ color:#666;}
#yema ul li:hover{background-color:#016ba9;}
#yema ul li:hover a{color:#fff;}
#yema ul .ye,#yema ul .ye1{ width:4%;}
#yema ul .ye1{background-color:#016ba9;}
#yema ul .ye1 a{ color:#fff;}
@media (max-width:768px){
	#yema{ width:100%; margin:4% 0;}
	#yema ul li{width:10%;}
	#yema ul .ye,#yema ul .ye1{ width:6%;}
	}
@media (max-width:425px){	
	#yema{ width:100%; margin:6% 0;}
	#yema ul li{width:14%;}
	#yema ul .ye,#yema ul .ye1{ width:8%;}
	}
@media (max-width:375px){
	#yema{ width:100%; margin:6% 0;}
	#yema ul li{width:16%;}
	#yema ul .ye,#yema ul .ye1{ width:10%; padding:1.3% 0;}
	}


.about{ background-image:url(../images/index_12.jpg); background-repeat:no-repeat; background-size:cover;}

.download ul{ padding:0; overflow:hidden;}
.download ul li{ padding:1% 0; list-style-type:decimal; list-style-position:inside;}
.download ul li a{ color:#333; font-size:16px;}
.download ul li:hover a{ color:#0146a1;}
.download ul li span{ float:right;}
@media (max-width:425px){
	.download ul li{ padding:2% 0;}
	}
@media (max-width:375px){
	.download ul li a{font-size:14px;}
	}

.news ul{ margin:0; padding:2% 0; overflow:hidden;}
.news ul li{ width:50%; padding:2% 1%; overflow:hidden; float:left;}
.news ul li .time{ width:16%; float:left; margin-right:4%;}
.news ul li .index-newscont{ width:80%; float:left;}
.news ul li .time span{ display:block;text-align:center; }
.news ul li .time .day{ font-size:28px; color:#0b479f; font-weight:bold;}
.news ul li .time .year-yue{ background-color:#016ba9; color:#fff; line-height:54px; margin-top:10px; font-size:18px;}
.news ul li .index-newscont .name{ font-size:16px; color:#333; font-weight:bold; padding:3% 0;}
.news ul li .index-newscont .newscn{ line-height:180%; color:#666; font-weight:500; font-size:14px;}
.news ul li .line{width:100%; background-color:#fff; height:1px; margin-top:20px; position:relative; left:-524px; opacity:0;-webkit-animation:moveh2 1s forwards;}
.news ul li:hover .line{ background-color:#016ba9; position:relative; left:0;-webkit-animation:moveh1 1s forwards;}
.news ul li:hover .index-newscont .name{color:#0b479f;}

.newtop{ border-bottom:dashed 1px #ccc;}
.newtop h2{ text-align:center; color:#0b479f;}
.newtop .time{ text-align:center; padding:1% 0; font-size:14px;}
.newcont{ line-height:200%; padding:2% 1%; overflow:hidden;}

.back{ float:right; display:block; color:#0b479f;}

@media (max-width:768px){
	.news ul li{ float:none; width:100%; padding:2% 0;}
	.newtop .time{ text-align:center; padding:1% 0 2% 0; font-size:16px;}
	.news ul li .line{width:100%; background-color:#016ba9; height:1px; margin-top:10px; position:relative; left:0;}
	}
@media (max-width:425px){
	.news ul li .time{ padding:4% 0;}
	.news ul li .time .year-yue{ font-size:16px;}
	}
@media (max-width:375px){
	.news ul li .time .year-yue{ font-size:12px;}
	}

	
/*内页 end*/
#footer .foot-top{ background:url(../images/footer-top-bj.jpg) no-repeat 100%; background-size:cover; border-bottom:solid 1px #ccc; padding:2% 0;}
#footer .foot-bottom{ background-color:#000;padding:1% 0; color:#fff;}
@media (max-width:768px){
	#footer .foot-top{ padding:6% 0;}
	}
@media (max-width:425px){
	#footer .foot-top{ padding:4% 0;}
	}
.foot-top .fotleft{ overflow:hidden; width:35%; float:left;}
.foot-top .fotleft .logo{ width:60%; float:left;}
.foot-top .fotleft .logo img{ width:100%;}
.foot-top .fotleft .ftcontact{ float:left; margin-top:8%;overflow:hidden;}
.foot-top .fotleft .ftcontact .name{ color:#ccc; font-size:16px;font-weight:500; letter-spacing:1px;}
.foot-top .fotleft .ftcontact span{ display:block; width:8%; height:2px; background:#fff; margin-top:3%;}
.foot-top .fotleft .ftcontact .fontcontact{ margin-top:4%; color:#ccc; line-height:200%; letter-spacing:1px;}
.foot-top .fotleft .ftcontact .fontcontact .ftname{font-size:14px;}
.foot-top .fotleft .ftcontact .fontcontact p{ margin:0; line-height:200%;}
@media (max-width:768px){
	.foot-top .fotleft{ overflow:hidden; width:100%; float:none;}
	.foot-top .fotleft .logo{
		 width:46%;
		 float:none;
		 margin-left:auto;
		 margin-right:auto;
		}
	.foot-top .fotleft .ftcontact{ float:none; margin-left:0; margin-top:6%;}
	.foot-top .fotleft .ftcontact .name{ color:#ccc; font-size:18px;font-weight:500; letter-spacing:1px; text-align:center;}
	.foot-top .fotleft .ftcontact span{ display:block; width:6%; height:2px; background:#fff; margin-top:2%; margin-left:auto; margin-right:auto;}
	.foot-top .fotleft .ftcontact .fontcontact{ margin-top:4%; color:#ccc; line-height:200%; letter-spacing:1px;font-size:14px;}
	.foot-top .fotleft .ftcontact .fontcontact .ftname{text-align:center;font-size:16px;}
	.foot-top .fotleft .ftcontact .fontcontact p{ margin:0; line-height:200%;text-align:center;}
	}
@media (max-width:425px){
	.foot-top .fotleft .logo{
		 width:80%;
		 float:none;
		 margin-left:auto;
		 margin-right:auto;
		}
	.foot-top .fotleft .ftcontact .fontcontact{font-size:12px;}
	.foot-top .fotleft .ftcontact .fontcontact .ftname{text-align:center;font-size:14px;}
	}

.fotright{overflow:hidden; width:64%; float:right;}
.fotright h2{ color:#cccccc; margin-left:2%;}
.fotright input{ background:none; border:none;border-bottom:solid 1px #999; color:#ccc;line-height:30px; width:100%; padding:0 2%;}
.fotright textarea{ background:none; border:none; border-bottom:solid 1px #999; color:#ccc;width:100%; line-height:50px;font-family:Arial;height:100px;}
.fotright table{ width:100%; color:#ccc; margin-top:2%;}
.fotright table tr td{ padding:2%;}
.fotright table tr .message{ width:100%;}
#submit{ border-radius:10px;width:14%; display:block; margin-top:4%; margin-left:2%; cursor:pointer; background:#0b479f; height:34px;}
#submit:hover{ color:#fff;}
@media (max-width:768px){
	.fotright{overflow:hidden; width:100%; float:none; margin-top:4%;}
	.fotright h2{ color:#cccccc; margin-left:0; text-align:center;}
	.fotright table{ width:100%; color:#ccc; margin-top:6%;}
	#submit{margin-left:auto; margin-right:auto;}
	}
@media (max-width:425px){
	#submit{ width:20%; margin-left:auto; margin-right:auto;}
	}
#footer .foot-bottom{ text-align:center; color:#ccc;}
#footer .foot-bottom p{ margin:0; line-height:200%;}
#footer .foot-bottom p a{ color:#0b479f;}