*{word-wrap:break-word}


/*img*/
img{border:0;vertical-align:middle; max-width: 100%;}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居中*/
.text-c{text-align:center}/*水平居右*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*上下居顶*/
.va-m{ vertical-align:middle!important}/*上下居中*/
.va-b{ vertical-align:bottom!important}/*上下居底*/
.clear{    clear: both;
    height: 0;
    width: 0;
    zoom: 1;
    overflow: hidden;}
.row:after,.clearfix:after,.container:after{content:"";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{  width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*公用开始------------------------------------------------------------------*/

.container {
  margin-right: auto;
  margin-left: auto;
}
  .container {
    width: 1200px;
  }
  
@media (max-width:1199px) {
  .container {
    width: 970px;
  }
  #header {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,74,150,0.6);
}
}
@media (max-width: 767px) {
  .container {
    width: auto !important;
  }
  #header {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,74,150,0.6);
}
}




.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  /*margin-left: -15px;
  margin-right: -15px;*/
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;

}
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width:100%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
  	margin-top:10px;
    width: 42%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
   width:310px;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {

    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
 @media (max-width: 1200px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 992px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .menulevel{display: none !important;}
  .qingchu{clear: both; display: block;}
  .mt15{margin-top: 25px; display: block;}
}

 @media (max-width:767px ) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.none-xs{display: none !important;}

	.logo{ width: 60%;}
	.about-con{ float: none; width: 80%; margin: 31px auto;}
	.aboutlist{ position: absolute; width: 90%;  bottom: 0; left:5%;}
	.about-p{ width: 90%;}
	.pro-pad img{
		width: 100%;
	}
	.pro-pad{
		margin-bottom: 15px;
	}
.good img{
	float: none;
	vertical-align: middle;
}
.good {
	text-align: center;
}
.good span{
	float: none;
}
.news-con ul{ padding: 0 15px!important;}

.news-img,.news-con,.news-con1{float: none; width: 100%; padding-left: 0;}
.new_content {
    width: calc(100% - 170px);
    height: 80px;
    float: right;
    overflow: hidden;
}
.new1_content {
    width: calc(100% - 170px);
    height: 80px;
    float: right;
    overflow: hidden;
}
.aboutlist a {
    width: 49%;
    display: block;
    text-align: center;
    height: 65px;
    line-height: 65px;
    float: left;
    border-top: 1px solid #bfbfbf;
}
.about-p {
    margin: 10px auto;
    height: 270px;
    padding-top: 20px;
    font-size: 16px;
    line-height: 200%;
    overflow: hidden;
}
}
.text-overflow{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
*{font-family: "微软雅黑"; font-size: 16px;}

.container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px\9;
  }
input{    border-radius: 0}
li{ list-style:none}  

.fr{float: right;}
.fl{ float: left;}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
.clearfix{display:block} 

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.slides li{ width: 950px; margin: 0 auto;}
/*产品展示*/
.pro{
	background: #efefef;
	padding: 40px 0px 30px;
}
.pro-title{
	text-align: center;
	color: #2b2b2b;
	font-weight: bold;
	font-size: 25px;
}
.pro-title p{
	color: rgba(43,43,43,0.5);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
}
.pro-con{
	margin-top: 35px;
}
.pro-con li{
	float: left;
	width:390px;
	height:250px;
	text-align: center;
}
.pro-con li:nth-child(2),.pro-con li:nth-child(5){
	margin: 0px 15px;
}
.pro-con li p{
	line-height: 60px;
}
.pro-con li p a{
	color: #2b2b2b;
	font-size: 18px;
}
/*关于我们*/
.about-bg{
	margin-top: 50px;
}
.about-con{
	margin-top: 40px;
}
.about-diao{
	width: 580px;
	color: #2b2b2b;
	line-height: 36px;
	font-size: 16px;
}
/*产品展示滚动*/
.chanpin{
	background:url(../images/chanpin-bg.jpg) no-repeat top center;
	height:425px;
	margin-top: 20px;
	padding-top: 57px;
}
.chanpin-title{
	text-align: center;
	font-size: 25px;
	color: #000000;
}
.chanpin-title p{
	font-size:13px;
	color: #000000;
}
.chanpin-con{
	margin-top: 40px;
}
/*优势*/
.ad{
	background:url(../images/ad-bg.jpg) no-repeat top center;
	height: 413px;
	padding-top: 135px;
}
.ad-left{
	width: 400px;
}
.ad1{
	width: 370px;
	margin-left: 15px;
}
.ad-con{
	font-weight: bold;
	color: #2b2b2b;
	font-size: 20px;
}
.ad-icon{
	margin-right: 10px;
}
.ad-con p{
	font-weight: normal;
	color: rgba(43,43,43,0.5);
	font-size:13px;
	line-height: 27px;
}
.ad2{
	width: 365px;
	margin-left: 15px;
	margin-top:80px;
}
.ad-title{
	text-align: center;
	font-size: 25px;
	color: #000000;
	margin-left: 130px;
}
.ad-title p{
		font-size:13px;
	color: #000000;
}
.ad-right{
	width: 380px;
}
.ad3{
	width:375px;
}
.ad4{
	width:375px;
	margin-top: 80px;
}
/*新闻资讯*/
.news-title{
	text-align:center;
	font-size: 25px;
	color: #000000;
}
.news-title p{
	font-size:13px;
	color: #000000;
}
.news-con{
	margin-top: 40px;
}
.news-tu{
	position: relative;
	height: 238px;
}
.news-f{
	position: absolute;
  width:580px;
  height: 45px;
  line-height: 45px;
  background: rgba(21,167,244,0.7);
  bottom: 0;
  left: 0;
  padding-left:20px;
}
.news-f a{
	color: #fff;
}
.news-nr{
	width: 570px;
}
.news-nr li{
	float: left;
	width: 50%;
	line-height: 60px;
	border-bottom: 1px solid #e4e4e4;
}
.news-nr li img{
	margin-right: 20px;
}
.yqlj-bg{
	margin: 50px 0px;
}
/*foot部分*/
.footer{
	background:url(../images/footer-bg.jpg) no-repeat top center;
	height: 232px;
	
}
.f-top{
	color: #fff;
	font-weight: bold;
	font-size: 21px;
}
.f-top span{
	margin-left: 30px;
	font-size: 15px;
	font-weight: normal;
}
.f-con{
	margin-top: 60px;
}
.f-con li{
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	border-right:1px solid #515151;
	padding-right:45px;
	margin-right: 50px;
}
.f-con li:last-child{
	border-right:none;
	padding-right:0px;
	margin-right: 0px;
}
.f-con li p{
	line-height: 36px;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
}
.banq{
	background: #2ea807;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.banq a{
	color: #fff;
}
#copyright{ width:100%;background: #2ea807;}
#copyright .banq{ color: #fff; text-align: center;padding:10px 0;}
.ma li p{font-size: 15px; line-height: 55px; text-align: center; color: #949494;}
.foot-lx li img{margin-right: 10px;}
.foot-lx li{ font-size:15px; color: #949494; line-height: 55px; margin: 10px 0;}
#copyright .banq a{ color: #fff; padding:0 5px; }
/*foot部分结束*/
/*内页开始====================================================================================*/
#page_main{}
.dbg{background: #fff;}
.page-container{padding-bottom:60px;}
.page-container{}
.page-container img{ max-width:100%}
.page-content{ padding:0px 0px;margin-top:35px;}
.page-job{width: 930px;}
.site-nav{line-height:50px;font-size: 16px;background:#fff;border-bottom: 1px solid #d3d3d3; box-shadow: 1px 5px 10px #000;}
.site-nav-bg{height:50px; position: static;color: #2b2b2b;}
.site-nav-bg a{color: #2b2b2b;}
.page_list {text-align: right;padding-top:50px;padding-bottom:10px;}
.page_list span.current {border: #ddd 1px solid;padding:3px 6px;font-weight: bold;margin-right: 2px;color: #FFF;background-color: #2ea807;}	
.page_list a {border: #ddd 1px solid;color: #272727;padding:3px 6px;margin-right: 2px;}
.page_list select{width: 48px; line-height:29px; height:29px; margin-bottom:3px; background-color: #ffffff;border: 1px solid #cccccc;}
.page {
	margin-top: 30px;
    line-height:40px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    margin-bottom:40px;
}
.page span{ display: inline-block; width: 49%;}
.page-news .newsList{margin-top:40px;}
.page-news .newsList li{}
.page-news li .img{ padding: 0; overflow: hidden;}
.page-news li .text{
	width: 770px;
	padding-right: 0;
	border: 1px solid #ccc;
	margin-bottom:20px;
	padding: 10px 50px 20px;
}
.page-news li .text:hover{
	background: #fff;
	box-shadow: 1px 5px 10px #cacaca;
}
.page-news li .text .h span{   
	 font-size: 16px;
    color: #999999;
    float: right;
}
.page-news li .text a:first-child{
	font-size: 17px;
	margin-top: 20px;
}
.page-news li .text p{
	font-size: 16px;
    line-height: 24px;
    color: #666666;
    float: left;
}
.page-news li .text .ck{
	  float: right;
    color: #666666;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 20px;
}
.page-news li:hover a{
	font-weight: bold;
	color: #2ea807;
}
.page-news ul li .h{
	line-height:65px;
  font-size: 24px;
  text-align:left;
	
}



.proNav li{
    padding-top: 10px;
    padding-bottom: 10px;
    width:280px;
    text-align: center;
    position: relative;
    margin-left:15px;
}
.proNav li a{ display: block;padding:10px;border:#ddd 1px solid ;background: #fafafa;}
.proNav li span{ position:relative; display:block; overflow: hidden; width:260px; background:#fafafa; margin:0 auto;height:285px;}
.proNav li span img{cursor: pointer;transition: all 0.6s;display: inline-block;}
.proNav li span img:hover{transform: scale(1.1);}
.proNav li span .lhsp{ position: absolute; display: block; width:100%;  height:175px; z-index: 10; left: 0; top: 0; display: none; background: url(../images/lh616.png)  center center;}
.proNav li:hover span{background: #2ea807;}
.proNav li:hover a{background:#2ea807; text-decoration: none;}
.proNav li:hover span .lhsp{ display: block;}
.proNav li p{ font-weight:100; display: block; width: 120px; line-height: 30px; border: 1px solid #2ea807; margin: 0 auto 20px; color:#2ea807;}
.proNav li label{ line-height: 30px; color: #333; padding:10px 0 0px;font-size:15px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display: block !important;}
.proNav li:hover p{ color:#fff; border: 1px solid #fff;}
.proNav li:hover label{ color:#fff;}
.proNav .ckgd{display:block; width:130px; height:203px; float:left; margin-top:10px;}   
.jptj-header{ position:relative; text-align:center;}
.jptj-header .span6{height:1px; background:#666; padding:0; margin:0; margin-top:50px; margin-bottom:50px;}
.jptj-header p{ position:absolute; z-index:111; text-align:center; width:100%; padding-top:37px; font-size:14px; }	
.popover-banner{  max-width: 500px; margin: 0 auto; position: relative;}
.popover-banner .flex-direction-nav{ display: block;}
.popover-banner .flex-prev,.popover-banner .flex-next{ position: absolute; display: block; width: 45px; height: 100px; background: url(../images/sprite.jpg) no-repeat 0 top; top: 50%; margin-top: -50px; }
.popover-banner .flex-prev{ left:-50px;}
.popover-banner .flex-next{background: url(../images/sprite.jpg) no-repeat -55px top; right: -50px;}
.lhgw{ display: block; width: 400px; margin: 0 auto;}
#shop_cart{ width: 170px; float: left; }
#shopjg span{  text-align: center; display: block; width:140px ; height: 36px; margin: 20px 10px;background: #fe6a12;  line-height: 36px; font-size:16px ; color: #fff;}
#shopjg {  width:150px ; float: left; overflow: hidden ;}
.lhcppg{ width: 100%; background: #f5f5f5;padding-left: 20px;}
.lhcppg span{ display: inline-block;  padding-left: 0.5%;}
#inhert_cart{ margin: 20px 10px; height: 36px;  line-height: 36px;}
#shop_cart #btn_buy{ display:none;}
.jptj-header b{ display:inline-block;   font-size: 25px;
    line-height: 25px;
    color: #002e79;
    font-family: "微软雅黑";
    padding: 0 20px 10px;
	background:#f7f7f7}
.photos span{display: block; text-align:center; max-height:420px;border: 1px solid #e0e0e0;margin-right: 10px;}
.photos span:hover{border: 1px solid #e79e00;}
.photos span img{ min-height:180px;  max-width:100%;}
.photos p{font-size:16px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; line-height: 60px; padding: 0 15px; text-align: center; }	.photos1 span{  display: block; text-align:center; }
.photos1 span img{ height:200px;  max-width:100%;}
.photos1 p{white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; line-height: 60px; padding: 0 15px; text-align: center; }
.pic-img1{height:270px;}
.picMarquee-left{ overflow:hidden;}
.picMarquee-left .bd ul{ padding:15px;  zoom:1;  }
.picMarquee-left .bd li{  float:left; height: 230px; width: 20%;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    margin-left: 15px; 
    margin-bottom: 5px;}
    .picMarquee-left .bd li img{ border: 1px solid #ccc;}
    .picMarquee-left .bd li:hover img{ border: 1px solid #000;}
.picMarquee-left .bd li img{ width:95%; display:block;}
.picScroll-left	{ overflow:hidden; margin-top:40px;}
.picScroll-left .bd li{  float:left; height: 275px; background:#fff;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    margin-left: 14px; }
.picScroll-left .bd li img{ width:274px; height:202px; display:block;}
.span-name{    width: auto; display: inline-block;
    height: 50px;
    margin: 0 auto;
    padding:0 15px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border-bottom: #c7c7c7 solid 2px;}
.p-more{    width: 90px; display:inline-block;    float: right;
    height: 25px;
    margin: 20px auto;
    border: #c2c2c2 solid 1px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    color: #000;}	 
.related-list li{ display: inline-block; width:33%;border-bottom: 1px dotted #ccc;line-height: 40px;}
#shownews .title{text-align: center; line-height: 35px; margin-bottom: 20px; font-weight: bold; font-size: 24px;}
#shownews .related {
    font-weight: bold;
    height:28px;
    line-height: 28px;
    font-size: 13px;
    margin-top: 15px;
    background: url(../images/bg_news.gif) repeat-x;
    color: #fff;
    padding-left: 10px;
}
.related_cp ul {
    width: 100%;
    height: auto;
    padding-top: 6px;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top:10px;
}
.related_cp ul li {
    text-align: center;
    width:145px;
    float: left;
    margin-right:25px;
}	
.related_cp ul li img {border: 1px solid #e4e4e4;width: 200px; padding: 5px;}
.related_cp ul li a:hover img {border: 1px solid #2ea807;}
#piclist li{ height:155px; background:none; border:1px solid #ddd;}	
#piclist li .ph_hover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.jobList li{ width:20%; float:left; text-align:center; line-height:40px; border-bottom:1px dashed #ccc; }
.jobList li span{ display: block; width: 100%; height: 100%;  display: block;  color: #f7f7f7;background: #005a97; padding:5px 0;}
.page-guestbook b{ line-height:30px;  display:inline-block; width:80px; text-align:right;}
.page-guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook b span{ padding-left:10px;}
.showjobList li{ border: 1px solid #ccc; border-top:none ; height: 40px; width:100%; line-height: 40px;}
.showjobList li div{ width: 50%; float: left;}
.showjobList li b{ color: #468847;  display: block; font-weight: 500; text-align: center;}
.showjobList li span{ width: 120px;  height:100%; display: inline-block; text-align: center;color: #468847; margin-right: 10px; border-right: 1px solid #ccc;} 
.showjobList {border-top:1px solid #ccc;  margin-bottom: 0;}
.lhms{ width: 100%;border: 1px solid #ccc; border-top:none ;}
.lhms b{ font-weight: 100;width: 120px;   min-height: 80px; display: inline-block;float: left; text-align: center;color: #468847;  }
.lhms span{ display: inline-block; height: auto; min-height: 80px; border-left: 1px solid #ccc; padding-left: 10px;}
.lh616{ width: 150px; line-height: 40px; margin:25px auto 0px; border: 1px solid #006EC7;}
#guestbook  dt{ display: inline-block; width: 50%;}
#guestbook textarea,#guestbook input[type="text"]{width:68%; padding: 0 2.5%; min-width: 220px; border-radius:5px; border:1px solid #C7E2F6 ;}
.page-guestbook #guestbook  dt{ line-height:30px; width: 100%; padding: 10px 0;}
.page-guestbook #guestbook  textarea{ width: 82%;}
 #guestbook .yzm input{ width: 50% ;}
.xiaz .fr{ float: right;}
.xiaz .fl{ flaot:left;}
.downloadtimes{ padding: 0 5%;}
.downloadtimes i img{ margin-right: 5px; width: 14px;}
.xiaz li{ border-bottom: 1px dashed #ccc;}
.lh68{ position: absolute; top: 0; z-index: -1;}
.lhbd label{ display: inline-block; max-width:80px ; width: 100%; height: 30px; line-height: 30px; margin-bottom: 0px;}
.lhbd dt{ padding: 3px 0; width: 100%;}
.lhbdfr{/* float: right;*/width:93%; }
.lhbdfl{ /*float: left;*/width:110%;/* margin: 0 auto;*/}
.lhbdfr label{max-width:75px ; width: 100%;}
.lhbd input{ width: 57%;}
.lhbdfl input{ width: 67%;}
.lhbd span{ font-family: "微软雅黑";font-weight: 100;}
.lhbd .Content{ width: 84%;}
.clear{ clear: both;}
.lhbd .Content{ height:113px;}
.submit{ background: #2ea807;height:40px;color: #fff; display: block; width: 80px; line-height:30px; margin: 0 auto; text-align: center; border: none;}
.lh615{  line-height:40px; margin: 0 10px; text-align: center; border: none;}
/*内页标题*/
.ny-bt{
	text-align: center;
	font-size: 25px;
	color: #2b2b2b;
	font-weight: bold;
}
.ny-bt p{
	font-weight:normal;
	text-transform: uppercase;
	font-size: 13px;
}
.page-url{
	text-align: center;
	background: #f3f3f3;
	margin-top: 40px;
	width: 300px;
		border:#2ea807  solid 2px;
}
.page-url>ul {
	width: 300px;
  padding: 0;
  position: relative;
  text-align: center;
}
.page-url>ul>li {
	width:300px;
  text-align: left; 
  line-height:60px;
background-image:url(../images/pp.png);
  border-bottom: 1px solid #f1f1f1;
}
.page-url>ul>li>a{
	color: #363636;
	font-size: 16px; margin-left:50px;
	
}
.page-url ul li:hover{
	 background-image:url(../images/pp1.png);
}
.page-url ul li:hover a{
	color: #fff;
}
.page-url ul>.lihover{
	background-image:url(../images/pp1.png);
	b8;
	b8;
	b8;
	b8;
	a1;8259
}
.page-url ul>.lihover>ul>li{
	background: #efefef;
	border-bottom: 1px dotted #ccc;
}
.page-url ul>.lihover>ul>li>a{
	color: #2b2b2b;
}
.page-url ul>.lihover>ul>li:hover a{
	color: #2ea807;
	font-weight: bold;
}
.page-url ul>.lihover>ul>li.lihover a{
	color: #2ea807;
	font-weight: bold;
}
.page-url ul .lihover a{
	color: #fff;
}





/*.page-url ul{
	  position: relative;
    display: inline-block;
}
.page-url ul li{
	text-align: left;
    line-height:60px;
    width:270px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding-left: 30px;
}
.page-url ul li a{
	color: #0f0f0f;
	font-size:15px;
	display:block;
}
.page-url ul li a span{ 
  display:block;
  font-size:14px; 
  color: #0f0f0f;
}
.page-url ul li:hover{
	border: 1px solid #ff5001;
	background: #ff5001;
}
.page-url ul li:hover a{
	color: #fff;
}
.page-url ul li:hover a span{
	color: #fff;
}
.page-url ul .lihover{
	background: #ff5001;
	border: 1px solid #ff5001;
}
.page-url ul .lihover a{
	color: #fff;
}
.page-url ul .lihover .ahover span{
	color: #fff;
}*/
/* productsroll Start */
#LeftArr,#RightArr{background-image:url(../images/cp-jt.png);width:40px;height:80px;cursor:pointer;position:absolute;top:0px;z-index:1}
#LeftArr{background-position:0px 0px;float:left;left:250px; top: 2040px;}
#RightArr{background-position:40px 0px;float:right;right:250px; top: 2040px;}
#ScrollBox{width:100%; overflow:hidden; float: left;padding: 0;}
#ScrollBox li{float:left;display:inline;position: relative;overflow: hidden;width:390px;height:250px;text-align: center;}
#ScrollBox li:nth-child(2),#ScrollBox li:nth-child(5){margin: 0px 15px;}
#ScrollBox li .cp-tupian{min-width:390px;height:190px;overflow: hidden;}
#ScrollBox li .cp-bt{line-height: 60px;}
#ScrollBox li .cp-bt a{color: #2b2b2b;font-size: 18px;}
#ScrollBox li .cp-tupian img{/*cursor: pointer;transition: all 0.6s;*/}
#ScrollBox li .cp-tupian img:hover{/*transform: scale(1.05);*/}
#ScrollBox li .cp-mc{background: #b2b2b2;line-height:45px;text-align: center;}
#ScrollBox li .cp-mc a{color: #fff;font-size:16px;}
#ScrollBox li .cp-mc:hover a{color: #fff;}
#ScrollBox li a{display:block; overflow: hidden;}
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{}
#LeftArr:hover{background-image:url(../images/cp-left.png);}
#RightArr:hover{background-image:url(../images/cp-right.png);}
/* productsroll Start */
#ScrollBox2{width:100%; overflow:hidden; float: left;padding: 0;}
#ScrollBox2 li{float:left;display:inline;position: relative;overflow: hidden;max-width:230px;height:295px;margin:0px 5px;text-align: center;}
#ScrollBox2 li .cp-tupian{min-width:230px;height:250px;overflow: hidden;}
#ScrollBox2 li .cp-bt{line-height: 45px;}
#ScrollBox2 li .cp-bt a{color: #000;font-size: 16px;}
#ScrollBox2 li .cp-tupian img{width: 230px;height: 250px;}
#ScrollBox2 li .cp-tupian img:hover{/*transform: scale(1.05);*/}
#ScrollBox2 li .cp-bt{line-height:45px;text-align: center;}
#ScrollBox2 li .cp-bt a{color: #000;}
#ScrollBox2 li .pro-txt{width: 100%;height:250px;	position: absolute;top: 0;text-align: center;display: none;}
#ScrollBox2 li a{display:block; overflow: hidden;}
#ScrollBox2 li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{}
/*内页新闻样式*/
.xw-zuo{
	background: #fff;
	width:520px;
	height:270px;
	padding:50px 40px 0px;
}
.xw-zuo:hover{
	background: #ff5001;
}
.xw-zuo:hover a{
	color: #fff;
}
.xw-xbt a{
	color: #2b2b2b;
	font-size:20px;
}
.xw-xnr{
	margin-top:30px;
}
.xw-xnr a{
	color: #424242;
	font-size: 15px;
	line-height: 40px;
}
.nyxw-bt{
	background: #ff5001;
	line-height: 60px;
	margin-top: 50px;
	padding-left: 20px;
}
.nyxw-bt a{
	color: #fff;
	font-size: 18px;
}
.nyxw-bt img{
	vertical-align: middle;
	color: #fff;
	font-size: 18px;
}
.tua{
	width: 600px;
	height: 320px;
	overflow: hidden;
}
.tua img{
	cursor: pointer;
	transition: all 0.6s;
}
.tua img:hover{
	transform: scale(1.05);
}


.section {
  width: 100%;
  float: left; }

.section-title {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  clear: both; }

/*.container {
  width: 970px;
  margin: 0 auto;
  max-width:100%;
  -webkit-transform: translateZ(1000px);
          transform: translateZ(1000px); }*/


  .code pre, .code code {
  	color:#333;
    height: 100%;
    margin: 0; }
  .code code {
    padding: 20px 0 0 20px; }
  .code--small code {
    padding-top: 75px; }
  .code--left {
    float: left; }
  .code--right {
    float: right; }
  .code--wider {
    width: 60%; }
    .code--wider code {
      padding-top: 60px; }

.section--more {
  color: #FFF;
  background: #0E0F34;
  padding: 20px 0 40px 0; }

.section-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px 0; }
  .section-group h3 {
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  .section-group h4 {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6); }
  .section-group code {
    padding: 20px;
    font-size: 1.2em; }
  .section-group .btn {
    margin-right: 20px; }

.btn {
  padding: 10px 20px;
  border: 1px solid #FF4081;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  overflow: hidden; }
  .btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FF4081;
    -webkit-transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
    z-index: 0;
    opacity: 0; }
  .btn span {
    position: relative;
    z-index: 5; }
  .btn:hover {
    color: #FFF; }
    .btn:hover:before {
      -webkit-transform: scaleX(200);
          -ms-transform: scaleX(200);
              transform: scaleX(200);
      opacity: 1; }
      


/*联系我们内页*/
.yangshi{
	width: 1200px;
	margin:40px 0px 30px;
}
.yangshi li{
	float: left;
	width:205px;
	border-right:1px solid #ccc;
	margin-right:40px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}
.yangshi li p{
	color: #2b2b2b;
	font-size: 16px;
	font-weight: normal;
}
.yangshi li:last-child{
	margin-right: 0px;
}
/*内页底部样式*/
.nydb{
	background:url(../images/nydb-bg.jpg) no-repeat top center;
	height: 130px;
	padding: 50px 0px 30px;
}
.nydb-con{
	border-top: 1px solid #636363;
	padding-top: 30px;
	margin-top: 30px;
}
.nydb-con li{
	float: left;
	margin-right: 80px;
	color: #fff;
	font-size: 16px;
}
.cydb-bt{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}


.case_list { padding-bottom: 80px; text-align: center;}
.case_con { overflow: hidden; width:1200px;}
.case_con ul { display:inline-block; width:105%;}
.case_con li { float: left; width:380px; margin-right: 30px; margin-bottom: 30px; position:relative; text-align:center;}
.case_con li .img b{ width: 380px; height: 285px; overflow: hidden; display: block; position: relative; cursor: pointer; }
.case_con li b{ display:block;width: 380px; height: 285px; overflow: hidden;}
.case_con li b img {display: block;/* width: 380px; */height: 285px;/* overflow: hidden; */transition: .6s;background-size:100%;/* margin:10px 10px; */}
.case_con li:hover b{width:380px; height:285px; overflow: hidden;}
.case_con li:hover b img { transform: scale(1.1); -webkit-transform: scale(1.1); background-size:100%;}
.case_con li .img .on { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bg4.png) repeat; text-align: center; opacity: 0; filter: alpha(opacity=0);}
.case_con li .img .on i { width: 44px; height: 44px; margin-top: 50px; transition: ease-in-out .2s; background-image: url("../images/yh_05.png");display: inline-block;vertical-align: middle;}
.case_con li p {/* border: 1px solid #f3f4f6; */height:56px;cursor: pointer;border-top:none;line-height:56px; font-size:18px; font-weight:bold}
.case_con li h1 { font-size: 16px; line-height: 58px; margin-bottom: 10px; font-weight: 100;color: #404040; text-align:left;}
.case_con li:hover .img .on { opacity: 100; filter: alpha(opacity=90);width:360px; height:245px; margin-top:10px; margin-left:10px;}
.case_con li:hover .img .on i { margin-top: 108px;}
.news_con li p i{ float:left; line-height:36px;color: #333; font-size:14px;}
.news_con li p span{ float:right; background: url(../images/j1_03.png) no-repeat; width:32px; height:12px; margin-top:14px;}