/*网页头部*/

	.gbody{
		background:#ececec;
		width: 100%;
	}
	.gtitle{
		padding: 50px 0;
		text-align: center;
	}
	.gtitle h1{
		margin: 0;
		padding: 0;
		margin-bottom: 15px;
		font-size: 28px;
		font-weight: bold;
		color:#404040;
	}
	.gtitle p{
		display: inline-block;
		border: 1px solid #cdcdcd;
		font-size: 18px;
		padding: 5px 15px;
		color: #878787;
	}
	.changeUl{
		display: block;
		text-align: center;
		margin-bottom: 30px;
	}
	.changeUl li{
		display: inline-block;
		line-height: 31px;
		padding: 0 15px;
		background: #dbdbdb;
		font-size: 14px;
		margin: 0 7px;
	}
	.changeUl li a{
		color:#5c5c5c;
	}
	.changeUl li.active{
		background:#e77918;
	}
	.changeUl li.active a{
		color: #fff;
	}
	.block-same ul{
		display: flex;
		justify-content:space-between;
	}
	.block-same li{
		background: #fff;
		flex-basis:calc( 25% -15px );
		border:1px #cdcdcd solid;
		transition: all 0.2s;
	}
	.block-same li:hover{
		border-color:#e77918;
		color: #fff;
	}
	.block-same li:hover .txt{
		background:#e77918;
		color: #fff;
	}
	
	.block-same .txt{
		padding: 0 15px;
		transition: all 0.2s;
	}
	.block-same .txt p{
		font-size: 12px;
		color: #5c5c5c;
		line-height: 25px;
		display: block;
	}
	.block-same .txt a,.newsDiv .txt a.more,.aboutDiv .txt a.more{
		border:1px solid #c1c1c1;
		display: inline-block;
		padding: 5px;
		margin-bottom: 15px;
		margin-top: 10px;
	}
	.aboutDiv .txt a.more{
		margin-bottom: 0;
		padding: 3px 5px;
		margin-top:3px;
	}
	.block-same .txt h2 a{
		font-size:14px;
		font-weight: bold;
		color: #5c5c5c;
		line-height: 30px;
		border: none;
		padding: 0;
		margin: 0;
		
	}
	.block-same li:hover p{
		color: #fff;
	}
	.block-same li:hover a{
		color: #fff;
		border-color: #fff;
	}
	.changeDiv a.more{
		display: block;
		line-height: 45px;
		color: #e77918;
		text-align: center;
		font-size: 15px;
	}
	.news_about{
		margin-top: 50px;
		display: flex;
		justify-content: space-between;
	}
	.newsBox{
		display: flex;
		flex-basis: 390px;
	}
	.aboutBox{
		display: flex;
		flex-basis: calc( 100% - 400px );
		margin-left: 20px;
	}
	.aboutDiv{
		padding: 10px;
		background:#fff;
	}
	.news_about h2{
		flex-basis: 40px;
		background:#e77918;
		color: #fff;
		font-size: 16px;
		position: relative;
	}
	.news_about h2 span{
		position:absolute;
		display:block;
		left: 50%;
		font-weight: bold;
		letter-spacing: 5px;
		top: 50%;
		transform: translate(-50%,-50%);
		writing-mode:vertical-lr;
		width: 20px;
	}
	.newsDiv{
		background:#fff;
		padding: 10px;
		flex-basis: 350px;
		
	}
	.aboutDiv{
		flex-basis: calc( 100% - 40px );
	}
	.aboutDiv .img{
		float: left;
		width: 275px;
	}
	.aboutDiv .txt{
		width: calc( 100% - 295px );
		float: right;
		font-size: 14px;
		line-height: 25px;
		color: #5c5c5c;
	}
	.aboutDiv .txt h3{
		font-weight: bold;
		margin-bottom: 3px;
	}
	.imgNews{
		margin-bottom: 15px;
	}
	.newsDiv .img{
		width:120px;
		float: left;
		margin-right: 10px;
	}
	.newsDiv .img img{
		max-width: 100%;
		height: auto;
	}
	.newsDiv .txt{
		width: calc( 100% - 130px );
		float: right;
		
	}
	.newsDiv .txt h3 a{
		font-size:14px;
		color: #000;
		font-weight: bold;
		margin-bottom:5px;
		display: block;
		line-height: 14px;
	}
	.newsDiv .txt p{
		color:#5c5c5c;
		line-height: 20px;
	}
	.newsDiv .txt a.more{
		padding: 3px 5px;
		margin-top: 7px;
		margin-bottom: 0;
	}
	.newslist{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.newslist li{
		line-height: 35px;
		border-top:1px dashed #bebebe;
		font-size: 14px;
		height: 35px;
		color: #5c5c5c;
	}
	.newslist li a{
		color: #5c5c5c;
		float: left;
	}
	.newslist li span{
		float: right;
	}
	.caseBox{
		display:flex;
		margin: 0;
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
		list-style-type: none;
		justify-content: space-between;
	}
	.caseBox li img{
		max-width: 100%;
		height: auto;
	}
	.caseBox li{
		flex-basis: calc( 20% - 7.5px );
		font-size: 16px;
		font-weight: bold;
		color: #404040;
		text-align: center;
	}
	.caseBox li h3{
		font-weight: bold;
		line-height: 40px;
	}
	@media screen and (max-width: 800px) {
		.block-same ul{
			flex-wrap: wrap;
			margin: 0 15px;
		}
		.block-same li{
			flex:0 0 calc( 50% - 15px );
			margin-bottom: 15px;
		}
		.news_about{
			display: block;
			margin: 0 15px;
		}
		.newsBox{
			margin-bottom:15px;			
			flex:0 0 100%;
		}
		.newsDiv{
			flex: 0 0 calc( 100% - 60px );
		}
		.aboutBox{
			margin: 0;
			flex:0 0 100%;
		}
		.aboutDiv .img,.aboutDiv .txt{
			float: none;
			width: 100%;
		}
		.aboutDiv .img{
			text-align: center;
		}
		.caseBox li{
			flex-basis: calc( 33.333% - 7.5px );
			margin-bottom: 15px;
		}
		.caseBox{
			flex-wrap: wrap;
			margin: 0 15px;
		}
	}
	
#header-top {
  display: block;
  position:relative;
}
#header-top:before{
	height:40px;
	width:100%;
	position:absolute;
	content:"";
	left:0;
	top:0;
	z-index:-1;
	background:#e5e5e7;
}
#header-top .sub-nav {
	line-height:40px;
	margin-bottom:40px;
	text-align:right;
}
#header-top .sub-nav span{
	display:inline-block;
	padding-right:8px;
	padding-left:20px;
	margin-left:15px;
}
#header-top .sub-nav span:nth-child(1){
	background:url(../images/ico-c1.png) no-repeat left center;
}
#header-top .sub-nav span:nth-child(2){
	background:url(../images/ico-c2.png) no-repeat left center;
}
#header-top .sub-nav span:nth-child(3){
	background:url(../images/ico-c3.png) no-repeat left center;
}
#header-top .sub-nav span:nth-child(4){
	background:url(../images/ico-c4.png) no-repeat left center;
}
#header-top .sub-nav span:nth-child(5){
	background:url(../images/ico-c5.png) no-repeat left center;
}
/*logo*/
#header-top .header-top-main .logo-box {
  width: 160px;
}
#header-top .header-top-main .logo-box a{
  display:inline-block;
}

/*首页顶部导航块区*/
#header-top .header-top-main .navigation-box {
    width: 700px;

}
#header-top .header-top-main .navigation-box .tel-nav {
  font-size: 18px;
  color: #f90;
  margin-bottom: 15px;
  text-align: right;
  margin-right:10px;
}

#header-top .header-top-main .navigation-box .sub-nav {
  font-size: 12px;
  color: #747474;
  padding-top: 10px;
  text-align: right;
}
#header-top .header-top-main .navigation-box .sub-nav span {
    display: inline-block; 
    *display: inline;
    padding-right: 7px;
    padding-left: 6px;
    text-align: center;
    border-right: 1px solid #747474;
    zoom: 1;
}
#header-top .header-top-main .navigation-box .sub-nav a {
  color: inherit;
  font-size: 14px;
}
#header-top .header-top-main .navigation-box .sub-nav a:hover {
  color: #E26B0B;
}
#header-top .header-top-main .navigation-box .sub-nav span:last-child,
#header-top .header-top-main .navigation-box .sub-nav span.last {
  border-right: 0;
  padding-right: 16px;
  color: #F90;
}
/*首页顶部主题导航区*/
#header-top .header-top-main .navigation-box .main-nav {
  display: block;
}
#header-top .header-top-main .navigation-box .main-nav > ul {
  list-style: none;
}
#header-top .header-top-main .navigation-box .main-nav > ul > li {
  float: left;
  text-align: right;
}
#header-top .header-top-main .navigation-box .main-nav > ul > li > a {
  display: block;
  padding-right: 8px;
  padding-left: 8px;
  font-weight: bold;
  font-size: 18px;  
  color: #696969;
  line-height: 37px;
  height: 37px;
  border-radius: 5px;
}
#header-top .header-top-main .navigation-box .main-nav > ul > li.last > a,
#header-top .header-top-main .navigation-box .main-nav > ul > li:last-child > a {
  
}
#header-top .header-top-main .navigation-box .main-nav > ul > li > a:hover,
#header-top .header-top-main .navigation-box .main-nav > ul > li > a.hover {
  background-color: #DE7010;
  color: #FFF;
  text-decoration: none;
}
/*幻灯片*/
.banner-box {
  display: block;
  width: 100%;
  overflow:hidden;
  height: auto;
  background-color: #CCC;

}
.banner-top { position: relative; overflow: auto;}
    .banner-top li { list-style: none;padding: 0;}
    .banner-top .index li img {width: 100%; height: 362px;}
    .banner-top .pages li img {width: 100%;height: 270px;}
    .banner-top ul li { float: left;}
    .banner-top .bx-controls {list-style: none; position: absolute; bottom: 10px; left: auto; right: 10px; text-align: center; z-index: 2}
    .banner-top .bx-controls{*zoom:1}.banner-top .bx-controls:before,.banner-top .bx-controls:after{display:table;line-height:0;content:""}.banner-top ol:after{clear:both}
    .banner-top .bx-controls .bx-pager-item{
      display: block; 
      float: left; 
      width: 14px; 
      height: 14px; 
      font-size: 0; 
      line-height: 0; 
      background-color: #000; 
      border: 1px solid #7E7C7C;
      cursor: pointer; 
      margin-right: 10px
    }
    .banner-top .bx-controls .bx-pager-item a {display: block; height: 100%;}
    .banner-top .bx-controls .bx-pager-item a.active{background-color: #D65403;}
/*网站首页新闻主框架*/
#main {
  display: block;
  overflow: hidden;
  margin: 0 auto; 
  background: url(images/bg_main.jpg) #F2F2F2 repeat-x left top;
  padding-bottom: 15px;
}

  #main .main-box-one {
    display: block;
    width: 275px;
    height: auto;
  }
   #main .title {
    display: block; width: 100%;
    text-indent: -99999em;
   }
   #main .title-news {
     background: url(images/title_news.jpg) no-repeat left top;
     height: 52px;
   }
   #main .title-focus {
     background: url(images/title_focus.jpg) no-repeat left top;
     height: 52px;
   }   
   #main .title-about{
      height: 32px;
     background: url(images/title_about.jpg) no-repeat left top;
   }   
   #main .title-service{
      height: 52px;
     background: url(images/title_service.jpg) no-repeat left top;
   }      
   /*新闻列表*/
   #main ul.new-list {
      list-style: none;
      padding-top: 10px;
      height: 130px;
   }
   #main ul.new-list li {
      padding-left: 12px;
      color: #000;
      line-height: 24px;
      font-weight: bold;
      background: url(images/icon-09.gif) no-repeat left center;
      position: relative;
   }
   #main ul.new-list li a {
      display: block;
      font-size: 13px;
   }
   #main ul.new-list li a h3{
      display: block;
      width: 70%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   #main ul.new-list li a .date {
      position: absolute;
      right: 5px;
      top: 0;
      color: #A0A0A0;
      font-size: 11px;
      font-weight: normal;
   }
   #main ul.new-list li a:hover h3{
      color: #FE8019;
      text-decoration: underline;
   }
   /*置顶文章样式*/
  #main .top-new{
    margin-top: 13px;
    background: url(images/bg2.jpg) repeat-x left top;
    overflow: hidden;
    padding: 10px 5px;
    height: 80px;
  } 
  #main .top-new a.img {
    float: left;
  }
  #main .top-new img { width: 115px; height: 75px;}
  #main .top-new .description{
    float: left;
    width: 142px;
    line-height: 22px;
    margin-left: 8px;
  }
  #main .stick-new { margin-bottom: 30px;}
  #main .top-new .description a{
    color: #E77918;
    margin-left: 5px;
  }
  #main .top-new .description a:hover {
    color: #06C;
    text-decoration: underline;
  }
  /*关于我们*/
  #main .about-box{
    background: url(images/bg2.jpg) repeat-x left top;
    overflow: hidden;
    padding: 8px;
    height: 80px;
    color: #5D5D5D;
    text-indent: 2em;
    line-height: 22px;
  } 
  #main .about-box a {
    color: #E77918;
    padding-left: 2px;
  }

/* 首页焦点产品 */
#main .main-box-two {
    width: 388px;
    margin-left: 50px;
    height: auto;
}
#main .main-box-two .home-project-box {
    height: 162px;
    margin-top: 13px;
    padding-top: 35px;
}

#main .main-box-two .project-one {
    background: url(images/bg_pro.jpg) no-repeat left top;
  	margin-top: 13px;
  	padding-top:16px;
    
}
#main .main-box-two .project-one b{
	 margin-top:0px; 
	 padding:0;
    margin-left:26px;
   font-size:12px;  
   color:#ffffff;  
}

#main .main-box-two .project-two {
    background: url(images/bg_pro_2.jpg) no-repeat left top;
    margin-top: 13px;
  	padding-top:15px;
}
#main .main-box-two .project-two b{
	 margin-top:0px; 
	 padding:0;
    margin-left:26px;
   font-size:12px;  
   color:#ffffff;  
}


/*滚动容器 由于用的比较多 所以单独写*/
.marquee-box {
    overflow: hidden;
    width:96%;
    margin: 10px auto; 

}
.marquee-box a{
    display: block;
    float: left;
    padding: 1px;
    margin-right: 15px;
}
.marquee-box a:hover {
    border: 1px solid red;
    padding: 0;
}
.marquee-box img {
    width: 180px;
    height: 135px;
}
.marquee-box .inline-box {
    width: 175000%;
}

.marquee-box .marquee {
    float: left;
}
/*home-service-box*/
.home-service-box {
    width: 224px;
    height: auto;
}
.home-service-box .global-box {
    margin-top: 13px;
    background: url(images/bg2_3.jpg) repeat-x left top;
    width: 100%;
    padding-top: 32px;
    height: 164px;

}
.home-service-box .global-pic {
    width: 223px;
    height: 147px;
    display: block;
    text-indent: -99999em;
    background: url(images/qg.jpg) no-repeat center;
}
/*技术支持*/
.home-service-box .support-box {
    background: url(images/pro-search.jpg) no-repeat  center;
    width: 100%;
    height: 172px;   
}
/*技术支持 产品搜索*/
#SearchForm {
  margin: 0;
  padding: 10px 8px;
}
#SearchForm  fieldset {
  display: block;
  padding-top: 35px;
}
#SearchForm li {
  height: 22px;
  line-height: 22px;
  margin-bottom: 5px;
}
#SearchForm li label {
  color: #767676;
  width: 60px;
  text-align: right;
  display: block;
  float: left;
}
#SearchForm li .input {
  width: 120px;
  float: left;
  height: 18px;
  line-height: 18px;
  padding: 0 2px;
  -webkit-appearance:none;
  outline: none;
  border: 1px solid #DDD;
  margin-left: 5px;
  display: block;
  float: left;
}
#SearchForm .btn {
  background-color: #DE7010;
  margin-left: 65px;
  margin-top: 5px;
  margin-right: 0;
  text-align: center;
  line-height: 31px;
  width: 72px;
  height: 31px;
  color: #EEE;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  border: 0;
}

/*页脚 page-footer*/
.page-footer {
  display: block;
  background: url(images/bg_footer.jpg) repeat;
  border-top: #DADADA 1px solid;
  padding-top: 30px;
}
/*页脚版权*/
.page-footer .copyright {
  background-color: #000;
  border-bottom: #FC7E18 5px solid;
  line-height: 44px;
  height: 44px;
}
.page-footer .copyright p {
  font-size: 13px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}
.page-footer .copyright p a {
  color: #A5A5A5;
}
.page-footer .copyright p span {
  padding:  0 5px;
  font-size: 12px;
}
.page-footer .copyright p a:hover {
  text-decoration: none;
  color: #FE8019;
}

/*页脚连接导航类*/
.page-footer  .footer-link-menu {
    width: 730px;
}
.page-footer  .footer-link-menu .col {
    width: 145px;
    background: url(images/link_bg.gif) repeat-y top left;
    float: left;
    height: 135px;
    margin-bottom: 30px;
}

.page-footer  .footer-link-menu .col ul {
  list-style: none;
}
.page-footer  .footer-link-menu .col li {
  padding-left: 20px;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.page-footer  .footer-link-menu .col strong {
  color: #363636;
  padding-left: 18px;
  font-weight: bold;
  font-size: 14px; 
  line-height: 20px;
  height: 34px; 
  display: block;
}
.page-footer  .footer-link-menu .col li a {
  color: #363636;
}
.page-footer .foot-contact-box {
  width: 224px;
}
.page-footer .foot-contact-box strong {
  font-family: Arial;
  color: #E46F06;
  font-size: 24px;
  display: block;
  margin-bottom: 5px;
}

.page-footer .foot-contact-box p {
  color: #363636;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
  height: 24px;
  line-height: 24px;
}
/*内容页面主框架*/
#primary {
  padding: 25px 0;
  background: url(images/bg_main.jpg) #F2F2F2 repeat-x left top;
  display: block;
}
/*页面左侧导航*/.letf-menu {
  display: block;
  background: url(images/lfet_bg.gif) repeat-y;
  width: 200px;
  min-height: 716px;
}.letf-menu .title-nav {
  background: url(images/left_nav_tit1.gif) no-repeat top center;
  height: 28px;
  font-size:16px;
  font-weight:800;
  padding-left:16px;
  padding-top:6px;
  color:#fff;
}

.letf-menu .title-nav2 {
  background: url(images/left_nav_titr.gif) no-repeat top center;
  height: 28px;
  font-size:16px;
  font-weight:800;
  padding-left:40px;
  padding-top:6px;
  color:#fff;
}

.letf-menu .title-service2 {
  background: url(images/left_nav_tit2.gif) no-repeat top center;
  display: block;
  height: 34px;
  text-indent: -99999em;
}
.letf-menu .left-nav-box {
  padding: 10px;
}
.letf-menu .subMenu {
  list-style: none;
} 
.letf-menu .about li a,
.letf-menu .news li a,
.letf-menu .all li a {
  line-height: 40px;
  display: block;
  background: url(images/left_nav_bg.gif) no-repeat 0px 38px;
  height: 40px;
  text-decoration: none;
  padding-left: 5px;
  color: #565555;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;  
}
.letf-menu .about li a.current,
.letf-menu .about li a:hover,
.letf-menu .news li a.current,
.letf-menu .news li a:hover,
.letf-menu .all li a.current,
.letf-menu .all li a:hover{
  background: url(images/left_nav_bg.gif) no-repeat 0px 38px #CACACA;
}
.letf-menu .service-phone-list {
  padding: 10px 20px;
}
.letf-menu .service-phone-list li {
  background: url(images/left_nav_bg.gif) no-repeat left bottom;
  font-family: arial,tahoma,  sans-serif;
  padding: 5px 0;
}
.letf-menu .service-phone-list li span {
  color: #777777;
  font-size: 16px;
  display: block;
  padding-bottom: 4px;
}
.letf-menu .service-phone-list li strong {
  font-weight: bold;
  font-size: 18px;
  color: #666565;
}


/*关于我们栏目*/
.about-post-box {

}
.post-box-warp {
  width: 750px;
  border: #DBDBDB 1px solid;
  border-bottom: #C2C2C2 2px solid;  
}
.post-box-title {
  padding-left: 30px;
  font-weight: bold;
  font-size: 14px;
  background: url(images/right_top_tit1.gif) no-repeat 0px 0px;
  width: 718px;
  color: #565555;
  line-height: 32px;
  border-bottom: #DBDBDB 1px solid;
  height: 32px;
  text-align: left;
  display: block;
}
.post-box-main {
  background-color: #EEE;
  padding: 25px 15px;
  display: block;
  position: relative;
}


.product_chnal {
    color: #e77817;
    font-size: 18px;
}
.product_chcon {
    border-bottom: 1px solid #d9d9d9;
}
.product_chcon, .product_Dcon {
    line-height: 28px;
    height: auto;
    overflow: hidden;
    padding: 12px 0 16px;
}
.product_table {
    margin-top: 16px;
}

#prodlisttbl {
    border-collapse: collapse;
    text-align: center;
    width: 99%;
    font-size: 12px;
    font-family: Arial;
}
#prodlisttbl tr td {
    height: 30px;
}
.prodtblheader {
    background-color: #e77817;
    background-repeat: repeat;
    border: 1px solid rgb(255, 255, 255);
    color: #ffffff;
}

.prodtbleven {
    
    background-repeat: repeat;
}
.modal{}

.post-box-main .post-center {
  display: block;
  font-size: 14px;
  color: #707070; 
}

	
.post-box-main .post-center .industry{position:relative;}
.post-box-main .post-center .industry .indus{padding-right:310px;min-height:270px;margin-bottom:20px;}

.post-box-main .post-center .industry .pic{position:absolute;right:0;display:block;width:300px;height:250px;overflow:hidden;}
.post-box-main .post-center .industry .pic img{position:absolute;left:50%;top:50%;height:100%;width:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.post-box-main .post-center .post-info {
  border-bottom: #666 1px dashed;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.post-box-main .post-center h3{
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 30px;
  text-align: center;
  color: #707070;
}

.post-box-main .post-center h1{
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: left;
  color: #707070;
}
.post-box-main .post-center h2{
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: left;
  color: #707070;
}
.post-box-main .showarea_line{
	height:1px; 
	border-bottom: 1px dashed #858585; 
	margin: 30px 0;}
	
.post-box-main .post-center p {
  text-indent: 2em;
  line-height: 2em;
  margin-bottom: 1em;
}
.post-box-main .post-center abright {
float:right;
width:215px;
}
.post-box-main .post-center p1 {
  line-height: 2em;
  margin-bottom: 1em;
}
.post-box-main .post-center p img {
  max-width: 100%;
  margin: 0 auto;
}
.t0{
  text-indent: 0!important
}
.post-box-main .text-list {

}
.post-box-main .ohter{
  margin-top: 10px;
}
.post-box-main .ohter p {
  padding: 5px 0;
  line-height: 20px;
  color: #4C4948;
  font-size: 13px;
}
.post-box-main  p.for-category {
  margin-top: 10px;
}
.post-box-main .ohter p span{
  padding-left: 5px;
}
.post-box-main .ohter p span a{
  color: #06C;
}
/*公司新闻列表*/
.news-text-list {
  list-style: none;
}
.news-text-list li {
  line-height: 22px;
  background: url(images/icon-09.gif) no-repeat 0px 6px;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
.news-text-list li a {
  font-size: 14px;
  color: #575656;
  padding-left: 10px;
}
.news-text-list li a:hover {
  color: #E26B0B;
}
 .news-text-list li span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  font-size: 14px;
  color: #666;
 } 
 .news-text-list li i {
  font-style: normal;
  color: #999;
 }
.news-text-list li .news-category {
  padding-right: 2px;
  padding-left: 0;
}

/*分页导航*/
.pageNav {
  display: block;
  margin: 15px 0 0;
  padding: 10px 0 0;
}
.pageNav .disabled {
    background: url(images/bgpage-01.gif) repeat-x 0px -87px;
    color: #666;
    border: 1px solid #D3D3D4;
    line-height: 15px;
    height: 15px;
    padding: 2px 5px;
    cursor: pointer;
}
.pageNav .current {
  background: url(images/bgpage-01.gif) repeat-x 0px -87px;
    color: #000;
    border: 1px solid #D3D3D4;
    line-height: 15px;
    height: 15px;
    padding: 2px 5px;
    cursor: pointer;
}
.jump {
  margin-left: 4px;
}
.jump input.textInput {
  margin: 0 3px;
  width: 25px;
  color: #000;
  border: 1px solid #D3D3D4;
  outline: none;
}  
/*字体大小设置工具*/
.font-tools{
  text-align: right;
}
.font-tools a {
  padding: 2px;
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 4px;
  *display: inline;
  zoom: 1;
}
.font-tools a:hover {
  border-color: #aaa;
  text-decoration: none;
  color: #f60
}
/*技术中心文档样式*/
.service {
  display: block;
}
.service p {
  text-indent: 0!important;
  display: block;
  margin-bottom: 0!important

}
.service table {
  margin: 10px 0;
}
  
/*文件下载列表*/
ul.download-list {
  list-style: none;
  padding: 0 30px;
} 
ul.download-list li {
  width: 25%;
  float: left;
  margin-bottom: 10px;
  text-align: c
}

ul.download-list li > .thumb-download:hover img {
  padding: 0;
  border: 1px solid red;
}
ul.download-list li img {
  width: 120px;
  height: 160px;
  padding: 1px;
  overflow: hidden;
}
ul.download-list li article {
  display: block;
  line-height: 20px;
  color: #222;
  font-weight: normal;
  font-size: 12px;
}
ul.download-list li span {
  color: #999;
  font-size: 12px;
  padding-right: 5px;
}
ul.download-list li article strong {
  font-weight: bold;
}
ul.download-list a.down-btn,
.download-page .doc-info a.down-btn{
  line-height: 31px;
  background: url(images/download-bg.gif) no-repeat 100% -30px;
  height: 31px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  overflow: hidden;
  *display: inline;
  zoom: 1;
}
ul.download-list a.down-btn span ,
.download-page .doc-info a.down-btn span{
  padding-right: 10px;
  padding-bottom: 0px;
  line-height: 31px;
  padding-left: 10px;
  display: inline-block;
  background: url(images/download-bg.gif) no-repeat 0px 0px;
  height: 31px;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  padding-top: 0px;
   *display: inline;
  zoom: 1; 
}  
/*文件下载中心*/
.download-page {
  padding: 0 30px;
}
.download-page h3 {
  color: #000!important;
}
.download-page .doc-thumb {
  display: block;
  width: 210px;
}
.download-page .doc-thumb img {
   width: 100%;
} 
.download-page .doc-info {
  width: 300px;
  margin-left: 20px;
}
.download-page .doc-info span {
  display: block;
  color: #999;
  font-size: 12px;
  line-height: 18px;
}
  
.download-page .doc-info span strong {
  font-weight: normal;
  color: #000;
}
.download-page .doc-info span strong.last {
  font-weight: bold;
}
.download-page .doc-info a.down-btn {
  margin-top: 10px;
}
.doc-description {
  float: none;
  margin-top: 20px;
  font-size: 13px;
}
.doc-description strong {
  color: #000;
  font-size: 12px;
}
/*联系我们 留言表单*/
span.red {
  color:red
}
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select:focus{
  outline: none;
}
.form-horizontal .help-inline {
  color: #999;
  padding-left: 10px;
  line-height: 22px;
  vertical-align: text-bottom;
}
.form-horizontal .btn {
  margin-left: 120px;
  background-color: #DE7010;
  border-bottom: 0px;
  text-align: center;
  border-left: 0px;
  width: 82px;
  height: 31px;
  color: #EEE;
  font-size: 14px;
  border-top: 0px;
  cursor: pointer;
  font-weight: bold;
  border-right: 0px;
}
.form-horizontal .control-group:before,.form-horizontal .control-group:after {
  display:table;
  content:"";
  line-height:0;
}
.form-horizontal .control-group:after {
  clear:both;
}
.form-horizontal input.input {
  background-color:#FFF;
  border:1px solid #CCC;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border linear .2s,box-shadow linear .2s;
  -moz-transition:border linear .2s,box-shadow linear .2s;
  -o-transition:border linear .2s,box-shadow linear .2s;
  transition:border linear .2s,box-shadow linear .2s;
  display:inline-block;
  height:20px;
  padding:4px 6px;
  margin-bottom:10px;
  font-size:14px;
  line-height:20px;
  color:#555;

  vertical-align:middle;
}
.form-horizontal select {
  width:120px;
  border:1px solid #CCC;
  background-color:#FFF;
  font-size: 12px;
  font-family: "微软雅黑","Arial";
  height: 30px;
  line-height: 30px;    
}
.form-horizontal textarea {
  background-color:#FFF;
  border:1px solid #CCC;
  width: 400px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border linear .2s,box-shadow linear .2s;
  -moz-transition:border linear .2s,box-shadow linear .2s;
  -o-transition:border linear .2s,box-shadow linear .2s;
  transition:border linear .2s,box-shadow linear .2s;
}
.form-horizontal .control-group {
  margin-bottom:20px;
}
legend+.control-group {
  margin-top:20px;
  -webkit-margin-top-collapse:separate;
}
.form-horizontal .control-label {
  float:left;
  width:140px;
  padding-top:5px;
  text-align:right;
  display:block;
  margin-right: 5px;
  margin-bottom:5px;
  cursor: pointer;
}
.form-horizontal .controls {
  margin-left:120px;
}
.news-category {display: inline-block; *display: inline; zoom: 1; width: 100px;}

.trade .news-category {width: 80px;}

.dropdown {
  position: relative;
}
  
.dropdown-box {
  display: none;
  position: absolute;
  background-color: #fff;
  top:34px;
  left: -310px;
  width: 710px;
  border: 3px solid #DE7010;
  z-index: 200000;
  box-shadow: 0 3px 7px rgba(0,0,0,0.5);
}
.dropdown-box .inline{
  padding: 10px;
}
.dropdown-box > .inline > .r-box {
      background-color: rgb(231,231,231);
      padding: 5px;
      padding-left: 8px; 
      padding-top: 8px; 
      border-radius: 3px;
     
}
.dropdown-box > .inline > .r-box .box {
  margin-right: 10px;
  margin-bottom: 5px;
  
}
.dropdown-box > .inline > .r-box .box.nm {
  margin-right: 0;
}
.dropdown-box > .inline > .r-box .box ul li {
  float: left;
  display: block;
  width: 100%;
  line-height: 28px;
  text-align: left!important;
  padding-left:10px;
 
 
}
.dropdown-box > .inline > .r-box .box strong {
  background-color:#DE7010;
  color: white;
  display: block;
  margin-bottom: 8px;
   line-height: 26px;
  width: 100%;
  text-align: left!important;
  text-indent: 5px;
  padding: 3px 0;
  margin-right: 5px;
  font-weight:600;
}

.dropdown-box > .inline > .r-box .box  {
  width: 48%;
  float: left;
}
  

.dropdown-box > .inline > .r-box .box li {
  text-align: center;
}
.dropdown-box > .inline > .r-box .box li a {
  color: #696969;
   font-weight:600;
}
.r-box {
  float: right;
  width: 400px;
}

.dropdown-box > .inline > .l-box {
  width: 260px;
  border-right: 1px solid #EEE;
  min-height: 220px;
  float: left;
}

.dropdown-box > .inline > .l-box  .img-nav {
  display: block; width: 120px;
  position: relative;
  float: left;
  margin-right: 8px;
  margin-bottom: 10px;
}
.dropdown-box > .inline > .l-box  .img-nav.nm {
  margin-right: 0!important;
}
 .dropdown-box > .inline > .l-box  .img-nav img {
    width: 100%;
 } 

 .dropdown-box > .inline > .l-box  .img-nav p {
  height: 22px;
  line-height: 22px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  text-align: left;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0 5px;
 }
  

.cinfobox {
    float: left;
    height: 180px;
    width: 330px;
    margin: 0px 0px 0px 18px;
    font: 11px/18px Arial,Helvetica,sans-serif;
    color: #555555;
}
.cinfobox span {
    display: block;
    margin: 5px 0px;
}
.cinfobox h2 {
    color: #333333;
    font: bold 16px/25px verdana;
    margin: 5px 0px;
}
/*20180731案例*/
.wrap_case{background-color:#e9e9e9;overflow:hidden;padding-top:20px;}
.case_title{font-size:28px;text-align:center;height:40px;line-height:40px;}
.case_biref{font-size:15px;text-align:center;height:50px;line-height:50px;}
.cstpics { padding: 5px 0 0; border-top: 1px dashed #DEE0DF; overflow: hidden; margin-top: 25px; }
.cstpic { float: left; width: 120px; padding: 0 40px;}
.cstpic p { line-height: 25px; text-align:center;}
.cnews_bd { padding: 30px 0 50px 0; overflow: hidden; font-size:14px; text-align:center;}
.cnewsitem { width: 450px; float: left; text-align: left; line-height: 28px; padding: 0 20px;}
.cnewsitem1 { width: 292px; float: left; text-align: left; line-height: 28px; padding: 0 20px;}
.cnewsitem1 ul li { padding-left: 12px; color: #000; line-height: 28px; background: url(images/icon-09.gif) no-repeat left center;}
.cnewsitem1 ul li span { float:right;color:#5c5c5c;}
.cnewsitem1 ul li a {color:#5c5c5c;}
.cnewssl { float: left; border-left:1px solid #f9f9f9;border-right:1px solid #fff; height:135px;}
.cnewsitem ul li { padding-left: 12px; color: #000; line-height: 28px; background: url(images/icon-09.gif) no-repeat left center;}
.cnewsitem ul li span { float:right;color:#5c5c5c;}
.cnewsitem ul li a {color:#5c5c5c;}
a.cnews_more{font-size:15px;color:#5c5c5c;margin:20px 0;font-weight:bold;display:block;}
.cnews_more span{color:#de7010;}
/*20180731案例*/
.navbtn{display: none;width: 50px;height: 50px;position: absolute;top: 15px;right:10px;z-index:10000}
#fh5co-offcanvas{width:100%;height:auto;overflow:hidden;position:absolute;z-index:10000;padding-top:80px;top:0;left:0}
#fh5co-offcanvas li{width:100%;padding:10px 0;line-height:23px;font-size:14px;color:#fff;border-bottom:1px dotted #7b7b7b;font-family:"微软雅黑";background:#4c4b4b;}
#fh5co-offcanvas li a{color:#fff;padding-left:3%}
#fh5co-offcanvas{display:none}
#fh5co-offcanvas li ul{width:auto;overflow:hidden;background:#fff !important;margin:10px 0;display:none}
#fh5co-offcanvas li ul li{width:100%;height:30px;line-height:30px;font-size:12px;padding-left:0 !important;background:#fff !important;border-bottom:1px dotted #999999 !important;}
#fh5co-offcanvas li ul li a{color:#333}
.blue{display:none}


@media screen and (max-width: 1100px) {
body{overflow-x:hidden}
#header-top .header-top-main .logo-box {width:29%;background-size:100%;}
#header-top .header-top-main .navigation-box{width:70%}
#header-top {width:100%}
.cstpic{width:12%;padding:0 4%}
.cstpic img{width:100%;}
}

@media screen and (max-width: 1000px) {
#main .stick-new{margin-bottom:5px;}
#main .top-new{height:auto;overflow:hidden;padding:10px 5px 0 5px;}
#main .main-box-one{width:27.5%;margin-left:2%}
#main .top-new .description{width:48%;margin-left:0;}
#main .top-new img{width:90%;height:auto}
#main .main-box-two{width:38.8%;margin-left:5%;}
.home-service-box{width:22.4%;margin-right:2%;}
.home-service-box .global-pic{background-size:cover}
.cnewsitem{width:45%;padding:0 2%}
.cnewsitem:nth-child(2){width:45%;padding:0 0 0 2%}
.cnewsitem ul li a{width:70%;float:left;text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/overflow:hidden}
.cnewsitem ul li span{width:30%;}
.page-footer .footer-link-menu{width:73%;}
.page-footer .foot-contact-box{width:22.4%}
.page-footer .footer-link-menu .col{width:20%}
.letf-menu{width:23%;background: url(images/lfet_bg.gif) repeat;}
.letf-menu .left-nav-box{padding:10px 0}
.letf-menu .about li a.current, .letf-menu .about li a:hover, .letf-menu .news li a.current, .letf-menu .news li a:hover, .letf-menu .all li a.current, .letf-menu .all li a:hover{background: url(images/left_nav_bg.gif) repeat-x 0px 38px #CACACA;}
.letf-menu .about li a{background: url(images/left_nav_bg.gif) repeat-x 0px 38px;width:90%;padding:0 5%}

.letf-menu .news li a.current, .letf-menu .about li a:hover, .letf-menu .news li a.current, .letf-menu .news li a:hover, .letf-menu .all li a.current, .letf-menu .all li a:hover{background: url(images/left_nav_bg.gif) repeat-x 0px 38px #CACACA;}
.letf-menu .news li a{background: url(images/left_nav_bg.gif) repeat-x 0px 38px;width:90%;padding:0 5%}
.letf-menu .about li a, .letf-menu .news li a, .letf-menu .all li a{background: url(images/left_nav_bg.gif) repeat-x 0px 38px;width:90%;padding:0 5%}
.letf-menu .title-service2{background: url(../images/left_nav_tit2.gif) no-repeat top center #de7010;}
.letf-menu .service-phone-list li{background: url(images/left_nav_bg.gif) repeat-x left bottom;width:90%;padding-left:5%;padding-right:5%;}
.letf-menu .service-phone-list{padding:10px 0}
.post-box-warp{width:73%;margin-right:2%}
.post-box-title{width:95%;padding-left:5%}
.letf-menu .title-nav{width:90%;background: url(images/left_nav_tit1.gif) repeat top center;padding-left:5%;padding-right:5%}
}
@media screen and (max-width: 970px) {
.blue{display:block}
.banner-box{display:none;}
#SearchForm li .input{width:60%}
}
@media screen and (max-width: 930px) {
.totalcount{float:left;width:70%;height:auto;overflow:hidden;margin:10px 0;}
.jump{float:right;width:30%;height:auto;overflow:hidden;margin:10px 0;text-align:Right}
.news-text-list li .news-category{width:15% !important;float:left}
#snewlistcot{width:60%;text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/overflow:hidden;float:left}
.news-text-list li span{width:15%;position:relative;display:inline-block;float:right;text-align:right}
.page-list{float:none;display:block;width:100%;margin:10px auto}
.news-text-list li i{display:none}
.news-text-list li{height:auto;overflow:hidden}
}

@media screen and (max-width: 900px) {
#header-top .header-top-main .navigation-box .main-nav > ul > li > a{font-size:16px;padding:0 5px}
#main .main-box-one{width:29.5%;margin-left:1%}
#main .main-box-two{width:38.8%;margin-left:2%;}
.home-service-box{width:26.4%;margin-right:1%;}
.case_biref{height:auto;overflow:hidden;line-height:26px;padding:10px 0;text-align:center;font-size:14px;}
.case_title{font-size:24px;}
.cnewssl{display:none}
}

@media screen and (max-width: 835px) {
#main .main-box-one{width:96%;margin:10px 1%;float:none;display:block}
#main .main-box-two{width:96%;margin:10px 2%;float:none;display:block}
.home-service-box{width:96%;margin:10px 2%;float:none;display:block}
#main .about-box{height:auto;overflow:hidden}
#main .title-focus{background:url(images/title_focus.jpg) no-repeat 10px -15px #e6e6e6}
#main .main-box-two .project-one{background: url(../images/bg_pros2.jpg) no-repeat left top;}
#main .main-box-two .project-two{background: url(../images/bg_pro_s2.jpg) no-repeat left top;}
#main .title-service{background:url(images/title_service.jpg) no-repeat 10px -15px #e6e6e6}
#main .title-news{background: url(images/title_news.jpg) no-repeat 10px -20px #e6e6e6;height:30px;}
#main .main-box-one{padding:0  10px 0}
#main .top-new a.img{width:30%;}
#main .top-new .description{width:70%}
.home-service-box .global-pic{width:96%;height:36px;background:rgba(0,0,0,0.4);text-align:right;line-height:36px;color:#fff;padding:0 2%;position:absolute;z-index:10000;left:0;bottom:0;font-size:14px;}
.home-service-box .global-box{width:100%;background: url(../images/qg2.jpg) no-repeat center;}
.home-service-box .global-box{width:100%;padding-top:0;position:relative}
.home-service-box .support-box{background: url(../images/pro-search2.jpg) no-repeat left top;}
#SearchForm li .input{width:80%;}
.page-footer .footer-link-menu{width:70%;}
.page-footer .foot-contact-box{width:28%}
.page-footer .footer-link-menu .col li{padding-left:10px;font-size:12px;}
}

@media screen and (max-width: 800px) {
#header-top .header-top-main{height:60px;padding:10px 0}
#header-top{height:80px;}
.navigation-box{display:none}
.main-nav{display:none}
.navbtn{display:block}
#header-top .header-top-main .logo-box{width:210px;}
}
@media screen and (max-width: 750px) {
.cstpic{width:16%;padding:0 2%}
.cnewsitem{width:96%;padding:0 2%;float:none}
.cnewsitem:nth-child(2){width:96%;padding:0 2%;float:none}
.page-footer .footer-link-menu{display:none}
.page-footer .foot-contact-box{width:96%;padding:0 2%;display:block;float:none;text-align:center}
.page-footer .copyright p{text-align:center !important;width:100%;float:none !important}
.page-footer .copyright{height:auto;overflow:hidden;line-height:26px;border-bottom:0}
.page-footer .copyright{margin-top:10px;text-align:center}
.page-footer{padding:10px 0 0 0;}
#sbottom{background:#fff;width:100% !important;border-top: #FC7E18 5px solid;padding:5px 0 !important}
.letf-menu{width:100%;margin:10px auto;float:none;display:none}
.post-box-warp{width:99%;margin:10px auto;float:none;display:block;height:auto !important;overflow:hidden;}
.letf-menu{min-height:auto;height:auto !important;overflow:hidden;min-height:auto !important}
.letf-menu .service-phone-list{padding-bottom:0px;}
.letf-menu .title-service2{background: url(../images/left_nav_tit2.gif) no-repeat top left #de7010;}
.post-box-title{padding-left:10%;width:90%;}
.totalcount{float:none;display:block;width:100%;margin:5px auto}
.jump{float:none;display:block;width:100%;margin:5px auto;text-align:left}
.post-box-main .post-center h3{font-size:16px;line-height:26px;margin:10px 0;}
.post-box-main .post-center p{text-indent:0}
.letf-menu .title-nav2{background:#739326}
.product_table table{min-width:500px;}
.product_table {
    margin-top: 16px;overflow-x:scroll
}

}
@media screen and (max-width:450px) {
#SearchForm li .input{width:70%;}
.case_biref{font-size:12px;}
.case_title{font-size:20px;}
.cstpic{width:46%;padding:0 2%}
.news-text-list li .news-category{width:100% !important;float:none}
#snewlistcot{width:70%;text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/overflow:hidden;float:left;padding-left:0;}
.news-text-list li span{width:30%;position:relative;display:inline-block;float:right;text-align:right}
.applyFormDark{padding:10px 0!important}



}
.showarea_line{
	height:1px; 
	border-bottom: 1px dashed #858585; 
	margin: 15px 0;}

.cstpics_app { padding: 5px 0 0; border-top: 1px dashed #DEE0DF; overflow: hidden; }
.cstpic_app { float: left; width: 120px; padding: 0 55px;}	
.cstpic_app p2 { line-height: 25px; text-align:center;}	

/**/
.flr { float: right;}
.news-list-info img{display:inline-block;}
.news-list-info>div{width:600px;overflow:hidden;margin-left:20px;}
.news-list-info h5{cursor:pointer;font-weight: normal;line-height: 44px;}
.col02{color:#fc7e18;font-size: 15px; font-family: Arial;font-weight: 600;}
.news-list-info h5 span{font-size: 12px;color:#888;}
.news-list-info p1{color:#888;line-height: 24px;}

.ring-video .jzzclb_wz .flr>img{
    display: inline-block;
    vertical-align: middle;padding-top: 5px; float:left;
    margin-right: 10px;
    }
.jzzclb_wz .flr q{ width:550px; float:left;font-size:13px;}
.jzzclb_wz{padding:20px 0; border-bottom: 1px dotted #cacaca;;width: 725px;}
.jzzclb_wz>div{width:575px;  margin-top: -12px;}

.meat_line { height:1px; border-bottom: 1px dashed #858585; margin: 20px 0;}

/*产品文章列表*/
.prod-text-list {
  list-style: none;
}
.prod-text-list li {
  line-height: 22px;
  background: url(images/icon-09.gif) no-repeat 0px 6px;
  padding-left: 12px;
  margin-bottom: 5px;
  position: relative;
}
.prod-text-list li a {
  font-size: 12px;
  color: #575656;
  padding-left: 10px;
}
.prod-text-list li a:hover {
  color: #E26B0B;
}
 .prod-text-list li span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  font-size: 14px;
  color: #666;
 } 
 .prod-text-list li i {
  font-style: normal;
  color: #999;
 }
.prod-text-list li .news-category {
  padding-right: 2px;
  padding-left: 0;
}
img {
    max-width: 100%;
    height: auto !important;
}

.bar.bar-tab {
	display: none;
}

@media all and (min-width: 768px) and (max-width: 1040px) {
}

@media all and (max-width: 768px) {
	body {
		margin-bottom: 50px;
	}
	.bar.bar-tab {
		position: fixed;
    z-index: 10000;
    right: 0;
    left: 0;
		display: block;
		bottom: 0;
    display: flex;
    width: 100%;
    padding: 0;
    align-items: center;
    -webkit-touch-callout: none;
		padding: 7px 0;
    background-color: #000;
	}
	
	.bar-tab .item {
		width: 50%;
		color: #fff;
		font-size: 11px;
		text-align: center;
		border-left: 1px solid #fff;
	}
	
	.bar-tab .item:first-child {
		border-left: 0;
	}
	
	.bar-tab .item span {
		padding: 0;
		display: block;
		line-height: 1;
	}
	
	.bar-tab .item .tab-label {
		padding-top: 3px;
	}
	
	.sp-clearfix {
		clear: both;
	}
	
	.sp-w100 {
		width: 100%;
	}
.notice{width:100%;margin:0 auto;padding-left:15px;max-width:96%}		
}