body{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;color:#494d55;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}
a,
a:hover,
a:link,
a:visited {text-decoration: none;} 
audio{display: none;}
img{border: 0;}  

.clearfix{display:block;clear:both;float:none;}

.header{position:fixed;width:100%;background:rgba(0,0,0,0.5);z-index:30;height:60px;padding:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.header.header-scrolled{padding:0;background:rgba(0,0,0,0.7);box-shadow:0 0 4px rgba(0,0,0,0.5)}
.header.header-scrolled a{color:#929292}
.header.header-scrolled .logo{color:#f2b535;padding-top:12px}
.header.header-scrolled .main-nav .nav .nav-item a{color:#929292}
.header.header-scrolled .main-nav .nav .nav-item a:hover{color:#f2b535;background:rgba(0,0,0,.1)}
.header.header-scrolled .main-nav .nav .nav-item.active a{color:#f2b535;border-bottom:4px solid #f2b535}
.header.header-scrolled .icon-bar{background-color:#fff!important}
.header a{color:#fff;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}
.header a:hover{text-decoration:none}
.header .logo{margin:0;display:inline-block;float:left;font-size:28px;padding-top:15px;font-family:Segoe UI Light}
.header .logo .logo-icon-wrapper{margin-right:3px;position:relative;display:inline-block;top:-3px}
.header .logo .logo-icon{width:40px;height:40px}
.header .logo .highlight{font-weight:400}
.main-nav{margin-top:6px}
.main-nav .navbar-toggle{margin-right:0;margin-top:0;background:none;position:absolute;right:10px;top:10px}
.main-nav .navbar-toggle:focus{outline:none}
.main-nav .navbar-toggle .icon-bar{background-color:#fff;height:3px}
.main-nav .navbar-toggle:hover .icon-bar{background-color:#fff}
.main-nav .nav .nav-item{font-weight:400;font-size:16px;margin-right:20px}
.main-nav .nav .nav-item.active a{background:none;color:#fff}
.main-nav .nav .nav-item a{color:#fff;font-weight:400}
.main-nav .nav .nav-item a:hover{color:#f2b535;background:none}
.main-nav .nav .nav-item a:active,.main-nav .nav .nav-item a:focus{outline:none;background:none}
.main-nav .nav .nav-item:last-child{margin-right:0}
.main-nav .nav.active{position:relative}
.nav>li>a{padding-left:5px;padding-right:5px}

.video-wrap{width:100%;height:100%;}
.video-wrap .videobg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: url(../images/videobg.png);}
.video-wrap video{min-width: 100%; min-height: 100%;width: auto; height: auto;z-index: -100;object-fit: fill;position: fixed; right: 0; bottom: 0;}
.banner-txt{width:100%;height:100%;vertical-align: middle;text-align:center; z-index:2;position: absolute}
.banner-txt img {width:100%;height:100%;max-width:1000px;}
.v-more{position: absolute;bottom: 40px;left: 50%;z-index: 10;background: url(../images/v-more.png) no-repeat;width: 38px;height: 20px;margin-left: -19px;animation: page_arr 1.6s both linear infinite;-webkit-animation: page_arr 1.6s both linear infinite;}
@media (max-width:480px) {
.video-wrap{width:100%;height:100%; background:url(../images/v1-bg2.jpg) no-repeat center scroll;}
.video-wrap video{ display:none;}
}
@media (max-width:376px) {
.video-wrap video{ display:none;}
}
@media (max-width:361px) {
.video-wrap video{ display:none;}
}


.website{background: url(../images/website-bg.jpg) #181816 no-repeat;color:#FFF;padding:50px 0 80px;}
.website-item {position: relative;min-height: 1px;}
.website a{text-decoration:none}
.website-info{position:relative;padding:30px 10px;text-align:center;border-radius:14px;color:#fff;margin:10px;transition:all .3s ease;overflow:hidden;background-color:#04becc!important;}
.website-info:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}
.website-info:hover .light{transition:all .3s ease;left:100%}
.website-info p{/*white-space:nowrap;*/line-height: 30px;overflow:hidden; color:#8bedf7;text-overflow:ellipsis;margin: 0 20px;}
.website-info h3{font-size: 24px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;margin: 30px 20px 10px;}
.website-info img{ width:260px;height:120px;overflow:hidden;display:inline-block;border-radius:50%;}
.website-info .light{cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg)}
@media (min-width: 992px){
.website-item{width:33.33333333%; float:left;}
}

.video-back{display:block;padding:200px 0px;text-align:center; background:url(../images/v2-bg.jpg) no-repeat scroll;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}
.video-info{width:100%;}
.video-info .title-name{display: block;text-align: center;color: #fff;text-shadow: 2px 2px 4px #000;font-size: 50px;line-height:100px;}
.video-info .title-desc{display: block;text-align: center;color: #01eae8;text-shadow: 2px 2px 4px #000;font-size: 50px; line-height:100px;}
.video-info a{color: #fff;text-decoration: none;display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.video-info a:hover{opacity: 0.6;}


.service{background:#006666;color:#FFF; padding:50px 0 80px;}
.service .service-info{ margin-top:20px;background-color:#e0e0e0;border:1px solid #e4ecf3;border-radius:4px;text-align:center;transition:all .3s ease}
.service .service-info:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}
.service .service-info .service-head{padding:30px 10px 15px;}
.service .service-info .service-head h3{font-weight:400;font-size:18px;padding:0 20px;color:#494d55; }
.service .service-info .service-img{width:120px;height:120px;border-radius:50%;overflow:hidden;display:inline-block; background:#FFFFFF;}
.service .service-info .service-img img{width:100%}
.service .service-info .desc{background-color:#fff;color:#919191;line-height:30px;/*height:60px;white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis;padding:20px}
.service-item{position: relative;min-height: 1px;padding: 10px;}
@media (min-width: 992px) {
.service-item {width: 33.33333333%;float: left;}
}

.blog{background-color:#e0e0e0;padding:50px 0 80px;}
.blog-wrap{position:relative;min-height 1px;padding: 10px;}
.blog ul{list-style:none;margin:0;padding:0}
.blog .blog-item{border:1px solid #e4ecf3;/*background-color:#fff;*/border-radius:4px;min-height:325px;margin-bottom:10px}
.blog .blog-item .blog-category{position:relative;z-index:1;height:70px;padding:10px;padding-left:80px;margin:10px 0}
.blog .blog-item .blog-category h2{margin:0;font-size:16px;font-weight:400;color:#333}
.blog .blog-item .blog-category h2:hover{color:#f2b535}
.blog .blog-item .blog-category .icon{height:60px;font-size:32px;color:#d3d3d3;text-align:right;width:60px;overflow:hidden;border-radius:4px;position:absolute;z-index:1;left:10px;top:0}
.blog .blog-item .blog-category .icon img{width:100%}
.blog .blog-item .blog-category .name .desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c1c1c1}
.blog .blog-item a:hover{color:#f2b535;text-decoration:none}
.blog .blog-info{margin-left:15px;margin-top:15px}
.blog .blog-info li{position:relative;z-index:1;margin-bottom:35px}
.blog .blog-info li h4{margin:0;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;}
.blog .blog-info li h4:hover{color:#f2b535}
.blog .blog-info li .author{width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;position:absolute;right:10px;top:0;color:#616161}
.blog .title{font-size:16px;color:#616161;border-bottom:1px solid #f5f5f5;padding:15px 0;margin:0 10px;position:relative;z-index:1}
.blog .title .more{position:absolute;right:0;top:15px}
.blog .title .more:after{font-size:16px;font-family:arial,sans-serif;font-weight:800;content:"..."}
@media (min-width: 992px) {
.blog-wrap{width: 50%;float: left;}
}
@media (min-width: 768px) {
.blog-category {width: 50%; float:left;}
}

.works{background:#fff;position:relative;padding:20px 10px 15px; color:#333;}
.works-item {position: relative;min-height: 1px;padding: 10px;}
.works .row a{display:block;text-decoration:none;transition:all .3s ease}
.works .row a:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}
.works .row a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.works .works-wrap{/*border:1px solid #e4ecf3;border-radius:4px;margin-bottom:10px;*/background-color:#3c3c3c;overflow:hidden;}
.works .works-wrap .desc{margin:10px;color:#6d6d6d!important;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.works .works-head{height:auto;overflow:hidden}
.works .works-head img{width:100%;-webkit-transition:-webkit-transform 1s}
@media (max-width:767px){
.works-wrap{text-align:center}
}
@media (min-width: 1200px) {
.container1 {width:100%; margin:0 auto;}
}
@media (min-width: 992px) {
.works-item {width: 33.33333333%;float: left;}
}

.contact{display:block;padding:100px 0px;text-align:center;color:#fff;background:url(../images/v3-bg.jpg) repeat scroll;}
.contact-title{text-align: center;line-height: 50px;font-size: 40px;font-family: inherit;font-weight: 500;}
.contact-wrap{overflow: hidden;min-height:1px;}
.contact-item {position: relative;background: hsla(188, 100%, 52%, 0.3);margin:20px; padding:20px;border-radius:4%;}
.contact-item:hover{ background:#08aac3;}
.contact-item p{text-align:center;color:#fff;line-height:20px;font-size:14px;}
.contact-item img{margin:10px; padding:0;}
@media (min-width: 992px){
.contact-wrap{width:25%; float:left;}
}
@media (max-width:480px){
.contact-wrap{width:50%; float:left;}
}

.partner{display:block;padding:80px 0px 100px;text-align:center;background:#333; color:#FFFFFF;}
.partner-title{text-align: center;line-height: 50px;font-size: 40px;font-family: inherit;font-weight: 500;}
.partner-title h2{font-size:40px;margin-top: 20px;margin-bottom: 20px;font-family: inherit;font-weight: 500;color: inherit;}
.partner-wrap{overflow: hidden;min-height:1px;}
.partner-item{position: relative;background:#FFFFFF;margin:20px; padding:10px;}
.partner-item img{margin:0px; padding:0;}
@media (min-width: 992px){
.partner-wrap{width:20%; float:left;}
}
@media (max-width:480px){
.partner-wrap{width:50%; float:left;}
}

.footer{display: block;padding:30px 0;background:#1d1d1d;color:hsla(0,0%,100%,.7);}
.footer a{color:hsla(0,0%,100%,.4)}
.footer .footer-links{margin-top:20px;padding:0}
.footer .footer-links h4{font-size:14px}
.footer .footer-qr{margin-top:20px;font-size:12px}
.footer .logo-wrap{padding-left:0;margin-top:20px}
.footer .logo-wrap p{font-size:18px;line-height:24px;margin:10px 0; color:#00b3b3;}
.footer .logo{width:40px;height:40px;border-radius:0px;position:relative;top:-10px}
.footer .name{font-size:30px;font-family:Segoe UI Light}
.footer .slogan{font-size:16px;margin-top:5px;color:hsla(0,0%,100%,.4)}
.footer p{font-size:14px;line-height:24px;margin:10px 0; color:#00b3b3;}
.footer .copyright{text-align:left;margin-top:30px;color:hsla(0,0%,100%,.4)}
.footer .links{text-align:left}
.footer .links .link-title{display:inline-block;font-size:14px}
.footer .links .link-item{display:block;font-size:14px;line-height:24px}
.footer .links .link-item:hover{color:#f2b535}
.footer .qr-item{margin-top:5px;text-align:center;padding:0 2px}
.footer .qr-item img{width:120px;height:120px}
.footer .qr-item img:hover{position:relative;-webkit-transform:scale(2);transform:scale(2);z-index:99}
.footer .qr-item p{margin-top:10px;color:gray}
@media (max-width:992px){
.footer-info{text-align:center}
.footer-info .logo-wrapper{margin-top:0}
.footer-info .copyright{text-align:center;margin-top:10px;margin-bottom:20px}
.footer-links{display:none}
.navbar-collapse{border-top:none;box-shadow:none;width:100%;left:0;top:60px;position:absolute;background:#26282c;z-index:40}
.header .main-nav .navbar-collapse .nav-item.active a{color:#f2b535}
.header.header-scrolled .main-nav .navbar-collapse .nav-item.active a{border:none;color:#f2b535}
.main-nav .navbar-collapse .nav-item{margin-right:0}
.main-nav .navbar-collapse .nav-item a{text-align:center}
}

.i-wrap{padding-bottom:40px}
.i-wrap .i-section-title{margin:0 auto;font-size:30px;padding:20px 0;line-height:1.5em}
.i-wrap .i-content article{margin:1em}
.i-wrap .i-content article h3{font-size:24px;color:#4f4f4f}
.i-wrap .i-content article p{color:#ccc}

.i-main-title{text-align:center;line-height:50px;}
.i-main-title .text span{font-family:Segoe UI Light,Microsoft YaHei,Arial,Helvetica,sans-serif;margin-right:10px}
.i-main-title .sub-title{display:block;font-size:16px;color:#bababa}
.i-title{margin-bottom:50px}
.i-title .text{background-color:#4bbbfa;color:#fff;padding:10px 15px;border-radius:4px;font-size:14px;font-weight:400}
.i-content,.i-section-title{width:980px;margin:0 auto}
.i-more{display:block;margin:0 auto;text-align:center;padding:10px;border:1px solid #fff;box-shadow:6px 6px 0 #fff;width:200px;cursor:pointer}
.i-more,.i-more a{font-size:14px;text-decoration:none}
.i-more a{background-color:#e1e1e1;color:#616161;font-weight:400}
.i-more:hover{text-decoration:none;color:#fff}
.i-foot-bottom{background-color:#212121}

.foot-desc-wrap{width:60%;float:left;padding-right:30px}
.foot-desc-wrap .info-list{float:right;margin-right:40px}
.foot-info-wrap{float:left;border-left:4px solid #0c111d;padding-left:30px;height:80px}
.info-list{font-size:16px;text-align:left}
.contact-list,.info-list{padding:0;list-style:none}

@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){
.nav-item a.hot,.nav-item a.hot:hover{background-image:-webkit-linear-gradient(left,#cddc39,#ff9800 25%,#cddc39 50%,#ff9800 75%,#cddc39)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;-webkit-background-size:200% 100%!important;-webkit-animation:masked-animation 2s infinite linear!important}
.nav-item a.hot:hover{-webkit-animation:masked-animation 1s infinite linear!important}
}
@-webkit-keyframes masked-animation{0%{background-position:0 0}to{background-position:-100% 0}}
/*.nav-item a.hot:before{content:"";display:inline-block;position:relative;top:2px;left:-2px;width:13px;height:15px;background:url(../images/hot.png) 50% no-repeat;background-size:100% 100%}*/

.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
@media (min-width: 768px) {
.container {width: 750px;}
}
@media (min-width: 992px) {
.container {width: 970px;}
}
@media (min-width: 1200px) {
.container {width: 1170px;}
}