@charset "utf-8";
/* CSS Document */

body {
  background-color: #fff;
}
.page{
  background-color:#fff;
}
a:link,a:visited{color:#333;}


/* 底部工具栏 */
.bar-tab {
  border-top-color:#0a7acb;
}
.bar {
  background-color: #0b81d6;
}
.bar-tab .tab-item {
  color: #fff;
}
.bar-tab .tab-item.active, .bar-tab .tab-item:active {
  color: #f1f1f1;/*底部工具栏焦点时图标的颜色，如为图片则不起作用*/
}
.foot-line {
  border-right: 1px solid #0a7acb;
}
/* /底部工具栏 */


/* 顶部文字 */
.title{
  color:#fff;
}
.icon-color{
  color:#fff;
}
/* /顶部文字 */


/* 侧边栏 */
.panel-menu{
  background-color:#0b81d6;
}
.category-list{
  margin:2.15rem 0;
  }
.category-list ul{
  background-color:inherit;
  border-top:1px solid #0a7acb;
  border-bottom:1px solid #0a7acb;
}
.category-list .item-link.list-button{
  color:#fff;
  border-bottom:1px solid #0a7acb;
}
.category-list .item-link.active-state,html:not(.watch-active-state) .list-block .item-link:active{background-color:#087acc;}
/* /侧边栏 */


/*-- banner --*/
.swiper-container {
  height: 6.5rem;
}
.swiper-container .swiper-slide {
  text-align: center;
}
.swiper-container .swiper-slide a {
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  height: 6.5rem;
  background-size: auto 100%;
}

@media all and (min-width: 1170px) {
  .swiper-container {
    height: 400px;
  }
  .swiper-container .swiper-slide a {
    background-size: 100% auto;
    height: 400px;
  }
}
.swiper-container .swiper-slide img {
/*width: 200%;*/
}
.swiper-pagination-bullet-active{
  background:#fff;
}
/*-- /banner --*/



.btn-close{
/*  border-color:#afa194;
  background-color:#f1f1f1;
  color:#8A2D0E;*/
}
.btn-close:active{/*color:#8A2D0E;border-color:#afa194*/}
.footer{
  font-size:.8rem;
  color:#555;
  padding-bottom:3rem;
}
.foot-hr{
  width:97%;
  border:0;
  border-top:2px solid #c1c1c1;
  margin:.65rem auto;
}

.content-user{
  line-height:1.8rem;
}
.content-user h2{font-size: 1.2em;}
.content-user img{
  max-width:97%;
}
.content-user .proimg{ text-align:center;}
/*.user-about h2{
  display:block;
  text-align:center;
  padding-bottom:1.4rem;
  background:url(../images/tit_bg.png) no-repeat center bottom;
  background-size:99%;
  color:#F80202;
}
@media all and (min-width: 520px){
  .user-about h2{
    padding-bottom:1.6rem;
    background-size:auto;    
    }
}*/
.user-about .content-img, .user-about .page-img{
  text-align:center;
}
.card{margin:.9rem .5rem;}
.cards-list{margin:1rem 0;}
.cards-list .card-pic .card-header a{display:block; width:100%;}
.cards-list .card-pic .card-header .card-cover img{width:100%;}
.cards-list .card-pic .card-content .card-content-inner h3{margin:0px;}
html:not(.watch-active-state) .media-list .item-link:active{background-color:#f5f5f5;}

.media-list{margin:1rem 0;}



/* 自定义css */
.logo {
  border-bottom: .25rem solid #fff;
  position: relative;
}
.logo a {
  display: block;
  font-size: 0rem;
}
.logo img {
  width: 100%;
}
.logo .logo1{position: relative;z-index: 1}
.logo .lang{position: absolute;z-index: 999; top: 1rem;right: .1rem;width:3rem;height: 1.5rem;}
.logo .lang a{font-size: .75rem;}
.icon-list {
  margin-top: 1rem;
}
.icon-list .icon-item img {
  width: 70%;
}
.icon-list .icon-item span {
  display: block;
  color: #222;
  padding:.2rem 0 .5rem 0;
  font-size:.7rem;
}

/*-- products list --*/
.pro-list{padding-top:.6rem;}
.pro-list .col-50{width:46%;margin:0 2% 2% 2%;box-sizing:border-box;float:left;}
.pro-list .item{}
.pro-list .item a{ display:block;background-color:#fff; padding-bottom:.2rem;}
.pro-list .item a .pro-img{ text-align:center; border:1px solid #eee; font-size:0; line-height:0; padding:.2rem; height: 5rem; overflow: hidden;}
.pro-list .item a .pro-img img{ width:100%;}
.pro-list .item a .pro-text{ margin:.6rem 0rem; font-size:.7rem; line-height:1.2rem; height:2.4rem; overflow:hidden; text-align:center;}
/*-- /products list --*/

.home-prolist{}
.home-title h3{ font-size:.9rem; background-color:#084d84; color:#fff; line-height:1.5rem; font-weight:normal; margin:0; padding:.3rem 0 .3rem .6rem;}
.home-title h3 span{ display:block; float:right; padding-right:.5rem; font-size:.7rem; line-height:1.5rem;}
.home-title h3 span a{color:#fff;}

/*msg css*/
 .gsk-book {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 22px;
	color: #666;
	padding-bottom: 12px;
}
.gsk-book .fl {
	float: left;
}
.gsk-book .fr {
	float: right;
}
.gsk-book-title {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 6px;
	margin-bottom: 10px;
	padding-left: 3px;
}
.gsk-book-title .tit_add {
	color: #888;
}
.gsk-book-title .tit_add a {
	text-decoration: none;
	color: #F60;
}
.gsk-book-title .tit_add a:hover {
	text-decoration: underline;
	color: #F60;
}
.gsk-book-title .rcord em {
	color: #F00;
}
.gsk-book-list {
	margin-bottom: 10px;
}
.gsk-book-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.gsk-book-list ul li {
	color: #666666;
	float: none;
	height: auto;
	margin: 0;
	min-height: 50px;
	padding: 10px 10px 10px 72px;
	position: relative;
}
.gsk-book-list ul .odd {
	background: #f1f1f1;
}
.gsk-book-list ul .even {
	background: #fff;
}
.gsk-book-list ul li p {
	padding: 10px 0;
	margin: 0;
}
.gsk-book-list .gsk-book-author cite {
	font-style: normal;
	padding-right: 5px;
	color: #f60;
}
.gsk-book-list .gsk-book-author img {
	border: 1px solid #DDDDDD;
	height: 32px;
	left: 10px;
	padding: 4px;
	position: absolute;
	top: 13px;
	width: 32px;
}
.gsk-book-list .gsk-book-date {
	color: #999;
}
.gsk-book-list .gsk-book-reply {
	color: #06F;
}
.gsk-add {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 22px;
	color: #666;
}
.gsk-add .gsk-add-title {
	border-bottom: 1px dashed #CCCCCC;
	padding: 4px 0px 4px 5px;
	margin-bottom: 10px;
	font-family:"Microsoft YaHei",微软雅黑, sans-serif;
	background: #f6f6f6;
	font-weight: bold;
}
.gsk-add #guestbook {
	margin: 0px;
	padding: 0px;
}
.gsk-add .gsk-add-item {
	line-height: 26px;
	padding: 4px 0px;
}
.gsk-add .gsk-add-item label {
	color: #505050;
	display: inline-block;
	font-family:"Microsoft YaHei",微软雅黑, sans-serif;
	font-size: 12px;
	line-height: 26px;
	min-width: 100px;
	overflow: hidden;
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
	width: 30%;
}
.gsk-add .gsk-add-item span {
	color: #F00;
	padding-left: 6px;
}
.gsk-add .gsk-add-item input[type="text"] {
	border-color: #707070 #CECECE #CECECE #707070;
	border-style: solid;
	border-width: 1px;
	color: #666666;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	padding: 0 4px;
	vertical-align: middle;
	width: 60%;
}
.gsk-add .gsk-add-item textarea {
	border-color: #707070 #CECECE #CECECE #707070;
	border-style: solid;
	border-width: 1px;
	color: #666666;
	font-size: 12px;
	height: 140px;
	line-height: 18px;
	overflow: auto;
	padding: 2px 4px;
	vertical-align: middle;
	width: 60%;
}
.gsk-add .gsk-vercode label, .gsk-add .gsk-vercode div {
	float:left;
}
.gsk-add .gsk-vercode div {
/*	padding-left:4px;
	*padding-left:6px;*/
}
.gsk-add .gsk-vercode div span {
	padding:2px;
/*	margin-left:5px*/
}
.vercode-wrap .vercode-img {
	border:1px solid #ccc;
}
.gsk-add .gsk-add-item .btn_gsk {
}
#vercode{width:30%;}
/*msg css*/

.home-about{
  padding-bottom:.5rem;
  }
.home-about .content-padded{
}
.home-about .content-padded .img{text-align:center; margin:1rem 0 .6rem 0;}
.home-about .content-padded .img img{width:97%;}
.home-about .content-padded .content-body{
  font-size:.7rem;
  line-height:1.5rem;
  height:9rem;
  overflow:hidden;}
.home-about .content-padded .content-body p{margin:0; padding:0;}

.home-news{}
.home-news h2{ font-size:1rem; background:url(../images/icon6.png) no-repeat 0px .5rem; line-height:2rem; padding-left:.55rem; color:#743600; margin:.5rem 0 0 0;}
.home-news ul{background:url(../images/num.png) no-repeat -20px 13px; padding-top:5px; list-style:none; margin:0px; overflow:hidden; padding-left:1.5rem;}
.home-news ul li{ list-style:none; margin:0; padding:0;line-height:1.25rem; padding-left:0px;text-overflow: ellipsis; white-space: nowrap; width:100%; overflow:hidden;}
.home-news ul li span{float:right; color:#999999; padding-right:8px; font-size:.75rem; line-height:1.25rem;}
.home-news ul li a{color:#394345;line-height:1.5rem; font-size:.75rem;}
.home-news ul li a:hover{color:#316c9e;}
.new-more a{ display:block; width:5rem; height:1.5rem;border:1px solid #316da1; color:#316da1; border-radius:0.15rem; font-size:.65rem; margin:0 auto; line-height:1.4rem;}