@charset "utf-8";

html {
height:100%;
padding:0;
margin:0;
}

body {
padding:0;
margin:0;
height:100%;
font:14.58px Cambria, Georgia, "Times New Roman", Times, serif;
color:#535353;
background:#e7e7e7 url(img/bg.png) repeat 50% 0;
min-width:1280px;
}

a {
color:#ff4e00;
text-decoration:underline;
}

a:hover {
color:#ff4e00;
text-decoration:none;
}

p {
padding:5px 0;
margin:0;
}

form, input, select, textarea {
padding:0;
margin:0;
outline:medium none;
resize:none;
}

textarea {
overflow:hidden;
}

.button {
font:14.58px Cambria, Georgia, "Times New Roman", Times, serif;
color:#fff;
cursor:pointer;
background:#3fb6a3;
border:none;
border-radius:6px;
padding:10px 15px;
}

table {
border:none;
border-spacing:0;
}

td {
padding:0;
}

img {
border:none;
}

h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
font-weight:normal;
}

h1 {
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

h5 {
font-size:14px;
}

h6 {
font-size:12px;
}

.clr {
clear:both;
}

.clear:before, .clear:after {
display:table;
content:'';
}

.clear:after {
clear:both;
}

.mceContentBody {
background:#fff;
color:#000;
}

.tpl {
position:fixed;
display:none;
top:0px;
left:0px;
width:100%;
height:77px;
background:#e7e7e7 url(img/bg.png) repeat 50% 0;
z-index:20;
box-shadow:0 -5px 20px 0px #000;
color:#fff;
min-width:1280px;
}

.tplc {
position:relative;
width:1280px;
height:77px;
margin:0 auto;
}

.tpl nav {
position:absolute;
top:28px;
left:76px;
display:inline-block;
}

.tpl nav ul {
padding:0;
margin:0;
}

.tpl nav ul li {
padding:0;
margin:0 20px 0 0;
list-style:none;
display:inline-block;
font-size:14.58px;
font-weight:bold;
}

.tpl nav ul li:last-child {
margin:0;
}

.tpl nav ul li a {
text-decoration:none;
color:#0c4a55;
}

.tpl nav ul li a:hover {
text-decoration:underline;
color:#0c4a55;
}

.tpl a.open_modal {
position:absolute;
top:19px;
right:160px;
height:29px;
padding:8px 0 0 0;
width:196px;
text-align:center;
color:#fff;
text-decoration:none;
font-size:16.67px;
font-weight:bold;
background:#4bbfac;
border-radius:10px;
transition:all linear 0.3s;
z-index:4;
}

.tpl a:hover.open_modal {
color:#4bbfac;
text-decoration:none;
background:#fff;
}

.container {
width:1280px;
margin:0 auto;
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}

.container:before, .container:after {
display:table;
content:'';
clear:both;
}

.container:before {
height:525px;
}

.container:after {
height:493px;
}

.top {
position:absolute;
top:0;
left:0;
width:100%;
height:500px;
min-width:1280px;
background:url(img/slbg.png) repeat-x 50% 217px;
}

.header {
position:relative;
width:1280px;
margin:0 auto;
height:500px;
}

.logo {
position:absolute;
top:37px;
left:453px;
width:453px;
height:107px;
background:url(img/logo.png) no-repeat 0 0;
display:block;
text-indent:-9999px;
}

.header nav {
position:absolute;
top:186px;
left:76px;
width:1204px;
display:block;
}

.header nav ul {
padding:0;
margin:0;
}

.header nav ul li {
position:relative;
padding:0;
margin:0 18px 0 0;
list-style:none;
display:inline-block;
font-size:15.8px;
font-weight:bold;
}

.header nav ul li:last-child {
margin:0;
}

.header nav ul li a {
display:block;
height:28px;
text-decoration:none;
color:#0c4a55;
}

.header nav ul li a:hover, .header nav ul li a.act {
text-decoration:underline;
color:#0c4a55;
}

.header nav ul li ul {
position:relative;
border:5px solid #4bbfac;
border-radius:10px;
background:#efefef;
width:250px !important;
padding:20px 165px 20px 25px;
position:absolute;
left:0;
display:block;
visibility:hidden;
z-index:9;
}

.header nav ul li ul li {
position:static;
padding:0;
margin:0 0 8px 0;
list-style:none;
display:list-item;
}

.header nav ul li ul li img {
position:absolute;
top:50%;
margin-top:-60px;
left:225px;

width:120px;
height:120px;
visibility:hidden;
margin-left:50px;
}

.header nav ul li ul li:hover img {
visibility:visible;
}

.header nav ul li ul li:last-child {
margin:0;
}

.header nav ul li ul li a {
text-decoration:none;
color:#0c4a55;
height:auto;
}

.header nav ul li ul li a:hover {
color:#fd6826;
text-decoration:none;
}

.sli {
position:absolute;
top:217px;
left:0px;
width:1280px;
height:277px;
}

#sli {
position:relative;
width:1280px;
height:277px;
z-index:5
}

#nav {
position:absolute;
bottom:16px;
left:400px;
width:480px;
text-align:center;
}

#nav a {
background:#0e6c5d;
border-radius:8px;
width:16px;
display:inline-block;
vertical-align:top;
height:16px;
text-indent:-9999px;
text-align:left;
margin:0 4px;
}

#nav a.activeSlide {
background:#fff;
}

#nav a:focus {
outline:none;
}

.cnt {
position:absolute;
top:58px;
right:70px;
padding:0 60px 0 0;
display:inline-block;
font-style:italic;
font-size:25px;
text-align:right;
color:#000;
background:url(img/tel.png) no-repeat 100% 15px;
}

.cnt a {
position:relative;
top:-5px;
text-decoration:none;
color:#01a287;
font-size:16.67px;
}

.cnt a:hover {
text-decoration:underline;
color:#01a287;
}

.cntcont {
position:absolute;
top:58px;
right:70px;
padding:0 60px 0 0;
display:inline-block;
font-style:italic;
font-size:25px;
text-align:right;
color:#000;
background:url(img/tel.png) no-repeat 100% 15px;
}

.cntcont a {
position:relative;
top:-5px;
text-decoration:none;
color:#ff4e00;
font-size:16.67px;
}

.cntcont a:hover {
text-decoration:underline;
color:#ff4e00;
}

a.town {
position:absolute;
top:118px;
right:88px;
text-decoration:underline;
font-style:italic;
color:#ff8300;
}

a:hover.town {
text-decoration:none;
color:#ff8300;
}

.tit {
position:absolute;
top:58px;
left:76px;
padding:0;
width:360px;
font-size:14.58px;
font-style:italic;
color:#000;
}

.hww {
padding:15px 0 0 0;
}

.hww h6 {
padding:4px 488px 0 522px;
margin:0 0 32px 0;
width:270px;
height:60px;
color:#fff;
font-size:25px;
text-align:center;
background:url(img/jt.png) no-repeat 0 0;
}

.hww ul {
padding:0;
margin:0;
text-align:center;
}

.hww ul li {
width:166px;
padding:0 16px 0 0;
margin:0 9px 0 -26px;
list-style:none;
display:inline-block;
vertical-align:top;
background:url(img/jp.png) no-repeat 100% 57px;
font-size:12.5px;
color:#424242;
}

.hww ul li:first-child {
margin:0 9px 0 0;
}

.hww ul li h5 {
margin:0 0 3px 0;
font-size:16.67px;
color:#01a287;
}

.hww ul li:last-child {
padding:0;
margin:0;
background:none;
}

.content {
padding:0;
width:1070px;
margin:0 auto;
}

.rgr {
padding:0;
margin:0 -42.5px 0 0;
text-align:center;
}

.rgr li {
width:180px;
padding:0;
margin:0 42.5px 10px 0;
display:inline-block;
vertical-align:top;
list-style:none;
}

.rgr li p {
padding:15px 0 0 0;
font-size:16.67px;
color:#ff5f00;
}

.rgr li p a {
text-decoration:none;
color:#ff5f00;
}

.rgr li p a:hover {
text-decoration:underline;
color:#ff5f00;
}

.rgr li div {
width:170px;
height:170px;
border:5px solid #3ba997;
border-radius:90px;
overflow:hidden;
}

.rgr li div a {
width:170px;
height:170px;
display:table-cell;
text-align:center;
vertical-align:middle;
border-radius:90px;
overflow:hidden;
}

.rgr li div a img {
max-width:170px;
max-height:170px;
display:block;
margin:0 auto;
}

.rgrpro {
padding:0;
margin:0 -115px 0 0;
}

.pros {
padding:0;
margin:0 115px 30px 0;
list-style:none;
display:inline-block;
vertical-align:top;
width:280px;
}

.prot {
height:45px;
margin:0 0 5px 0;
font-size:16.67px;
color:#ff4e00;
}

.prot img {
height:45px;
margin:0 15px 0px 0;
display:inline-block;
vertical-align:bottom;
}

.prot span {
display:inline-block;
vertical-align:bottom;
}

.allpro {
padding:0;
margin:0;
}

.allpro li {
position:relative;
padding:3px;
margin:0;
list-style:none;
background:#fff;
font-size:16.67px;
}

.allpro li a {
color:#008ac8;
text-decoration:underline;
}

.allpro li a:hover {
color:#ff4e00;
text-decoration:none;
}

.propr {
position:absolute;
top:3px;
right:3px;
}

.white {
background:none !important;
}

.close {
position:absolute;
top:5px;
right:5px;
text-decoration:none;
}

.trouble {
width:360px !important;
padding:5px 10px !important;
}

.trouble h5 {
font-size:20.63px;
color:#ff4e00;
margin:0 0 5px 0;
}

.onm {
padding:0;
margin:0 -30px -55px 0;
}

.onh {
padding:0;
margin:0 30px 55px 0;
list-style:none;
display:inline-block;
vertical-align:top;
width:334px;
}

.onh p {
padding:0;
}

.py {
margin:0 0 15px 0;
}

.py img {
float:left;
margin:0 15px 0 0;
}

.py h4 {
font-size:16.67px;
color:#ff4e00;
margin:0;
}

.clients {
position:relative;
padding:38px 40px 0 40px;
margin:0 30px 55px 14px;
list-style:none;
display:inline-block;
vertical-align:top;
width:240px;
height:207px;
background:url(img/clients.png) no-repeat 0 0;
}

.arw {
position:absolute;
top:11px;
right:32px;
height:23px;
padding:6px 0 0 0;
width:132px;
text-align:center;
color:#fff;
text-decoration:none;
font-size:14.58px;
background:#4bbfac;
border-radius:0 0 10px 10px;
z-index:4;
}

a:hover.arw {
color:#fff;
text-decoration:underline;
}

.clients h6 {
font-size:20.83px;
margin:0 0 20px 0;
color:#40b7a3;
}

.clients ul {
padding:0;
margin:0 -76px -34px 0;
}

.clients ul li {
padding:0;
margin:0 76px 34px 0;
list-style:none;
display:inline-block;
vertical-align:top;
width:82px;
}

.rws {
padding:0;
margin:0 -70px 0 0;
}

.rw {
width:500px;
padding:0;
margin:0 70px 15px 0;
list-style:none;
display:inline-block;
vertical-align:top;
}

.rw p {
padding:0;
}

.rd {
padding:0;
font-size:16.67px;
color:#ff4e00
}

.rw h4 {
font-size:16.67px;
color:#ff4e00;
margin:0 0 14px 0;
}

.ri {
float:left;
margin:0 10px 0 0;
}

.content h2 {
font-size:16.67px;
font-weight:bold;
color:#ff4e00;
margin:0 0 5px 0;
}

.content h3 {
font-size:14.67px;
font-weight:bold;
color:#ff4e00;
margin:10px 0 5px 0;
}

.oon {
}

.oon h6 {
margin:0 0 44px 0;
padding:0 0 0 0;
font-size:25px;
color:#28907f;
text-align:center;
position: relative;
overflow: hidden;
}

.content h1 {
margin:0 -105px 44px -105px;
padding:0 0 0 0;
font-size:25px;
color:#28907f;
text-align:center;
position: relative;
overflow: hidden;
}

.oon h6 > span, .content h1 > span {
display: inline-block;
margin:0 6px;
}

.oon h6 > span:before, .oon h6 > span:after, .content h1 > span:before, .content h1 > span:after {
content: '';
position: absolute;
width: 100%;
border-top:1px dashed #28907f;
margin-top:18px;
}

.oon h6 > span:before, .content h1 > span:before {
margin-left: -102%;
}

.oon h6 > span:after, .content h1 > span:after {
margin-left: 2%;
}

.otn {
width:1000px;
margin:0 auto 10px auto;
}

.otn h4 {
margin:0;
font-size:16.67px;
color:#ff4e00;
}

.otn h4 a {
text-decoration:none;
color:#ff4e00;
}

.otn h4 a:hover {
text-decoration:underline;
color:#ff4e00;
}

.odt {
font-size:16.67px;
color:#ff4e00;
padding:0;
}

.yu {
padding:0 0 0 64px;
background:url(img/nhy.png) no-repeat 0 3px;
}

.left {
width:;
padding:0;
}

.right {
width:;
padding:0;
}

.pages {
clear:both;
padding:10px 0;
text-align:center;
font-size:11px;
}

.pages a {
border:1px solid;
text-decoration:none;
color:#;
padding:1px 4px;
margin:0 1px;
}

.pages a:hover {
border:1px solid;
color:#;
background:#;
}

.pages span {
border:1px solid;
color:#;
padding:1px 4px;
margin:0 1px;
background:#;
}

.bottom {
position:relative;
margin-top:-452px;
height:452px;
width:100%;
min-width:1280px;
background:#0e6c5d;
}

.bottom:after {
position:absolute;
width:100%;
left:0px;
top:-5px;
height:5px;
background:url(img/bottom.png) repeat-x 50% 0;
display:block;
content:'';
clear:both;
z-index:5;
}

a.ord {
position:absolute;
top:-46px;
left:50%;
margin:0 0 0 -110px;
height:36px;
padding:10px 0 0 0;
width:220px;
text-align:center;
color:#fff;
text-decoration:none;
font-size:18.75px;
font-weight:bold;
background:#4bbfac;
border-radius:10px 10px 0 0;
font-style:italic;
transition:all linear 0.3s;
z-index:4;
}

a:hover.ord {
color:#4bbfac;
text-decoration:none;
background:#fff;
}

.footer:before {
position:absolute;
width:1052px;
left:114px;
top:370px;
height:1px;
border-bottom:1px solid #14ac94;
display:block;
content:'';
clear:both;
}

.footer {
position:relative;
width:1280px;
margin:0 auto;
height:452px;
}

.spec {
position:absolute;
top:30px;
left:58px;
width:340px;
color:#f0f0f0;
}

.spec p {
padding:0 0 16px 0;
}

.copy {
position:absolute;
top:394px;
left:58px;
padding:0;
width:auto;
display:inline-block;
font-style:italic;
color:#f0f0f0;
}

.infocopy {
position:absolute;
top:410px;
left:58px;
padding:0;
width:auto;
display:inline-block;
font-style:italic;
color:#f0f0f0;
}

.web {
position:absolute;
top:394px;
right:58px;
padding:0;
text-align:right;
width:500px;
font-style:italic;
color:#f0f0f0;
}

.web a {
text-decoration:none;
color:#f0f0f0;
}

.web a:hover {
text-decoration:underline;
color:#f0f0f0;
}

.nb {
position:absolute;
top:28px;
left:476px;
width:330px;
color:#f0f0f0;
}

.ab {
position:absolute;
top:28px;
left:882px;
width:330px;
color:#f0f0f0;
}

.nb h6, .ab h6 {
margin:0 0 8px 0;
font-size:20.83px;
}

.news {
color:#f2dea9;
margin:0 0 15px 0;
}

.date {
color:#74ceab;
padding:0 0 0 0;
}

.news h4 {
color:#fff;
font-size:14.58px;
margin:0;
}

.news h4 a {
color:#fff;
text-decoration:none;
}

.news h4 a:hover {
color:#fff;
text-decoration:underline;
}

.an {
text-align:right;
font-style:italic;
}

.an a {
color:#f0f0f0;
text-decoration:underline;
}

.an a:hover {
color:#f0f0f0;
text-decoration:none;
}

.counters {
position:absolute;
top:;
left:;
width:;
height:auto;
}

.overlay {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
cursor: default;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index:99999;
transition: opacity .5s;
}

.popup, .popup2{
display: inline-block;
left: 50%;
opacity: 0;
position: fixed;
text-align: justify;
top: 40%;
visibility: hidden;
z-index: 999999;
transform: translate(-50%, -50%);
transition: opacity .5s, top .5s;
}

.popup form {
padding:10px 30px 30px 20px;
right: 0;
width:287px;
background:#fff;
border-radius:10px;
}

.popup form {
padding:10px 30px 10px 30px;
width:287px;
background:#fff;
border-radius:10px;
}

.popup form p {
padding:0 0 5px 0;
color:#ff4e00;
}

.popup2 .window {
padding:10px 30px 30px 20px;
width:287px;
background:#fff;
border-radius:10px;
}

.popup form input[type='text'] {
background:#fff;
width:277px;
border:1px dashed #a5a5a5;
margin:0 0 18px 0;
padding:4px 4px;
font:14.58px Cambria, Georgia, "Times New Roman", Times, serif;
color:#535353;
}

.popup form textarea {
background:#fff;
width:277px;
border:1px dashed #a5a5a5;
margin:0 0 18px 0;
padding:4px 4px;
font:14.58px Cambria, Georgia, "Times New Roman", Times, serif;
color:#535353;
height:90px;
}

.popup form h6 {
margin:0 0 25px 0;
color:#01a296;
font-size:20px;
}

.popup .close_modal, .popup2 .close_modal  {
position:absolute;
top:12px;
right:30px;
cursor:pointer;
background:url(img/x.png) no-repeat 0 0;
display:block;
width:12px;
height:12px;
text-indent:-9999px;
}


.validate label.input_error {
display:none !important;
}

.validate input.input_error, .validate textarea.input_error {
background:#FFFFD5 !important;
}

#toTop {
display:none;
text-decoration:none;
position:fixed;
top:19px;
right:76px;
overflow:hidden;
width:119px;
height:37px;
border:none;
text-indent:100%;
background:url(img/tt.png) no-repeat left top;
z-index:9;
}

#toTopHover {
background:url(img/tt.png) no-repeat left top;
width:119px;
height:37px;
display:block;
overflow:hidden;
float:left;
opacity:0;
}

#toTop:active, #toTop:focus {
outline:none;
}

#basic-modal-content {
display:none;
}

#simplemodal-overlay {
background:#000;
}

#simplemodal-container {
height:500px;
width:630px;
background:#ebebeb;
border-radius:16px;
padding:35px 45px;
font-size:16.67px;
color:#3ba997;
}

#simplemodal-container h6 {
font-size:25px;
color:#ff4e00;
margin:0 0 30px 0;
}

#simplemodal-container a.modalCloseImg {
background:url(img/x.png) no-repeat 0 0;
width:25px;
height:29px;
display:block;
z-index:3200;
position:absolute;
top:-5px;
right:-5px;
cursor:pointer;
}

.atb {
padding:0 0 0 0;
}

#simplemodal-container table {
width:100%;
margin:0 0 20px 0;
}

#simplemodal-container table tr:nth-child(1) td, #simplemodal-container table tr:nth-child(3) td, #simplemodal-container table tr:nth-child(5) td, #simplemodal-container table tr:nth-child(7) td, #simplemodal-container table tr:nth-child(9) td, #simplemodal-container table tr:nth-child(11) td, #simplemodal-container table tr:nth-child(13) td, #simplemodal-container table tr:nth-child(15) td, #simplemodal-container table tr:nth-child(17) td, #simplemodal-container table tr:nth-child(19) td, #simplemodal-container table tr:nth-child(21) td, #simplemodal-container table tr:nth-child(23) td, #simplemodal-container table tr:nth-child(25) td, #simplemodal-container table tr:nth-child(27) td, #simplemodal-container table tr:nth-child(29) td {
background:#f4f4f4;
}

#simplemodal-container table tr td {
padding:7px 5px;
}

#simplemodal-container table tr td:nth-child(2) {
/* width:300px; */
}

.atb strong {
font-size:30.36px;
font-weight:normal;
}

status {
	margin-left: 60px;
	margin-top: 60px;
}