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

body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color:#222; line-height:24px;}


h1{ font-size: 30px; font-weight: normal; line-height: 36px; color: #222; text-align: left; text-transform: uppercase;}
h2{ font-size: 24px; font-weight: normal; line-height: 30px; color: #222; text-align: left; text-transform: uppercase;}
h3{font-size: 20px;font-weight: normal;line-height: 30px;color: #222;text-align: left;text-transform: uppercase;padding-left: 17px;}
h4{ font-size: 18px; font-weight: normal; line-height: 25px; color: #222; text-align: left; text-transform: uppercase;}
p{font-family: Arial, Helvetica, sans-serif;font-size:14px;font-weight: normal;color:#222;line-height: 24px;text-align: justify;}
section{ clear:both;}

.top-head{ width:100%; border-bottom:1px #ccc solid; line-height:30px; padding-top:5px;}
.cont-mail{ text-align:left;}
.cont-mail p{ display:inline-block; margin-right:10px;}
.cont-mail p img{ float:left; margin-right:5px;}
.social{}
.social p{ text-align:right;}
.social p a{ display:inline-block; margin-right:5px;}

header{ text-align:center;}
.banner{ width:100%;}
.values{ text-align:center; margin:auto; background:#eee; padding:20px 0px;}
.v-box{ margin-top:20px; text-align:center;}
.v-box img{ width:70px; background:#1e73be; border-radius:50px; padding:5px;}
.v-box:hover img{ transition:.9s; transform: rotateZ(360deg);}
.v-box h3{ text-align:center; color:#222; font-weight:600;}
.v-box p{ text-align:center; color:#333;}
.v-box a{ background:#484848; color:#fff; padding:5px 10px; border-radius:6px;}

.hm-serv{font-family: Arial, Helvetica, sans-serif; font-size: 14px; clear:both;}
.hm-serv h2{ text-align:center; color:#888; font-weight:500;}
.hm-serv h2 span{ border-bottom:2px #1e73be solid; padding-bottom:5px;}
.hm-serv h2 b{ color:#1e73be;}

.serv-left{ width:100%; text-align:right; margin-top:20px; clear:both;}
.serv-left h3{ font-size:16px; text-align:right; color:#1e73be; margin:5px 0 10px 0;}
.serv-left p{ text-align:right;}
.serv-left img{ border-radius:50px; padding:5px; border:1px #ccc solid; float:right; margin-bottom:70px; margin-left:10px;}

.serv-right{ text-align:left; margin-top:20px;}
.serv-right h3{ font-size:16px; text-align:left; color:#1e73be; margin:5px 0 10px 0;}
.serv-right p{ text-align:left;}
.serv-right img{ border-radius:50px; padding:5px; border:1px #ccc solid; float:left; margin-bottom:70px; margin-right:10px;}

.serv-center{ text-align:center; margin-top:20px;}
.serv-center img{ width:100%; border:1px #ccc solid; padding:5px;}

.about{ width:100%; background:#eee; margin:0; padding:20px 0px;}
.about h1{ text-align:center; margin-bottom:20px;}
.about h1 span{ border-bottom:2px #1e73be solid; padding-bottom:5px;}
.about p{ text-align:justify;}
.hom-map{ background:#eee; padding-bottom:10px; padding-top:10px;}
.contact-btm{ width:100%; margin:0; padding:20px 0px; background:url(../image/contact_bg.png) no-repeat;}
.cont-hom{ background:#1e73be; min-height:420px;}
.cont-hom h2{ color:#fff;}
.cont-hom p{ color:#fff;}
.cont-hom p a{ color:#a3d4fe;}

.cont-head{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; Font-size:14px; color:#333; line-height:30px; text-align:justify;}
.cont-head h2{ font-family:Arial; font-weight:bold; Font-size:20px; color:#01458e; line-height:30px; text-transform:uppercase; margin:15px 0 0 0;}
.cont-head h3{ font-family:Arial; font-weight:normal; Font-size:18px; color:#01458e; line-height:30px; text-transform:uppercase; margin:0;}
.cont-head p{ font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}


footer{ background:#222; color:#fff; padding-top:7px;}
.cl{ clear:both;}
.cprht-lft{ float:left; color:#fff;}
.cprht-rht{ float:right; color:#fff;}

.top{ position: absolute;
    top:-20px;
    left: 60px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 55px;
    background:#333;
    color: #fff;
    padding: 15px 0px 10px;
    border-bottom: 0;
    cursor: pointer;
    transition: 0.5s;
}
	
.top img{    display: block;
    text-align: center;
    margin: 0 auto;}





/*banner*/
@media(max-width:1024){



}

@media(max-width:769px){	


}

@media(max-width:767px){	
	
}