@charset "UTF-8";

h2 { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";}
h4 { color: #3d4954; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";}
h4:after { background-color: #00c6ff;}
/*.clearfix:after {*/
    /*content: "." ;*/
    /*display: block ;*/
    /*height: 0 ;*/
    /*clear: both ;*/
    /*visibility: hidden ;*/
/*}*/
/*.clearfix{ display: inline-block; }*/
/*hero*/
html, body, h1, a{ font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";}
.navbar-default .navbar-nav > li > a { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";}
.logo-white { font-size: 16px;}
header.hero .hero-bg { padding-top: 320px; display: block;}
.hero-bg h1 { letter-spacing: 15px; font-size: 65px; font-weight: 500; height: 80px;}
.hero-bg .row:nth-child(2) { padding-top: 0;}
.hero-bg .row:nth-child(3) { padding-top: 30px;}
/*header.hero h1 { margin-bottom: 40px; position: relative; background: linear-gradient(to right, #00c6ff, #17ffc0); -webkit-background-clip: text; color: transparent;}*/
header.hero h1 { margin-bottom: 40px; position: relative; background: linear-gradient(to right, #0896ff, #08e5ff); -webkit-background-clip: text; color: transparent;}
.btn { box-shadow: 0px 4px 10px 0px rgba(40, 40, 40, 0.6);}
.btn.primary { background-color: #00c6ff; padding: 15px 50px 15px 50px;}
.btn.primary:hover { background-color: #52d0ff;}
.btn.primary:active { background-color: #01b2e5;}
.btn.primary:focus { background-color: #01b2e5;}

/*nav*/
nav { z-index: 9999;}
.logo-white img { max-height: 56px; vertical-align: middle; margin-top: -5px;}
.btn-violat, .gradient-violat { background-image: -webkit-linear-gradient(135deg, rgb(8, 150, 255) 0%, rgb(0, 102, 177) 100%)}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #08e5ff;}

/*intro*/
#intro { padding: 150px 0 150px 0;}
.collective .video-player { margin: 0 0 30px 0;}
#intro div.col-md-9>p.subtitle { font-weight: bold; color: #536473; padding-bottom: 10px;}

/*advantage */
#advantage { background: url("../img/advantage-bg.jpg") no-repeat; background-size:cover; color: none; padding: 150px 0 150px 0;}
.adv-icon1>div, .adv-icon2>div { height: 280px; padding: 0; position: relative;}
.adv-icon1>div>div, .adv-icon2>div>div { height: 280px; background-color: #3ba1ec; /*background-color: #00c6ff;*/}
.adv-icon1>div>div:hover, .adv-icon2>div>div:hover { height: 280px; background-color: #0896ff; -webkit-transition: all 300ms; transition: all 300ms;}
.adv-icon1>div>div.adv-icon2-pic,.adv-icon2>div>div.adv-icon3-pic { background-color: rgba(0,0,0,0.4) !important;}
.adv-icon1>div>div.adv-icon2-pic:hover,.adv-icon2>div>div.adv-icon3-pic:hover { background-color: rgba(0,0,0,0.5) !important;}

.crew article.crew-member { height: 280px; position: absolute; top: 0; left: 0;}
.crew div.col-md-6 .col-md-12 { padding: 0;}
.adv-icon1 div:nth-child(1) article.crew-member, .adv-icon2 div:nth-child(1) article.crew-member { padding-right: 4.16666666%;}
.adv-icon1 div:nth-child(2) article.crew-member, .adv-icon2 div:nth-child(2) article.crew-member { padding-left: 4.16666666%;}
.adv-icon1 { margin-bottom: 20px;}
.adv-icon1-pic, .adv-icon3-pic { margin-right: 4.16666666%;}
.adv-icon2-pic, .adv-icon4-pic { margin-left: 4.16666666%;}
.adv-icon1-pic img, .adv-icon2-pic img, .adv-icon3-pic img, .adv-icon4-pic img { margin-top: 40px; margin-bottom: 30px;}
.adv-icon1-pic p, .adv-icon2-pic p, .adv-icon3-pic p, .adv-icon4-pic p { color: #fff; font-size: 30px;}
/*.crew article.crew-member .overlay { z-index: 99; width: 100%; height: 100%; -webkit-transition: all 300ms; transition: all 300ms; opacity: 0; background-color: rgba(0, 198, 255, 0.4)}*/

.container dt { margin-bottom: 5px;}
.container dd { margin-bottom: 10px;}
.container dt span { color: #536473; font-weight: bold; }
.container dd p { margin-bottom: 20px;}
.adv-subtitle-rec span:nth-child(1){ display: inline-block; width: 10px; height: 5px; background-color: #0896ff;}
.adv-subtitle-rec span:nth-child(2){ display: inline-block; width: 12px; height: 5px; background-color: #08e5ff;}

/*service*/
#service { background: url(../img/service-bg.jpg) no-repeat center; background-size: content; background-attachment: fixed;}
#service { padding-bottom: 60px;}
/*stats*/
div.stats.has-padding { padding: 150px 0 125px 0;}
.stats {  background: url(../img/stats-bg.png) no-repeat center 240px; background-color: #fff; }
.stats .stats-container { border-right: 1px solid #999;}
.stats p.stats-number { color: #f24444;}
.stats p.stats-text { color: #f24444;}
#stats .icon { color: #f24444 !important;}

/*product*/
#product h4 { color: #fff;}
#product .media h4 { color: #fff; margin-left: 0;}
#product .media h4:after { background-color: transparent;}
#product { padding: 50px 0 0 0 !important; text-align: left;}
section#product .media-circle .media-body h4 { color: #08e5ff !important;}

section#product .media-circle { margin: 15px 0;}
section#product .media-circle .media-body { margin-top: 10px;}
section#product .media-circle .media-body h4 { font-weight: 500; color: white;}
section#product .media-circle .media-body p { color: white;}
section#product h1 { color: white; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 51px;}
section#product h1 span { color: #22a3df;}
.media { margin: 50px 0; text-align: left; overflow: hidden;}
.media a { text-decoration: none;}
.media a.pull-left { margin-right: 25px;}
.media a.pull-right { margin-left: 25px;}
.media.media-circle .media-object {
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*-ms-border-radius: 50%;*/
    /*-o-border-radius: 50%;*/
    /*border-radius: 50%;*/
    padding: 0 0 0 10px; background: none; color: #22a3df; width: 30px; height: 30px; border: 1px solid white;}
.media.media-circle:hover .media-object { background: white;}
.media.vertical .media-object { background: white; width: 70px; height: 70px; margin: 10px auto; color: #555555;}
.media.vertical .media-body { text-align: center;}
.media.vertical:hover .media-object { background: #22a3df; color: white;}
.media .fa.media-object { color: #08e5ff;}

.product-bg img { vertical-align: middle; padding-top: 15%;}
.product-bg .img-center { margin: 0 auto;}

/*news*/
#news article a { color: #00c6ff;}
.latest-articles .has-overlay:after, .latest-articles .freebies .has-overlay:after { background-color: rgba(65, 74, 82, 0);}
.latest-articles article:hover .has-overlay:after { background-color: rgba(8, 150, 255, 0.2); }

/*contact*/
#contact .detail h4 { margin: 0;}
#contact .detail h4:after { content: none;}
#contact .detail h5 { color: #536473;}
#contact { position: relative;}
#contact #dituContent { position: absolute; top: 0; right: 0; z-index: 20;}
#dituContent label.BMapLabel { border: none !important; color: transparent !important;}

#contact .detail div.con { padding-top: 20px; float: left; margin-left: 30px;}
#contact .detail div.icon { width: 80px; height: 80px; line-height: 75px; display: table-cell; background: #3ba1ec; text-align: center; border-radius: 50%; float: left;}
#contact .detail div.icon .fa { color: #fff; vertical-align: middle; }
#contact .detail:hover div.icon { background: none; transition: all 0.3s; border: 2px solid #3ba1ec; height: 80px; line-height: 75px;}
#contact .detail:hover div.icon .fa { color: #3ba1ec;}

/*#contact { background: url(../img/contact-bg.jpg) no-repeat; background-attachment: fixed;}*/

section#contact .contact-details .detail { margin: 25px auto;}
section#contact .contact-details .detail h4 { font-weight: bold; text-transform: uppercase;}
section#contact .contact-details .detail p { color: #999999;}
section#contact .contact-details .detail ul { list-style: none; padding: 15px 0;}
section#contact .contact-details .detail ul li { margin: 0 5px; float: left;}
section#contact .contact-details .detail ul li a { padding: 5px; color: #999999; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
}
section#contact .contact-details .detail ul li a i { font-size: 1.7em;}
section#contact .contact-details .detail ul li a:hover { color: #22a3df;}

/*footer*/
footer { z-index: 50;}
footer.has-padding { padding: 100px 0 0 0;}
footer p { color: #ccc;}
.footer-bg { color: #536473;}
.footer-branding p { font-size: 3em;}
.footer-branding p i { color: #0896ff;}
footer .detail { margin-bottom: 20px;}
footer .detail h5 { color: #ccc; line-height: 27px;}
footer .detail div.icon { float: left; color: #ccc;}
footer .detail div.icon .fa { color: #ccc;}
footer .detail div.con { margin-left: 40px;}

footer .erweima p, footer .partner p { font-weight: bold;}
footer .erweima { float: right;}
footer .erweima img { width: 100%; height: 100%;}

footer .partner { margin-left: 5%; }
footer .partner ul { color: #ccc; }
footer .partner ul li { display: block; width: 80%; padding: 10px 15px; background-color: #536473; margin-bottom: 15px; color: #ccc; border-radius: 3px;}
footer .partner ul li:last-child { background-color: transparent; padding: 0 15px;}

footer .footer-secondary-nav>li>p { color: #939393; padding-bottom: 0;}

/*scroll*/
.display-none{ display: none; transition: all .5s ease;}
.scroll-top-div { position: fixed; width: 45px; height: 45px; top: calc(100vh - 70px); left: calc(100vw - 72px); cursor: pointer; transition: all .5s ease; z-index: 99999;}
.scroll-top-icon-container{ position: relative; display: table; width: 100%; height: 100%; background: #3ba1ec; color: #fff; border-radius: 50%; margin-right: 10px; box-shadow: 0px 4px 10px 0px rgba(40, 40, 40, 0.1); }
.scroll-top-icon-container:hover { background: #0896ff; transition: all 0.3s;}
.scroll-top-icon-container i{ display: table-cell; vertical-align: middle; text-align: center; font-size: 28px;}