body {
  /*padding-top:50px;*/
  font-family:'Microsoft YaHei', Arial,​ Verdana, sans-serif;
}
.col-center-block {
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

/*margin:0; padding:0; border:1px solid #05BB7F; */
.navbar-default   { background:#FFF; }
.navbar           { height:82px; margin:0; position:relative; }

/* margin:0;这个不起作用，优先级不够，padding:0;需要设置 */
.navbar-brand     { height:82px; /*padding:0;*/ }
.navbar-brand>img { width:100%; }

.navbar-nav          { background:#FFF; padding:18px 0 0 0; }
.navbar-nav > li     { padding:0 13px; }
.navbar-nav > li > a { padding:10px 2px; font-size:16px;}

.navbar .navbar-nav > li > a { color:#111; }/**/
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover {
	background:#FFF;
	color:#ff4b33;
	border-top:3px solid #ff4b33;
	margin-top:-3px;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
	background:#FFF;
	color:#ff4b33;
	border-top:3px solid #ff4b33;
	margin-top:-3px;
}

/* background:rgba(0, 0, 0, 0) url("../images/bg-shu.jpg") no-repeat scroll 100% 50%;  */
.navbar .language      { overflow:hidden; padding:28px 0 0 0; }
.navbar .language > li   { padding:0; }
.navbar .language > li > a { padding:0 3px; }

/*.navbar .language > li > a { color:#111; }*/
.navbar .language > li > a:focus,
.navbar .language > li > a:hover {
	/*background:#FFF;
	color:#ff4b33;*/
	border-top:none;
	margin-top:0;
}

/* */
.home-box { margin:42px 0; }
.home-box .more {
    background: rgba(0, 0, 0, 0) url(../images/bg-more.jpg) no-repeat scroll 0 0;
    bottom: -1em;
    color: transparent;
    position: absolute;
    right: 2em;
    width: 46px;
	height: 18px;
}
.footer-box { background:#ECECEC; padding:36px 0; }

.footer-box .nav li {}
.footer-box .nav li a { padding:5px 0; font-size:12px; color:#111; }

.footer-box .nav li a:focus,
.footer-box .nav li a:hover {
	text-decoration:underline;
	background:#ECECEC;
}

/*  */
.fluid-box { width:100%; background:url(../images/bg-img.jpg) no-repeat scroll 50% 0%; }
/*.fluid-box .row-offcanvas { }*/

.white-box { background:#FFF; border:1px solid #ddd; margin-bottom:20px; }
.white-word { color:#FFF; }
.banner-bg { }

.tn3-thumbs { height:45px; }

.no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }

.border-top { border-top:1px solid #ccc; margin:-1px 0 0 0; }
.border-bottom { border-bottom:1px solid #ccc; margin:0 0 -1px 0; }

/* */
.sidebar-box { border:1px solid #ccc; }

/* background:#1073b9 url(../images/bg-shu.jpg) no-repeat scroll 20% 50%;  */
.title-sidebar { background:#19A176; height:60px; text-align:center; margin:0; padding:1em 0; }

.title-sidebar h3 { color:#FFF; margin:0; }
/*.title-sidebar h4 { font-size:18px; color:#FFF; margin:0;  }*/
/*.title-sidebar p { font-size:13px; color:#FFF; margin:0;  }*/


.circle { list-style-type:circle; color:#999; font-size:18px; margin-left:3em; }
.circle a { color:#333; font-size:14px; }

.nav-sidebar { padding:0; margin:0; }
.nav-sidebar li { padding:0.7em 0; }
.nav-sidebar li a { text-decoration:none; display:block; }

.nav-sidebar li a:focus,
.nav-sidebar li a:hover { color:#1073b9; }

.nav-sidebar2 { padding:0; margin:0; }
.nav-sidebar2 li { padding:0.3em 0; margin-left:0.6em; }
.nav-sidebar2 li a { color:#888; }

/*  */
.breadcrumb-box { border-bottom:1px solid #CCC; margin-bottom:2em; }
.breadcrumb-box p { margin:0 !important; padding:0.5em; }
.breadcrumb-box h2 { margin: -8px 0 0; color: #636363; }
.breadcrumb-box h3 { margin:0 !important; margin:0; padding:0.5em; }

.breadcrumb { background:#FFF; border-radius:0px; margin:0 !important; }
.breadcrumb>li+li:before { color:#333; content:'>'; }
.breadcrumb>li>a { color:#333; font-size:13px; }

.title-category { background:#FFF; display:inline-block; padding:1em 5em; border:0px solid #ccc; }
.title-category h3 { margin:0; font-size:22px; font-weight:600; }
.title-category p  { margin:0; margin-bottom:0.5em; color:#aaa; border-left:5px solid #0074e1; padding:0 0.5em; line-height:1em; }

/*  */
.albums-box { margin-top:2em; }

.albums-box .slider,
.albums-box .slider img { text-align:center; color:#111; }

.albums-box .slider-nav .slick-slide { margin:5px; }
.albums-box .slider-nav img { width:100%; }

.albums-box .slider-for img { width:100%; }

/* */
.doc-body { }
.doc-body p { font-size:14px; line-height:1.6em; }
.doc-body img { max-width:100%; }

.doc-body .table,
.doc-body .table p { font-size:12px; }

.doc-body .table thead tr,
.doc-body .table .firstRow { background:#BBB; }

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color:#EEE;
}

.nav-tabs li p {
	border:1px solid #ccc;
    margin:0 5px 0 0;
    padding:5px 15px;
}

/* banner */
.banner-outer { background:url(../images/bg-img.jpg) no-repeat scroll 50% 50%; background-size:100% 100%; }
.banner-inner { height:260px; }

.banner-inner h1 { font-size:43px; color:#FFF; margin:0; padding:2.2em 0 0 0; }
.banner-inner h3 { font-size:30px; color:#FFF; margin:0; padding:0.5em 0 0 0; }
.banner { overflow:hidden; text-align:center; }

/* 幻灯片 .slider-banner 同元素 .slick-slide */
.slick-slide img.slick-loading { border:0; }

/* */
.slider-banner { margin:0 auto; }
.slider-banner .banner-item { }
.slider-banner .banner-image { padding:0px; text-align:center; }
.slider-banner .banner-image img { display:block; width:100%; }
/* */
.slider-banner .slick-prev,
.slider-banner .slick-next { width:28px; height:26px; }

.slider-banner .slick-prev {  left:25px; }
.slider-banner .slick-next { right:25px; }
.slider-banner .slick-prev::before,
.slider-banner .slick-next::before { font-size:40px; }
/* */
.slider-banner .slick-dots { bottom:0px; }
.slider-banner .slick-dots li button::before { font-size:16px; color:#FFF; }


/* */
.slider-pros { margin:2em auto 4.5em; margin:0; }
.slider-pros .pros-item { }
.slider-pros .pros-item p { line-height:2em; }

.slider-pros .pros-image { display:inline-block; border:1px solid #ccc; margin:10px; /*border-radius:50%;*/ overflow:hidden; }
.slider-pros .pros-image img { display:inline-block; width:100%; }

/* */
.slider-pros .slick-prev { background:rgba(0, 0, 0, 0) url("../images/prev.jpg") no-repeat scroll 0 0; width:44px; height:102px;  /*left:-62px; */margin-top:-52px; left:-110px; }
.slider-pros .slick-next { background:rgba(0, 0, 0, 0) url("../images/next.jpg") no-repeat scroll 0 0; width:44px; height:102px; /*right:-62px; */margin-top:-52px; right:-110px; }
.slider-pros .slick-prev::before,
.slider-pros .slick-next::before { font-size:30px; color:#999; content:""; }
/* */
.slider-pros .slick-dots { bottom:-3em; }
.slider-pros .slick-dots li button::before { font-size:14px; }

/*  */
.pros-list { list-style:none; }
.pros-list li { list-style:none; height: 220px; }
.pros-list li a { display:block; text-align:center; margin-bottom:2em; }
.pros-list li img { max-width:100%; border:1px solid #ccc; }
.pros-list li p { line-height:3em; font-size:13px; }

/*  */
.news-list { list-style:none; }
.news-list li { list-style:none; border:0px solid #ccc; padding:0; }
.news-list li a {}
.news-list li span {}

/* 在线反馈 */
.cms_feedback {}
.cms_feedback .row { margin:10px 0 30px; }

.cms_feedback  label { display:inline-block; text-align:right; white-space:nowrap; width:100px; }
.cms_feedback .input { border:1px solid #e9e9e9; padding:5px; width:260px; }
.cms_feedback  select { }
.cms_feedback  textarea {border:1px solid #e9e9e9; padding:5px; height:180px; width:400px; }

.cms_feedback .tips { color:#D10329; }
.cms_feedback .bi_tian { color:#D10329; }

.cms_feedback .verify { display:inline-block; }
.cms_feedback .verifycode, 
.cms_feedback .verifytxt { width:150px; }

.cms_feedback .submit_btn { border:none; padding:8px 32px; background:#eee; margin-left:23%; }


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width:767px) {
  .row-offcanvas {
    position:relative;
    -webkit-transition:all .25s ease-out;
         -o-transition:all .25s ease-out;
            transition:all .25s ease-out;
  }

  .row-offcanvas-right {
    right:0;
  }
  .row-offcanvas-left {
    left:0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right:-50%; /* 6 columns */ /*display:none;*/
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    /*left:-50%;  6 columns */ /*display:none;*/
	left:-60%;
  }

  .row-offcanvas-right.active {
    right:50%; /* 6 columns */
  }
  .row-offcanvas-left.active {
    /*left:50%;  6 columns */
	left:70%;
  }

  .sidebar-offcanvas {
    position:absolute;
    top:0;
    /*width:50%;  6 columns */
	width:60%;
	z-index:11;
  }
  .sidebar-offcanvas .nav-sidebar { /*padding-left:10px;*/ }
  
  /* 上面display:none;可以和这里对应使用 
  .row-offcanvas-left.active
  .sidebar-offcanvas, 
  .row-offcanvas-right.active
  .sidebar-offcanvas { display:block; }
  */
}

@media (max-width:768px) {
.language li a img  { display:none; }

/*.menu-nav,
.language { float:right; }*/

.navbar .navbar-collapse { background:#FFF; }

.navbar .menu-nav,
.navbar .language { padding:0; }

.navbar .language > li { margin:0; padding:0 12px; }
.navbar .language > li > a { padding:10px 2px; text-align:right; }

/*.navbar-static-top { border-width:1px; }*/
.navbar .language li:first-child { display:none; }

.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover,

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
	border-top:none;
	margin-top:0;
}

.btn-group-xs > .btn, 
.btn-xs { margin:10px; }

.breadcrumb-box h2 { font-size:18px; margin:0px; padding:0px; }
.breadcrumb { margin:0px; padding:5px; }

.footer-box .nav, 
.footer-box .contact { margin-bottom:10px; }

#sidebar,
#main { margin:1em 0; }
}
@media (min-width:768px) {
.language li a span { display:none; }

.menu-nav,
.language { float:right !important; clear:right; }

/*.navbar-static-top { border-width:1px; }*/

#sidebar,
#main    { padding:30px; min-height:600px; }

#sidebar { margin:1em 0; }
#main    { margin:2em 0; }

.banner-bg { margin-right:150px; }

.footer-box .nav, 
.footer-box .contact { border-right:1px solid #ccc; }
}

@media (max-width:991px) {
.gallery-box { display:none; }
}
@media (min-width:991px) {
.gallery-list { display:none; }
}

/*
 * Media
 * --------------------------------------------------
 */
@media (min-width:1200px) { /*body { background:pink; }*/
/* */
.navbar           { height:133px; }

.navbar-brand     { height:133px; padding:0; }
.navbar-brand>img { width:100%; margin-top:21%; }

.navbar .menu-nav { margin-left:100px; }
.navbar .language { margin-left:30px; margin-right:15px; }
/* */
.banner-item .banner-image { height:462px; }

.slider-pros .slick-dots { display:none !important; }

.breadcrumb { margin-top:1em; }
}


@media (min-width:992px) and (max-width:1199px) { /*body { background:blue; }*/
/* */
.navbar           { height:120px; }

.navbar-brand     { height:120px; padding:0; }
.navbar-brand>img { width:90%; margin-top:8%; }

.navbar .menu-nav { margin-left:50px; padding:33px 0 0 0; }
.navbar .language { position:absolute; padding:0; margin:0 0 0 -15px; bottom:1em; }
/* */
.banner-item .banner-image { height:430px; }

.slider-pros .slick-dots { display:none !important; }

.breadcrumb { margin-top:1em; }
}
@media (min-width:768px) and (max-width:991px) { /*body { background:yellow; }*/
/* */
.navbar           { height:132px; }

.navbar-brand     { height:80px; /*padding:0;*/ }
.navbar-brand>img { width:80%; /*margin-top:0%;*/ }

.navbar .menu-nav { margin:3px 0 3px 0px; padding:0; }
.navbar .language { position:absolute; padding:0; margin:0; top:2em; right:2em;  }

.navbar .menu-nav li { padding:0 15px; }
/* */
.banner-item .banner-image { height:400px; }

.slider-pros .slick-prev,
.slider-pros .slick-next { display:none !important; }

}


@media (min-width:480px) and (max-width:767px) { /*body { background-color:orange; }*/
.banner-bg { width:90%; }
/* */
.navbar           { height:72px; }

.navbar-brand     { height:72px; /*padding:0;*/ }
.navbar-brand>img { width:80%; /*margin-top:0%;*/ }

/* */
.navbar-default .navbar-collapse { border-bottom:3px solid #FF4B33; }
.navbar-default .navbar-toggle { margin:1.5em 1.5em 0 0; }

/* */
.banner-item .banner-image { height:380px; }

.slider-pros .slick-prev,
.slider-pros .slick-next { display:none !important; }

.home-title-top {  font-size:26px; }
.home-about-box .home-title-top span { display:block; }

/* */
.cms_feedback label { display:block; text-align:left; width:auto; }
.cms_feedback .required { display:inline-block; }

.cms_feedback .input { width:100%; }
.cms_feedback .verifytxt { width:50%; display:inline-block; }
.cms_feedback  select { }
.cms_feedback  textarea { width:100%; }

.cms_feedback .verifycode { width:40%; display:inline-block; }


.home-footer-box .text-right { text-align:left; }
}
@media screen and (max-width:480px) { /*body { background-color:purple; }*/
.banner-bg { width:80%; }
/* */
.navbar       { height:66px; }

.navbar-brand { height:66px; width:180px; /*padding:0;*/ }
.navbar-brand>img { width:100%; /*margin-top:0%;*/ }

/* */
.navbar-default .navbar-collapse { border-bottom:3px solid #FF4B33; }
.navbar-default .navbar-toggle { margin:1em 1em 0 0; }

/* */
.banner-item .banner-image { height:360px; }

.slider-pros .slick-prev,
.slider-pros .slick-next { display:none !important; }

.home-title-top {  font-size:22px; }
/*.home-pro-box .home-title-top span,*/
.home-about-box .home-title-top span { display:block; }

/* */
.cms_feedback label { display:block; text-align:left; width:auto; }
.cms_feedback .required { display:inline-block; }

.cms_feedback .input { width:100%; }
.cms_feedback .verifytxt { width:50%; display:inline-block; }
.cms_feedback  select { }
.cms_feedback  textarea { width:100%; }

.cms_feedback .verifycode { width:40%; display:inline-block; }

.home-footer-box .text-right { text-align:left; }
}