body {
  /*padding-top:50px;*/
  font-family:'Microsoft YaHei', Arial,​ Verdana, sans-serif;
}

.table {
	width:auto;
    max-width:100%;
    margin-bottom:20px;
    display:inline-table;
    padding:10px;
    margin:5px;
    min-width:300px;
	/*min-height:300px;*/
}

.ppxx{
	border-collapse:collapse;
	font-size:12px;
	margin:10px;
	padding:10px;
}
.ppxx td{
	border:1px solid #B4A0A0;
	height:25px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:6px;
}

/*.container { background:#FFF; }
.fluid-box { margin-top:-5em; }*/
.navbar-static-top { border-width:0px; }
.navbar-default    { background:#FFF; border-bottom:0px solid #c00002; }

#navbar { position:relative; overflow:hidden; }
.nav > li { position:inherit; }
/* 78 83 112 *//*border:1px solid #ccc; */
.navbar           { height:83px; margin:0; padding:0; margin-top:26px; border-bottom:5px solid #c00002; }
.navbar.on        { height:112px; border-bottom:34px solid #c00002; }/**/

.navbar-brand     { height:32px; margin:0; padding:0; margin:18px 0 28px 0; }
.navbar-brand>img { width:100%; }

.navbar-nav          { background:#FFF; margin-left:40px; }
.navbar-nav > li     { margin-right:1px; }
.navbar-nav > li > a { font-size:14px; font-weight:600; padding:25px 10px 33px 10px; border-radius:5px 5px 0 0; }

.navbar .navbar-nav > li > a { color:#111; }
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover {
    background-color:#c00002;
    color:#FFF;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
    background-color:#c00002;
    color:#FFF;
	text-decoration:underline;
}

/*  */
.subnav      { display:none; background-color:#c00002; position:absolute; left:0; /*top:0; overflow:hidden;*/ width:100%; height:34px; /*text-align:center;*/ }
.subnav > ul      { display:inline-block; position:relative; /*width:100%;*/ margin:0 auto;  }
.subnav > ul li   { display:inline-block; position:relative; }
.subnav > ul li a { display:inline-block; color:#FFF; padding:7px; }

.subnav .thirdnav      { display:none !important; position:absolute !important; background-color:#FFF; top:2.4em; left:50%; width: 110px; margin-left:-55px !important; padding:4px 2px; /* text-align:center; */ }
.subnav .thirdnav li   { display:block; }
.subnav .thirdnav li a { display:inline-block; font-size: 12px; color:#333 !important; padding:3px 6px !important; background-color:#FFF !important; }

.subnav .thirdnav li:hover,
.subnav .thirdnav li:hover a { color:#FFF !important; background-color:#c00002 !important; }

@media (min-width:767px) {
	.subnav ul > li.active > a {
		text-decoration:underline;
	}
	.navbar .navbar-nav > li:focus a,
	.navbar .navbar-nav > li:hover a {
		background-color:#c00002;
		color:#FFF;
	}/*
	.navbar .navbar-nav > li.active .subnav,
	.navbar .navbar-nav > li:focus .subnav,
	.navbar .navbar-nav > li:hover .subnav {
		display:block;
	}*/
	.subnav ul > li:focus .thirdnav,
	.subnav ul > li:hover .thirdnav {
		display:block !important;
	}

/*  */
ul.language      { display:inline-block; overflow:hidden; border-radius:2em; margin-left:20px; margin-top:24px; }
ul.language li   { display:inline-block; float:left; background:#c00002 url(../images/bg-shu.jpg) no-repeat scroll 0% 50%; margin-left:-2px; margin-right:0px; }
ul.language li a { display:inline-block; font-size:12px; font-weight:400; padding:3px 10px; color:#FFF !important; outline:none; }
}
/*margin-left:40px;*/
/*
.navbar .language      { overflow:hidden; border-radius:2em;  margin-top:23px; }
.navbar .language li   { background:#c00002 url("../images/bg-shu.jpg") no-repeat scroll 0% 50%; padding:0 4px 0 6px; margin-left:-2px; margin-right:0px; }
.navbar .language li a { font-size:12px; font-weight:400; padding:2px 6px; color:#FFF; }
*/

/*  */
.home-box { background:#FFF url(../images/bg-home.jpg) repeat-x scroll 0 0; padding:25px 0 0 0; }

/*  */
.home-pro-img img { max-width:100%; }

/*  */
.home-about-box { }
.home-about-box h4 { display:inline-block; font-size:18px; }
.home-about-box h6 { display:inline-block; font-size:13px; }
.home-about-box p  { line-height:1.8em; color:#666; }

/*  */
.home-news-box { }
.home-news-box h4 { display:inline-block; font-size:18px; /*margin:0;*/ }
.home-news-box h6 { display:inline-block; font-size:12px; margin:0 0 15px 0; line-height:1.6em; color:#444;/**/ }
.home-news-box h5 { font-size:15px; line-height:2em; font-weight:600; color:#00649f; margin:0; }
.home-news-box p  { font-size:12px; color:#222; margin:0; }

/*  */
.home-video-box { }
.home-video-box h4 { display:inline-block; font-size:18px; }
.home-video-box h6 { display:inline-block; font-size:13px; }
.home-video-box p  { font-size:12px; line-height:1.8em; color:#666; }

/*  */
.footer-box { color:#CCC; }
.footer-box .text-right { padding:2em; }

.footer-nav { margin:1em 0; margin-left:-1.3em; overflow:hidden; }
.footer-nav li { display:inline-block; }
.footer-nav li:before { content:'|'; margin-left:-3px; }
.footer-nav li a { display:inline-block; padding:0.6em 1em 0em 1em; color:#ccc; }

/*  */
.banner-bg { height:126px; background:url(../images/bg-img.jpg) no-repeat scroll 50% 50%; }
/*#sidebar { margin:1em 0; margin-top:-3em; }*/
#main { /*margin:2em 0; min-height:300px;*/ margin-bottom:30px; }

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

/*  */
.title-sidebar { background:#1073b9 url(../images/bg-shu2.jpg) no-repeat scroll 20% 50%; height:70px; text-align:center; margin:0; padding:1em 0; }
/*.title-sidebar span { border-left:5px solid #FFF; color:#FFF; display:inline-block; padding:0 0.6em; margin:1em 0; font-size:1 }*/
.title-sidebar h4 { font-size:18px; color:#FFF; margin:0;  }
.title-sidebar p { font-size:13px; color:#FFF; margin:0;  }

.nav-sidebar { background:#f5f5f5; }
.nav-sidebar li { /*margin-top:1em;*/ }
.nav-sidebar li a { text-decoration:none; display:inline-block; }

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

.nav-sidebar li h4 { border-bottom:2px dotted #999; font-size:14px; line-height:2em; /*margin:0;*/ padding-left:2.2em; }
.nav-sidebar li h4 a { color:#333; }
/*.nav-sidebar li p { font-size:12px; line-height:2em; margin:5px 0; padding-left:2.5em; }*/
.nav-sidebar li p { font-size:11px; line-height:1.5em; margin:5px 0; padding-left:2.7em; }
.nav-sidebar li p a { color:#888; }

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

.breadcrumb { background:#FFF url(../images/icon-home.jpg) no-repeat 0 50%; border-radius:0px; padding:0 0 0 30px; margin:10px auto!important; }
.breadcrumb > li + li:before { color:#333; content:'>'; }
.breadcrumb > li > a { color:#333; }
.breadcrumb li.last-child a,
.breadcrumb li:last-child a { font-size:18px; }

/*  */
.pagination > li > a, 
.pagination > li > span {
	color:#c00002;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
	color:#c00002;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	background-color:#c00002;
    border-color:#c00002;
	
}

/*  */
.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; }

.title-cate {}
.title-cate h3 { /*display:inline-block;*/ text-align:center; font-size:20px; }
.title-cate h4 { /*display:inline-block;*/ text-align:center; font-size:17px; color:#999; margin:0; }
.title-cate p  { display:inline-block; width:90px; height:0; border:1px solid #c00002; margin:0 0 -5px 0; padding:0;/**/ }

/*  */
.albums-box { }

.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%; }

.albums-box .slider-nav .slick-slide { border:1px solid #ddd; }
.albums-box .slider-for .slick-slide { border:1px solid #ccc; }

/* font-family:Arial, sans-serif;  */
.doc-body { min-height:300px; }
.doc-body p { font-size:14px; line-height:1.8em; margin-bottom:0; }
.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; }


/* 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; margin-top:3px; }


/* 幻灯片 .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 { }
.slider-pros .pros-item { }
.slider-pros .pros-image { display:block; margin:15px 10px; min-height:120px; }
.slider-pros .pros-image img { display:block; /*height:100%; width:100%; min-height:120px; line-height:120px; */ }
/* 
.slider-pros .slick-prev { background:rgba(0, 0, 0, 0) url("../images/prev.jpg") no-repeat scroll 0 0; width:44px; height:102px; 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; 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:-2em; }
.slider-pros .slick-dots li button::before { font-size:12px; }


/* */
.slider-pros2 { }
.slider-pros2 .pros-item { }
.slider-pros2 .pros-image { display:block; margin:15px 10px; min-height:120px; }
.slider-pros2 .pros-image img { display:block; /* width:100%; min-height:120px; line-height:120px; height:100%;*/ }
/* 
.slider-pros .slick-prev { background:rgba(0, 0, 0, 0) url("../images/prev.jpg") no-repeat scroll 0 0; width:44px; height:102px; 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; margin-top:-52px; right:-110px; }
.slider-pros .slick-prev::before,
.slider-pros .slick-next::before { font-size:30px; color:#999; content:""; }*/
/* */
.slider-pros2 .slick-dots { bottom:-2em; }
.slider-pros2 .slick-dots li button::before { font-size:12px; }

/*  */
/*.pros-list { list-style:none; }
.pros-list li { list-style:none; border:0px solid #ccc; padding:0; }
.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; }
.pros-list {}
.pros-list li { display:inline-block; float:left; width:20%; text-align:center; }
.pros-list li a { display:inline-block; }
.pros-list li img { border:1px solid #ddd; max-width:100%; }
.pros-list li p { line-height:3em; color:#333; }*/

.pros-list { min-height:300px; }
.pros-list li { padding:0; margin:15px; }
.pros-list li a { display:block; text-align:center; margin-bottom:2em; color:#333; }
.pros-list li img { max-width:100%; border:1px solid #ccc; }
.pros-list li p { line-height:3em; }

.pics-list { min-height:300px; }
.pics-list li { /*padding:0; margin:15px;*/ }
.pics-list li a { display:block; text-align:center; margin-bottom:2em; color:#333; }
.pics-list li img { max-width:100%; height:180px; border:1px solid #ccc; }
.pics-list li p { line-height:3em; }

/*  */
.news-list { min-height:300px; float:none; margin:0 auto; }
.news-list li { /*list-style:none; border:0px solid #ccc;*/ position:relative; padding:0; overflow:hidden; margin-bottom:40px;  }
.news-list li > div { height:60px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin-left:-1px; }

.news-list li h2 { margin:0; text-align:center; }
.news-list li h6 { margin:5px 0 0 0; text-align:center; }

.news-list li h4 { margin:1.5em 0 0 0; }
.news-list li a { color:#555; }
.news-list li a.more { position:absolute; padding:3px 30px; right:0; bottom:0.7em; display:inline-block; background:#333; color:#EEE; border-radius:1em; }



/* 在线反馈 
.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
 * --------------------------------------------------
 */
@media (min-width:1200px) { /*body { background:red; }*/
/* */
.banner-item .banner-image { height:438px; }

/*.slider-pros .slick-dots { display:none !important; }
.breadcrumb { margin-top:1em; }*/
}


@media (min-width:992px) and (max-width:1199px) { /*body { background:blue; }*/
/* */
.navbar-brand     { margin:28px 0 18px 0; }

.navbar-nav > li > a { padding:25px 10px 33px 10px; }

.language { position:relative; top:-120px; left:-50px; margin:0; }

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

}
@media (min-width:768px) and (max-width:991px) { /*body { background:yellow; }
/* */
.navbar-brand     { margin:0; margin-top:-20px; margin-bottom:8px; }
.navbar > .container .navbar-brand { margin-left:0; }

.navbar-nav { margin:0; }
.navbar-nav > li > a { padding:15px 10px 23px 10px; }

.language { position:absolute; top:-40px; right:0px; margin:0; }

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

}


@media (min-width:480px) and (max-width:767px) {
/* */
.navbar-collapse  { padding:0; }

.navbar           { height:73px; margin:0; padding:0; border-bottom:5px solid #c00002;/**/ }
/*.navbar.on        { height:112px; border-bottom:34px solid #c00002; }*/

.navbar-brand     { height:32px; margin:0; padding:0; margin:18px 0 18px 0; }
.navbar-brand>img { width:100%; }

.navbar-nav          { background:#FFF; margin:0px; }
.navbar-nav > li     { margin-right:1px; }
.navbar-nav > li > a { font-size:14px; font-weight:600; padding:13px; border-radius:0; }

/* */
.language          { background:#FFF; margin:0px; }
.language > li     { margin-right:1px; }
.language > li > a { display:block; padding:13px; font-size:14px; font-weight:600; border-radius:0; }

.navbar .language > li > a { color:#111; }
.navbar .language > li > a:focus,
.navbar .language > li > a:hover {
    background-color:#c00002;
    color:#FFF;
}
.navbar .language > .active > a,
.navbar .language > .active > a:focus,
.navbar .language > .active > a:hover {
    background-color:#c00002;
    color:#FFF;
}
.banner-item .banner-image { height:400px; }

/* */
.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; }

}
@media screen and (max-width:480px) {
/* */
.navbar-collapse  { padding:0; }

.navbar           { height:63px; margin:0; padding:0; border-bottom:5px solid #c00002;/**/ }
/*.navbar.on        { height:112px; border-bottom:34px solid #c00002; }*/

.navbar-brand     { height:32px; margin:0; padding:0; margin:13px 0 13px 0; }
.navbar-brand>img { width:100%; }

.navbar-nav          { background:#FFF; margin:0px; }
.navbar-nav > li     { margin-right:1px; }
.navbar-nav > li > a { font-size:14px; font-weight:600; padding:13px; border-radius:0; }

/* */
.language          { background:#FFF; margin:0px; }
.language > li     { margin-right:1px; }
.language > li > a { display:block; padding:13px; font-size:14px; font-weight:600; border-radius:0; }

.navbar .language > li > a { color:#111; }
.navbar .language > li > a:focus,
.navbar .language > li > a:hover {
    background-color:#c00002;
    color:#FFF;
}
.navbar .language > .active > a,
.navbar .language > .active > a:focus,
.navbar .language > .active > a:hover {
    background-color:#c00002;
    color:#FFF;
}
.banner-item .banner-image { height:400px; }

/* */
.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; }

}