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

/*********************** for home page **********************/
@keyframes slider {
	0%, 25% { opacity: 1; }
	30%, 100% { opacity: 0; }
}

* {margin:0; padding:0; font-family:Geneva, sans-serif;  }
* a{text-decoration:none; color:#888; }
.link:hover { color:#06F; }
body { max-width:1200px; width:100%; background:#0088CA url(../images/bg.jpg) fixed no-repeat center 0; min-width:1000px; height:auto; margin:10px auto;}
h1 { font-size:30px; font-family:"gill sans MT"; width:auto; display:inline; float:left; line-height:52px; margin-left:20px; font-weight:normal; }
h2 { font-size:18px; font-family:"Caviar Dreams"; border-bottom:1px solid #ddd; width:90%; margin:5px 5%; line-height:30px; color:#333; }
header,footer {width:100%; float:left; background:rgba(255,255,255,0.9); min-height:32px; padding:5px 0; }
.flLeft { float:left !important; margin-left:1% !important; }
.flRight { float:right !important; }

#wrapHead { max-width:750px; width:72%; min-width:500px; margin:0 22% 0 auto;}
#logo { width:15%; min-width:90px; margin:0 auto; height:auto; float:left; }
.title { width:auto; float:right; border:1px hidden #f00; }
.quickContact { width:19%; height:115px; float:right; margin:-103px 0 0 0; background:#fff; padding-left:10px; }
.bb1 { font-size:30px; font-weight:bold; text-align:center; margin-top:10px; }
.bb2 { font-size:17px; font-weight:bold; text-align:center; }
.bb3 { font-size:20px; font-weight:bold; text-align:left; color:#069; line-height:29px; }
.number { font-size:16px; line-height:30px; letter-spacing:1px; text-rendering:antialiased; text-shadow:0px 1px 4px #999; }
.nt1 { font-size:15px; text-align:center; margin-top:9px; }
.para { line-height:25px; font-family:"Calibri"; font-size:16.5px; text-align:justify; padding:0 20px; }

nav { width:100%; height:auto; float:left; padding-top:5px; }
nav ul { width:100%; float:left; list-style:none; background:#222;}
nav ul li { width:16.66%; display:inline; float:left;}
nav ul li a { width:100%; text-align:center; display:block; float:left; padding:10px 0px; background:#222; color:#eee; transition:300ms;  }
nav ul li ul { width:13%; display:block; float:left; position:absolute; background:#555; z-index:999; margin-top:39px; display:none; }
nav ul li ul li {width:100%; float:left; }
nav ul li ul li a { width:90%; float:left; background:#555; text-align:left; margin-left:2.5%; padding-left:7.5%; font-size:14px; }

nav ul li ul li a:hover, nav ul li a:hover  { background:#069; transition:200ms; }
nav ul li:hover ul { background:#222; display:block;  }

.wrapContent {width:100%; float:left; margin:1px 0; background:rgba(255,255,255,0.8);}
#slider {  width:54%; max-width:640px; height:460px; float:left; border:5px solid #FFF; box-shadow:-3px 3px 15px 1px #999; margin:8px 0 8px 1.8%; overflow:hidden;  }
.imgStrip {width:200%; height:100%; float:left; position:relative;}
#slider img {width:50%; height:100%;  float:left; position:absolute; }
#slider img:nth-of-type(2) {
  animation: slider 30s 25s infinite;
}
#slider img:nth-of-type(3) {
  animation:slider 30s 20s infinite;
}
#slider img:nth-of-type(4) {
  animation:slider 30s 15s infinite;
}
#slider img:nth-of-type(5) {
  animation:slider 30s 10s infinite;
}
#slider img:nth-of-type(6) {
  animation:slider 30s 5s infinite;
}
#slider img:nth-of-type(7) {
  animation:slider 30.3s 0s infinite;
}
.welcome { width:40%; min-width:240px; border:1px hidden #000; margin:8px 0; float:left; margin-left:1%; background:#fff; height:auto; padding-bottom:8px;}
.welStrip { background:url(../images/curve.png) no-repeat 100%; float:left; width:100%; height:70px; color:#fff; margin:8px 0 0 25px;   }
.flSqr1,.flSqr2, .flSqr3 { width:19.5%; min-width:180px; border:1px hidden #000; margin-bottom:12px; background:#fff; box-shadow:-3px 3px 15px 1px #999;}
.flSqr1 { height:100px; }
.flSqr2 { height:190px; margin-right:3% !important; }
.flSqrWrap { margin:4px 5% 12px 5%; float:left; width:90%; }
.flSqrWrap p {font-family:"Calibri"; font-size:16px; color:#444; line-height:20px; float:left; font-style:italic; text-align:justify; }
.flSqrWrap a { padding:12px 0; background:#069; color:#ddd; float:left; width:100%; text-align:center; margin-top:10px; font-size:17px; }
.flSqrWrap a:hover { background:#0082BF; color:#eee; }	
 .flSqrWrap img { vertical-align:middle; margin-right:20px; }

footer { border-top:5px solid #000;  }
#wrapFoot { margin:7px 2%; width:96%; float:left; }
.TYT, .copyright { float:left; min-width:300px; font-size:13px; line-height:18px; }
.TYT { float:right; }

/*************************other pages******************************/

h4 { width:90%; margin:20px 5% 10px 5%; color:#069; font-weight:100; font-size:28px; }

.line { height:1px; float:left; background:#ccc; width:40%; margin:0 5%; }
.contact { width:50%; float:left; margin:30px 0% 30px 4%; color:#777; line-height:35px; font-size:30px; font-family:calibri; border-right:1px solid #ddd; }
.others
{ width:100%; background:#fff; background:rgba(255,255,255,0.6); min-height:470px; height:auto; float:left; }
.others form { width:50%; float:left;}
.map{ width:40%; min-width:350px; height:auto; float:right; margin:0 4% 15px 0; border:2px solid #fff; }

.adjust { margin:auto 2.5%; padding-bottom:10px; }
.commonImg { float:right; width:35%; box-shadow:0px 1px 5px #000; margin:5px 4.2% 5px 1%; border:5px solid #eee; }
.contImg { float:left; margin-top:3px; }
.downloadBtn { min-width:150px; width:10%; float:left; background:#069; margin:20px 0 10px 4%; text-align:center; padding:10px 0; color:#fff;}

/******************************feedback**********************************/

.feedbackForm { margin:0 auto 0 5%; }
.lbl { width:60%; margin:20px 0 5px 0; float:left; clear:both; text-shadow:0px 1px 5px #fff;  }
.txtBox { float:left; width:40%; clear:both; height:22px; font-family:Calibri;   }
textarea.txtBox { max-height:100px; height:100px; width:65%; max-width:65%; }
.txtBox:focus { border:1px solid #007aff; }
.btnSubmit { width:10%; height:30px; color:#000; text-shadow:0px 1px 4px #000; float:left; clear:both; margin:2% 0 5% 40%; background:#fff; border:3px solid #069; transition:all 300ms; font-family:Arial; }
.btnSubmit:hover { background:#069; color:#fff; text-shadow:0px 1px 4px #000; }
.feedbackMsg { font-size:22px !important; font-style:italic; }

/*************************Gallery***************************/

.objWrap { width:100%; margin:0 auto;}
.objWrap figure { width:20%; min-width:200px; float:left; margin:5px 2.4%; position:relative;  }
.objWrap figure img { width:100%; }
.objWrap figcaption { text-align:center; background:rgba(255, 255, 255, 0.70); line-height:20px; margin-top:-4px; float:left; width:100%; }
figure:hover { -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);
  -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;  }
figure:focus {  outline: none;  -webkit-transform: rotate(-3deg) scale(2.5); -moz-transform: rotate(-3deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;  z-index: 9999; }

.zoom { position:absolute; display:none; }
.objWrap figure:hover .zoom { display:block; cursor:pointer; }
/********************dynamic window for image preview****************/
#dynamicView { position:fixed; width:100%; display:none; height:100%; float:left; top:0; left:0;  z-index:9999; background:url('../images/metro-loading.html') center no-repeat fixed;}
.fullCover { background:rgba(0, 0, 0, 0.46); width:100%; height:100%; float:left; overflow:scroll; text-align:center; }
#largeImg  { max-width:1000px; width:auto; min-width:200px; margin:20px auto; }