/* fonts */
@font-face {
    font-family: 'sourcesanspro-bold';
    src: url("../fonts/original-sourcesanspro-bold.otf") format('opentype'),url("../fonts/sourcesanspro-bold.woff") format('woff'), url("../fonts/sourcesanspro-bold.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'sourcesanspro-light';
    src: url("../fonts/original-sourcesanspro-light.otf") format('opentype'),url("../fonts/sourcesanspro-light.woff") format('woff'), url("../fonts/sourcesanspro-light.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesanspro-regular';
    src: url("../fonts/original-sourcesanspro-regular.otf") format('opentype'),url("../fonts/sourcesanspro-regular.woff") format('woff'), url("../fonts/sourcesanspro-regular.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url("../fonts/original-sourcesanspro-semibold.otf") format('opentype'),url("../fonts/sourcesanspro-semibold.woff") format('woff'), url("../fonts/sourcesanspro-semibold.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

html,body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
header
*/
header{ width: 100%; position: fixed; z-index: 1000; top: 0; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; background: #fff; height: 66px; line-height: 64px; }
nav a{ font-size: 21px; color: #3e3a39; display: inline-block; font-family: 'sourcesanspro-bold'; transition: all 0.5s; letter-spacing: .05em; display: inline-block; }
nav { text-align: right; }
nav a:hover{ text-decoration: none; color: #898989;}
.fixed-logo{ position: fixed; top: 21px; z-index: 1100; }
.logo{ width: 105px; transition: all 0.5s;}
.st0{ fill:#404041; transition: all 0.5s;}
.logo-mobile-inner .fill-white{ fill: #fff!important; }
.logo-mobile-index .st0{ fill: #fff!important; }
.logo-mobile-index .fill-black{ fill: #404041!important; }

/*手机导航*/
#mobile-icon{ position:fixed; top:25px; right:30px; z-index:1100; cursor: pointer;}
.nav-icon{ display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.nav-icon i{ display: inline-block; width: 12px; height: 12px; background: #404041; border-radius: 50px; margin: 0 4px; transition: all 0.5s;}
.over-nav-box{ background: rgba(255,255,255,.8); left: 0; top: 0; position:fixed; display: none; z-index:502;}
.over-nav a{ color: #404041; display: block; line-height: 80px; font-size: 22px; font-family: 'sourcesanspro-bold'; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); letter-spacing: .1em;}
.tans-1{transform:translateX(10px) scale(1.5,1.5); transition: all 0.6s; background: #404041!important; }
.tans-2{transform:translateX(-10px) scale(1.5,1.5); transition: all 0.6s; background: #404041!important; }
.tans-0{transform:translateX(0) scale(1,1); transition: all 0.6s;}

/**/
.nav-icon-index i{ background: #fff; }
/* 手机版内页导航原点变化 */
.nav-icon-inner.dot-white i{ background: #fff!important; }

/*
方块排版
*/
.vh-all {
    height: calc(100vh - 12px);
}
.vh-half{
    height: calc((100vh - 18px)/2);
}

.img-box .short-line{ display: inline-block; width: 33px; height: 1px; background:rgba(0,0,0,.7); }
.img-box-text h2{ font-size: 1.3125rem; font-family: "sourcesanspro-bold"; }
.img-box-text p{ font-size: 0.8125rem; font-family: "sourcesanspro-regular"; line-height: 1.6em; margin: 0; letter-spacing: .05em;}
.img-box-text span{ font-size: 0.8125rem; font-family: "sourcesanspro-bold"; display: block; margin-top: 10px; color: #404041; letter-spacing: .05em;}
.prize img{ margin: 0 10px; }
/*
loading
*/
img[data-src][src*='data:image'] { background: rgb(0,0,0); }

.about-text{ padding: 170px 50px; }
.about-text p{ font-family:"sourcesanspro-regular";  font-size: 19px; line-height: 1.6em; letter-spacing: .03em;}

.awards{ background: #efefef; padding: 80px 0; }

.awards-text{ padding: 120px 0 120px; }
.awards-text h4{ font-family: "sourcesanspro-bold"; font-size: 21px; color: #404041; margin-bottom: 40px; letter-spacing: .05em; }
.awards-text dt{ font-family: "sourcesanspro-regular"; font-size: 13px;letter-spacing: .05em; font-weight: normal; color:#999;}
.awards-text dt i{ font-style: normal; color:#404041; }
.awards-text dd p{ margin:0; font-size: 13px; font-family: "sourcesanspro-regular"; line-height: 1.6em; letter-spacing: .03em; color: #999;}

footer{background: #1c1c1c; padding: 60px 0 40px; }
footer dl dt{ font-family: "sourcesanspro-bold"; font-size: 20px; color: #505050; letter-spacing: .05em; margin-bottom: 25px;}
footer .address-box dd{font-family: "sourcesanspro-regular"; font-size: 13px; color: #505050; line-height: 1.6em; letter-spacing: .03em; color:#505050;}
.share-link a{ display: block; font-family: "微软雅黑"; font-size: 21px; color: #505050; font-weight:500; letter-spacing: .05em; transition: all 0.5s;}
.share-link a:hover{ text-decoration: none; color: #999; }

.bt-form input{
    display: block;
    text-align: center;
    line-height: 36px;
    width: 100%;
    border: none;
    border-bottom: #404041 2px solid;
    font-size: 13px;
    outline: none;
    letter-spacing: .05em;
    color: #908f8f;
    margin-bottom: 5px;
    border-radius:0; -webkit-appearance:none;
    margin-top:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bt-form button{
    background: none;
    border:#404041 2px solid;
    border-radius: 26px;
    font-family: "sourcesanspro-bold";
    font-size: 13px;
    color: #404041;
    display: block;
    margin:2px auto;
    cursor: pointer;
    padding: 10px 30px;
    letter-spacing: .05em;
    transition: all 0.5s; outline:none;
}

.bt-form button:hover{ color:#fff; background: #404041}
.email-error{ color: #999; text-align: center;font-size: 12px; margin:0; height:20px; display: none;}
.email-error-box{ height: 20px; }

footer .uk-grid + .uk-grid, footer .uk-grid > .uk-grid-margin, footer * + .uk-grid-margin { margin-top: 60px; }
.copyright { font-family: "sourcesanspro-regular"; font-size: 13px; color: #505050; margin-top: 20px; margin-bottom: 20px; }

/*
内页文字介绍
*/
.content{ min-height: 100vh; }
.products { padding:75px 0; }
.products h1{ font-size: 21px; font-family: "sourcesanspro-bold"; margin-bottom: 48px; letter-spacing:.05em; color:#404041;}
.products h5{ font-size: 16px; font-family: "sourcesanspro-bold"; color: #999; margin-bottom: 55px; 
letter-spacing: .05em;}
.products .note{ max-width:730px; margin:0 auto; }
.products .note p{ font-family: "sourcesanspro-regular"; font-size: 19px; color: #404041;  line-height: 1.6em; letter-spacing: .03em;}
.products .more-text{ font-size: 13px; font-family: "sourcesanspro-regular"; color: #404041; display: none; margin-top: 60px;}
.products .more-text p{ margin: 0; letter-spacing: .03em; line-height: 1.6em; }
.products .more-text .kongbai{ width: 100%; height: 100%; background: #fff; }
.readmore{ text-align: center;  margin-top: 50px;}
.readmore a{
    font-family: "sourcesanspro-bold";
    font-size: 13px;
    color: #404041;
    text-decoration: none;
    letter-spacing: .05em;
    display: inline-block;
    transition: all 0.5s;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border: #404041 2px solid;
    border-radius: 36px;
    padding: 10px 40px;
    transition: all 0.5s;
}
.readmore a:hover{ color: #fff; background: #404041; }

/* awards more*/
.more-btn{   
    font-family: "sourcesanspro-bold";
    font-size: 13px;
    color: #404041;
    text-decoration: none;
    letter-spacing: .05em;
    display: inline-block;
    transition: all 0.5s;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border: #404041 2px solid;
    border-radius: 36px;
    padding: 10px 40px;
    transition: all 0.5s;
    outline: none;
}
.more-btn:hover{ 
    color: #fff; background: #404041;
 }

.text-box{ max-width: 500px; padding: 0 50px; text-align: center; }
.text-box p{ margin: 0; font-family: "sourcesanspro-regular"; font-size: 19px; line-height: 1.6em; color: #404041; letter-spacing: .03em; }

.pages{ margin-bottom: 50px; }
.pages .uk-card a{ font-size: 13px; font-family: "sourcesanspro-bold"; }
.pages .uk-card a:hover{ text-decoration: none; color: #404041; }
.pages .uk-card a:hover i{ color: #404041; }
.pages .uk-card a i{ color: #999; font-style: normal; transition: all 0.5s; display: block;}
.pages .uk-card a span{ color: #404041; margin-bottom: 2px; font-style: normal; display: block;}


.back-to-top{
    font-family: "sourcesanspro-bold";
    font-size: 13px;
    color: #404041;
    text-decoration: none;
    letter-spacing: .1em;
    display: inline-block;
    transition: all 0.5s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border: #404041 2px solid;
    border-radius: 36px;
    padding: 10px 40px;
    text-align: center;
    letter-spacing: .05em;
 }

.back-to-top:hover{
    text-decoration: none;
    color:#fff;
    background: #404041;
}

#toggle-awards{ display: none; }

/*
video
*/
.video-box-m{ background: #000; }
#video-m{
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
}