@charset "utf-8";
body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
  color: #666;
}
img {
  max-width: 100%;
}
a {
  color: #333333;
}
a:hover {
  text-decoration: none;
}
li {
  list-style: none;
}
li {
  padding: 0;
}
ul {
  padding: 0;
}
.pd {
  padding: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}


header {
  background-color: #eff3f6;
}
header .top-nav {
  line-height: 35px;
  height: 35px;
}
header .top-nav img {
  float: left;
  margin-top: 10px;
}
header ul {
  float: right;
}
.top-nav-r >ul >li {
  padding: 0 5px;
  cursor: pointer;
  float: left ;
}
header p {
  margin-left: 2%;
  margin-right: 1%;
  display: block;
  float: left;
  margin-bottom: 0;
}
.top-nav-r{ padding-right:4%;}
.top-nav-r >ul >li a:hover{
	text-decoration: underline;
}
.top-nav-r >ul >li span{
	margin-left: 5px;
}
.top-nav-r >ul >li:first-child span{
	margin-right: 5px;
}
.top-nav-r >ul >li{
	position: relative;
}
.language{
		border-radius: 0px 0px 5px 5px;
	z-index: 99;
	position: absolute;
	top: 33px;
	background: #444444;
	left: -4px;
}
.language > ul{
	display: none;
	padding: 5px 0;
}
.language > ul >li {
	width: 118px;
	padding: 0px 10px;
	text-align: center;
	line-height: 23px;
	height: 23px;
}
.language > ul >li a{
	color: #fff;
}
.top-logo{ padding: 0.125% 0;
}
.top-logo-contact{ padding-right:4%;
}
.top-logo-contact  span{
	line-height:100px;
	height:100px;
	float:right;
	font-size:18px;
	font-weight:bold;
}
.top-logo-contact ul li span a:hover{
	text-decoration:underline;
	color:#F00;
}
/*头部导航*/

/*导航*/
.navbar-inverse {
  border-radius: 0;
  margin-bottom: 0;
  border: 0;
  background-color: #36404b;
}
.navbar-inverse .navbar-nav > li.achive a {
  color: #fff;
  background: #fb4848;
} 
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  cursor: pointer;
  background-color: #fb4848;
}
.navbar-toggle {
  background-color: #36404b;
}
.navbar-toggle .icon-bar {
  background-color: #fb4848;
}
.sub{ display: none;}
.yiji {
  position: absolute;
  top: 55px;
  left: 0px;
  z-index: 999;
}
.yiji > ul {
  background: #fb4848;
}
.yiji > ul > li {
  cursor: pointer;
  width: 200px;
  text-align: left;
  padding: 0;
  line-height: 35px;
  height: 35px;
  border-bottom: 1px solid #fff;
  position: relative;
}
.yiji > ul > li span{
	display: block;
	float: right;
	line-height: 35px;
  height: 35px;
  color: #fff;
  padding-right: 5%;
  font-size: 18px;
}
.yiji > ul > li > a {
	height:35px;
	float: left;
  display: block;
  color: #fff !important;
 	padding-left: 5%;
 	width: 160px;
  overflow: hidden;
  background: none!important;
}
.yiji > ul > li:hover {
  background: #ffa3a3;
}
.yiji > ul li:last-child {
  border-bottom: 0;
}
.erji{
	position: absolute;
	left: 200px;
	top: 0;
}

.sub2{
	display:none;
	 background: #fb4848;
}
.sub2 li{ 
	overflow:hidden;
	cursor: pointer;
  width: 200px;
  text-align: left;
  padding: 0;
  line-height: 35px;
  height: 35px;
  border-bottom: 1px solid #fff;
}
.sub2 > li > a {
  display: block;
  color: #fff !important;
  margin: 0 5%;
  overflow: hidden;
  background: none!important;
}
.sub2 > li:hover {
  background: #ffa3a3;
}
.sub2 > li:last-child {
  border-bottom: 0;
}
/*search*/
.navbar-collapse .navbar-form {
  margin: 0 !important;
}
/*banner*/
.banner {
  padding: 0;
  position: relative;
}
.banner ul > li {
  width: 100%;
  float: left;
}
.banner ul > li img {
  width: 100%;
}
.banner .banner-button-prve {
  position: absolute;
  left: 0%;
  top: 45%;
  opacity: 0;
  cursor: pointer;
}
.banner .banner-button-next {
  position: absolute;
  right: 0%;
  top: 45%;
  opacity: 0;
  cursor: pointer;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  /*初始状态 透明度为0*/
  40% {
    opacity: 0;
  }
  /*过渡状态 透明度为0*/
  100% {
    opacity: 1;
  }
  /*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {
  /*针对webkit内核*/
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner:hover .banner-button-prve {
  opacity: 1;
  animation: fade-in;
  /*动画名称*/
  animation-duration: 1.5s;
  /*动画持续时间*/
  -webkit-animation: fade-in 1.5s;
  /*针对webkit内核*/
}
.banner:hover .banner-button-next {
  opacity: 1;
  animation: fade-in;
  /*动画名称*/
  animation-duration: 1.5s;
  /*动画持续时间*/
  -webkit-animation: fade-in 1.5s;
  /*针对webkit内核*/
}
.carousel-indicators .active {
  background-color: #fb4848;
}
.carousel-indicators li {
  border-color: #fb4848;
}
.carousel-indicators {
  margin-bottom: 0!important;
}
/*轮播效果*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity ;
  -moz-transition-property: opacity ;
  -ms-transition-property: opacity ;
  -o-transition-property: opacity ;
  transition-property: opacity ;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: inherit;
  left: 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=50);
  opacity: 1;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none ;
}
/*model1*/
.model1 {
  padding: 2% 0;
}
.model1 .model1-nr h1 {
  margin-top: 0;
  font-size: 50px;
  color: #3f3f3f;
}
.model1 .model1-nr h1 span {
  display: inline-block;
  color: #ff0000;
}
.model1 .model1-nr p {
  color: #3f3f3f;
  font-family: Cambria;
  font-size: 20px;
}
.model1 .model1-nr ul li {
  overflow: hidden;
  line-height: 32px;
  height: 32px;
}
.model1 .model1-nr ul li span {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  height: 32px;
  padding-right: 7px;
}
.model1 .model1-nr ul li:first-child span {
  color: #ff0000;
}
/*model2*/
.model2 {
  margin-top: 1%;
  text-align: center;
}
.model2 h1 {
  text-align: center;
  font-size: 50px;
  color: #ff0000;
}
.model2 h1 span {
  display: inline-block;
  color: #3f3f3f;
}
.model2 img {
  margin-top: 1%;
}
.model2 .model2-nr {
  margin-top: 4%;
  text-align: center;
}
.model2 .model2-nr ul li {
  margin-bottom: 2%;
}
.model2 .model2-nr ul li > img:hover {
  transition: 2s;
  transform: rotateY(180deg);
}
.model2 .model2-nr ul li h3 {
  font-size: 16px;
  margin-bottom: 25px;
  margin-top: 25px;
  color: #595959;
}
.model2 .model2-nr ul li > a {
  margin-bottom: 10%;
  display: block;
  cursor: pointer;
  min-height:80px;
  color: #6f6f6f;
}
.model2 .model2-nr ul li button {
  cursor: pointer;
  margin: 0 auto;
}
.model2 .model2-nr ul li button a {
  color: #fff;
}
.model2 .model2-nr ul li button span {
  margin-left: 6%;
  color: #fff;
}
/*model3*/
.model3 {
  padding-bottom: 3%;
  margin-top: 1%;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
.model3 h1 {
  text-align: center;
  font-size: 50px;
  color: #ff0000;
}
.model3 h1 span {
  display: inline-block;
  color: #3f3f3f;
}
.model3 p {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 2% !important;
}
.model3 img {
  margin-top: 1%;
}
.model3 .model3-nr .lunbo-button a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #D43F3A;
  margin-right: 1%;
}
.model3 .model3-nr .lunbo-button a span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #D43F3A;
}
.model3 .model3-nr .lunbo-button a:hover {
  background: #D43F3A;
}
.model3 .model3-nr .lunbo-button a:hover span {
  color: #fff;
}
.model3 .model3-nr .items {
  cursor: pointer;
  margin-bottom: 4%;
}
.model3 .model3-nr .items .detail {
  line-height: 52px;
  height: 52px;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  color: #fff;
  font-size: 18px;
  padding-left: 3%;
  opacity: 0.4;
  text-align: inherit;
}
.model3 .model3-nr .items .detail span {
  display: block;
  float: right;
  line-height: 52px;
  height: 52px;
  margin-right: 5%;
}
/*model4*/
.model4 {
  margin-bottom: 5%;
}
.model4 .model4-l h2 {
  font-size: 30px;
  color: #515151;
}
.model4 .model4-l h2 span {
  display: inline-block;
  color: #da251c;
}
.model4 .model4-l .items {
  float: left;
  width: 46%;
  margin-right: 4%;
}
.model4 .model4-l .items h4 {
  font-size: 16px;
  color: #101010;
  height: 18px;
    overflow: hidden;
}
.model4 .model4-l .items p {
      min-height: 180px;
}
.model4 .model4-l .items button {
  cursor: pointer;
}
.model4 .model4-l .items button a {
  color: #fff;
}
.model4 .model4-l .items button span {
  margin-left: 6%;
  color: #fff;
}
.model4 .model4-r .certificate {
  width: 40%;
  float: left;
}
.model4 .model4-r .certificate h2 {
  font-size: 30px;
  color: #515151;
}
.model4 .model4-r .certificate h2 span {
  display: inline-block;
  color: #da251c;
}
.model4 .model4-r .customer {
  margin-left: 5%;
  width: 55%;
  float: left;
}
.model4 .model4-r .customer h2 {
  font-size: 30px;
  color: #515151;
}
.model4 .model4-r .customer h2 span {
  display: inline-block;
  color: #da251c;
}
.model4 .model4-r .customer .customer-nr {
  border: 1px solid #d3d2ce;
}
.model4 .model4-r .customer .customer-nr h3 {
	overflow:hidden;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
  background-color: #f5f5f4;
  line-height: 45px;
  height: 45px;
  font-size: 14px;
  padding-left: 5%;
  border-bottom: 1px solid #d3d2ce;
}
.model4 .model4-r .customer .customer-nr h3 span {
  display: block;
  float: right;
  line-height: 45px;
  height: 45px;
  font-size: 20px;
  margin-right: 5%;
}
.model4 .model4-r .customer .customer-nr h3 span:first-child {
  display: none;
}
.model4 .model4-r .customer .customer-nr h3.on {
  background: #fff;
  border: 0;
}
.model4 .model4-r .customer .customer-nr h3.on span:last-child {
  display: none;
}
.model4 .model4-r .customer .customer-nr h3.on span:first-child {
  display: block;
}
.model4 .model4-r .customer .customer-nr .detail {
  margin-top: 4%;
  margin-bottom: 4%; padding: 0 6%;
}
.model4 .model4-r .customer .customer-nr .detail .detail-img {

  float: left;
}
.model4 .model4-r .customer .customer-nr .detail p {
  display: block;
  float: left;
  width: 67%;
  font-size: 12px;
}
/*bot*/
.bot {
  padding-bottom: 2%;
}
.bot h3 {
  color: #fff;
  font-size: 20px;
  line-height:50px;
}
.bot ul li {
  line-height: 50px;
  height: 32px;
  /*border-bottom: 1px solid #545454;*/
}
.bot ul li a {
  color: #b2b2b2;
}
.bot img {
  margin-top: 5%;
}
.bot p {
  color: #b2b2b2;
  max-height: 200px;
    overflow: hidden;
}
.bot .address .address-tit {
  border-bottom: 1px solid #545454;
}
.bot .address .address-tit > span {
  display: block;
  float: left;
  font-size: 30px;
  color: #fff;
  margin-top: 8%;
}
.bot .address .address-tit > p {
  display: block;
  float: left;
  width: 90%;
  margin-left: 3%;
  margin-bottom: 10px;
}
.bot .address font {
  display: block;
  line-height: 28px;
  height: 28px;
  color: #b2b2b2;
}
.bot .address .address-more {
  padding: 3% 0;
  border-bottom: 1px solid #545454;
}
.bot .address .address-more > ul {
  margin: 0;
}
.bot .address .address-more > ul li {
  border: 0;
  color: #b2b2b2;
  line-height: 25px;
  height: 25px;
}
.bot .ewm > img {
  margin-top: 60%;
}
.bot .ewm > ul li {
  float: left;
  margin-left: 4%;
}
/*footer*/
.footer {
  padding: 0.5% 0;
}
.footer ul {
  margin: 0;
}
.footer ul li {
  float: left;
  height: 25px;
  line-height: 25px;
}
.footer ul li a {
  color: #b2b2b2;
  display: block;
}
.footer ul li a:hover {
  text-decoration: underline;
}
.footer ul li:first-child {
  border-right: 1px solid #b2b2b2;
  padding-right: 2%;
}
.footer ul li:last-child {
  padding-left: 2%;
}
.footer .footer-m {
  height: 25px;
  line-height: 25px;
}
.footer .footer-m p {
  margin-left: 7%;
  float: left;
  margin-bottom: 0;
  color: #b2b2b2;
}
.footer .footer-m p a {
  color: #b2b2b2 ;
}
.footer .footer-m p a:hover {
  text-decoration: underline;
}
.footer .footer-r {
  height: 25px;
  line-height: 25px;
}
.footer .footer-r p {
  float: right;
  margin-bottom: 0;
  color: #b2b2b2;
}
.footer .footer-r p a{
  color:#b2b2b2
}
/*面包屑导航*/
.breadcrumb {
  background-color: #fff!important;
}
.breadcrumb > li + li:before {
  color: #CCCCCC;
  content: "> ";
  padding: 0 5px;
}
.breadcrumb > li > a {
  font-size: 15px;
}
.breadcrumb > li > a:hover {
  color: #fb4848;
}
.dh-mianbao {
  margin-top: 1%;
}
.dh-mianbao span {
  display: inline-block;
  font-size: 20px;
}
/*about us*/
/*about*/
.about {
  margin-bottom: 15%;
}
.about h2 {
	font-weight:bold; 
  text-align: center;
  color: #fb4848;
  font-size: 35px;
  margin-bottom: 3%;
}
.about img {
}
.about h3 {
  font-size: 25px;
  margin-bottom: 3%;
}
.about .advantage {
  background: #403f3f;
  margin-top: 6%;
  padding: 3% 4%;
}
.about .advantage h1 {
  padding: 2% 0;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.about .advantage ul li {
  margin-bottom: 4%;
  color: #fff;
  min-height: 150px;
}
.about .advantage ul li h4 {
  font-weight: bold;
  font-size: 18px;
}
.about .advantage ul li h4 a {
  color: #fff;
}
.about .advantage ul li h4:hover a {
  color: #fb4848;
  text-decoration: none;  
}
.about .advantage ul li p {
  margin-top: 2%;
  padding-left: 15%;
}
/*model5*/
.model5{
	margin-bottom: 5%;
}
.section-title h2{
	text-align: center;
}
.section-title p{
	text-align: center;
}
.sin-team-member img{
	width: 100%;
}
.sin-team-member {
	margin-bottom: 15%;
  position: relative;
  border: 4px solid transparent;
  transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s; }
  .sin-team-member:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    border: 4px solid #fb4848;
    transform: scale(1.2);
    transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    visibility: hidden;
    opacity: 0; }
  .sin-team-member:hover:after {
    transform: scale(1);
    visibility: visible;
    opacity: 1; }
  
  .sin-team-member .team-member-hover {
    background: #fb4848;
    border-radius: 5px;
    bottom: -39px;
    left: 10px;
    padding: 23px 30px 16px;
    position: absolute;
    text-align: center;
    width: calc(100% - 20px);
    z-index: 9; }
    .sin-team-member .team-member-hover h4 {
      color: #fff;
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 0; }
    
    .sin-team-member .team-member-hover span {
      color: #fff;
      font-size: 15px;
      font-weight: 300; }
   
@media only screen and (max-width: 786px) {
	.sin-team-member .team-member-hover{padding: 15px;}
}
/*分页*/
.pagination > .active > a {
  background-color: #fb4848!important;
  border-color: #fb4848!important;
}
.pagination > li > a {
  color: #777;
}
.pagination > li > a:hover {
  color: #777;
}


/*product*/
.product{
	min-height:580px; 
	}
.product h3 { 
  margin-bottom: 4%!important;
  margin: 0;
  background: url(../images/g_sign_r.png) no-repeat 0px 11px;
}
.product h3 span {
  float: left;
  display: block;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  background: #fff;
  padding-right: 4%;
}

.product ul li h4 {
  margin: 0;
  background: #fb4848;
}
.product ul li h4 a{
  color: #fff;
}



.product-r h3 {
  margin-bottom: 4%!important;
  margin: 0;
  background: url(../images/g_sign_r.png) no-repeat 0px 11px;
}
.product-r h3 span {
  float: left;
  display: block;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  background: #fff;
  padding-right: 1%;
}
.product-r ul {
  text-align: center;
}
.product-r ul li {
  max-width: 244px;
  margin-left: 3%;
  cursor: pointer;
  /*border: 1px solid #e2e8e7;*/
  width: 30%;
  float: left;
  height: auto;

  overflow: hidden;
}
.product-r ul li span {
  font-weight: bold;
  line-height: 36px;
  height: 36px;
  display: block;
  border-top: 1px solid #e2e8e7;
  overflow: hidden;
}
.product-r ul li span:hover{
	color:#fb4848;
	}
.product-r ul li:hover span{
		color:#fb4848;
		}
.product-r ul li img:hover {
  transition: all 0.6s;
  transform: scale(1.1);
}
.product-r ul li:hover {
  border-color: #269ABC;
}

/*case*/
.case ul li {
  cursor: pointer;
  border-bottom: 1px dashed #ddd;
}
.case ul li a span {
  height: 50px;
  line-height: 50px;
  display: block;
  float: left;
}
.case ul li a p {
  height: 50px;
  line-height: 50px;
  display: block;
  float: right;
  margin-bottom: 0;
}
.case ul li:first-child {
  border-top: 1px solid #ddd;
}
.case ul li:hover a span {
  color: #fb4848;
}
.case ul li:hover a p {
  color: #fb4848;
}
/*contact*/
.contact {
  margin-bottom: 3%;
}
.contact button {
  width: 15%;
  margin-left: 35%;
}

/*article*/
.article .article-l ul {
  position: static;
  width: 100%;
  margin-left: 0;
}
.article .article-l ul li {
  width: 65%;
  height: 65%;
  border: 0;
}
.article .article-l ul li img{
  display: block;
}
.article .article-m .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity ;
  -moz-transition-property: opacity ;
  -ms-transition-property: opacity ;
  -o-transition-property: opacity ;
  transition-property: opacity ;
}
.article .article-m .carousel-inner .item img {
  border: 1px solid #E3E3E3;
  padding: 1%;
}
.article .article-m .carousel-inner .active {
  opacity: 1;
}
.article .article-r {
  padding: 0;
}
.article .article-r h3 {
  font-size: 24px;
  color: #4c4c4c;
  font-weight: bold;
  margin: 0;
}
.article .article-r p {
  display: block;
  font-size: 13px;
}
.article .article-r h6 {
  font-weight: bold;
  color: #4c4c4c;
}
.article .article-r span {
  display: block;
}
.article .article-r .article-r-button {
  margin-top: 25%;
}
.article .article-r .article-r-button button {
  float: left;
}
.article .article-r .share {
  margin-top: 4%;
}
.article .article-r .share ul li {
  margin-left:2%;
  float: left;
}
.article .article-r .share ul li:first-child {
  margin: 0;
}
/*--article-detail--*/
.article-detail {
  margin-top: 2%;

  padding: 0;
}
.article-detail .article-detail-tit {
  background: #e0e0e0;
  margin-bottom: 2%;
}
.article-detail .article-detail-tit span {
  display: block;
  line-height: 40px;
  height: 40px;
  background: #0067a9;
  color: #fff;
  text-align: center;
}

/*文字特效*/
.carousel-inner{
	position: relative;
}
.wz1{
	width:100%;
	position: absolute;
	top: 0;
}
.wz1-img1{
	animation-duration: 2s; //动画持续时间
	animation-delay: 0.5s;//动画延迟时间
}
.wz1-img2{
	animation-duration: 2s;
	animation-delay: 1s;
}
.wz2{
	position: absolute;
	top: 0;  
}
.wz2-img1{
	visibility:hidden;
	animation-duration: 2s; //动画持续时间
	animation-delay: 1s;//动画延迟时间
}
.wz2-img2{
	visibility:hidden;
	animation-duration: 2s;
	animation-delay: 1.5s;
}
.wz3{
	position: absolute;
	top: 0; 
}
.wz3-img1{
	visibility:hidden;
	animation-duration: 2s; //动画持续时间
	animation-delay: 1s;//动画延迟时间
}
.wz3-img2{
	visibility:hidden;
	animation-duration: 2s;
	animation-delay: 1.5s;
}

.pagination {
  margin-left: 50%;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #fb4848;
  border-color: #fb4848;
}

/*link*/
.social-links {
	list-style: none;
	font-size: 0;
	padding: 0;
	margin: 40px 0 20px 0;
}

.social-links li a {
	width: 35px;
	height: 35px;
	display: block;
	text-align: center;
	font-size: 14px;
	background: #e84c3d;
	border: 1px solid #e84c3d;
	color: #fff;
}
.social-links.large li a {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.social-links.light li a {
	background: #fafafa;
	border: 1px solid #f3f3f3;
	color: inherit;
}
.social-links.dark li a {
	background: #454545;
	border: 1px solid #333333;
	color: #acacac;
}
.social-links.radius-5px li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.social-links.circle li a {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.social-links li a:hover {
	background-color: transparent;
	border-color: #cd3c2e;
	color: #cd3c2e;
}
.social-links.dark li a:hover {
	background: #fafafa;
	border: 1px solid #acacac;
	color: inherit;
}
.social-links.light li a:hover {
	border: 1px solid #d2d2d2;
	color: #333333;
}
.social-links li a i {
	line-height:35px;
}
.social-links.large li a i {
	line-height: 60px;
}
.footer-content .social-links {
	margin:0;
}
.footer-content .social-links li a {
	color: #666;
	background-color: transparent;
	border-color: #666;
}
.footer-content .social-links li a:hover {
	color: #fff;
	background-color: #666;
	border-color: #666;
}
.social-links li.twitter a:hover,
.colored.social-links li.twitter a {
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;
}
.social-links li.skype a:hover,
.colored.social-links li.skype a {
	background-color: #00aff0;
	border-color: #00aff0;
	color: #fff;
}
.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {
	background-color: #0976b4;
	border-color: #0976b4;
	color: #fff;
}
.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {
	background-color: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}
/*news*/
.news {
  padding: 0;
}
.news .news-nr ul li {
  cursor: pointer;
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px dashed #d7d7d7;
}
.news .news-nr ul li .news-nr-l {
  float: left;
  width: 20%;
  text-align: center;
}
.news .news-nr ul li .news-nr-l img:hover {
  cursor: pointer;
}
.news .news-nr ul li .news-nr-r {
  float: left;
  width: 80%;
  padding-left:2%;
}
.news .news-nr ul li .news-nr-r h3 {
  margin-top: 0;
  font-size: 16px;
  color: #3a3a3a;
  font-weight: bold;
}
.news .news-nr ul li .news-nr-r h3 a:hover {
  text-decoration: underline;
}
.news .news-nr ul li .news-nr-r p {
  display: block;
}
.news .news-nr ul li .news-nr-r span {
  font-size: 14px;
  font-weight: bold;
  color: #3a3a3a;
  display: block;
  margin-top: 2.5%;
}
.news .news-nr ul li:hover {
  border-bottom: 1px dashed #0067A9;
}
.news .news-nr ul li:hover h3 {
  color: #0067A9;
}

ul{ margin-bottom:0;}
/*bot-link*/
.bot-link{ position: fixed; bottom:0; z-index:999; width:100%; background-color:#222; padding: 2% 0;}
.bot-link ul li{ float:left; width:33.3%; text-align:center;}
.bot-link ul li span{ color:#fff; display:block; font-size:18px;}
.bot-link ul li p a{ color:#fff; display:block;}
.bot-link ul li p{  margin-bottom:0;}
@media (max-width: 767px) {
	.pagination{ margin-bottom:20%;}
	.customer{ margin-bottom:18%;}
	.contact{ margin-bottom:18%;} 
}

/*detail*/
.detail{
	margin-bottom:5%;
}
.related p{
	text-align: center;
}
.related ul li p{
	line-height: 35px!important;
	height:35px;
}
.related ul li p:hover{
	color:#fb4848;
}

.carousel-indicators li img{
	display: block;
}
.detail .detail-l ul {
  position: static;
  width: 100%;
  margin-left: 0;
}
.detail .detail-l ul li {
  width: 65%;
  height: 65%;
  text-indent: 0;
}
.detail .detail-m .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity ;
  -moz-transition-property: opacity ;
  -ms-transition-property: opacity ;
  -o-transition-property: opacity ;
  transition-property: opacity ;
}
.detail .detail-m .carousel-inner .item img {
  border: 1px solid #E3E3E3;
  padding: 1%;
}
.detail .detail-m .carousel-inner .active {
  opacity: 1;
}
.detail .detail-r {
  padding: 0;
}
.detail .detail-r h3 {
  font-size: 24px;
  color: #4c4c4c;
  font-weight: bold;
  margin: 0;
}
.detail .detail-r p {
  display: block;
  font-size: 13px;
}
.detail .detail-r h6 {
  font-weight: bold;
  color: #4c4c4c;
}
.detail .detail-r span {
  display: block;
}
.detail .detail-r .detail-r-button {
  margin-top: 25%;
}
.detail .detail-r .detail-r-button button {
  float: left;
}
.detail .detail-r .share {
  margin-top: 4%;
}
.detail .detail-r .share ul li:first-child {
  margin: 0;
}
/*--article-detail--*/
.more-detail {
  margin-top: 14%;
  margin-bottom: 5%;
  padding: 0;
}
.more-detail .more-detail-tit { 
  background: #e0e0e0;
  margin-bottom: 2%;
}
.more-detail .more-detail-tit span {
  display: block;
  line-height: 40px;
  height: 40px;
  background: #fb4848; 
  color: #fff;
  text-align: center;
}
/*link*/
.social-links {
	list-style: none;
	font-size: 0;
	padding: 0;
	margin: 40px 0 20px 0;
}
.social-links li { float:left;
}
.social-links li a {
	width: 35px;
	height: 35px;
	display: block;
	text-align: center;
	font-size: 14px;
	background: #e84c3d;
	border: 1px solid #e84c3d;
	color: #fff;
}
.social-links.large li a {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.social-links.light li a {
	background: #fafafa;
	border: 1px solid #f3f3f3;
	color: inherit;
}
.social-links.dark li a {
	background: #454545;
	border: 1px solid #333333;
	color: #acacac;
}
.social-links.radius-5px li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.social-links.circle li a {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.social-links li a:hover {
	background-color: transparent;
	border-color: #cd3c2e;
	color: #cd3c2e;
}
.social-links.dark li a:hover {
	background: #fafafa;
	border: 1px solid #acacac;
	color: inherit;
}
.social-links.light li a:hover {
	border: 1px solid #d2d2d2;
	color: #333333;
}
.social-links li a i {
	line-height:35px;
}
.social-links.large li a i {
	line-height: 60px;
}
.footer-content .social-links {
	margin:0;
}
.footer-content .social-links li {
	margin-left: 8px;
}
.footer-content .social-links li a {
	color: #666;
	background-color: transparent;
	border-color: #666;
}
.footer-content .social-links li a:hover {
	color: #fff;
	background-color: #666;
	border-color: #666;
}
.social-links li.twitter a:hover,
.colored.social-links li.twitter a {
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;
}
.social-links li.skype a:hover,
.colored.social-links li.skype a {
	background-color: #00aff0;
	border-color: #00aff0;
	color: #fff;
}
.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {
	background-color: #0976b4;
	border-color: #0976b4;
	color: #fff;
}
.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {
	background-color: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}
.detail-goods li{ width:30%; height:30%; float:left;}
.detail-goods{ bottom:-22%; left:33%;}

/*bot-link*/
.bot-link{ position: fixed; bottom:0; z-index:999; width:100%; background-color:#222; padding: 2% 0;}
.bot-link ul li{ float:left; width:33.3%; text-align:center;}
.bot-link ul li span{ color:#fff; display:block; font-size:18px;}
.bot-link ul li p a{ color:#fff; display:block;}
.bot-link ul li p{  margin-bottom:0;}

/*分享*/
.footer-content .social-links li:last-child a{}
 .socialShare {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
}
.socialShare .msb_main {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    text-indent: -9999px;
    border: 4px solid #ddd !important;
    box-shadow: 0 0 5px #DDD;
    border-radius: 36px;
}
.socialShare .msb_main:hover {
    box-shadow: 0 0 5px #BBB;
}
.socialShare .msb_main img {
    cursor: pointer;
    border-radius: 23px;
    border: none;
    float: left
}
.socialShare .msb_network_button {
    position: absolute;
    top: 9px;
    left: 92px;
    z-index: 1;
    cursor: pointer;
    display: none;
    background: no-repeat;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.social_group span{ line-height:32px; height:32px; width:32px;
	display: block;
	text-align: center;
	color: #52bff8 !important;
	font-size: 16px;
}
@media only screen and (max-width:768px) { 
    .footer-content .social-links li{ margin:0; margin-bottom:2%;} 
	.social-links li{ margin:0;}
	.more-detail{ margin-top:2% !important;}
	.detail-goods{ left: 39% !important;}
	.navbar-form{ float:left !important;}
}


/*二级商品下拉菜单*/
.accordion {
 	width: 100%;
 	max-width: 360px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 	border: 1px solid #CCC;
 }

.accordion .link {
	padding-left: 5%;
	height:45px;
	overflow:hidden;
	line-height: 45px;
	cursor: pointer;
	display: block;
	color: #4D4D4D;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion .link a:hover{
	color:#fb4848;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #b63b4d;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #444359;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
	line-height:42px;
	height:42px;
	overflow:hidden;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }
ul{
	list-style: none;
}

.hot-tie > h2{ 
	padding-left:5%;
	line-height:45px;
	margin:0;
	background-color:#ddd;
}
.text-con{ border:1px solid #ddd; padding:10px;
}

.goods-menu{
	text-align:center;
	line-height:45px;
	height:45px;
	overflow:hidden;
}
.erji-menu li a{ display:block; line-height:35px;}
.erji-menu li a:hover{ color:#fb4848;}


.to-top { display: none; padding: 5px 20px; color: #fff; background-color: #f50;}
.to-top:hover{color: #fff;}

#preloader_2{
position: relative;
left: 50%;
width: 40px;
height: 40px;
}
#preloader_2 span{
	display:block;
	bottom:0px;
	width: 20px;
	height: 20px;
	background:#9b59b6;
	position:absolute;
}
#preloader_2 span:nth-child(1){
-webkit-animation: preloader_2_1 1.5s infinite ease-in-out;
-moz-animation: preloader_2_1 1.5s infinite ease-in-out;
-ms-animation: preloader_2_1 1.5s infinite ease-in-out;
animation: preloader_2_1 1.5s infinite ease-in-out;
}
#preloader_2 span:nth-child(2){
left:20px;
-webkit-animation: preloader_2_2 1.5s infinite ease-in-out;
-moz-animation: preloader_2_2 1.5s infinite ease-in-out;
-ms-animation: preloader_2_2 1.5s infinite ease-in-out;
animation: preloader_2_2 1.5s infinite ease-in-out;

}
#preloader_2 span:nth-child(3){
top:0px;
-webkit-animation: preloader_2_3 1.5s infinite ease-in-out;
-moz-animation: preloader_2_3 1.5s infinite ease-in-out;
-ms-animation: preloader_2_3 1.5s infinite ease-in-out;
animation: preloader_2_3 1.5s infinite ease-in-out;
}
#preloader_2 span:nth-child(4){
top:0px;
left:20px;
-webkit-animation: preloader_2_4 1.5s infinite ease-in-out;
-moz-animation: preloader_2_4 1.5s infinite ease-in-out;
-ms-animation: preloader_2_4 1.5s infinite ease-in-out;
animation: preloader_2_4 1.5s infinite ease-in-out;
}

@-webkit-keyframes preloader_2_1 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-webkit-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
     100% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-webkit-keyframes preloader_2_2 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-webkit-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-webkit-keyframes preloader_2_3 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-webkit-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
     100% {-webkit-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}


@-webkit-keyframes preloader_2_4 {
    0% {-webkit-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-webkit-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
     100% {-webkit-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-moz-keyframes preloader_2_1 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-moz-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
     100% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-moz-keyframes preloader_2_2 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-moz-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-moz-keyframes preloader_2_3 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-moz-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
     100% {-moz-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-moz-keyframes preloader_2_4 {
    0% {-moz-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-moz-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
     100% {-moz-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-ms-keyframes preloader_2_1 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-ms-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
     100% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-ms-keyframes preloader_2_2 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-ms-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-ms-keyframes preloader_2_3 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-ms-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
     100% {-ms-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-ms-keyframes preloader_2_4 {
    0% {-ms-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-ms-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
     100% {-ms-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-keyframes preloader_2_1 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-transform: translateX(-20px) translateY(-10px) rotate(-180deg); border-radius:20px;background:#3498db;}
    80% {-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
     100% {-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}
@-keyframes preloader_2_2 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-transform: translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f;}
    80% {-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
    100% {-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}
@-keyframes preloader_2_3 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg);border-radius:0px;}
    50% {-transform: translateX(-20px) translateY(10px) rotate(-180deg); border-radius:20px;background:#2ecc71;}
    80% {-transform: translateX(0px) translateY(0px) rotate(-360deg);border-radius:0px;}
     100% {-transform: translateX(0px) translateY(0px) rotate(-360deg); border-radius:0px;}
}


@-keyframes preloader_2_4 {
    0% {-transform: translateX(0px) translateY(0px)  rotate(0deg); border-radius:0px;}
    50% {-transform: translateX(20px) translateY(10px) rotate(180deg); border-radius:20px;background:#e74c3c;}
    80% {-transform: translateX(0px) translateY(0px) rotate(360deg); border-radius:0px;}
     100% {-transform: translateX(0px) translateY(0px) rotate(360deg);border-radius:0px;}
}

.panduan{ float:left; margin-left:10px;}
.panduan>span{ display:block; float:left; line-height:33px; height:33px;font-size: 20px;padding: 0 5px; color:#F00; display:none;} 
.panduan span:frist-child{ color:#0F0 !important;}

.navbar-nav>li>a:focus{ color:#fff !important;}
.more-detail-nr h1{ font-weight:bold;}
.section-title h2{
	font-weight: bold;
    text-align: center;
    color: #fb4848;
    font-size: 35px;
    margin-bottom: 3%;
}

@media only screen and (max-width: 414px) {
	.navbar-collapse .navbar-form{ width:100%;}
	.navbar-form .form-group{ float:left;}
	.search{ float:left; margin:0}
	.model1 .model1-nr h1{ font-size:40px;}
	.model4 .model4-l .items p{ min-height:90px;}
	.model4 .model4-l .items h4{ margin-top:2%; margin-bottom:2%;}
	.to-top{ bottom:63px !important; z-index:9899;}
	.model5{ margin-bottom:15%;}
	.send{margin-bottom:10%!important;}
}

/*case*/
.case .items span{
	display:block;
	text-align:center;
	line-height:45px;
	height:45px;
	overflow:hidden
}
.case .items .case-img img:hover{
	 transition: all 0.6s;
	  transform: scale(1.4);
	    cursor: pointer;      
}
.case-img{
	max-width:255px;
	overflow:hidden;
  text-align: center;
}
.case{
	margin-bottom:3%;
}


.more-detail .more-detail-tit { 
  background: #e0e0e0;
  margin-bottom: 2%;
}
.more-detail .more-detail-tit span {
  display: block;
  line-height: 40px;
  height: 40px;
  background: #0067a9;
  color: #fff;
  text-align: center;
}
.more-detail{
	border:1px solid #dae2ed;
	border-top: 0;
}
.more-detail-tit ul li{
	float: left;
	line-height: 45px;
	height: 45px;
	width: 20%;
	text-align: center;
	color: #666;
	cursor: pointer;
	background: #f5f7fa;
	border: 1px solid #dae2ed;
	border-bottom:0 ;
	border-left:0 ;
	font-size:16px;
}
.more-detail-tit ul li.on{
	background-color: #fff;	
	border-top: 3px solid #fb4848;
	border-bottom: 0;
	font-weight:bold;
}
.more-detail-tit ul li:last-child{
	border-right: 0!important ;
}
.more-detail-nr{
	padding: 3%;
}
.send-tit{
	background: #e0e0e0;
    margin-bottom: 2%;
}
.send-tit span{
	display: block;
    line-height: 40px;
    height: 40px;
    background: #fb4848;
    color: #fff;
    text-align: center;
}


.wdl_seach{display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;}


.news-nr-l img{width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;}


.case-img img{width: auto;
  height: 170px;
  max-width: 100%;
  max-height: 100%;}