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

body { margin:0; padding:0; font-family:tahoma; font-size:14px; font-weight:22px}
a { text-decoration:none; color:#555}
h1,h2,h3 {font-weight:normal}
#Header { background:#fff; padding:14px 0; position:fixed; width:100%; z-index:1111}
 
.content { max-width:1180px; width:96%; margin:0 auto;}

.logo { width:365px; float:left;}
.logo img { width:100%}
.clear { clear:both}
.head-right { float:right; width:780px; text-align:right}

ul.menu { margin:0 ; padding:0;} 
ul.menu li { margin:0 ; padding:0 5px; list-style:none; display:inline-block } 
ul.menu li a { margin:0 ; padding:0; list-style:none; font-family: 'promptmedium' ; font-size:16px; color:#555; text-decoration:none}
ul.menu li a:hover { color:#003482;}
.txt-tel { margin:0 0 10px 0; color:#003482; font-family: 'promptlight'; font-size:12px} 
.txt-tel a { color:#003482;font-family: 'promptbold';} 

 #home { padding-top:80px}
.bg-index { background:url(../img/banner-index.jpg) no-repeat top center; padding:120px 0; text-align:center; color:#fff;font-family: 'promptmedium'; font-size:20px; line-height:normal; background-size:cover}
.bg-index h1 { font-size:50px; line-height: 50px; margin:0 0 10px 0; padding:0; font-family: 'promptmedium';}
.bg-index h1 span {font-size:20px !important; line-height:normal; display: block; margin-top: 20px;}

.bg-index h2 { font-size:28px; line-height: normal; margin:30px 0 0 0; padding:0; font-family: 'promptmedium'; color: #00A3FF}


a.btn-blue  { background:#0072ac; padding:10px 40px; text-align:center; color:#fff; border-radius:35px; display: inline-block; font-family: 'promptmedium'; font-size:16px; margin:30px 0 0 0; transition:ease-in-out all 0.2s; }
a.btn-blue:hover { background:#ccc; transition:ease-in-out all 0.2s; }

.service { background:url(../img/bg-service.jpg) no-repeat bottom center #f0f0f0; padding:80px 0}
h2.txthead { font-size:45px; text-align:center; margin:0 0 30px 0; padding:0; color:#003482; font-family: 'promptmedium';}

ul.box-ser { margin:0; padding:0;}
ul.box-ser li { margin:0 0 40px 0; padding:0; list-style:none; width:50%; float:left;}
ul.box-ser li .ser-in {   width:90%;}
ul.box-ser li .ser-in img { width:90px;}
ul.box-ser li .ser-in h3 { font-size:20px; line-height: 26px; color:#003482; margin:0 0 6px 0; padding:0; font-family: 'promptmedium';}
ul.box-ser li .ser-in p { margin:0; padding:0; line-height:20px;}

#check { width:100%; background:url(../img/bg-check.jpg) repeat-y top center;}
.box-check { text-align: center; width:50%;   padding:110px 0;   float: left;}
.box-check-2 { text-align:center; width:50%;  padding:110px 0;  float: left;}
h2.txt-check { font-size:34px; line-height: 46px; color:#fff; margin:0 0 20px 0; padding:0; font-family: 'promptmedium';}

a.btn-white {background:#fff; padding:10px 40px; text-align:center; color:#003482; border-radius:35px; display: inline-block; font-family: 'promptmedium'; font-size:16px; margin:20px 0 0 0; transition:ease-in-out all 0.2s;  } 
a.btn-white:hover { background:#ccc; transition:ease-in-out all 0.2s; }

#link { padding:110px 0; background:url(../img/bg-linlk.jpg) no-repeat top center #fff; background-size: cover }
ul.link { margin:0; padding:0;}
ul.link li { font-family: 'promptmedium'; margin:0 0 10px 0; padding:0;list-style:none; width:20%; float:left;  }
ul.link li .box-link { position:relative; width:96%; margin:0 auto; background:#fafafa;}
ul.link li .box-hover { text-align:center; font-size:14px; color:#fff; transition:ease-in-out all 0.2s; position: absolute;  background:#003482; opacity:0; width:100%; height:100%; }
ul.link li .box-link h3 { margin:50px 0 10px 0; padding:0; font-size:16px;}
ul.link li:hover .box-hover { opacity:1;transition:ease-in-out all 0.2s;}
ul.link li>.box-link>.box-hover img { width:20px; margin-right:5px;}
ul.link li img {width: 100%}
#contact { padding:80px 0; background:url(../img/bg-contact.jpg) no-repeat top center; background-size:cover; text-align:center;font-family: 'promptmedium'; font-size:18px; color:#fff;}
h2.txt-contact { font-size:42px; color:#fff; font-family: 'promptmedium'; margin:0; padding:0; line-height:48px }
#contact h3 { font-size:32px; color:#fff;font-family: 'promptmedium'; margin:0 0 35px 0; padding:0; }
#contact h4 { line-height:36px; font-size:32px; color:#fff;font-family: 'promptmedium'; margin:0 0 30px 0; padding:0; }
#contact h4 span { font-size:26px; line-height:32px;}
#contact a { color:#fff;}

#footer { background:#003482; padding:20px 0; text-align:center; color:#fff; font-family:arial; font-size:14px;}

.pupup {font-family: 'promptmedium'; font-size:14px;}
.pupup ul { list-style:none; margin:20px; padding:0;}
.pupup ol {   margin:20px; padding:0;}

.pupup ul li, .pupup ol li {   color:#003482}
.pupup ul li p {   color:#555; margin:20px;}
.pupup ol li span {   color:#555; margin:20px;}
.pupup  h2{ font-size:24px; line-height: 42px; color:#003482; margin:0 0 10px 0; padding:0; font-family: 'promptmedium';}

.reference { width:33%; float:left; margin:0 0 30px 0;}
.reference .box-ref { width:90%; margin:0 auto;}
.reference .box-ref img { width:96%; border:4px solid #ccc; display:block; margin:0 auto 10px auto}
.reference .box-ref h3 { text-align:center;
    font-size: 18px;
    line-height: 26px;
    color: #003482;
    margin: 0 0 6px 0;
    padding: 0;
    font-family: 'promptmedium';
}
@media screen and (max-width:1024px) {
.logo { width:30%; }
 .head-right { width:70%; }
ul.menu li { margin:0 ; padding:0 3px; list-style:none; display:inline-block } 
ul.menu li a {font-size:14px; }
ul.link li .box-link img { width:100%;}
ul.link li .box-link h3 { font-size:18px; line-height:normal}
h2.txt-check { font-size:30px;}
h2.txthead, h2.txt-contact { font-size:36px; line-height:normal}
#contact h3 { font-size:26px; line-height:normal}
#contact h4 { font-size:24px; line-height:normal}
#contact h4 span { font-size:22px; line-height:normal}
}

@media screen and (max-width:660px) {
	#Header { position: static}
.logo { width:80%; float:none; margin:0 auto }
ul.menu { display:none}
.head-right { width:100%; margin:20px auto 0 auto; text-align:center;}
#home { padding-top:0}

.bg-index h1 { font-size:36px; line-height:46px;}
.bg-index { font-size:16px; line-height:22px;}

ul.box-ser li { width:100%;}

h2.txt-check { font-size:24px; line-height: 32px}
h2.txthead, h2.txt-contact { font-size:26px; line-height:normal}
#contact h3 { font-size:22px; line-height:normal}
#contact h4 { font-size:22px; line-height:normal}
#contact h4 span { font-size:18px; line-height:normal}
ul.link li { width:50%; margin-bottom:10px;}

#link { padding:40px 0;}
#check { background:none;}
#check .content { width:100%;}
.box-check { text-align: center; width:100%; background:#003482;   padding:50px 0;   float: none;}
.box-check-2 { text-align:center; width:100%;  padding:50px 0; background:#00579a;  float: none;}
.reference { width:100%; float:none; margin:0 0 40px 0;}
.reference .box-ref { width:90%; margin:0 auto;}
.reference .box-ref h3 { font-size:16px}
}
@media screen and (max-width:380px) {

ul.box-ser li .ser-in h3 { font-size:18px; line-height:22px;}
.logo { width:100%; float:none; margin:0 auto }
.bg-index h1 { font-size:32px; line-height:38px;}
h2.txt-check { font-size:22px;}

ul.link li { width:100%; margin-bottom:10px;}


h2.txt-contact,#contact h3,#contact h4 { font-size:18px}
#contact { font-size:16px}
}