@charset "utf-8";
/* CSS Document */
.head { position:relative; z-index:10}
.head_alink { text-align: right; padding-top: 16px; position:relative; z-index:1000}
.head_alink a { font-size: 14px; color: #666; padding: 0px 20px 0px 10px; background: url(../images/head_alink_fgy.jpg) no-repeat right 4px; }
.head_alink a:hover { color: #f00; }
.head_logo { clear:both; margin-top: 30px; font: 20px/26px "黑体"; color: #666; position:relative; z-index:999}
.head_logo_img { float: left; margin: 0px 50px 0px 20px; }
.head_logo p.adtxt{float:left; margin-top:5px;}
.head_logo .topphone{padding-left:40px; background:url(../images/tel_icon.jpg) no-repeat left center; font-size:16px; color:#666; margin:10px 15px 0px 0px;}
.head_logo span{color:#c7000a; font-size:27px; }

.head_alink div#m2
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	right:-50px;
  top: 45px;}
#sddm div#m2{margin-top: 5px; margin-left: 10px; border:none}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #d3a359;
		font: 12px arial}

	#sddm div a:hover
	{	background: #d3a359;
		color: #FFF}

.logo_container,
.logo_cont_home {
  float: left;
  text-decoration: none;
  border: 0;
}

.slogan {
  display: inline;
}
.slogan_a h1 {
  display:none
}
.nav {
  float: left; margin-left:30px
}
.toptel {
  float: right; color:#fff; font-size:22px; font-family:"Impact","Microsoft Yahei"; background:url(../images/top_telbg.png) left no-repeat; padding-left:30px; height:40px; line-height:40px; margin-top:8px
}
nav {
  padding-top: 13px;
}
.sf-menu {
  float: right;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 1px;
  z-index: 2222;
}
.sf-menu > li {
  float: left;
  position: relative;
}
.sf-menu > li + li {
  margin-left: 16px;
}
.sf-menu > li > a {
  display: inline-block;
  padding: 5px 0;
  background: none;
  color: white;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  text-decoration: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.sf-menu > li > a:hover {
  background: none;
  border-bottom: 3px solid #fff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li.current a {
  border-bottom: 3px solid #fff;
}
.noStuck ul.sf-menu > li.current a {
  border-bottom: none
}
.sf-menu > li.sfHover > a {
  border-bottom: 3px solid #fff;
}
.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
  background: #fff;
	width: 180px;
	  box-sizing: border-box;
  text-decoration: none;
	font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
  position: absolute;
  top: 45px;
  left: -60px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.sf-menu ul:before {
  content: "\f0d8";
  display: inline-block;
  text-indent: 0;
  margin-top: 0;
  font: 400 22px/22px "FontAwesome";
  position: absolute;
  top: -15px;
  left: 85px;
  color: #fff;
}
.sf-menu ul li {
  line-height: 18px;
  position: relative;
  margin: 0;
  clear: both;
  position: static;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: left;
  cursor: pointer;
  background: none;
  border-bottom: 1px solid #EFEFEF;
}
.sf-menu ul li:last-child {
  border-bottom:none;
}
.sf-menu ul li a {
  color: #222;
  text-decoration: none;
  text-decoration: none;
  display: block;
  padding: 0 20px;
  clear: both;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
}
.sf-menu ul li a:hover {
  text-decoration: underline;
}
.sf-menu ul li.sfHover > a {
  text-decoration: underline;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
  position: absolute;
  top: -38px;
  left: -243px;
  background: #fff;
  padding: 10px 20px;
  z-index: 4;
  font-size: 12px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
  text-decoration: none;
}
.sf-menu ul ul:before {
  content: "\f0da";
  display: inline-block;
  text-indent: 0;
  margin-top: 0;
  font: 400 22px/22px "FontAwesome";
  position: absolute;
  top: 33px;
  left: 209px;
  color: #fff;
}
.sf-menu ul ul li {
  line-height: 18px;
}
.sf-menu ul ul li a {
  color: #222;
}

.select-menu {
  background: url("data:image/png;base64,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") no-repeat scroll right center #ffffff;
  display: none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 420px;
	height: 48px;
  margin: 4px auto;
}
.select-menu .select {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #585858;
  font: 400 15px/30px "Roboto", sans-serif;
  height: 30px;
  outline: medium none;
  width: 440px;
}
@media only screen and (max-width: 780px) {
	  .select-menu {
    float: none;
  }
}
@media only screen and (max-width: 480px) {
	  .select-menu {
    width: 420px;
  }
}
@media only screen and (max-width: 479px) {
  .select-menu {
    width: 280px;
  }
}
@media only screen and (max-width: 320px) {
  .select-menu {
    width: 270px;
  }
}

.select-menu {
  display: none !important;
}
@media (max-width: 780px) {
  .select-menu {
    display: block !important;
  }
}
	
/* Stuck menu styles
========================================================*/
div#stuck_container {
  height: 56px;
  line-height: 56px;
}
.logo_cont_home,.toptel{ display:none}
.isStuck .logo_cont_home,.isStuck .toptel{ display:block}
.noStuck {  background: url(../images/head_menu_bg.jpg) repeat-x left top; margin-top: 25px;}
.noStuck nav{ margin-left:0; padding-top:0}
.noStuck ul.sf-menu {  width: 1200px; margin: 0 auto; height: 56px; line-height: 56px;}
.noStuck ul.sf-menu li{   background: url(../images/nav_bg.jpg) right no-repeat;float: left;  width: 11.11%; text-align: center; height: 56px; position: relative;}
.noStuck ul.sf-menu li span{   height: 56px;line-height: 56 px;display: block;  color: #bab9b9;font-size: 10px;}
.noStuck ul.sf-menu li a{  font-size: 18px;line-height: 56px; color: #000; transition: none;}
.noStuck ul.sf-menu > li > a {padding:0}
.noStuck ul.sf-menu > li + li {margin-left:0}
.noStuck ul.sf-menu ul {  top: 50px;left: -35px; width:210px}
.noStuck ul.sf-menu ul:before{  left:95px;}
.noStuck ul.sf-menu ul li { width:100%;  height: 41px; line-height: 41px; background:none;}
.noStuck ul.sf-menu ul li a{  height: 41px; line-height: 41px; font-size:16px}

@media (max-width: 1280px) {
.wrap { width:90%}
.noStuck .container{ width:100%; padding:0}
.isStuck .container{ width:90%; padding:0}
.isStuck .toptel { display:none}
.noStuck .container .nav,.noStuck .container .nav .sf-menu{ float:none}
.noStuck ul.sf-menu {
  width:90%;
}


}

@media (max-width: 1270px) {
	.khjz{ display:none}
}
@media (max-width: 1038px) {
.fl.toplogo {
  width: 570px;
  margin: 0 auto;
  float: none;
  height: 80px;
  /* padding-bottom: 20px; */
}
.fr.tr.toplinks {
  float: none;
  width: 345px;
  margin: 0 auto;
  margin-top: 20px;
}
.dropup, .dropdown {
  margin-right: 20px;
}
}

#stuck_container.isStuck {
  background: #c7000a;
  z-index: 999;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
@media (max-width: 700px) {
	.im_floatonline { display:none}
	.head_alink.fl{ display:none}
  .head_alink.fr{ float:none; text-align:center}
	.head_alink.csfr{ float:none; text-align:right}
	.fl.toplogo{   width: auto; height: 120px;  text-align: center;}
	.head_logo .head_logo_img{ float:none; margin:0 0 10px 0}
	.head_logo p.adtxt{ float:none}
	.dropup, .dropdown { display:none}
	}

/*mobile site modify */
.top_text {
  display: none;
}
.toplogo i {
  display: none;
}

.footer_mobile_only {
  display: none;
}

.dw_title {
  display: none;
}

.zlal_more {
  display: none;
}

.hotline_mobile_only{
  display: none;
}

@media (max-width: 460px) {
	.head_alink{ display:none;}
	.fr.tr.toplinks{ width:300px}
	.head_logo .topphone{width: 300px; display:none;  padding-left: 0px;}
	.service { display:none}

  .fa.fa-phone {
    color: red;
  }
  
  p.adtxt {
    display: none;
  }
  .fl.toplogo {
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .head_logo {
    margin-top: 10px;
  }

  div#stuck_container.noStuck {
    margin-top: 0;
  }

  .head_alink.fr {
    display: none;
  }

  .top_text {
    display: block;
    height: 40px;
    text-align: center;
    background-color: #eee;
    font-size: 20px;
    line-height: 2em;
    color: #666;
  }

  .toplogo i {
    display: inline-block;
    font-size: 45px;
    padding-left: 15px;
    padding-bottom: 4px;
    color: #666;
    vertical-align: middle;
  }

  .fr.tr.toplinks {
    display: none;
  }

  #tabs.button-group {
    display: block;
  }
  
  .footer_mobile_only {
  display: block;
  text-align: center;
  background-color: #000;
  padding: 10 0;
  }

  .footer_mobile_only .dropup{
    display: inline-block;
    padding-top: 15px;
  }
  
  .wrap.wsm {
    display: none;
  }

  .dw.mobile_only {
    height: auto;
    background-color: #c8000b;
    background-image:none;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden; 
    margin-bottom: 20px;
  }

  .dw_title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 26px;
  }

  .dw_title a {
    display: inline-block;
    color: #fff;
    padding: 5px 8px;
    margin-left: 15px;
    border:1px solid #fff;
  }

  .dw_title a:hover {
    color: #eee;
  }

  .dw_title a:visited {
    color: #999;
  }
  .zlal_more {
    display: block;
    text-align: center;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .zlal_more a{
    display: inline-block;
    font-size: 30px;
    color: #999;
    padding:10px 15px;
    border: 2px solid #999;
  }

  .zlal_more a:hover {
    border: 2px solid red;
    text-decoration: none;
  }

  .khjz_mobile_only {
    display: block;
    text-align: center;
    font-size: 34px;
    margin-top: 50px;
    margin-bottom: 30px;
    color: #999;
    font-weight: bold;
    letter-spacing: 4px;
  }
  }

  .khjz_mobile_only span {
    color: red;
    letter-spacing: normal;
  }
  .khjz_mobile_only h3{
      text-align:center;
      font-size: 35px;
      margin-top: 54px;
    }

  .moduletable {
    margin-bottom: 40px;
  }

  .hotline_mobile_only {
    color: red;
    font-size: 30px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #eee;
  }

  #fgs,#zyz {
  
  }

}

.main_image {width:100%; height:539px; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:539px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:539px;}
.main_image li span {display:block; width:100%; height:539px}
.main_image li a {display:block; width:100%; height:539px}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:510px; right:50%; z-index:999;  height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0;  display:block; background:#333; color:#fff; text-align:center; margin-right:15px;}
div.flicking_con a.on {background-position:0 -21px}

/*展览案例*/
.zlal_cen_menu { overflow: hidden; margin-top: 20px; }
.zlal_cen_menu li { float: left; }
.zlal_cen_menu li a { display: inline-block; font-size: 16px; border: 1px solid #ccc; padding: 0px 15px; line-height: 30px; color: #666; margin: 0px 10px; transition: none; }
.zlal_cen_menu li a:hover { background: #c7000a; border: 1px solid #c7000a; color: #fff; transition: none; }
.content { margin-top: 30px; }
.content_cen { overflow: hidden; }
.content_cen li { width: 25%; float: left; }
.content_cen a { display: block; background: #f5f5f5 url(../images/icon_002.jpg) no-repeat right 10px center; font: 18px; line-height: 65px; color: #3c4648; transition: none;  }
.content_cen a:hover { background: #3c4648 url(../images/icon_002_hover.jpg) no-repeat right 10px center; color: #fff; transition: none; }
.content_cen img { width:100%; height:auto}

.bootwidth { width:1200px; margin:0 auto}
.bannerDiv {  height: 300px; }
#full-screen-slider { width:100%; height:300px; float:left; position:relative}
#slides { display:block; width:100%; height:300px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; left:50%; top:490px; z-index:9900; /* padding:5px 15px 5px 0 */}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#e7c712}

.zlal .button-group {
	margin:0 auto;
  margin-top: 20px;
	margin-bottom: 34px;
  text-align: center;
	max-width:1200px
}
.bootwidth .button-group {margin: 20px 180px 34px;}
.bootwidth .btn-group{margin:0 1%;}
@media (max-width: 767px){
  .bootwidth .button-group {margin: 0px;}
  .bootwidth .btn-group{margin-bottom:10px;}
  .bootwidth .btn-group:nth-child(3){margin-left: 0px;}
}
.bootwidth .content_cen li{margin:8px 1%; width:23%}

.catinfo .catimg{ width:40%; float:left; text-align:center}
.catinfo h3{ line-height:28px; text-indent:2em;}
.catinfo .cattxt{ width:60%; float:right; text-align:left; margin-top:15px}
.catinfo .cattxt p{ font-size:15px; line-height:28px; text-indent:2em; margin-top:5px}
.zlal .button-group a,.zlal .button-group a.fcfcfc {
  display: inline-block;
  margin: 5px 1px;
  min-width: 112px;
  border: 1px solid #bbbbbc;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.zlal .button-group a.droplink { border:none; height:inherit; line-height:inherit; font-weight:100; text-align:inherit}
.zlal .button-group a.fcfcfc { background:#fcfcfc}
.zlal .button-group a.active,
.zlal .button-group a:hover,.zlal .button-group a.fcfcfc:hover {
  text-decoration: none;
  background: rgb(199, 0, 10);
  border-color: rgb(199, 0, 10);
  color: #ffffff;
}
.zlal .button-group a#current {
  color: #c7000a;
}
.zlal .button-group a#current:hover {
  color: #fff;
}

.zlal a[data-gal] {
  width: 100%;
}
a[data-gal] {
  display: block;
  width: 14.285714%;
  height: 100%;
  float: left;
  position: relative;
}
.zlal a[data-gal] img {
}

.bjgc{ margin-top:35px}
.tit_bjgc { text-align:center}
.tit_bjgc_c { text-align:center; margin-top:20px}


a[data-gal] img {
  width: 100%;
}
a[data-gal] img.video-s {
  width: 52px;
	height:52px
}
img {
  max-width: 100%;
  height: auto;
}
a[data-gal] .overlay-gallery {
  display: block;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ie8 a[data-gal] .overlay-gallery {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
  zoom: 1;
}

a[data-gal] p {
  position: absolute;
  top: 30%;
  margin-top: -27px;
  left: 20px;
  right: 20px;
  visibility: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 979px) {
  a[data-gal] p {
    display: none;
  }
}
@media (max-width: 479px) {
  a[data-gal] p {
    display: none;
  }
}
.casetxt {  background: #f5f5f5 url(../images/icon_002.jpg) no-repeat left 10px center;
  font: 18px;
  height: 65px;
  line-height: 65px;
  color: #3c4648;
  transition: none; padding-left:40px; overflow:hidden}
a:hover .casetxt {  background: #3c4648 url(../images/icon_002_hover.jpg) no-repeat right 10px center;
  color: #fff;
  transition: none;}
a[data-gal]:hover .overlay-gallery {
  background: rgba(0, 0, 0, 0.5);
}
a[data-gal]:hover .video-a {
  background: rgba(0, 0, 0, 0.2);
}
.ie8 a[data-gal]:hover .overlay-gallery {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
  zoom: 1;
}
a[data-gal]:hover p {
  visibility: visible;
}
@media (max-width: 767px) {
/*.zlal .button-group a {
    display: block;
    width: 50%;
    margin: 10px auto;
  }*/
.content_cen li{width: 100%;padding: 0px 10px;}
}
 
 #header .noStuck .nav-btn {
	display:none;
}
#header .noStuck .nav-btn {
  position: fixed;
  text-align: center;
  top: 80px;
  left: 65px;
  font-size: 37px;
  line-height: 43px;
  width: 61px;
  height: 61px;
  color: #f00000;
  background: rgba(200, 200, 200, 0.54);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 8px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
	display:none;
}
.ie8 #header .noStuck .nav-btn {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47000000', endColorstr='#47000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47000000', endColorstr='#47000000');
  zoom: 1;
}
 #header .noStuck .nav-btn.active {
  height: 30px;
  width: 30px;
  font-size: 18px;
  line-height: 28px;
  padding: 0;
  left: 230px;
  top: 17px;
}
@media (max-width: 479px) {
#header .noStuck .nav-btn.active {
    left: 165px;
  }
}
#header .noStuck .nav-btn:hover {
  text-decoration: none;
  background: #ffffff;
  color: #f00;
}
@media (max-width: 979px) {
#header .noStuck .nav-btn {
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
#header .noStuck .nav-btn {
    height: 45px;
    width: 45px;
    font-size: 28px;
    padding-top: 0;
  }
}
@media (max-width: 479px) {
#header .noStuck .nav-btn {
    top: 180px;
  }
}


@media (max-width: 479px) {
#header .noStuck .menu-wrap {
    width: 200px;
  }
#header .noStuck .menu-wrap {
  position: fixed;
  left: -273px;
  top: 0;
  height: 100%;
  width: 273px;
  background: #2d2e30;
  z-index: 998;
  -webkit-transition: 0.5s;
  transition: 0.5s;
	z-index:1000
}
#header .noStuck .menu-wrap.active {
  left: 0;
}
#header .noStuck .menu-wrap .header-menu {
  padding: 3px 0;
  background: #1e1f21;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#header .noStuck .nav-btn { display:none}
}





.fz_link { display: inline-block; padding: 0px 30px; color: #fff; font-size: 16px; line-height: 23px; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius: 5px;            /* W3C syntax */ behavior: url(iecss3.htc); }
.red { background: #c7000a; margin-right: 10px; }
.red:hover { background: #000; color: #fff; }
.black { background: #000; margin-right: 15px; }
.black:hover { background: #c7000a; color: #fff; }
.lzlznav_lz { background: url(../images/head_menu_bg.jpg) repeat-x left top; margin-top: 25px; }
.lzlznav_lz ul { width: 1200px; margin: 0 auto; height: 56px; line-height: 56px; }
.lzlznav_lz ul a { color: #000; transition: none; }
.lzlznav_lz ul a:hover { color: #c7000a; transition: none; }
.lzlznav_lz ul li { float: left; width: 11.11%; text-align: center; height:56px; position:relative}
.lzlznav_lz ul li a { font-size: 18px; line-height: 56px;}
.lzlznav_lz ul li ul.subnav li a { font-size: 16px;}
.lzlznav_lz ul li{ background:url(../images/nav_bg.jpg) right no-repeat}
.lzlznav_lz ul li:last-child{ background:none}
.lzlznav_lz ul li span { color: #bab9b9; font-size: 10px; line-height: 56px; }

.lzlznav_lz ul.menubotton li span{height: 56px;line-height: 56 px;display: block;*display: inline-block;}
.lzlznav_lz ul.menubotton li span.menuhover {height: 56px;line-height:56px;color:#fff;}

.lzlznav_lz ul.menubotton li ul.subnav {list-style: none;position: absolute;top:56px;*top:40px;height:auto;*left: 0px; margin: 0;padding: 0;width: 168px;color: #fff;z-index: 999;display: none; padding-bottom:12px}
.lzlznav_lz ul.menubotton li ul.subnav li{margin: 0;clear: both; position:static; width: 100%;height: 41px;line-height: 35px;text-align: left;cursor: pointer; background:none; border-bottom: 1px solid #EFEFEF;}
.lzlznav_lz ul.menubotton li ul.subnav li a{height: 41px;line-height: 35px; text-align:center;  }
.lzlznav_lz ul.menubotton li ul.subnav li:last-child{margin: 0;clear: both; position:static; width: 100%;height: 41px;line-height: 35px;text-align: left;cursor: pointer; background:none; border-bottom:none;}


.banner { width:100%}
.banner img{ width:100%}
.search { height: 35px; background: #c8050f; width: 100%; }
.search_input { float: right; background: url(../images/home6-12_15.jpg) no-repeat left top; width: 226px; height: 24px; margin-top: 6px; }
.search_res { line-height: 35px; color: #fff; }
.search_res span { font-size: 16px; margin-right: 10px; }
.search_res font { font-size: 13px; margin: 0px 15px; }
.search_res a{ font-size:14px; color:#fff}
.search_res a:hover{ color:#fff; text-decoration:underline}
.search_iput { width: 194px; height: 23px; line-height:23px; color: #999; margin-left: 3px; margin-top: 0px; float: left; background: none; }
.search_button { float: left; width: 27px; height: 23px; background: none; cursor: pointer; }
.service { height: 235px; background: #f2f2f2; border-bottom: 1px solid #ccc; overflow: hidden; }
.service ul li { width: 25%; float: left; background: #f2f2f2 url(../images/service_icon1.jpg) no-repeat center 172px; height: 235px; transition: none; text-align: center; }
.service ul li:hover { background: #e9e9e9 url(../images/service_icon2.jpg) no-repeat center 172px; }
.service ul li:hover img{transform:scale(1.3);    -webkit-transform:scale(1.3);    -moz-transform:scale(1.3);    -o-transform:scale(1.3);    -ms-transform:scale(1.3); transition:all 0.5s}
.service ul li:hover a{  color: rgb(199, 0, 10); transition:all 1s}
.service ul li div { height: 169px; text-align: center; }
.service ul li div span { height: 100%; display: inline-block; vertical-align: middle; }
.service ul li div img { vertical-align: middle; }
.service ul li a { font-size: 19px; font-weight: bold; }
.zlal { margin-top: 30px; }
.tit_zlal { text-align: center; padding:12px 0 }
.zlal_cntit { position:relative; z-index:2;}
.zlal_cntit h1{font-size: 36px; line-height:36px;   margin: 0; letter-spacing: 10px; color: #686c6f;}
.zlal_entit { position:relative; top:-15px; z-index:1}
.h876 { /*height: 786px; */}
.wsm { text-align: center; margin-top: 20px; background: url(../images/wsm.jpg) no-repeat center top; }
.dw { background: url(../images/dw_bg.jpg) repeat-x left top; height: 221px; }
.dw ul li { float: left; width: 25%; text-align: center; margin-top: 30px; }
.dw ul li img:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); transition: all 1s;
 }
.wsm_dw { height: 396px; position: relative; }
.wsm_dw_tit { font-size: 18px; color: #333; line-height: 22px; display: inline-block; font-weight: bold; text-align: left;   width: 130px;}
.wsm_dw_tit1 { position: absolute; left: 630px; top: 60px; }
.wsm_dw_tit2 { position: absolute; left: 190px; top: 240px; }
.wsm_dw_tit3 { position: absolute; left: 900px; top: 240px; }
.wsm_dw_tit4 { font-size: 13px; color: #666; position: absolute; left: 240px; top: 370px; }
.wsm_dw_tit5 { font-size: 13px; color: #666; position: absolute; left: 360px; top: 150px; }
.wsm_dw_tit6 { font-size: 13px; color: #666; position: absolute; left: 770px; top: 150px; }
.wsm_dw_tit7 { font-size: 13px; color: #666; position: absolute; left: 890px; top: 370px; }

@media (max-width: 1280px) {
.wsm_dw_tit1 { position:static; left: 0; top: 0; }
.wsm_dw_tit2 { position:static; left: 0; top: 0;}
.wsm_dw_tit3 { position:static; left: 0; top: 0; }
.wsm_dw_tit{ text-align:center; width:100%}
.wsm_dw_tit4,.wsm_dw_tit5,.wsm_dw_tit6,.wsm_dw_tit7 { display:none}
.wsm {  background: url(../images/wsm.jpg) no-repeat center 30px;}
.wsm_dw{ height:416px}

.bootwidth,.case_content .content {
  width: 100%;
  margin: 0 auto;
}

.zlal_cntit h1 { font-size:1.8em}
}
.liucheng { margin:50px 0 0; text-align:center}
.gongchang {margin:50px 0; height:895px; width:100%; background:url(../images/gongcang_demo1.jpg) center no-repeat;background-size:100%;margin: -11px auto;}
@media (max-width: 478px) {
.dw{  height: 150px;}
.bootwidth .content_cen li { width:50%; margin:0}
#pagelist{ font-size:12px}
span.pagenum.current.disabled,
.pagination a.pagenum {
  display: none;
}
.product-news,.liucheng,.gongchang { display:none}
}

.khjz_tit { text-align: center; margin-top: 35px; }
.box_news { width: 28%; float: left; margin: 0px 2.6%; }
.news_tit { font-size: 20px; font-weight: bold; line-height: 38px; }
.news_tit a { float: right; margin-right: 10px; margin-top: 10px; font-size:14px; font-weight:100 }
.news_tit a:hover { color:#c7000a}
.box_news ul li font { float: right; font-size: 13px; color: #999; line-height: 30px; }
.box_news ul li a { font-size: 14px; color: #666;  }
.box_news ul li a:hover { color: #F00; }
.box_news ul li { border-bottom: 1px dashed #e3e3e3; padding-left:15px; overflow: hidden; line-height: 30px; }
.box_news ul li span { font-size: 16px; margin-right: 10px; color: #666; text-align: center; }
.news_img img { border: 3px solid #ccc; margin: 10px 0px;}
.news_img{ position:relative }
.news_img  p{ position:absolute; left:5px; width:327px; height:36px; line-height:36px; bottom:13px; background-color: rgba(0,0,0,0.5);;text-align:left; margin:0; padding-left:12px; color:#fff}
.news_img  p em{ font-style:normal}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .news_img  p{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .news_img p em{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}

.link { border-top: 1px solid #ccc; margin-top: 20px; overflow: hidden; }
.link_tit { padding-top: 20px; }
.link_tit img { display: block; float: left; }
.link_tit ul { float: left; margin-left: 20px; margin-top: 5px; width:1070px}
.link_tit ul li { float: left; height: 24px; line-height:24px; padding-right: 15px; }
.link_tit ul li a { font-size: 13px; line-height: 13px; display: inline-block; border-right: 1px solid #666; padding-right: 20px; }
.link_tit ul li a:hover { color:#333}
.foot { background: url(../images/foot_bg.jpg) repeat-x left top; height: 341px; }
.foot_nav { height: 48px; overflow: hidden; }
.foot_nav li { float: left; width: 11.11%; text-align: center; }
.foot_nav li a { color: #fff; line-height: 48px; }
.foot_logo { display: inline-block; float: left; margin: 40px 80px 0px 20px; }
.foot_sen_word { margin-top: 50px; float: left; color: #abacad; }
.foot_tel { padding-left: 30px; background: url(../images/tel_foot.jpg) no-repeat left center; font-size: 30px; color: #fff; margin-top: 20px; }
.erwem { float: right; margin: 10px 30px 0px 0px; width: 30%; text-align:left; }
.erwem ul{ width:180px; margin-top:8px; text-align:left}
.inputstyle{ border: solid 1px #ccc; height:20px; line-height:20px; margin-top:8px; text-indent:5px; color:#666666;}
.inputstyle2{ border: solid 1px #ccc; height:20px; line-height:20px; margin-top:8px; text-indent:5px; color:#666666; width:80px}
.btnstyle{ -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; background:#c6142a; color:#fff; border: none; padding:10px; width:100%; margin-top:5px;}
/* 横向滚动
------------------------------ */
.scroll_horizontal { position: relative; width: 1200px; height: 215px; padding: 10px; margin:30px 0 60px 0}
.scroll_horizontal .box { overflow: hidden; position: relative; width: 1092px; height: 245px; margin: 0 auto; overflow: hidden; }
.scroll_horizontal .list { overflow: hidden; width: 9999px; }
.scroll_horizontal .list li { float: left; width: 364px; padding: 0px 20px 0px 20px; text-align: center; padding-top: 5px;  overflow: hidden; position:relative }
.scroll_horizontal .list li img { boder: 2px solid #fff; box-shadow: 0 0 2px 2px #eee;  behavior: url(iecss3.htc); }
.scroll_horizontal .list li h2 { font-size: 20px; line-height: 40px; color: #333; }
.scroll_horizontal .list li a { color: #666; margin: 0px 20px; }
.scroll_horizontal .list li a:hover { color: #c7000a; }
.scroll_horizontal .prev, .scroll_horizontal .next { position: absolute; top: 50%; margin-top: -45px; width: 36px; height: 98px; font: 0/0 Arial; cursor: pointer; }
.scroll_horizontal .prev { left: 5px; background-position: 0 0; no-repeat;
background-image: url(../images/left_p.jpg); background-repeat:
}
.scroll_horizontal .next { right: 5px; background-position: 0px 0; background-image: url(../images/right_p.jpg); background-repeat:
}
.vido { overflow: hidden; margin-top: 30px; }
.vido_more { float: left; width: 210px; }
.scroll_horizontal2 { position: relative; width: 980px; height: 215px; padding: 10px; float: left; }
.scroll_horizontal2 .box { overflow: hidden; position: relative; width: 930px; height: 275px; margin: 0 auto; overflow: hidden; }
.scroll_horizontal2 .list { overflow: hidden; width: 9999px; }
.scroll_horizontal2 .list li { float: left; width: 310px; margin: 0; text-align: center; position:relative }
.scroll_horizontal2 .list li img { }
.scroll_horizontal2 .list li h2 { font-size: 20px; line-height: 40px; color: #333; }
.scroll_horizontal2 .list li a { color: #666; }
.scroll_horizontal2 .list li a:hover { color: #c7000a; height:169px; text-decoration:none }
.scroll_horizontal2 .list li span.v_on{ position:absolute; background:url(../images/v_on.png) no-repeat; display:block; width:62px; height:60px; top:50px; left:50%; margin-left:-30px}
.scroll_horizontal2 .list li p{ position:absolute; width:300px; left:5px; height:36px; line-height:36px; bottom:-36px;background-color: rgba(0,0,0,0.5);;text-align:left; margin:0; padding-left:12px; color:#fff}
.scroll_horizontal2 .list li:hover p{ bottom:0; transition:all 0.5s}
.scroll_horizontal2 .list li:hover  span.v_on{  -webkit-transform: rotateZ(360deg) scale(1.2);
  -moz-transform: rotateZ(360deg) scale(1.2);
  -o-transform: rotateZ(360deg) scale(1.2);
  -ms-transform: rotateZ(360deg) scale(1.2);
  transform: rotateZ(360deg) scale(1.2);
  transition: all 1s;}
.scroll_horizontal2 .list li p em{ font-style:normal}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .scroll_horizontal2 .list li p{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .scroll_horizontal2 .list li p em{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
ul.foot_nav li ul { display:none}
.scroll_horizontal2 .prev, .scroll_horizontal2 .next { position: absolute; width: 25px; height: 84px; font: 0/0 Arial; cursor: pointer; }
.scroll_horizontal2 .prev { top: 10px; background-image: url(../images/contro2.png); background-repeat: no-repeat; right: 0px; background-position: 0 0; }
.scroll_horizontal2 .next { top: 96px; background-image: url(../images/contro3.png); background-repeat: no-repeat; right: 0px; background-position: 0 0px; }
.scroll_horizontal2 .prev:hover { background-position: -25px 0px; }
.scroll_horizontal2 .next:hover { background-position: -25px 0px; }
.khjm_logo { background: #d7d7d7; height: 180px;  }
.khjm_logo ul { overflow: hidden; }
.khjm_logo ul li { width: 16.66666%; height: 90px; float: left; }
.khjm_logo ul li img{ 
-webkit-filter: grayscale(1);/* Webkit */ 
filter:gray;/* IE6-9 */ 
filter: grayscale(1);/* W3C */ 
filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  }
.khjm_logo ul li:hover img{ 
-webkit-filter:none;/* Webkit */ 
filter:none;/* IE6-9 */ 
filter: none;/* W3C */ 
filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;  }
/*=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: red;
  width: 40px;
  height: 43px;
  font-size: 38px;
  line-height: 38px;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #c0c5c9;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}

.mainDiv { width: 100%; margin: 0px auto; }


.center { width: 1200px; margin: 0 auto; }





.box-tit { position: fixed; right: 10px; top: 50%; margin-top: -50px; display: none; }
.box-tit li { background: #fff; width: 10px; height: 10px; margin: 10px; border-radius: 50%; cursor: pointer; }
.box-tit li.on { background: none; border: 3px solid #fff; margin: 7px; }


.cpMain{ position:relative; top:-20px}
.cpMain .container{  background:  url(Img/tbg.png) no-repeat center top; padding:0 17px; min-height:1427px;}
.cpMain .cpleft{ float:left; width:30%; background:url(Img/cpbg.png) no-repeat right 11px;}
.cpMain .cpright{ width:68%; float:left; padding-left:2%;}
.helpcpMain .cpright{width:729px; float:left; padding-left:25px;}

.cpMain .cpleft .tt{ width:213px; height:175px; background:url(Img/tImg.png) no-repeat center; font-size:30px; color:#fff; font-weight:normal; text-align:center; overflow:hidden;}
.cpMain .cpleft .tt a{ display:block; margin-top:60px; line-height:30px;  color: #fff;}
.cpMain .cpleft .tt span{ display:block; margin-top:60px; line-height:30px;  color: #fff;}
.cpMain .cpleft .cplist{ overflow:hidden;   margin-bottom: 20px; _height:expression(this.scrollHeight < 800 ? "800px" : "auto");
}
.cpMain .cpleft .cplist ul{ margin-top:20px;}
.cpMain .cpleft .cplist li{ margin-bottom:10px;}
.cpMain .cpleft .cplist li>a{ width:169px; height:38px; line-height:38px; margin-left:10px; padding-left:18px; background:url(Img/lbg.png) no-repeat center; color:#fff; font-size:16px; font-weight:bold; display:block;}
.cpMain .cpleft .cplist li .cpsed{}
.cpMain .cpleft .cplist li .cpsed p{ height:35px; line-height:35px; border-bottom:1px solid #e2e2e2; margin-left:10px; width:187px;}
.cpMain .cpleft .cplist li .cpsed1 p a{ margin-left:15px; background:url(Img/dImg1.png) no-repeat left center; padding-left:15px;}
.cpMain .cpleft .cplist li .cpsed1 p:hover a,.cpMain .cpleft .cplist li .cpsed1 p a.cur{ color:#00a8ab; font-weight:bold; background:url(Img/dImg2.png) no-repeat left center;}

.cpMain .cpleft .cplist li .cpsed2{}
.cpMain .cpleft .cplist li .cpsed2 p{ height:54px; line-height:54px;}
.cpMain .cpleft .cplist li .cpsed2 p a{ font-size:16px; margin-left:15px;}
.cpMain .cpleft .cplist li .cpsed2 p:hover a,.cpMain .cpleft .cplist li .cpsed2 p.cur a{  width: 169px;height: 45px;line-height: 45px;margin-left: 10px; padding-left: 18px;background: url(Img/lbg.png) no-repeat center;color: #fff;font-size: 16px;font-weight: bold;display: block;}

.cpMain .cpright .ct{ height:60px; line-height:60px; text-align:right; padding-right:25px;}
.cpMain .cpright .ct pan{ color:#333;}
.cpMain .cpright .cc .dd{ padding-bottom:24px; color:#333; font-size:18px; font-weight:normal; background:url(Img/hl.png) no-repeat left bottom;margin-bottom: 20px;}
.cpMain .cpright .cc .dd span{ font-size:12px; color:#666; margin-left:5px;}
.cpMain .cpright .cc ul{ overflow:hidden; margin-top:25px;}
.cpMain .cpright .cc li{ float:left; width:203px; margin-left:42px; margin-bottom:40px;}
.cpMain .cpright .cc li img{ display:block; border:1px solid #ededed;}
.cpMain .cpright .cc li p{ text-align:center; margin-top:20px;}
.cpMain .cpright .cc li p a{ color:#333;}
.cpMain .cpright .cc .noMl{ margin-left:0;}
.cpMain .cpright .cc li:hover img{ border:1px solid #00a8ab;}

.age_li_about img,.age_li_about p img { text-align:center}
.plc { text-align:left}
/*新闻查看*/
.espcms_news_title{padding:15px;text-align: center;margin: 0px auto;}
.espcms_news_title h1 { font-size:18px; line-height:40px; font-weight:bold}
.espcms_newslist_read{padding:0px 5px; margin:80px 0}
.espcms_newslist_read li{float: left;width:48%;background: url('../images/icon2.gif') no-repeat 0px 8px;padding:0px 0px 5px 8px;overflow: hidden;}


.teamlist div { font-size:14px; text-align:center; height:36px; line-height:36px}
.teamlist a[data-gal] {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.teamlist a[data-gal] img {
  width:100%
}
.teamlist a[data-gal]:hover img {
  transform:none;
}

/* product-news Star */
.product-news a{color:#333;}
.product-news a:hover { color:#c8000b;}
.product-news-list { background:url(../images/news-icon.jpg) no-repeat right 5px; padding-right:185px; display:inline-block; overflow:hidden; position:relative; z-index:10;}
.product-news-list li { text-align:center; float:left; width:90px; height:90px; margin-right:1px;}
.product-news-list li a { font-size:25px; width:50px; margin:0 auto; color:#fff; line-height:30px; display:block; margin-top:12px;}
.product-news-list li a:hover{ color:#fff;}
.product-news-list li.product-news-col00a1c1 { background:#00a1c1;}
.product-news-list li.product-news-col00a071 { background:#00a071;}
.product-news-img { margin:-40px 0px 40px 0; position:relative; z-index:1; }
.product-news-hot dt{ line-height:50px;  font-size:25px; background:url(../images/about-tit-line.jpg) no-repeat left bottom;}
.product-news-hot dd { margin-top:30px; font-size:14px;  line-height:28px;}
.product-news-hot dd a {color:#666;}
.product-news-list2 { margin-top:40px; overflow:hidden; }
.product-news-list2 li { float:left; width:32%; overflow:hidden; background:url(../images/line_1.jpg)no-repeat center top; margin-right:1.3%; padding-top:25px;}
.product-news-list2 li .product-news-date { float:left; background:url(../images/news-date-line.jpg) no-repeat left top; font-size:14px;  }
.product-news-list2 li .product-news-date span { font-size:40px; float:right; margin-left:20px;}
.product-news-list2 li dl { float:left; margin-left:15px;}
.product-news-list2 li dl dt { font-size:18px; font-style:bold; }
.product-news-list2 li dl dd { font-size:14px; }

#kefubtn { display:none}
@media (max-width: 1559px) {
.im_floatonline #kefubtn {
    display:block
  }
.im_floatonline .float-box-content {
    display:none
  }
}
@media (max-width: 1280px) {
.link_tit ul { width:95%}
div.flicking_con{ width:100%}
.erwem { width:auto}
.box_news {
  width: 31.3%;
  float: left;
  margin: 0px 1%;
}
.box_news ul li { height:31px; overflow:hidden}
}
@media (max-width: 1071px) {
.erwem,.isStuck .logo_cont_home { display:none}
}
.social_nav3 { display:none}
.khjm_logo .tit_zlal { display:none}
@media (max-width: 780px) {
.link { display:none}
.foot {   background: url(../images/foot_bg.jpg) left -50px;}
.foot_nav { height:auto}
.foot_nav li { width:25%}
.foot_nav li:nth-child(4){ display:none}
.foot_logo{ display: block;
  margin: 0 auto;
  float: none;}
.erwem { display:none}
.box_news ul li font { display:none}
.khjm_logo { height:auto; background:none; padding:15px 0}
.khjm_logo .tit_zlal { display:block}
.khjm_logo .tit_zlal h1{ font-size:1.8em; margin-bottom:2px}
.khjm_logo ul li { width:33.33%; height:auto}
.khjm_logo ul li img {
  -webkit-filter: none;
  filter: none;
  filter: none;
  filter: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}


  .sf-menu {
    display: block;
  }
  .select-menu {
    display: block;
    width: 100%;
  }
	div#stuck_container { height:112px}
	.noStuck{ background-repeat:repeat}
	.noStuck ul.sf-menu li { width:25%}
	.noStuck ul.sf-menu { width:100%}
	.sf-menu > li.current a{ border-bottom:none; }
	.noStuck ul.sf-menu li a{font-size:16px}
	
 #header 	.isStuck .nav-btn { display:inherit}
 
 



/*底部浮动栏样式3*/
.social_nav3{display:block; height:40px; width:100%; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;}
/*底部浮动社交导航/电话*/
.social_nav3 .social3{display:block; width:100%; height:40px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav3 a{ height:40px; line-height:40px;line-height: 40px; border-left: 2px solid #707271; font-size:13px; width:24%; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}
.social_nav3 a:hover {color:#fff; background:#757776}
.social_nav3 a.tel{ width:24%; text-indent:15px;}
.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social3{ background-color:#757776;}
.social3:before{ content:''; height:1px; width:100%; background:#757776;  position:absolute; top:0; left:0;}
.social3:after{ content:''; height:1px; width:100%; background:#757776;  position:absolute; bottom:0; left:0;}
.social3 b{width:1px; height:100%; background:#30b8bd; border-left:1px solid #94cd6e; position:absolute; top:0; right:0;}
/*底部社交-电话-动画*/
.social_nav3 span.tel{
	left:30px;
	top:5px;
	height:30px;
	background-position:3px -49px;
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
/*底部社交-微信-动画*/
.social_nav3 span.weichat{
	background-position: 6px -150px;
    background-repeat: no-repeat;
    left: 86px;
    top: 7px;
}
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
/*底部社交-微博-动画*/
.social_nav3 span.weibo{ background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 157px; top: 7px;}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
.social_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:226px; height:24px; width:26px; top:8px;}
.social_nav3 .btn{ display:none; width:33px; height:40px; position:absolute; right:0; background-position:0 -786px; }
.social_nav3 .btn2{ display:block; width:33px; height:40px; position:absolute; right:0;background-position:0 -249px; display:none;}

/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {
    background-image: url("../images/SkinsBar2.png");
    background-size: 33px 889px;}
}
@media (max-width: 740px) {
.fwztc{ display:none}
.foot_sen_word{ display:none}
.sy-list { margin-top:20px !important;} 
}
.header-menu .logo { display:none}
#navBtn{ display:none}
.tdtxt01 {font-size:1.3em; font-weight:bold; color:#868686; display:block; line-height:36px; margin-top:10px;}
.tdtxt02 {font-size:1.5em; font-weight:bold; color:#868686; display:block; line-height:36px;}

.slippry-s{ display:none}
.slippry-b{ display:block}

.bannerDiv{ display:block}
.mbannerDiv{ display:none}
.mbannerDiv img{ width:100%; height:auto}

.foot_logo { display:block}
.foot_ewm { display:none}
@media (max-width: 480px) {
.owl-carousel .owl-wrapper-outer {
	
}
.owl-theme .owl-controls {
	}
.owl-pagination {
		margin-top: -45px;
    }

.owl-theme .owl-controls .owl-pagination .owl-page span {
  background-color: #fff;
}

.foot_sen {
    text-align: center;
    width: 100%;
}
.foot_logo { display:none}
.foot_ewm { display: inline;}

.bannerDiv{ display:none}
.mbannerDiv{ display:block}

.tdtxt01 {font-size:1.1em;}
.tdtxt02 {font-size:1.2em;}
	
	#navBtn{ display:block}
.header-menu .logo { display:block}
.box_news{ width:100%; float:none}
.box_news ul li font { display:inherit}
.news_img img { width:95%}
.news_img p { width:92%}
.box_news ul li { width:95%}


.noStuck {
  display:block !important;
}
#stuck_container.noStuck {
  background: none;
  z-index: 999;
}
.noStuck .container {
  width: auto;
  padding: 0;
}
.noStuck .logo_cont_home, .isStuck .toptel { display:none}
div#stuck_container.noStuck{ height:112px}
div#stuck_container.noStuck{ height:auto}

#header .noStuck .nav-btn{ display:block}
#header .noStuck .menu-wrap {
  position: fixed;
  left: -273px;
  top: 0;
  height: 100%;
  width: 273px;
  background: #c8050f;
  z-index: 998;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#header .noStuck  .menu-wrap.active {
  left: 0;
}
#header .noStuck .menu-wrap .header-menu {
  padding: 3px 0;
  background: #c8050f;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#header .noStuck .menu-wrap {
    width: 200px;
  }

.noStuck ul.sf-menu > li {
  position: relative;
  display: block;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.noStuck ul.sf-menu > li > a {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  padding: 10px 5px 10px 20px;
  color: #ffffff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.noStuck ul.sf-menu > li > a:hover {
  text-decoration: none;
  background: #1e1f21;
	border:none
}
.noStuck ul.sf-menu > li > a {
    font-size: 16px;
    line-height: 16px;
  }

.noStuck ul.sf-menu > li.current > a {
  background: #1e1f21;
}
.noStuck ul.sf-menu > li.sfHover > a {
  background: #1e1f21;
	border:none
}

.noStuck ul.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.noStuck ul.sf-menu a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.noStuck ul.sf-menu ul {
position: static;
  z-index: 4;
  width: 100%;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
	background:none;
   border: none;
  border-radius: none; 
  -webkit-box-shadow:none; 
   box-shadow:none;
}
.sf-menu ul:before{content: "";}
.noStuck ul.sf-menu ul li {
  font-size: 11px;
  line-height: 14px;
  height: 24px;
  line-height: 24px;
  border: none;
  text-align: left;
}
.noStuck ul.sf-menu ul li a {
  display: block;
  /* padding: 10px 5px 10px 30px; */
  height: 21px;
  line-height: 21px;
  color: #fff;
  font-size: 12px;
  text-align: left;
}
.noStuck ul.sf-menu ul li a:hover {
  text-decoration: none;
  background: #1e1f21;
}
.noStuck ul.sf-menu ul li {
    font-size: 11px;
    line-height: 14px;
  }
.noStuck ul.sf-menu ul li.sfHover > a {
  background: #1e1f21;
}
.noStuck ul.sf-menu li a.sf-with-ul:before {
  font-size: 12px;
  line-height: 30px;
  content: '\f078';
  position: absolute;
  top: 0;
  right: 30px;
  line-height: 30px;
  font-family: FontAwesome;
}
.noStuck ul.sf-menu ul:before{ content:''}

/* Second level sub-menu styles
========================================================*/
.noStuck ul.sf-menu ul ul {
  position: static;
  z-index: 4;
}
.noStuck ul.sf-menu ul ul a {
  padding: 10px 5px 10px 40px;
}

.noStuck ul.sf-menu li { width:100%; height:auto; background:none; text-align:left}

.wrap {
  width: 100%;
}
.head_alink {
   display: block;
	   padding: 5px 0;
  background-color: #333;
}
.head_alink a {
  font-size: 14px;
  color: #C3C3C3;
  padding: 0px 8px 0px 8px;
  background: none;
}
.zlal {
  margin-top: 20px;
}
.content {
  margin-top: 10px;
}
.tit_zlal {
	padding:0
}
.zlal_cntit img {
  border: 0;
  width: 70%;
}

.liyou { padding:5px}

.ztbk_news,.cjxw_news { display:none}

.mqr,.m_qrinfo{ display:none}
}

@media (min-width: 1280px) {
.Telescopic{
	position: fixed;
	width: 105px;
	left: 50px;
	bottom: 120px;
      z-index: 999;
}
.rq{
	width: 105px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "微软雅黑";
	background: #3d86ff;
	color: #fcff00;
	font-size: 18px;
	font-weight: bold;
}
.wx{
	width: 105px;
	height: 147px;
	background: url(../images/wx.png) no-repeat;
}
.return_top{
	width: 105px;
	height: 36px;
	background: url(../images/top.png) no-repeat;
	cursor: pointer;
}
.ptnav{overflow: hidden;display: none;height:0;}
.ptnav a{
	display: block;
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 4px;
	background: #c7000a;
	color: #fff;
	text-decoration: none;
	font-family: "微软雅黑";
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}
.ptnav a:hover{
	background: #000;
	color: #fcff00;
}
.ptnav a:visited,.ptnav a:focus{
	color: #fff;
}

}


/*screen detect*/
@media only screen and (max-width: 760px) {
  #screen-detect {
    display: none;
  }
}