@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;
	text-align: left;
}
.category-list .item-link.active-state,html:not(.watch-active-state) .list-block .item-link:active{background-color:#087acc;}

.category-list ul li a{display: block;  color:#fff;
  border-bottom:1px solid #0a7acb;
	text-align: left;    padding: 0 .75rem;
    line-height: 2.15rem;}

.category-list ul li ul{}
.category-list ul li ul li{}
.category-list ul li ul li a{display: block;color: #fff;padding: .2rem 0;}
/* /侧边栏 */


/*-- banner --*/
.swiper-container {
  height: 8rem;
}
.swiper-container .swiper-slide {
  text-align: center;
}
.swiper-container .swiper-slide a {
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  height: 8rem;
  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;
	min-height: 12rem;
}
.content-user img{
  max-width:97%;
}
.content-user .proimg{ text-align:center;}
.content-user p{margin: 0;}
/*.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;
}
.cards-list{margin:1rem 0;}
.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;}

.pro_user{}
.pro_user h2{margin: 0px 2%;padding: 1rem 0;}
.pro_user h3{margin: 0px 2%;padding: 10px 10px;border: 1px solid #eee;background-color: #fafafa;font-size: 20px;color: #be0203;font-weight: normal;}
.cls-img{border: 1px solid #ccc;padding: .2rem;}
.cls-img img{width: 100%;}

/* 自定义css */
.logo {
  border-bottom: 0rem solid #fff;
}
.logo a {
  display: block;
  font-size: 0rem;
}
.logo img {
  width: 100%;
}
.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{}
.pro-list .col-50{width:46%;margin:2%;box-sizing:border-box;float:left;}
.pro-list .col-100{width: 96%;margin: 2%;box-sizing:border-box;}
.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 #ddd;padding:.3rem;font-size:0rem;}
.pro-list .item a .pro-img img{ width:100%;}
.pro-list .item a .pro-text{ padding:0.3rem .5rem .5rem .5rem; font-size:.7rem; line-height:1.2rem; height:1.2rem; overflow:hidden; text-align:center;color:#333;}
.pro-list .item a h4{font-size: 1rem;line-height: 1rem;text-align: left;font-weight: bold;color: #444;padding: 0.8rem 0;margin: 0;}
/*-- /products list --*/

.home-prolist{}
.home-title h3{ font-size:.9rem; background-color:#005caa; color:#fff; line-height:1.5rem; font-weight:normal; margin:0; padding:.3rem 0 .3rem .3rem;}
.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;}


.home-about{
  padding-bottom:.5rem;
  }
.home-about .content-padded{
}
.home-about .content-padded .img{text-align:center;}
.home-about .content-padded .img img{width:97%;}
.home-about .content-padded .content-body{
  line-height:1.8rem;
  height:23rem;
  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;}
.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;}




/*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*/

/*online css*/
.online{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.online-menu{position:relative;}
.online-menu:hover .online-box{display:block}
.online-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:5px;position:relative;background-color:#fff}
.online-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;margin: 0;}
.online-btn:hover span{display:none}
.online-btn:hover p{display:block;}

.menu-sev .online-btn{border-color:#ff6800;background:url(../online/kefu.gif) no-repeat #ff6800 center;} 
.menu-sev .online-btn p{color:#fff}
.menu-sev .online-btn span{color:#fff}

.menu-weixin .online-btn{ background:url(../online/weixin.png) no-repeat #fff center;}
.menu-weixin .online-btn:hover{ background:none; background-color:#fff;}

.menu-tel .online-btn{ background:url(../online/tel.png) no-repeat #fff center;}
.menu-tel .online-btn:hover{ background:none; background-color:#fff;}

.menu-web .online-btn{ background:url(../online/ewm.png) no-repeat #fff center;}
.menu-web .online-btn:hover{ background:none; background-color:#fff;}

.menu-top .online-btn{background:url(../online/top.png) no-repeat #fff center;}
.menu-top .online-btn:hover{ background:none; background-color:#fff;}

.online-box{position:absolute;top:-90px;right:48px;padding-right:25px;display:none;}
.online-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.online-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../online/arrow.png) no-repeat;position:absolute;right:-13px;top:103px;}
.online-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.online-box .box-border .sev-t p{color:#ff6800;font-size:16px;line-height:28px;margin: 0px;}
.online-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.online-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.online-box .box-border .sev-b ul{padding: 0px; margin: 0px;}
.online-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.online-box .box-border .sev-b li{float:left;width:50%;list-style-type:none;}
.online-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../online/q1.gif) no-repeat left 3px;line-height:36px;}
.online-box .box-border .sev-b li a:hover{color:#ff6800}

.menu-sev .online-box .box-border{width:260px;height:185px;}
.menu-sev .online-box .box-border .sev-t{background:url(../online/server.png) no-repeat left; padding-left:50px;}
.menu-sev .online-btn .demo-icon{display:none;}
.menu-sev .online-btn:hover{background:#ff6800}

.menu-weixin .online-box .box-border .sev-t i{ padding-top:10px;text-align:center; font-style:normal;display:block;color:#f66e06;font-size:16px;line-height:16px;}

.menu-tel .online-box .box-border{width:240px;}
.menu-tel .online-box .box-border .sev-t{background:url(../online/tel.png) no-repeat left; padding-left:50px;}

.menu-web .online-box .box-border{}
.menu-web .online-box .box-border .sev-t i{ padding-top:10px; display:block; text-align:center; font-style:normal; font-size:14px;}
.menu-web .online-box .box-border .sev-t div{float:left; padding-right:15px;}