@charset "utf-8";

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}

html, body {
  font-family: '微软雅黑';
  color: #333;
  font-size: 14px;
  min-width: 1200px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

ol, ul, li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333; 
}

a:hover {
  /* color: #f0f0f0; */
  text-decoration: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, button, input {
  outline: none;
  border: 0;
}

button:focus, input:focus {
  outline: none;
}

.warp {
  width: 1050px;
  min-width: 1050px;
  margin: 0 auto;
  height: auto;
}

.fl{
  float: left;
}

.fr{
  float: right;
}

.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  content: "";
  clear: both;
}  

.nav ul li.english-txt a,
.nav ul li a:hover,


.footer a:hover{
  color: #FE8027; 
}


/*公用*/

/* header */ 

.header { 
  height: 215px;  
}

.header-top {
  width: 100%;
  height: 50px; 
  line-height: 50px;
  background: #F3F3F3;
}

.header-top .fr span{
  display: inline-block;
  margin: 0 6px;
} 

.header-bot{
  height: 115px;  
}

.header-bot a {
  display: block;
  max-height: 115px;
}
.header-bot img {
  /* width: 366px; */
  max-height: 115px;
}

.hot-txt{
  margin: 23px 0 10px;
  color: #9C9C9C;
}

.hot-txt span,.hot-txt a{ 
  display:inline-block;
  color: #176FC4;
}

.search-div input:first-child{line-height: 38px;color:#999;height: 38px;padding: 0 15px;width: 220px;/* margin: 0 -4px; */border: 1px solid #176FC4;font-family: '微软雅黑';box-sizing: border-box;float: left;}  
.search-div input:first-child + input{line-height: 38px;height: 38px;cursor: pointer;width: 75px;font-size: 16px;color: #fff;text-align: center;box-sizing: border-box;padding-left: 20px;background: url(/muban/cn_003/images/sousuo.png) no-repeat #176FC4;background-size: 19px 19px;background-position: 5px 10px;float: left;}

#menu-wrap{
  width: 100%;
  height: 50px;
  background: #176FC4;
} 
#menu li {
  float: left;
  width: 116px;
  height: 50px;
  line-height: 50px;
  text-align: center; 
  position: relative;
}

#menu li a { 
  display: block; 
  color: #fff;
}
#menu li a:hover{
  margin: 5px 0;
  box-sizing: border-box;
  color: #176FC4;
  background: #fff;
} 

/* 底部 */

.footer {
  width: 100%;
  height: 295px; 
  background: #176FC4; 
} 

.footer, .footer a {
  color: #fff;
}  
.footer-left {
  width: 225px;
  padding: 40px 50px;
  box-sizing: border-box;
  height: 295px;
  text-align: center;
  background: rgba(0,0,0,.1);
}

.footer p{
  font-size: 18px;
  margin-bottom: 10px;
}
.footer ul {
  margin: 15px 0;
}
.footer ul li {
  float: left;
  margin-right: 9px;
}

.footer ul li a{
  display: inline-block;
}
.footer-right{
  width: 825px;
  padding: 37px 45px;
  box-sizing: border-box;
  height: 100%;
}
.friend-link {
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
} 

/* 首页内容 */  

/*  首页banner */ 
.banner{width: 100%;height:397px;margin: 12px 0;}
.flexslider{position:relative;height:397px;/* overflow:hidden; */}
.slides{position:relative;z-index:1;height: 397px;}
.slides li{height:397px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:60px;height:7px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:60px;height:7px;line-height:50px;overflow:hidden; background: #fff; cursor:pointer;}
.flex-control-nav .flex-active{background: #176FC4;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

/* 重点推荐 */

.key-call {
  width: 100%;
  height: 42px;
  margin: 14px 0;
  overflow: hidden;
  background: #EDEDED;
}

.key-call .warp{ 
  position: relative;
}

.key-call h1 {
  float: left;
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0 10px 25px;
  color: #176FC4;
}

.key-call ul{
  width: 730px;
  height: 42px;
  overflow: hidden;
}

.key-call ul li {
  float: left;
  margin: 12px 10px;
  text-align: center;
  box-sizing: border-box;
}

.main755{ width:755px; }
.main240{ width:240px; }
.main500{ width:500px; }
.main280{ width:280px; } 
.H340{height: 320px;margin-bottom: 20px;}
.H290{height: 240px;margin-bottom: 30px;}
.main240 h1,.main500 h1,.main755 h1,.main280 h1,.proTitle-div h1{width: 100%;position: relative;height: 45px;font-size: 17px;font-weight: normal;box-sizing: border-box;}
.main240 h1 span,.main500 h1 span,.main280 h1 span{/* position: absolute; *//* top: 12px; *//* right: 10px; */}
.H290 .main755 h1 span{position: absolute;top: 12px;right: 10px;}
.main240 h1 a, .main755 h1 a, .main280 h1 a, .proTitle-div h1 a{display: block;padding: 10px 25px;color: #fff;background: #176FC4;position: relative;/* line-height: 45px; */box-sizing: border-box;}
.main500 h1 a{ color: #333; background: #F3F3F3; } 
.main240 h1 span,.main755 h1 span,.main280 h1 span{color: #fff;font-size: 15px;}
.main500 h1 span{color: #333;}

.main240 h1 span:first-child + span,
.main500 h1 span:first-child + span,
.main280 h1 span:first-child + span 
{position: absolute;top: 10px;right: 15px;font-weight: normal;}  

.main240 h1 span,
.main500 h1 span,
.main280 h1 span 
{/* color: #fff; *//* font-size: 15px; *//* display: block; *//* line-height: 50px; */}


.cpfl-ul li {
  margin-top: 8px;
} 

.cpfl-ul li a {
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 0 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  font-weight: bold;
  background: url(/muban/cn_003/images/listnew.jpg) no-repeat 23px  center #F3F3F3;
  background-size: 4px 6px;
}

.cpfl-ul li:hover a,
.dtzx-ul li:hover a,
#indemo li:hover p,
.key-call ul li:hover a,
.news-recommend .swiper-dyInfo a:hover,
.right-side .position p a:hover,
.img-title-ul li:hover a div strong, 
.big-date-title a:hover div strong, 
.prev-next-div li:hover a,
.relate-news-ul li:hover a,
.content .pro-center-ul li:hover a{
  color: #176FC4;
}

.gywm-div{
  width: 500px;
  height: 250px;
  margin-top: 8px;
  line-height: 25px;
  overflow: hidden;
}
.gywm-img{
  width: 155px;
  height: 100px;
  float: left;
  margin: 0 15px 0px 0;
  \: 2px;
}

.dtzx-ul { 
  line-height: 33px;
}

.dtzx-ul li a{
  display: block;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  background: url(/muban/cn_003/images/notice_icon.gif) no-repeat left center;
  background-size: 9px 12px;
}


.scroll-div{/* height: 170px; */box-sizing: border-box;overflow: hidden;border: 1px solid #D5D5D5;border-top: 0;}
#demo{width: 755px;overflow:hidden;}
#indemo {float: left;width: 8000%;padding: 10px;}
#demo1,#demo2{float:left; display:inline-table;}
#demo1 li,#demo2 li{float: left;width: 167px;height: 170px;margin-right: 18px;border: 1px solid #ccc;}
#demo1 li:hover,#demo2 li:hover{ border: 1px solid #176FC4;}
#demo1 li img,#demo2 li img{width: 167px; height: 127px;}
#demo1 li p,#demo2 li p{padding: 9px;text-align: center;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}


.contact-ul li{
  margin-bottom: 9px;
} 

/* 产品展示 */



.proTitle-div {
  /* width: 240px; */
  /*height: 485px;*/
  float: left;
} 


.proTitle-ul li {
  margin-bottom: 9.5px;
} 

.proTitle-ul li a {
  display: block;
  height: 58px;
  line-height: 58px;
  padding: 0 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  font-size: 18px;
  background: url(/muban/cn_003/images/right_jt.png) no-repeat 220px  center #EDEDED;
}

.proTitle-ul li a.proTitle-active,.proTitle-ul li:hover a{ 
  color:#fff;
  background: url(/muban/cn_003/images/right_jt.png) no-repeat 220px  center #484848;
}

.proTitle-div p a {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  margin-bottom: 9.5px;
  text-align: center;
  background: #EDEDED; 
} 

.proTitle-div p a:hover {
  color:#fff;
  background: #484848;
} 

.proTitle-div p a.index-more { 
  color: #777;  
}

.proTitle-div p a.index-more:hover { 
  color: #fff;  
}



  /* 动态资讯 相关推荐 */

   

  /* 动态资讯 */

  
  .big-date-title a{
    display: block;
    padding: 10px 0 5px;
    border-bottom: 1px solid #CBCBCB;
  }

  .big-date-title .big-date {
    float: left;
    width: 112px;
    height: 112px;
    text-align: center;
    margin-right: 30px;
    color: #989898;
    border: 1px solid #CBCBCB;
  }

  .big-date-title .big-date p:first-child{
    font-size: 60px;
  }

  .big-date-title .big-date p:first-child + p{
   font-size: 20px;
 }

 .big-title strong, .big-title p {
  overflow: hidden;
  display: -webkit-box; 
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

 
.big-title strong {
 margin-bottom: 5px;
 -webkit-line-clamp: 1;
 /* font-size: 18px; */
 color: #222;
}

 
.big-title p {
  -webkit-line-clamp: 2;
  color: #999;
}

.little-title li{ 
  margin-top: 15px;
  line-height: 24px;
}

.little-title li p{
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap; 
}


/* 相关推荐 */

.recommend {
  float: right;
  width: 345px;
  height: 430px;
}

.recommend ul li{
  float: left;
  margin: 0 10px 12px 0;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

.recommend ul li a{
  display: block;
  padding: 10px 25px;
  background: #EFEFEF;
}

.recommend ul li:hover a{ 
  color:#fff;
  background: #484848;
}

 

/*  内页样式 */

.content{
  padding: 0 0 30px;
}

/* 新闻列表 */

.one-banner{
  width: 100%;
  /*height: 397px;*/
  margin: 10px 0;
}

.one-banner img{
  width: 100%;
  height: 100%; 
}

.left-side{
  width: 240px;
}



.left-side .proTitle-div{ 
  width: 100%;
  margin-bottom: 10px;
} 

.contact-ul {
  padding: 10px 4px 0;
  /* height: 170px; */
  box-sizing: border-box;
}

.left-side .proTitle-div img{
  width: 100%;
  height: 125px;
}


.contact-ul li{
  margin-bottom: 9px;
}

.right-side {
  width: 785px;
} 

.right-side .position {
  position: relative;
  width: 785px;
  height: 42px;
  line-height: 42px;
  padding: 0 15px 0 30px;
  box-sizing: border-box;
  background: #EDEDED;
  margin-bottom: 29px;
}

.right-side .position h1 {
  font-size: 16px;
}

.right-side .position p{
  position: absolute;
  right: 15px;
  top: 0;
}

.right-side .position p a{
 margin: 0 5px;
}

/* 新闻右侧图文列表 */

.img-title-ul{
  margin-top: -20px;
}

.right-side  .big-date-title a{
  /* padding: 30px 0 20px; */
  border-bottom: 1px dashed #CBCBCB;
}

.right-side .download-ul .big-date-title a{
  padding: 8px 0px 4px;
}

.right-side .download-ul .big-title strong { 
 font-size: 15px; 
 font-weight:normal;
}

.big-date-title .big-img {
  float: left;
  width: 134px;
  height: 100px;
  /* padding: 2px; */
  margin-right: 20px;
  box-sizing: border-box;
  /* border: 1px solid #DCDCDC; */
}

.big-date-title .big-img img{
  width: 134px;
  height: 100px;
}  

.right-side .big-date-title .big-title p {
  height: 44px;
  line-height: 20px;
  color: #4e4e4e;
  margin: 7px 0;
}

.right-side .big-date-title .big-title span {
  display: block;
  height: 23px;
  color: #999;
}

/* 相关资讯推荐  */
.relate-news-ul { 
  line-height: 33px;
  max-width: 100%;
}

.relate-news-ul li{
  width: 49%;
  float: left;
  margin-right: 1%;
}


.relate-news-ul li a{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  background: url(/muban/cn_003/images/listnew.jpg) no-repeat left;
  background-size: 4px 6px;
  padding-left: 20px;
}


/* 产品展示  以及   其他产品推荐 */

.content .relate-pro-div {
  margin-top: 53px;
}

.content .relate-pro-div h1{
  width: 100%;
  padding: 0 20px;
  line-height: 42px;
  margin-bottom: 15px;
  font-size: 16px;
  background: #F4F4F4;
  box-sizing: border-box;
} 

.content .pro-center-ul li,.content .relate-pro-ul li {
  float: left; 
  text-align: center;
  box-sizing: border-box;
}

.content .pro-center-ul li {
  width: 31%;
  margin: 0 3.5% 2% 0;
  position: relative;
} 

.content .relate-pro-ul li {
  width: 23.5%;
  margin: 0 2% 1% 0;
}

.content .pro-center-ul li:first-child + li + li,
.content .pro-center-ul li:first-child + li + li + li + li + li, 
.content .pro-center-ul li:first-child + li + li + li + li + li + li + li + li,
.content .pro-center-ul li:first-child + li + li + li + li + li + li + li + li + li + li + li{
  margin-right: 0;
}

.content .relate-pro-ul li:first-child + li + li + li,
.content .relate-pro-ul li:first-child + li + li + li + li + li + li + li {
  margin-right: 0;
}

.content .pro-center-ul li:hover img{
  /*border: 1px solid #176FC4;*/
  /*background: #eee;*/
} 

.content .relate-pro-ul li:hover a{
  color: #176FC4;
  background: #eee;
} 

.content .pro-center-ul li a,.content .relate-pro-ul li a {
  position: relative;
  display: block;
  /* padding: 5px; */
}

.content .pro-center-ul li a div,.content .relate-pro-ul li a div {
  display:table-cell;
  vertical-align:middle;
  width: 100%;
  /* height: 100%; */
  height: 240px;
  padding: 5px;
  border: 1px solid #eee;
  box-sizing: border-box;
}

.content .relate-pro-ul li a div {
  height: 165px;
  font-size: 0;
}

.content .pro-center-ul li img,.content .relate-pro-ul li img {
  width: 100%;
   height: 100%;
  /*height: 240px;*/
  /* padding: 5px; */
  /* box-sizing: border-box; */
}

.content .pro-center-ul li p,.content .relate-pro-ul li p {
  height: 25px;
  line-height: 30px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 13px;
  padding: 5px 15px 5px;
  font-weight: bold;
}

.content .pro-center-ul li p {
  /* font-size: 16px; */
  padding: 5px 15px 0px;
}


/* 线条变化 */
.border-left{width: 1px;height: 0px;background: #176FC4;position:absolute;left:-1px;top: -1px;}
.border-bottom{width: 0px;height: 1px;background: #176FC4;position:absolute;right:-1px;bottom: 33px;}
.border-top{width: 0px;height: 1px;background: #176FC4;position:absolute;left:-1px;top: -1px;}
.border-right{width: 1px;height: 0px;background: #176FC4;position:absolute;right:-1px;bottom: 33px;}

/* 产品详情 */ 

.pro-details-div img{
  /*border: 1px solid #099FE7;*/
  padding: 10px;
  width: 589px;
  /* height: 429px; */
  margin: 0 auto;
  display: block;
}


/* 在线留言 */
.liuyan-div{
  padding: 30px 25px;
  box-sizing: border-box;
  line-height: 25px;
  border: 1px solid #DCDCDC;
}

.liuyan-title{
  color: #979797;
}

.liuyan-title span{
  color: #176FC4;
}

.liuyan-table{width: 100%;font-size: 18px;border-collapse: separate;border-spacing: 0px 15px;}
.liuyan-table td{/* height: 45px; *//* line-height: 45px; */text-align: left;}.liuyan-table tr {/* margin-bottom: 20px; */}
.liuyan-table tr td input{font-family: '微软雅黑';width: 85%;height: 43px;line-height: 43px;margin: 0 13px;text-align: center;border: 1px solid #ddd;}
.liuyan-table .tgbt input{width: 94.1%;} 
.liuyan-table textarea{resize: none;border: 1px solid #DCDCDC;box-sizing: border-box;padding:10px;height: 125px;width: 95%;margin: 0 2% 0;font-family: '微软雅黑';outline: none;}

.liuyan-div .yzm-tr input{width: 104px; }
.liuyan-div .yzm-tr img{width: 104px;height: 46px;vertical-align: middle;margin: 0 10px;}
.liuyan-div .yzm-tr button{color: #176FC4;background: transparent;cursor: pointer;}
.liuyan-div .yzm-tr { margin-bottom: 20px; }
.liuyan-div .yzm-tr,.liuyan-div .tj-cz-tr{ text-align: center; }
.liuyan-div .tj-cz-tr button,.liuyan-div .tj-cz-tr input{cursor: pointer;  padding:0px;text-align: center;width: 227px;height: 54px;line-height: 54px;color: #fff;font-size: 18px;}
.liuyan-div .tj-cz-tr .tjtg{ border: 0;background: #176FC4;margin-right: 25px;}
.liuyan-div .tj-cz-tr .reset{background: #484848;}

/* 新闻详情 */

.new-details-div .new-details-title, .new-details-div .new-details-msg {
  text-align: center;
}

.new-details-div .new-details-msg {
  margin:20px 0;
  color: #999;
}

.new-details-div .new-details-title {
  font-size: 28px;
  font-weight: bold;
} 

.new-details-div.new-details-msg span {
  margin-right: 10px;
  color: #666;
}

.article{
  padding: 0 30px;
  /*text-indent: 30px;*/
  line-height: 30px;
  font-size: 15px;
}

.article h2{
  font-size:18px;
  margin: 5px 30px;
  padding: 5px 0;
  border-bottom:1px solid #cecece;
  text-indent: 0;
}

/*.article img{
 display: block;
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;
 margin: 10px auto;
}
#dituContent img{   
        max-width: max-content ;
        max-height: max-content;
        margin:0;
     }*/

/* 上一篇 下一篇 */
.prev-next-div {
  margin-top: 59px;
}
.prev-next-div li{
  display: block;
  padding: 8px 15px;
  box-sizing: border-box;
  width: 49%;
  height: 38px;
  border: 1px solid #DCDCDC;
  background:#EDEDED;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

.prev-next-div li a{
  font-weight: bold;
}


/*  客户案例详情 产品详情   */
.pro-display-div{
 border: 1px solid #DCDCDC;
 box-sizing: border-box;
 padding: 20px;
}
.pro-display-left{width: 337px;overflow: hidden;}
.large_box{margin-bottom:10px;width: 337px;height: 337px;overflow:hidden;border: 1px solid #DCDCDC;box-sizing: border-box;}
.large_box img{display:block;width: 100%;height: 100%;}
.large_box li{float: left;margin-bottom: 10px;width: 337px;height: 337px;overflow: hidden;padding: 50px 17px;box-sizing: border-box;}
.small_box{width: 337px;height: 66px;overflow:hidden;}
.small_list{position:relative;float:left;width: 284px;height: 66px;overflow:hidden;}
.small_list ul{height: 66px;overflow:hidden;}
.small_list ul li{ cursor: pointer; position:relative;float:left;margin-right: 5px;width: 66px;border: 1px solid #DCDCDC;padding: 3px;box-sizing: border-box;}
.small_list ul li img{display:block;width: 58px;height: 58px;}
.small_list ul li .bun_bg{display:none;position:absolute;top: -1px;left: -1px;width: 64px;height: 64px;border: 1px solid #FBAB1F;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width: 19px;height: 60px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.left_btn{float:left;margin: 4px 10px 2px 0;background: url(/muban/cn_003/images/pro_preview_but.png) 0px 0px;}
.left_btn:hover{background: url(/muban/cn_003/images/pro_preview_but.png) -33px 0px;}

.right_btn{float:right;margin: 3px 0;background: url(/muban/cn_003/images/pro_preview_but.png) 18px 0px;}
.right_btn:hover{background: url(/muban/cn_003/images/pro_preview_but.png) -51px 0px;}


.pro-display-right{width: 377px;overflow: hidden;}
.pro-display-right ul{max-height: 450px;overflow: hidden;}
.pro-display-right ul li{line-height: 45px;font-size: 16px;}
.pro-display-right ul li a{display: inline-block;margin-right: 10px;width: 89px;line-height: 13px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.pro-display-right ul li.blue-txt h1,.pro-display-right ul li.blue-txt span{display: inline-block;color: #176FC4;font-weight: bold;font-size: 15px;}