/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* FullScreen相关 */
/* 当fullscreen区域放置widgetkit时，添加以下代码防止widgetkit自响应导致高度溢出 */
.fullscreen-slideshow .tm-page {         
z-index: 2;        
position: relative;        
}        

.fullscreen-slideshow .tm-fullscreen .uk-slideshow .tm-image {      
height: 550px;  
}
/* 调整top-a覆盖fullscreen的高度，注意，因为在fullscreen
和top-a之间加了个sidepanel，导致%TEMPLATE%/css/theme.css中的这个样式失效 */
.tm-fullscreen:not(.uk-hidden-large) +.tm-sidepanel + .tm-page {
    margin-top: -50px;
} 


.tm-fullscreen:not(.uk-hidden-large) .uk-slideshow {
	max-height:550px;!important;
}
/* 调整fullscreen的高度 */
.tm-fullscreen {height: 550px;}
/* END FullScreen */


/* 调整移动设备上top-a位置slideshow导航按钮的位置 */
.fp-topa-slideshow  .uk-margin {
  margin-top: 60px;
}

/* 调整移动设备上top-a位置slideshow的尺寸 */
.fp-topa-slideshow .uk-slideshow {height:300px !important;}

.tm-page .tm-block:first-child {padding:20px;}


/* 顶部高度 */
.tm-headerbar {padding:10px 0;}


/* 主导航字体 */
.uk-navbar-nav > li > a {color:#888;}

/* 首页slidershow导航按钮样式 */
@media (min-width:768px) {.uk-dotnav > * > * {width:50px;border-radius:10px;}}
@media (min-width:768px) {#tm-fullscreen .uk-overlay-panel {padding:120px;}}


/* 在移动设备上屏蔽fullscreen */
@media (max-width:959px) {.fullscreen-slideshow #tm-fullscreen{display:none;}}

/* 缩小内容页面边距 */
@media (max-width:768px) {.uk-container {padding:0 0;}}
@media (max-width:768px) {.tm-block {padding:0 0 !important;}}
@media (max-width:768px) {.uk-panel-box {padding:0 0 !important;}}

/* 调整移动设备导航按钮的位置 */
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {padding:0 15px;}

/* 调整首页欢迎文字位置 */
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0px;
}
/* 欢迎文字的图片在chrome下会错位，微调一下 */
@media (min-width: 1220px) {
  /* Horizontal */
  .uk-grid {
    margin-left: -20px;
  }
  .uk-grid > * {
    padding-left: 20px;
  }}


/* 调整首页专利文字位置 */
/* @media (min-width:768px) {
	.tm-block-light + .tm-block-dark, .tm-block-dark + .tm-block-light, .tm-block-full + .tm-block
	{padding-top:20px;}} */
@media (min-width:768px) { .fp-patent +.tm-image {margin-top:-30px;}} 
.fp-patent .tm-teaser-subtitle::before, .fp-patent .tm-teaser-subtitle::after {border-top: 4px solid rgba(0, 0, 0, 0.6);}
.fp-patent .tm-teaser-subtitle {color:#525252}

/* 调整子菜单字体 */
.uk-nav-navbar {font-size:14px;}
  
  
/* 公司简介 */
.company-profile > div {height:500px;} 
.company-profile p {color:#000;}
.company-profile p:not(.tm-teaser-subtitle) {width:400px;padding:30px 0 30px 30px;line-height:30px;}
.company-profile .tm-teaser-subtitle:before,.company-profile .tm-teaser-subtitle:after {border-color:#000;width:50px;}
.company-profile .tm-teaser-subtitle:before {left:-60px;}
.company-profile .tm-teaser-subtitle:after{right:-60px;}
  
/* 文章标题字体 */
.uk-article-title{font-size:25px;}

/* 调整小屏幕上logo的尺寸 */
@media (max-width:768px) {.uk-navbar-center {max-width: 70%;margin-left: 17%;}}  

/* 调整小屏幕上首页产品文字 */
/* @media (max-width:768px)  {.fp-product h3 {font-size:12px;}} */
  


/* #############以上是小改动################ */
   
/* #############下面是大改动################ */
/* sidepanel浮动侧边条 copy from chest */
.tm-sidepanel {
  position: fixed;
  z-index: 999;

  transition: all 0.4s ease-in;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* 修正PC上由于fullscreen引起的侧浮动位置偏差 */
@media (min-width:960px) {.tm-fullscreen + .tm-sidepanel {  margin-top: -531px;}}

.tm-sidepanel.uk-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.tm-sidepanel > .uk-button {
  position: fixed;
  top: 0;
}
.tm-sidepanel > .uk-button:focus {
  background-color: #9fd2d8;
}
.tm-sidepanel > .uk-button:focus:hover {
  background-color: #7bc1c9;
}
.tm-sidepanel > .uk-button.uk-visible-small {
  left: 100%;
}
.tm-sidepanel > .uk-button.uk-hidden-small {
  right: 0;
  -webkit-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
/* END sidepanel浮动侧边条*/
  
/* change default style of the template to "fly-out" */
.uk-nav-navbar > .uk-parent > .uk-nav-sub,      
.uk-nav-navbar > .uk-parent > .uk-nav-sub > .uk-parent > ul {       
display: none;       
}        

.uk-nav-navbar > .uk-parent > a:after,      
.uk-nav-navbar > .uk-parent > .uk-nav-sub > .uk-parent > a:after {          
content: "\f105";          
font-family: "FontAwesome";          
display: block;          
float: right;      
}        

.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub,      
.uk-nav-navbar > .uk-parent > .uk-nav-sub > .uk-parent:hover > ul {           
display: block;          
background: none repeat scroll 0 0 padding-box #fff; //背景颜色需要在各个style里重新调整         
border: 1px solid rgba(0, 0, 0, 0.12);          
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);          
width: 220px;          
margin-top: -37px;          
padding: 15px;          
position: absolute;          
left: 220px;     
}
/* END fly-out */