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

@font-face {
  font-family: 'MyriadPro-BoldCond';
  src: url("../fonts/myriadpro-boldcond.otf") format('opentype'),url("../fonts/myriadpro-boldcond.ttf") format('truetype'), url("../fonts/myriadpro-boldcond.woff") format('woff'),
  url("../fonts/myriadpro-boldcond.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-BoldCondIt';
  src: url("../fonts/myriadpro-boldcondit.otf") format('opentype'), url("../fonts/myriadpro-boldcondit.ttf") format('truetype'),
  url("../fonts/myriadpro-boldcondit.woff") format('woff'),url("../fonts/myriadpro-boldcondit.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-BoldIt';
  src: url("../fonts/myriadpro-boldit.otf") format('opentype'),url("../fonts/myriadpro-boldit.ttf") format('truetype'),
  url("../fonts/myriadpro-boldit.woff") format('woff'),url("../fonts/myriadpro-boldit.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-BoldSemiCn';
  src: url("../fonts/myriadpro-boldsemicn.otf") format('opentype'), url("../fonts/myriadpro-boldsemicn.ttf") format('truetype'),
  url("../fonts/myriadpro-boldsemicn.woff") format('woff'),url("../fonts/myriadpro-boldsemicn.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Cond';
  src: url("../fonts/myriadpro-cond.otf") format('opentype'),url("../fonts/myriadpro-cond.ttf") format('truetype'),
  url("../fonts/myriadpro-cond.woff") format('woff'),url("../fonts/myriadpro-cond.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-CondIt';
  src: url("../fonts/myriadpro-condit.otf") format('opentype'),url("../fonts/myriadpro-condit.ttf") format('truetype'),
  url("../fonts/myriadpro-condit.woff") format('woff'),url("../fonts/myriadpro-condit.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-It';
  src: url("../fonts/myriadpro-it.otf") format('opentype'),url("../fonts/myriadpro-it.ttf") format('truetype'),
  url("../fonts/myriadpro-it.woff") format('woff'),url("../fonts/myriadpro-it.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

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

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

@font-face {
  font-family: 'MyriadPro-SemiboldIt';
  src: url("../fonts/myriadpro-semiboldit.otf") format('opentype'),url("../fonts/myriadpro-semiboldit.ttf") format('truetype'),
  url("../fonts/myriadpro-semiboldit.woff") format('woff'),url("../fonts/myriadpro-semiboldit.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceHanSansCN-Normal';
  src: url("../fonts/sourceHanSansCN-Normal.otf"),url("../fonts/sourceHanSansCN-Normal.ttf") format('truetype'),
  url("../fonts/sourceHanSansCN-Normal.woff") format('woff'),url("../fonts/sourceHanSansCN-Normal.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
.w910{ max-width: 910px; padding: 0 30px; }
.w980{ max-width: 980px; padding: 0 30px; }

/*all*/
.mb75{ margin-bottom: 75px; }
.mb75{ margin-bottom: 50px; }
/* header style*/


.fixed-logo{position: fixed; left: 50px; top: 18px; z-index: 1000; }
.fixed-logo2{position: fixed; left: 34px; top: 34px; z-index: 1000; }

/*手机导航*/
#mobile-icon{ position:fixed; top:40px; right:34px; z-index:1100;}
.nav-icon{ display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.nav-icon i{ display: inline-block; width: 12px; height: 12px; background: #fff; border-radius: 50px; margin: 0 4px; }
.over-nav-box{background: rgba(0,0,0,.6); left: 0; top: 0; position:fixed; display: none; z-index: 40;}
.over-nav a{ color: #fff; display: block; margin-top: 50px; font-size: 22px; font-family: "MyriadPro-BoldSemiCn"; 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;}
.tans-2{transform:translateX(-10px) scale(1.5,1.5); transition: all 0.6s;}
.tans-0{transform:translateX(0) scale(1,1); transition: all 0.6s;}

.uk-slidenav-position { position: relative; }

/*socialstudy */
.socialstudy h1{ font-family: "MyriadPro-BoldSemiCn"; color: #fff;  margin-bottom: 50px; letter-spacing: .05em;}
.socialstudy a{ font-family: "MyriadPro-BoldSemiCn"; transition: all 0.5s; font-size: 23px; color: #fff; text-decoration: none; letter-spacing: .1em;}
.socialstudy a:hover{ color: #898989; }
.item50{ height: 50vh; min-height: 300px;}

/*  about */
.about{ background: #EFEFEF; width:100%; overflow: hidden;}
.parenBox { display: table; }
.childBox { display: table-cell;  vertical-align: middle; }
.about .p1{ margin-bottom: 50px; }
.about .p1 p{font-family: "MyriadPro-Regular"; font-size: 18px; line-height: 1.4em; margin-bottom: 30px; letter-spacing: .05em;}
.about .p2 p{ font-family: "SourceHanSansCN-Normal"; font-size: 14px; line-height: 1.6em; letter-spacing: .05em;}

/*
awords-box
*/
.awords dt{ font-family: "MyriadPro-Regular"; font-size: 14px;letter-spacing: .05em; font-weight: normal;}
.awords dt i{font-family: 'MyriadPro-Semibold'; font-style: normal;}
.awords dd p{ margin-bottom: 1px; margin-top: 1px; font-family: "MyriadPro-Regular"; letter-spacing: .05em;}

.viewmore{ text-align: center; margin-top:65px; }
.viewmore a{ font-family: "MyriadPro-BoldSemiCn"; font-size:18px; color: #3e3a39; display: inline-block; margin: 0 30px; 
text-decoration: none; letter-spacing: .1em; transition: all 0.5s; display: inline-block; width: 130px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.viewmore a:hover{ color: #898989; }
.viewmore:hover i{ background: #535353; }
.viewmore i{ display: inline-block; width: 8px; height: 8px;  border:#535353 2px solid; border-radius: 50%;
 color: #535353; transition: all 0.5s;}
.shixin i{ background: #535353; }

/*contact*/
.contact{ padding:80px 0 30px; }
.contact dl dt{ font-family: "MyriadPro-BoldSemiCn"; font-size: 20px; color: #3e3a39; letter-spacing: .05em;}
.contact dl dd{ font-size: 13px; color: #404041; line-height: 1.8em; letter-spacing: .05em; color:#404041;}
.contact .uk-grid-margin{ margin-top: 55px!important; }

.bt-form{ margin-top: -15px; }
.bt-form input{ display: block; text-align: center; line-height: 36px; width: 220px; border: none; border-bottom: #404041 2px solid;  
  font-size: 13px; color: #3e3a39; outline: none;  letter-spacing: .05em; color: #908f8f; margin-bottom: 5px; border-radius:0; -webkit-appearance:none}
.bt-form button{ background: none; border:none; font-family: "MyriadPro-BoldSemiCn"; font-size: 18px;
 color: #404041; display: block; margin:2px auto; cursor: pointer; letter-spacing: .05em; transition: all 0.5s; outline:none;}
.bt-form button:hover{ color:#908f8f; }
.email-error{ color: #999; text-align: center;font-size: 12px; margin:0; height:20px; display: none;}
.email-error-box{ height: 20px; }

footer{ height: 180px; }
address{ color: #404041; font-size: 13px; font-family: "MyriadPro-Regular";letter-spacing: .05em; margin-bottom: 0; padding-left:20px; margin-top:10px; padding-left:0;}
address i{display:inline-block; font-style:normal; width:12px; height:12px; color:#fff; background:#404041; border-radius:50%; 
line-height:12px; text-align:center; }
address span{display:inline-block; padding-top:2px;}
.share{ min-width: 148px; }
.share i{  color: #404041; transition: all 0.5s; font-size:34px;font-style:normal;}
.share a{ display: inline-block; }
.share a:hover{ text-decoration:none; }
.share .zcool:hover i{ color:#FFCF4A;}
.share .behance:hover i{ color:#1296db;}
.share .weixin:hover i{ color:#56B74B;}
.share .weixin span{display:block; bottom:38px; left:-55px; width: 148px; height: 159px; display: none;}

/*work*/
.work-overlay h1{ font-size: 30px; font-family: "MyriadPro-BoldSemiCn";letter-spacing: .05em; }
.work-overlay p{ font-size: 13px; font-family: "MyriadPro-Semibold";letter-spacing: .05em; line-height:18px;}
.work-overlay p span{font-family: "MyriadPro-BoldSemiCn"; letter-spacing: .05em; font-size: 14px;}
.work-overlay p:last-child{ margin-bottom: 0; }
.uk-overlay-panel{ transition:all 0.5s;}
.m64 h1{ line-height:34px;}

/* product */
.products h1{ font-size: 24px; font-family: "MyriadPro-BoldSemiCn"; margin-bottom: 48px; letter-spacing:.1em; color:#404041;}
.products h5{ font-size: 16px; font-family: "MyriadPro-BoldSemiCn"; color: #908f8f; margin-bottom: 55px; letter-spacing: .1em;}
.products .note{ max-width:730px; margin:0 auto;margin-bottom:60px;}
.products .note p{ font-family: "MyriadPro-Regular"; font-size: 20px; color: #404041;  line-height: 1.5em; letter-spacing: .05em;}
.readmore{ text-align: center;  }
.readmore a{ font-family: "MyriadPro-BoldSemiCn"; font-size: 18px; color: #3e3a39; display: inline-block; margin: 0 30px; 
text-decoration: none; letter-spacing: .1em; display: inline-block; width: 130px; transition: all 0.5s;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.readmore a:hover{ color: #898989; }
.readmore:hover i{ background: #535353; }
.p-grid{ display:none;}
.readmore i{ display: inline-block; width: 8px; height: 8px;  border:#535353 2px solid; border-radius: 50%; color: #535353; transition: all 0.5s;}
/*.pro-img{ margin-top: 120px; }*/
.pro-img{ margin-top: 60px; }
.pro-img img{ margin: 15px 15px; }

.h95{ display:none; height:65px;}
.products .more-text { font-size: 14px; line-height: 1.6em; text-align: left; margin:40px 20px 60px;  
  overflow:hidden; font-family: "MyriadPro-Regular";letter-spacing: .05em; display:none;}
.products .more-text p{ letter-spacing: .05em; }
.products .more-text .kongbai{ width:100%; height:100%; background:#fff;}

.text1{ font-family: "MyriadPro-Regular"; font-size: 20px; line-height: 1.5em;letter-spacing: .05em; 
margin-left:auto; margin-right:auto; margin-bottom:0;max-width:500px;padding-left:40px;padding-right: 40px;}

.pagenext { padding:45px 35px; margin-bottom: 70px;}
.pagenext i{display: inline-block; width: 8px; height: 8px;  border:#535353 2px solid; border-radius: 50%; color: #535353;
 transition: all 0.5s;}
.pagenext p{ font-family: "MyriadPro-Semibold"; color: #535353; font-size: 13px; letter-spacing: .1em; margin: 6px 0px;}
.pagenext p.p2{ color: #898989; transition: all 0.5s;}
.pagenext p.p2:hover{ color: #3e3a39; }
.pagenext a:hover{ text-decoration: none; transition: all 0.5s;}
.pagenext a	{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*maps*/

/**视频高度为vh-all  宽度实现4:3**/
#video{
	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	}