@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ margin:0; padding:0; background:#d7ecab !important;}
.container_contact{ width:960px; height:auto; background:#fff; position:relative; margin:auto;}
.logo{ width:200px; height:250px; float:left; position:relative;}
.logo img{ width:140px; margin-left:20px; margin-top:20px;}
.company{ width:400px; height:250px; float:left; text-align:center; position:relative; font-family:Arial, Helvetica, sans-serif;}
.company h2{ color:#FF0000; font-weight:bold; margin-top:100px; font-size:1.8em;}
.company h2 span{ color:#000; font-size:1.1em;}
.company p{ color:#45660f; font-size:0.8em; font-weight:bold;}
.tree{ width:350px; height:250px; background:#ff0; float:right; position:relative; margin-right:4px; margin-top:20px;}
.tree img{ width:100%; height:100%; border:2px solid #008000;}
.menu{ width:100%; height:50px; background:#28749e; float:left; margin-top:-46px; font-family:Arial, Helvetica, sans-serif;}
.menu ul{ margin:0; padding:0;}
.menu a:link, .menu a:visited{ color:#fff; text-decoration:none; list-style:none;}
.menu li a { padding:15px;}
.menu li{ list-style:none; float:left; font-size:1em; padding:15px 0 15px 0;}
.menu li:hover a{ text-shadow:1px 1px 1px #000; text-shadow:1px 1px 1px #000;}
.menu li:hover { background:#0785a6;}
.menu ul ul{ margin:15px 0 -15px 0 !important; width:auto; z-index:9999999999999999; position:absolute; padding:0; width:300px; display:none;}
.menu ul ul li a { padding:15px;}
.menu ul ul li{ float:none; margin-left:0px; background:#0785a6; width:100%; padding:15px 0; }
.menu ul ul li a:visited, .menu ul ul li a:link { color:#000; text-shadow:none;}
.menu ul ul li:hover a{ color:#fff; text-shadow:1px 1px 1px #000;}
.menu ul ul li:hover { background:#28749e;}
.menu ul li:hover > ul{ display:block;}

.contact{ font-family:Arial, Helvetica, sans-serif; margin:20px 0 5px 20px; color:#0040ff;}
.para1{ padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; float:left; line-height:2; font-size:0.9em; color:#333; text-indent:40px;}
.service_menu{ width:80%; margin:auto; font-family:Arial, Helvetica, sans-serif; line-height:2; font-size:0.9em; color:#333;}

.address{ background:#f5f0da; width:400px; height:190px; float:left; margin-left:20px; margin-bottom:20px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; padding:10px;}
.form{ width:350px; height:150px; float:left; margin-left:50px; margin-top:20px; margin-bottom:20px;}
.name{ width:350px; margin:auto; height:30px; padding-left:10px; margin-bottom:5px;}
.area{ width:350px; padding-left: 10px; margin-bottom:5px; height:50px;}
.submit{ float:right; width:80px; height:30px; background:#3c5f03; color:#fff; text-shadow: 1px 2px 2px #000;}
.footer{ width:960px; height:auto; min-height:100px; margin-top:20px; background:#28749e; margin-top:-20px; float:left; position:relative;}

@media (max-width: 960px){
.container_contact, .footer{ width:100%;}
.logo{ width:140px; height:auto;}
.company{ width: auto; height: auto; margin-left:30px;}
.company h2{ margin-top:60px; margin-left:0px;}
}
@media (max-width: 850px) {
.logo{ float:none;}
.company h2{ margin-top:0px;}
.menu{ margin-top:0px;}
.tree{ margin-top: -150px;}
}
@media (max-width: 870px){
.form{ float:none; padding-bottom:20px; margin: auto; margin-top:20px;}
.submit{ margin-bottom:20px;}
.address{ float:none; margin:auto; margin-top:20px;}
}
@media (max-width:500px){
.menu ul ul{ width:100%;}
}
@media (max-width: 700px){
.logo{ float:left;}
.company{ float:left; margin:50px 0 0 15%;}
.tree{ margin-top:20px; width:100%; height:auto;}
}
@media (max-width: 486px){
.logo{ float:none; margin:0px auto !important;}
.logo img{ margin:0;}
.company{ margin:0 auto; float:none;}
}
@media (max-width: 420px){
.address{ width:100%;}
.form{ width:80%;}
.menu { height: auto; margin:0px; padding-bottom:15px;}
.menu ul{ margin:0px;}
.menu li:hover a { color:#fff;}
.menu li:hover{ background: #f00;}
.menu li{ width:100%; text-align:center;}
.menu li a { }
.name, .area{ width:100%; float:none; margin: auto;}
}
.footer_sub{ padding:20px;}
.address1, .address, .follow, .news_letter{ width:290px !important; height:auto;  margin:10px 15px 10px 0; float:left; background:none;}
.address1 h4, .address h4, .follow h4, .news_letter h4{ color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
.address1 p, .address p{ color:#f8f8f8; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-stretch:semi-condensed; float:none; clear:both;}
.follow{ padding-bottom:10px;}
.follow p img{ float:left; margin-right:10px; width:30px;}
.follow p span{ color:#fff; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
.follow a{ text-decoration:none; color:#fff;}
.follow a:hover > span{ -webkit-transform: translate(-5px);-moz-transform: translate(-5px);-ms-transform: translate(-5px);-o-transform: translate(-5px); -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s;}
.news_letter{ margin-right:0 !important; width:280px; margin-bottom:20px;}
.news_input{ width:200px; margin-bottom:2px; height:25px;}
.submit_news{ background:#003300; width:200px; border:none; height:30px; color:#fff; cursor:pointer;}
.ver_align
{
vertical-align:super;
    
}