﻿/*
 * LankeCMS (http://lankecms.com)
 * Copyright (c) 2013-2015 http://lankecms.com All rights reserved.
 * Author: 钟若天 <lankecms@163.com>
 */
@font-face { 
font-family: Roboto; 
src: url('Roboto-Light.ttf'); 
}

body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #7F7F80; background-color: #fff; overflow-x:hidden;}
header{background-color: #d8b571;}
ul{list-style:none;}
.top_menu{font-size: 12px; color: #fff;  width: 100%;  height: 30px;background-color: #d8b571;}
.language{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:6px;}
.logo{margin:0px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}

/*导航菜单*/
.navbar{ margin:0px; background:#f9f9f9;  border: none; margin-top: 0px;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #016c72;}




/*大屏幕*/
@media screen and (min-width: 769px) {
      .logo{max-height: 80px; max-width:400px; margin-top: 7px;}
      .logo_box{margin: 0px;  padding: 0px 10px; height: 90px;}
      .logo_box a{ float:left;}
      .flash{margin-top: 90px;}
      .navbar{min-height: 90px;}
      .navbar-nav{float:right;}
      .navbar-nav > li > a {transition:background 0.4s; text-align: center;}
      .navbar-default .navbar-nav > li > a{padding-top: 35px; padding-bottom:35px;color: #333;font-size:18px; font-weight: 300; font-family:'Roboto',Arial,Helvetica, sans-serif; }
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
       background-color: #009fa8; color: #fff;}
      .navbar-default .navbar-nav-c > li > a{font-size:14px;font-family:'microsoft yahei';}

      .small-nav{min-height: 70px; background: rgba(163,0,3,0.85); margin-top: 0px;}
      .small-nav .navbar-nav > li > a{padding-top: 25px; padding-bottom:25px;}
      .small-nav img.logo{max-height: 60px; max-width:220px; }
       .small-nav p.logo_box{padding: 0px 10px; height: 70px;}
      .toflash{margin-top:0px;}
      .navbar-brand{display: none;}

      .nav_small{ background-color:#016c72; padding: 15px 0px 15px 0px;   border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{}
      .nav_small > li > a{line-height:20px; color: #ffffff; font-size: 12px;font-family: Arial}
      .nav_small > li > a:hover{color: #fff; background-color: #695653;}
      #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .logo{max-width:150px; margin-top: 20px;}
  .small-nav img.logo{max-width:150px; margin-top: 10px;}
}

/*小屏幕*/
@media screen and (max-width: 768px) {
      .navbar{}
      .navbar-default .navbar-brand {color: #fff;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none; margin-top:15px;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #01676d;max-height:600px;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #009fa8;
      }
	  .navbar-default .navbar-toggle:hover .icon-bar,
      .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #666;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px; background:#009fa8}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #ffffff;font-family:Arial,Helvetica, sans-serif; font-size: 13px;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #016c72; color: #fff;}

}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}


@media screen and (max-width: 240px) {
  .logo{max-width:120px; margin: 5px;}
  .logo_box{padding:0px 5px; max-width:130px;  height: 50px;}
}




.world{ width:96%; margin:0 auto; padding-top:20px; padding-bottom:10px;}