@charset "utf-8"; /* by luzy at 2021-09-01 */
body{ background:#fff;  font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:14px; }
*{ margin:0; padding:0; }
.wrapper{ width:1100px; margin:0 auto; }
h1, h2, h3, h4, h5 ,h6{ color:#626262; letter-spacing:1px; }
h1 { font-size:2em; margin:.67em 0 }
h2 { font-size:1.5em; margin:.75em 0 }
h3 { font-size:1.17em; margin:.83em 0 }
h5 { font-size:.83em; margin:1.5em 0 }
h6 { font-size:.75em; margin:1.67em 0 }
h1, h2, h3, h4,
h5, h6  { font-weight:bolder }
.clearfix:before,  
.clearfix:after {  
    content:" ";  
    display:table;  
}
img{ border:0; line-height:0; }
ul, li{ list-style:none; }  
.clearfix:after { clear:both; }  
 
.clearfix { *zoom:1; }
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
audio{ position:fixed; left:50px; bottom:30px; z-index:1000; outline:none; width:100px; opacity:0.7; transition:all 0.3s; }
audio:hover{ opacity:1; }

/*    Billboard    */
.billboard{ width:100%; height:530px; position:relative; }
body{ background:url('../images/bg.jpg') no-repeat center fixed #012549; height:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.billboard .caption{ margin-top:100px; text-align:center; }
.billboard .caption p{ text-align:left; text-indent:36px; line-height:32px; }
.billboard .caption.light{ color:#fff; }
.billboard .caption.dark{ color:#5d5d5d; }
.billboard .caption h1{ font-size:50px; font-weight:bold; 
    margin-bottom:30px; }
.billboard .caption.light h1{ color:#fff; }
.billboard .caption.dark h1{ color:#5d5d5d; }
.billboard .caption p{ font-size:18px; margin-bottom:30px; }
.billboard .caption.light p{ color:#fff; }
.billboard .caption.dark p{ color:#5d5d5d; }
.billboard .caption hr{ display:inline-block; height:1px; width:30px; border:0!important;   
    margin:0; padding:0; }
.billboard .caption.light hr{ background:#fff; }
.billboard .caption.dark hr{ background:#5d5d5d; }

/*    header    */
header{ min-width:1100px; height:125px; }
header .logo{ float:left; margin:30px 0 0 50px; }
header nav{ float:right; margin-top:70px; }

header nav ul li{ list-style:none; display:block; float:left; margin-right:50px; }
header nav ul li a{ text-decoration:none; font-size:14px; 
    transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; }
header.light nav ul li a{ color:#fff; padding-bottom:3px; }
header.light nav ul li a:hover{ color:#76fcfe; background:url(../images/bg_nav.png) no-repeat bottom center; }
header.dark nav ul li a{ color:#5d5d5d; }
header.dark nav ul li a:hover{ color:#919191; }

/*    Services    */
.services ul{ margin-top:100px; }
.services ul li{ list-style:none; display:block; width:313px; float:left; margin-left:80px; text-align:center; }
.services ul li:first-child{ margin-left:0; }
.services ul li .separator{ display:block; width:1px; height:20px; background:#f6f6f6; margin:20px auto; }
.services ul li h2{ color:#616161; font-family:"raleway-bold"; font-size:18px; font-weight:bold; margin:0; }
.services ul li p{ color:#838181; font-family:"raleway-regular"; font-size:14px; line-height:28px;  margin-top:40px; letter-spacing:.5px; }

/*    Video    */
.video{ display:block; width:100%; height:350px; text-align:center; margin-top:100px; background:url('../img/video.jpg') no-repeat;    
    background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.video .video_logo{ margin-top:85px; }
.video h3{ color:#fff; font-family:"raleway-regular"; font-size:14px; font-weight:normal!important; margin:20px 0 0 0; }
.video #play_btn{ display:inline-block; width:71px; height:71px; background:url('../img/play_btn.png') no-repeat; margin-top:40px; }

.title{ text-align:center; overflow:hidden; }
.title h2{ color:#616161; font-family:"raleway-bold"; font-size:30px; font-weight:bold; margin:0 0 20px 0; text-transform:uppercase; }
.title h3{ color:#9b9b9b; font-family:"raleway-regular"; font-size:14px; margin:0 0 20px 0; font-weight:normal!important; }
.title hr.separator{ display:block; width:40px; height:1px; background-color:#ebebeb; margin:0 auto; padding:0; border:0!important; }

/*    testimonials    */
.testimonials{ margin-top:100px; }
.testimonials ul{ margin-top:70px; list-style:none; }
.testimonials ul li{ display:block; float:left; margin-left:80px; width:313px; }
.testimonials ul li:first-child{ margin-left:0; }
.testimonials ul li .quotes{ margin-right:10px; }
.testimonials ul li p{ color:#838181; font-family:"raleway-regular"; font-size:16px; line-height:28px; letter-spacing:.5px; padding-bottom:30px; margin-bottom:20px; border-bottom:1px solid #ecebeb; position:relative; }
.testimonials ul li p .triangle{ display:block; width:10px; height:5px; background:url('../img/testimonial_triangle.png') no-repeat; position:absolute; bottom:-5px; left:40px; }
.testimonials ul li .client{ margin-left:20px; }
.testimonials ul li .client img.avatar{ float:left; margin-right:20px; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px; }
.testimonials ul li .client .client_details{ float:left; }
.testimonials ul li .client .client_details h4{ color:#7b7979; font-family:"raleway-semibold"; font-size:14px; font-weight:bold; margin:0 0 10px 0; }
.testimonials ul li .client .client_details h5{ color:#7b7979; font-family:"raleway-regular"; font-size:12px; margin:0; font-weight:normal; }

/* pic list */
.ttl{ float:left; width:100%; color:#fff; font-weight:bold; font-size:36px; margin-top:50px; /*animation-name:ttl_name; animation-duration:3s; animation-iteration-count:infinite;*/ }
/*@keyframes ttl_name{
  from { color:#fff; }
  to { color:#76fcfe; }
}*/
.ttl span{ border-radius:40px; background:#106fb4; color:#fff; padding:10px 15px; margin-right:10px;/* animation-name:num; animation-duration:3s; animation-iteration-count:infinite;*/ }
/*@keyframes num{
  from { background:#106fb4; }
  to { background:#108AD8; }
}*/
.tips{ float:left; width:100%; margin:50px 0 30px 0; color:#fff;/* color:#87e6fb;*/ line-height:32px; font-size:18px; text-indent:36px; }
.scroller .active { z-index:5 !important; }
.pics { float:left; clear:both; width:100%; height:600px; overflow:hidden; position:relative; padding:20px 0; margin-bottom:50px; }
.pics .inside { position:absolute; top:50%; left:0; height:300px; margin-top:-150px; }
.pics a { display:block; position:absolute; width:300px; height:300px; overflow:hidden; -moz-border-radius:300px; -webkit-border-radius:300px; border-radius:300px; border:3px solid #87f1fb; }
.wrapper p{ float:left; color:#fff; line-height:32px; font-size:18px; text-indent:36px; margin-bottom:20px; }

/*pic-list-img*/
.pic-list-img{ float:left; width:100%; white-space:nowrap; overflow:hidden; margin:-20px 0 60px 0; }
.pic-list-img img{ height:220px; vertical-align:middle; display:inline-block; transition:.5s; border-radius:30px; border:3px solid #65fbf9; }
.pic-list-img img:hover{ transform:scale(1.8); -webkit-transform:scale(1.8); }

.pic_list{ float:left; width:100%; margin-bottom:20px; }
.pic_list li img{ height:360px; max-width:100%; border-radius:30px; }
.pic_list li{ float:left; width:48%; margin-bottom:30px; text-align:center; background:#eee; border:3px solid #65fbf9; border-radius:30px; }
.pic_list li:nth-child(odd){ float:right; }
.pic_list li.one{ width:1092px; }
.pic_list li.one img{ max-height:500px; height:auto !important; }
.pic_list.scale li a{ display:block; text-align:center; vertical-align:middle; transition:1s; line-height:0; }
.pic_list.scale li a:hover{ transform:scale(1.58); -webkit-transform:scale(1.58); -webkit-box-shadow:0 3px 15px #060605; -moz-box-shadow:0 3px 15px #060605; box-shadow:0 3px 15px #060605; border-radius:45px; background:#eee; }
.pic_list.scale li.one a:hover{ transform:scale(1); -webkit-transform:scale(1); }
strong{ color:#36F4F7; font-size:26px; }
.pic_list.three{ margin-top:50px; }
.pic_list.three li{ width:31%; margin-right:2%; }
.pic_list.three li:nth-child(3n){ margin-right:0; }
.pic_list.three li:nth-child(odd){ float:left; }

/* video */
.mv{ float:left; width:100%; margin:0 0 20px 0; }
.mv video{ border-radius:30px; outline:none; }

/* bottom text */
.btm_txt{ width:1100px; margin:0 auto; font-size:36px; text-indent:72px; color:#fff; font-weight:bold; line-height:60px; padding-top:20px; margin-bottom:30px; clear:both; }
.btm_bg{ background:url(../images/btm_bg.jpg) no-repeat center bottom; }

/*    footer    */
footer{ width:1100px; margin:0 auto; padding:35px 0; text-align:center; font-size:14px; line-height:24px; overflow:hidden; color:#dafdfd; }
footer .footer_logo{ float:left; }
footer .rights p{ float:left; color:#838181; font-family:"raleway-regular"; font-size:13px; margin:5px 0 0 40px; 
}
footer .rights p a{ color:#777; font-family:"raleway-semibold"; font-size:13px; font-weight:bold; text-decoration:none; }
footer nav ul{ float:right; overflow:hidden; list-style:none; margin-top:5px; 
}
footer nav ul li{ float:left; margin-left:25px; }
footer nav ul li a{ color:#838181; font-family:"raleway-regular"; font-size:13px; text-decoration:none; 
    transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; }
footer nav ul li a:hover{ color:#616161; }

/* back top */
.icon-top{ background:url(../images/istop.png) no-repeat center #fff; background-size:22px; width:40px; height:40px; position:fixed; right:46px; bottom:3%; opacity:0.7; transition:all 0.3s; z-index:9999999; border:#ccc 1px solid; border-radius:100%; }
.icon-top:hover{ opacity:1; }

@media screen and (max-width: 1310px) {
	
header .logo{ margin-left:20px; width:220px; }
header nav{ margin-top:60px; }
header nav ul li{ margin-right:25px; }
.icon-top{ right:10px; bottom:10px; }
audio{ left:10px; bottom:10px; }

}

@media screen and (max-width: 839px) {
	.billboard.light,.btm_bg{ background-size:100% auto; }
	.wrapper{ width:100%; }
	}