@charset "utf-8";
 body { font-size: 16px;}
 /*********头部**********/ 
.herder { width: 100%; position: fixed; top: 0; z-index: 999;}
.sina-nav .sina-brand img{ height: 52px; margin-top:4px; }
.sina-nav .sina-brand {  margin-top: 10px; font-weight: 600; letter-spacing:1px; }
.extension-nav { margin-top: 10px;}
/**********indexBanner**********/
.indexBanner {width: 100%;}
.indexBanner img{width: 100%;}
.indexBanner .bannerTxt { position:relative;}
.indexBanner .bannerTxt .txt{ position:absolute; top: 38%; left: 5%;  color: #fff;}
.indexBanner .bannerTxt  h1{ font-size: 2.1em; font-weight: 600; height: auto; padding: 15px 0; }
.indexBanner .bannerTxt .txt p{ font-size: 1.2em; letter-spacing: 1px; }
/**********indexAbout**********/
.indexAbout {width: 100%; height: auto; margin-top: 80px; overflow: hidden;}
.indexAbout .txt ul li { width: 55%;}
.indexAbout .txt ul li:last-child { width: 30%;}
.indexAbout .txt .lf h1 { font-size: 1.6em; font-weight: 600; height: auto; line-height: 45px;}
.indexAbout .txt .lf h3 { font-size: 1.2em; font-weight: 500; height: auto; line-height: 40px; margin-bottom: 10px;}
.indexAbout .txt .lf p { font-size: .9em; font-weight: 300; line-height: 26px; height: auto;}
.indexAbout .txt .lf hr { width: 112px; height:5px; background-color: #b11e24; margin: 12px 0px;}
.indexAbout .txt .lf .more { margin-top: 40px; width: 160px; height: 38px; line-height: 38px; text-align: center;background-color: #2f61a9;-webkit-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-moz-border-radius:19px;border-radius:19px;}
.indexAbout .txt .lf .more  a { font-size: .8em;  color: #fff;}
/**********indexService**********/
.indexService {width: 100%; height: auto; margin-top: 80px; overflow: hidden; background-color: #f1f2f4; padding: 80px 0;}
.indexService ul li { width: 16%; height: 280px;   transition: width 0.9s; overflow: hidden;   cursor: pointer; }
.indexService ul .active { width: 30%;}
.indexService ul li:nth-child(1) .txt1 {background-image: url(../images/indexS1.jpg);}
.indexService ul li:nth-child(1) .txt2 {background-image: url(../images/indexS11.jpg);}
.indexService ul li:nth-child(2) .txt1 {background-image: url(../images/indexS1.jpg);}
.indexService ul li:nth-child(2) .txt2 {background-image: url(../images/indexS11.jpg);}
.indexService ul li:nth-child(3) .txt1 {background-image: url(../images/indexS1.jpg);}
.indexService ul li:nth-child(3) .txt2 {background-image: url(../images/indexS11.jpg);}
.indexService ul li:nth-child(4) .txt1 {background-image: url(../images/indexS1.jpg);}
.indexService ul li:nth-child(4) .txt2 {background-image: url(../images/indexS11.jpg);}
.indexService ul li:nth-child(5) .txt1 {background-image: url(../images/indexS1.jpg);}
.indexService ul li:nth-child(5) .txt2 {background-image: url(../images/indexS11.jpg);}
.indexService ul li .txt1 {display: none; padding: 40px 20px; color: #fff; width: 100%; height: 100%; background-size: cover;background-position: center;background-repeat: no-repeat; }
.indexService ul li .txt2 { align-items: center;    padding: 40px 0px; text-align: center; color: #fff; width: 100%; height: 100%; background-size: cover;background-position: center; background-repeat: no-repeat; }
.indexService ul .active .txt1 {display: block;}
.indexService ul li   h2 { font-size: .9em; height: auto; line-height: 26px; width: 100%; font-weight: 600;}
.indexService ul li .txt2  .imgIcon { margin: 20px auto;  width: 120px; height: 120px; border: 1px solid #fff;  display: flex; justify-content: center; align-items: center;  }
.indexService ul li .txt2  .imgIcon  img { height: 80px; }
.indexService ul li .txt1  p { width: 320px; font-size: .8em; height: auto; line-height: 23px; margin-top: 10px; margin-bottom: 5px;}
.indexService ul li .txt1  a { font-size: .9em; height: auto; line-height: 25px; color: #fff;}
.indexTitle h1 {font-size: 1.6em; font-weight: 600; height: auto; line-height: 45px; width: 100%; text-align: center; margin-bottom: 60px;}
.indexService ul li:hover a { color: #ed2d35;}

/**********indexNews**********/
.indexNews {width: 100%; height: auto; margin-top: 80px; overflow: hidden; }
.indexNews ul li { width: 32.8%;}
.indexNews ul li .txt {text-shadow: 3px 4px 5px #e8e9ea; box-shadow: 3px 4px 5px #e8e9ea; border: 1px solid #f1f2f4;}
.indexNews ul li .txt1 { width: 100%; padding: 20px 15px;}
.indexNews ul li .txt1 h2{font-size: .85em; height: auto; height: 35px; line-height: 35px; width: 100%; font-weight: 500; width: 100%; overflow: hidden;}
.indexNews ul li .txt1 p {font-size: .8em; height: 60px; line-height: 28px;  overflow: hidden;}
.indexNews ul li .txt1 hr { margin: 5px 0px;}
.indexNews ul li .txt1 .time { font-size: .8em; height: auto; font-weight: 600; }
/**********FOOTER**********/
.footer { width: 100%;width: 100%; height: auto; margin-top: 80px; overflow: hidden; background-color: #f1f2f4; padding: 80px 0;}
.footer ul li {width: 12%;}
.footer ul li h3 { font-size:.9em; height: auto; line-height: 30px; margin-bottom: 10px; color: #555; font-weight: 600;} 
.footer ul li  a { display: block; font-size: .8em; height: auto; line-height: 30px; color: #555;} 
.footer ul li  p { font-size: .9em; height: auto; line-height: 30px; margin-bottom: 0px; color: #555;} 

.footer ul li:nth-child(4) {width: 22%;}
.footer ul li:nth-child(5) {width: 22%; float: right; text-align: right;}
.footer ul li:nth-child(5)  img { width: 180px;}
.footerBq { background-color: #2f61a9; width: 100%; height: auto; padding: 20px 0;}
.footerBq  p { margin-bottom: 0px; font-size: .8em; height: auto; line-height: 30px; text-align: center; color: #fff;}
.footerBq  p a {font-size: 1em; height: auto; line-height: 30px; color: #fff; }
.footerBq  p a:hover { color: #b11e24;}

/**********ABOUT**********/
.aboutTxt {width: 100%; height: auto; margin-top: 60px; overflow: hidden;}
.aboutTxt .txt ul li { width: 52%;}
.aboutTxt .txt ul li:last-child { width: 44%;}
.aboutTxt .txt .lf h1 { font-size: 1.4em; font-weight: 600; height: auto; line-height: 45px; color: #2f61a9;}
.aboutTxt .txt .lf p { font-size: .9em; font-weight: 300; line-height: 28px; height: auto; margin-bottom: 10px;}

/**********面包屑**********/
.bread-nav { width: 100%; height: auto; margin-top: 30px; line-height: 30px;  font-size:.9em; color: #555;}
.bread-nav  a { font-size: 1em;color: #555555; }
.about-nav { width: 100%; height: auto; line-height: 20px;  background-color: #f1f2f4;}
.about-nav  ul li { width: auto; padding: 15px 28px; border-right: 1px solid #e5e5e5;}
.about-nav  ul li a { font-size: .9em;color: #555555; }
.about-nav  ul  .active { background-color: #b11e24;}
.about-nav  ul  .active a { color: #fff;}

/**********企业文化**********/
.cultureTxt  {width: 100%; height: auto; margin-top: 60px; overflow: hidden;}
.cultureTxt .txt >ul >li { width: 62%; height: 440px;}
.cultureTxt .txt>ul>li:last-child { width: 37.6%;}
.cultureTxt .txt ul li .lf ul li { width: 33%; height: 220px; overflow: hidden;}
.cultureTxt .txt .txt1 { width: 100%; height: 100%; background-color: #f1f2f4; padding: 40px 20px;}
.cultureTxt .txt .txt1 h2 { font-size: .9em; height: auto; line-height: 35px; margin-bottom: 10px; font-weight: 600;}
.cultureTxt .txt .txt1 p { font-size: .8em; height: auto; line-height: 28px;}
.cultureTxt .txt ul li .lf ul li:hover .txt1{ background-color: #b11e24; color: #fff;}

/**********荣誉资质**********/
.honorList  {width: 100%; height: auto; margin-top: 60px; overflow: hidden;}
.honorList ul li { width: 33%; margin-bottom: 20px;}
.honorList ul::after { content: ''; width: 33%;}
.honorList .txt { width: 100%; position: relative;}
.honorList .txt .title { text-align: center; width: 100%; height: 35px; line-height: 35px; overflow: hidden; position: absolute; bottom: 0; background-color: #2f61a9; color: #fff;}

/**********新闻资讯**********/
.newsList  {width: 100%; height: auto; margin-top:20px; overflow: hidden;}
.newsList .list  ul li{ width: 10%;height: auto;  padding:60px 0;  }
.newsList .list  ul li:nth-child(2){ width: 60%; }
.newsList .list  ul li:nth-child(3){ width: 20%; }
.newsList .list .lf { background-color: #e2e2e2; text-align: center;}
.newsList .list .lf .y { font-size: 1.2em; font-weight: 600; border-bottom: 1px solid #fff; height: 100px; display: flex;  justify-content: center; /* 水平居中 */ align-items: center;     /* 垂直居中 */}
.newsList .list .lf .d { font-size: .9em; height: 50px; display: flex; justify-content: center; /* 水平居中 */ align-items: center;     /* 垂直居中 */ }
.newsList .list h2  {  margin-bottom: 30px;height: 30px; font-weight: 600; line-height: 30px; overflow: hidden;}
.newsList .list h2 a { font-size: .9em; color: #555555; }
.newsList .list  p { font-size: .8em; height: 60px; line-height: 30px; overflow: hidden;color: #555555; }
.newsList .txt >ul > li { width: 100%; height: auto; border-bottom: 1px solid #f1f2f4;}
.newsList  .txt >ul>li:hover  a{ color: #b11e24;   }
.newsList .list:hover { background-color: #f1f2f4;}
/**********新闻内容**********/
 .showNews  {width: 100%; height: auto; margin-top:60px; overflow: hidden;}
 .showNews  .title h2{ width: 100%; text-align: center; height: auto; line-height: 35px; font-weight: 600; font-size: 1em;}
 .showNews  .time { width: 100%; height: auto; text-align: center;}
 .showNews  span{font-size: .7em; text-align: center; margin: 0 auto; }
 .showNews  .txt { width: 100%; height: auto;  margin: 20px auto;}
 .showNews  .txt p{ width: 100%; height: auto; line-height: 30px; font-size: .8em; margin: 5px 0;}
 .showNews  .txt img { width: auto; margin: 5px auto;}
 .prenext { width: 100%;}
 .prenext a { color: #555; font-size: .9em;}
 .prenext ul li { margin-bottom: 10px; width: 49%; background-color: #f1f2f4; height: auto; line-height: 30px; padding: 5px 5px;}
 .prenext ul li:hover { background-color: #b11e24;}
 .prenext ul li:hover a { color: #fff;}
 /**********服务**********/
 .serviceList {width: 100%; height: auto; margin-top:40px; overflow: hidden;}
 .serviceList .list { margin-bottom: 30px;}
 .serviceList .list .title { font-size: 1em; font-weight: 600; height: auto; line-height: 45px; border-left: 5px solid #2f61a9;background-color: #f1f2f4; padding: 0px 20px ; margin-bottom: 20px;}
 .serviceList .list ul li { font-size: .8em; width: 33%; background-color: #f1f2f4; height: auto; line-height: 35px; padding: 8px 20px; margin-bottom: 10px;}
 .serviceList .list ul li span { float: right;color: #b11e24; font-size: 1.2em;}
 .serviceList .list ul::after { content: ''; width: 33%;}
 .serviceList .list ul li:nth-child(10) { width: 43.3%;}
 .serviceList .list ul li:nth-child(11) { width: 56.3%;}
 .serviceList .list1 ul li {  width: 55.33%; }
 .serviceList .list1 ul li:last-child {  width: 44.3%; }
 .serviceList .list2 ul li {  width: 49.8%; }
 .serviceList table { width: 100%; margin-top: 20px; }
 .serviceList table thead td {  text-align: center; height: auto; font-weight: 600; line-height: 30px; background-color: #f1f2f4;  color: #555;  border-bottom-width: 0;  }
 .serviceList table tr td {height: auto; line-height: 30px; }
 .serviceList table td {  color: #555;}
 .serviceList table tr, table td {   border:1px solid #cccdd0;     }
 .serviceList table td, table td {  padding: 8px 30px;  font-size: .8em;    font-weight: 400;  }
 .serviceList table tr:nth-child( even ) { background-color: #f1f2f4; }
 .serviceList table tr:nth-child( even ) td { background-color: #f1f2f4; }
 .serviceList table tr td:first-child { width: 180px; font-weight: 400;}


 /**********设备**********/
 .deviceList {width: 100%; height: auto; margin-top:40px; overflow: hidden; background-color: #f1f2f4; padding: 50px 0;}
 .deviceList .list .title { font-size: 1.1em; height: auto; line-height: 20px;font-weight: 600; color: #2f61a9; margin-bottom: 25px; }
 .deviceList   p { width: 100%; height: auto; line-height: 30px; color: #555; font-size: .9em;}
 .deviceList .txt { width: 100%; height: auto; }
 .deviceList .txt  .tit{ width: 100%;background-color: #2f61a9; text-align: center; height: 35px; line-height: 35px;}
 .deviceList .txt  .tit h3{ width: 100%;  font-size: .8em; color: #fff;height: 35px; line-height: 35px; }
 /**********设备**********/
 .advantage {width: 100%; height: auto; margin-top:60px; overflow: hidden;}
 .advantage .list .title { font-size: 1.1em; height: auto; line-height: 20px;font-weight: 600; color: #2f61a9; margin-bottom: 25px; }
 .advantage ul li {width: 33%; margin-bottom: 5px;}
 .advantage ul li .list{ position: relative;}
 .advantage ul li .list .txt { color: #fff; padding: 30px 15px; width:100%; height: 100%; position: absolute; top: 0px; background-color: rgba(47, 97, 169, .7);}
 .advantage ul li .list .txt h3{ font-size: 1em; font-weight: 600; height: auto; line-height: 30px; margin-bottom: 5px;}
 .advantage ul li .list .txt p{ font-size: .8em; font-weight: 400; height: auto; line-height: 26px;}
 .advantage ul li:hover .list .txt { background-color: #b11e24; color: #fff;}
 /**********联系我们 地图**********/
 .contact  { width: 100%; height: auto; padding: 60px 0;}
 .map { width: 100%; height: auto; position: relative;}
 #container { width: 100%; height: 400px;}
 .map  .txt { color: #555; padding: 40px 30px; background-color: rgba(241, 242, 244,.9); width: 35%; height: 400px; position: absolute; top: 0; right: 0;}
 .map  .txt   h2 { font-size: 1em; font-weight: 600; height: auto; line-height: 40px;}
 .map  .txt   p { font-size: .9em; margin-bottom: 0; height: auto; line-height: 30px;}
 /**********联系我们 地图**********/
 .message { width: 100%; }
 .message ul li { width: 40%;}
 .message ul li:last-child { width: 60%;}
 .message .lf { width: 100%; }
 .message .lf h3{ font-size: 1em; font-weight: 400;}
 .message .lf h2{ margin: 25px 0; font-size: 2.2em; height: auto; line-height: 40px; font-weight: 600;font-family: 'Times New Roman', Times, serif;}
 .message .lf hr{ width: 150px; background-color: #b11e24;}
 .message .rg {width: 100%; }
 .message .rg input { margin-bottom: 15px; color: #555; width: 100%; border: 1px solid #f1f2f4; font-size: .7em; height: auto; line-height: 40px; padding: 0px 15px;}
 .message .rg textarea { margin-bottom: 15px; color: #555; width: 100%; border: 1px solid #f1f2f4; font-size: .7em; height: auto; line-height: 40px; padding: 0px 15px;}
 .message .rg .group input { background-color: #b11e24; color: #fff;}



@media (max-width: 576px){ /******************手机**********/
 body { font-size: 16px;}
 /*********头部**********/ 
 .herder { width: 100%; position:absolute; top: 0; z-index: 999;}
 .sina-nav .sina-brand img{ height: 44px;  }
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 30%; left:15px;  }
 .indexBanner .bannerTxt  h1{ font-size: 1.6em;  }
 .indexBanner .bannerTxt .txt p{ font-size: 1.2em; line-height: 23px;  }
 /**********indexAbout**********/
 .indexAbout { margin-top: 50px; }
 .indexAbout .txt ul li { width: 100%; margin-bottom: 50px;}
 .indexAbout .txt ul li:last-child { width: 100%;}
 /**********indexService**********/
 .indexService {padding: 80px 0;}
 .indexService ul li { width: 100%; height: 260px;  transition: width 0.5s; margin-bottom: 15px;  }
 .indexService ul .active { width: 100%;}
 .indexService ul li .txt1  p { width: 100%; }
 /**********indexNews**********/
 .indexNews { margin-top: 80px; }
 .indexNews ul li { width: 100%; margin-bottom: 25px;}
 /**********FOOTER**********/
 .footer {margin-top: 80px; padding: 50px 0;}
 .footer ul li {width: 33%; margin-top: 20px;}
 .footer ul li:nth-child(1) {width: 40%;}
 .footer ul li:nth-child(4) {width: 35%;}
 .footer ul li:nth-child(5) {width: 45%; float: right; text-align: right;}
 .footer ul li:nth-child(5)  img { width: 100%; ;}
 .footerBq { background-color: #2f61a9; width: 100%; height: auto; padding: 20px 0;}
 /**********ABOUT**********/
 .aboutTxt { margin-top: 50px; }
 .aboutTxt .txt ul li { width: 100%;}
 .aboutTxt .txt ul li:last-child { width: 100%; margin-top: 30px;}
 /**********企业文化**********/
 .cultureTxt  { margin-top: 60px;}
 .cultureTxt .txt >ul >li { width: 100%; height: auto;}
 .cultureTxt .txt>ul>li:last-child { width: 100%;  height: 250px; overflow: hidden;}
 .cultureTxt .txt ul li .lf ul li { width: 33%; height: auto; overflow: hidden; margin-bottom: 5px;}
 .cultureTxt .txt .txt1 {  padding: 10px 10px;}
 /**********荣誉资质**********/
 .honorList  { margin-top: 60px; overflow: hidden;}
 .honorList ul li { width: 100%; margin-bottom: 20px;}
 /**********新闻资讯**********/
 .newsList  { margin-top:20px; }
 .newsList .list  ul li{ width: 15%;height: auto;  padding:40px 0;  }
 .newsList .list  ul li:nth-child(2){ width: 80%; }
 .newsList .list  ul li:nth-child(3){ width: 100%; padding: 0 0 40px 0; }
 .newsList .list .lf .y {  height: 80px;  }
 .newsList .list .lf .d {  height: 40px;  }
 .newsList .list h2  {  margin-bottom: 10px;height: 30px;  }
 .newsList .list  p { font-size: .8em; height: 60px; }
 /**********新闻内容**********/
 .showNews  { margin-top:50px;}
 .showNews  .txt img { width: 100%; }
 .prenext ul li {  width: 100%; }
 /**********服务**********/
 .serviceList { margin-top:30px; }
 .serviceList .list { margin-bottom: 30px;}
 .serviceList .list ul li { font-size: .8em; width: 100%;  }
 .serviceList .list ul li:nth-child(10) { width: 100%;}
 .serviceList .list ul li:nth-child(11) { width: 100%;}
 .serviceList .list1 ul li {  width: 100%; }
 .serviceList .list1 ul li:last-child {  width: 100%; }
 .serviceList .list2 ul li {  width: 100%; }

 /**********设备**********/
 .advantage {margin-top:30px;}
 .advantage ul li {width: 100%;}
 /**********联系我们 地图**********/
 .contact  {  padding: 30px 0;}
 .map { position:static;}
 #container { height: 320px;}
 .map  .txt {  position: static; top: 0; right: 0; padding: 30px 15px;  width: 100%; height: auto;}

 /**********联系我们 地图**********/
 .message ul li { width: 100%;}
 .message ul li:last-child { width: 100%;}
 .message .lf h2{ margin: 15px 0; font-size: 2.2em; }
 .message .rg {width: 100%; margin-top: 25px; }


 
} 




@media (min-width: 576px) and (max-width: 768px) { /**********手机 横屏***********/
 body { font-size: 16px;}
 /*********头部**********/ 
 .herder { width: 100%; position:absolute; top: 0; z-index: 999;}
 .sina-nav .sina-brand img{ height: 44px;  }
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 30%; left:8%;  }
 .indexBanner .bannerTxt  h1{ font-size: 1.6em;  }
 .indexBanner .bannerTxt .txt p{ font-size: 1.2em; line-height: 23px;  }
  /**********indexAbout**********/
 .indexAbout { margin-top: 50px; }
 .indexAbout .txt ul li { width: 100%; margin-bottom: 50px;}
 .indexAbout .txt ul li:last-child { width: 100%;}
 /**********indexService**********/
 .indexService {padding: 80px 0;}
 .indexService ul li { width: 100%; height: 260px;  transition: width 0.5s; margin-bottom: 15px;  }
 .indexService ul .active { width: 100%;}
 .indexService ul li .txt1  p { width: 100%; }
 /**********indexNews**********/
 .indexNews { margin-top: 80px; }
 .indexNews ul li { width: 100%; margin-bottom: 25px;}
  /**********FOOTER**********/
 .footer {margin-top: 80px; padding: 50px 0;}
 .footer ul li {width: 33%; margin-top: 20px;}
 .footer ul li:nth-child(4) {width: 35%;}
 .footer ul li:nth-child(5) {width: 45%; float: right; text-align: right;}
 .footer ul li:nth-child(5)  img { width: 100%; ;}
 .footerBq { background-color: #2f61a9; width: 100%; height: auto; padding: 20px 0;}
 /**********ABOUT**********/
 .aboutTxt { margin-top: 50px; }
 .aboutTxt .txt ul li { width: 100%;}
 .aboutTxt .txt ul li:last-child { width: 100%; margin-top: 30px;}
  /**********企业文化**********/
 .cultureTxt  { margin-top: 60px;}
 .cultureTxt .txt >ul >li { width: 100%; height: auto;}
 .cultureTxt .txt>ul>li:last-child { width: 100%;  height: 250px; overflow: hidden;}
 .cultureTxt .txt ul li .lf ul li { width: 33%; height: auto; overflow: hidden; margin-bottom: 5px;}
 .cultureTxt .txt .txt1 {  padding: 10px 10px;}
 /**********荣誉资质**********/
 .honorList  { margin-top: 60px; overflow: hidden;}
 .honorList ul li { width: 100%; margin-bottom: 20px;}
 /**********新闻资讯**********/
 .newsList  { margin-top:20px; }
 .newsList .list  ul li{ width: 15%;height: auto;  padding:40px 0;  }
 .newsList .list  ul li:nth-child(2){ width: 80%; }
 .newsList .list  ul li:nth-child(3){ width: 100%; padding: 0 0 40px 0; }
 .newsList .list .lf .y {  height: 80px;  }
 .newsList .list .lf .d {  height: 40px;  }
 .newsList .list h2  {  margin-bottom: 10px;height: 30px;  }
 .newsList .list  p { font-size: .8em; height: 60px; }
 /**********新闻内容**********/
 .showNews  { margin-top:50px;}
 .showNews  .txt img { width: 100%; }
 .prenext ul li {  width: 100%; }
 /**********服务**********/
 .serviceList { margin-top:30px; }
 .serviceList .list { margin-bottom: 30px;}
 .serviceList .list ul li { font-size: .8em; width: 100%;  }
 .serviceList .list ul li:nth-child(10) { width: 100%;}
 .serviceList .list ul li:nth-child(11) { width: 100%;}
 .serviceList .list1 ul li {  width: 100%; }
 .serviceList .list1 ul li:last-child {  width: 100%; }
 .serviceList .list2 ul li {  width: 100%; }
 /**********联系我们 地图**********/
 .contact  {  padding: 30px 0;}
 .map { position:static;}
 #container { height: 320px;}
 .map  .txt {  position: static; top: 0; right: 0; padding: 30px 15px;  width: 100%; height: auto;}
 /**********联系我们 地图**********/
 .message ul li { width: 100%;}
 .message ul li:last-child { width: 100%;}
 .message .lf h2{ margin: 15px 0; font-size: 2.2em; }
 .message .rg {width: 100%; margin-top: 25px; }
 

}



@media (min-width: 768px) and (max-width: 1024px) { /**********Ipad 平板*********/
 body { font-size: 16px;}
 /*********头部**********/ 
 .herder { width: 100%; position:absolute; top: 0; z-index: 999;}
 .sina-nav .sina-brand { letter-spacing:1px;  }
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 40%; left:10%;  }
 /**********indexAbout**********/
 .indexAbout { margin-top: 80px; }
 .indexAbout .txt ul li { width: 100%; margin-bottom: 50px;}
 .indexAbout .txt ul li:last-child { width: 100%;}
 /**********indexService**********/
 .indexService {padding: 80px 0;}
 .indexService ul li { width: 100%; height: 260px;  transition: width 0.5s; margin-bottom: 15px;  }
 .indexService ul .active { width: 100%;}
 .indexService ul li .txt1  p { width: 100%; }
 /**********indexNews**********/
 .indexNews { margin-top: 80px; }
 .indexNews ul li { width: 100%; margin-bottom: 25px;}
 /**********ABOUT**********/
 .aboutTxt { margin-top: 80px; }
 .aboutTxt .txt ul li { width: 100%;}
 .aboutTxt .txt ul li:last-child { width: 100%; margin-top: 30px;}
 /**********企业文化**********/
 .cultureTxt  { margin-top: 60px;}
 .cultureTxt .txt >ul >li { width: 100%; height: auto;}
 .cultureTxt .txt>ul>li:last-child { width: 100%; margin-top: 4px; height: 300px; overflow: hidden;}
 .cultureTxt .txt ul li .lf ul li { width: 33%; height: 220px; overflow: hidden;}
 .cultureTxt .txt .txt1 {  padding: 40px 20px;}
 /**********荣誉资质**********/
 .honorList  { margin-top: 60px; overflow: hidden;}
 .honorList ul li { width: 49%; margin-bottom: 20px;}
  /**********新闻资讯**********/
 .newsList  { margin-top:20px; }
 .newsList .list  ul li{ width: 15%;height: auto;  padding:40px 0;  }
 .newsList .list  ul li:nth-child(2){ width: 80%; }
 .newsList .list  ul li:nth-child(3){ width: 100%; padding: 0 0 40px 0; }
 .newsList .list .lf .y {  height: 80px;  }
 .newsList .list .lf .d {  height: 40px;  }
 .newsList .list h2  {  margin-bottom: 10px;height: 30px;  }
 .newsList .list  p { font-size: .8em; height: 60px; }
 /**********新闻内容**********/
 .showNews  { margin-top:50px;}
 .showNews  .txt img { width: 100%; }
 .prenext ul li {  width: 100%; }
 /**********服务**********/
 .serviceList { margin-top:30px; }
 .serviceList .list { margin-bottom: 30px;}
 .serviceList .list ul li { font-size: .8em; width: 100%;  }
 .serviceList .list ul li:nth-child(10) { width: 100%;}
 .serviceList .list ul li:nth-child(11) { width: 100%;}
 .serviceList .list1 ul li {  width: 100%; }
 .serviceList .list1 ul li:last-child {  width: 100%; }
 .serviceList .list2 ul li {  width: 100%; }
 /**********设备**********/
 .advantage {margin-top:30px;}
 .advantage ul li {width: 100%;}
 /**********联系我们 地图**********/
 .contact  {  padding: 30px 0;}
 .map { position:static;}
 #container { height: 320px;}
 .map  .txt {  position: static; top: 0; right: 0; padding: 30px 15px;  width: 100%; height: auto;}


}



/***********笔记本电脑或小屏显示器*********/ 
@media (min-width: 1025px) and (max-width: 1359px) { 
 body { font-size: 17px;}
 /*********重制**********/  
 .container {min-width:920px;width:920px; padding: 0 0; }
 .sina-nav .container {min-width:920px;width:920px; padding: 0 0; }
 /*********头部**********/ 
 .sina-nav .sina-menu > li > a { padding: 30px 25px;max-width: 240px;}
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 40%; left:12%;  }
 /**********indexAbout**********/
 .indexAbout { margin-top: 80px; }
 .indexAbout .txt ul li { width: 53%;}
 .indexAbout .txt ul li:last-child { width: 37%;}
 .indexAbout .txt .lf h3 {  margin-bottom:20px;}
 .indexAbout .txt .lf p {  line-height: 30px; }
 .indexAbout .txt .lf hr { margin: 58x 0px;}
 .indexAbout .txt .lf .more {  margin-top: 35px;}
 /**********indexService**********/
 .indexService ul li { width: 16.4%; height: 300px;  }
 .indexService ul li .txt1  p { width: 230px; }

 /**********企业文化**********/
 .cultureTxt  { margin-top: 60px;}
 .cultureTxt .txt >ul >li { width: 100%; height: auto;}
 .cultureTxt .txt>ul>li:last-child { width: 100%; margin-top: 4px; height: 300px; overflow: hidden;}
 .cultureTxt .txt ul li .lf ul li { width: 33%; height: 220px; overflow: hidden;}
 .cultureTxt .txt .txt1 {  padding: 40px 20px;}
 /**********荣誉资质**********/
 .honorList  { margin-top: 60px; overflow: hidden;}
 .honorList ul li { width: 49%; margin-bottom: 20px;}

  /**********新闻内容**********/
 .showNews  { margin-top:50px;}
 .showNews  .txt img { width: 100%; }
  .prenext ul li {  width: 100%; }


}



@media (min-width: 1359px) and (max-width: 1399px) { 
 body { font-size: 17px;}
 /*********重制**********/  
 .container {min-width:1200px;width:1200px; padding: 0 0; }
 .sina-nav .container {min-width:1200px;width:1200px; padding: 0 0; }
 /*********头部**********/ 
 .sina-nav .sina-menu > li > a { padding: 30px 25px;max-width: 240px;}
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 40%; left:12%;  }
 .indexBanner .bannerTxt .txt p{  width: 75%; }
 /**********indexAbout**********/
 .indexAbout { margin-top: 80px; }
 .indexAbout .txt ul li { width: 55%;}
 .indexAbout .txt ul li:last-child { width: 31%;}
 /**********indexService**********/
 .indexService ul li .txt1  p { width: 310px; }
 /**********企业文化**********/
 .cultureTxt  { margin-top: 60px;}
 .cultureTxt .txt >ul >li { width: 62%; height: 430px;}
 .cultureTxt .txt>ul>li:last-child { width: 37.6%;}
 .cultureTxt .txt ul li .lf ul li { width: 33%; height: 220px; overflow: hidden;}
 .cultureTxt .txt .txt1 {  padding: 40px 20px;}
 
}



@media (min-width: 1399px) and (max-width: 1600px) { /*********中屏幕**********/  
  body { font-size: 18px;}
 /*********重制**********/  
 .container {min-width:1240px;width:1240px; padding: 0 0; }
 .sina-nav .container {min-width:1240px;width:1240px; padding: 0 0; }
 /*********头部**********/ 
 .sina-nav .sina-menu > li > a { padding: 30px 30px;max-width: 180px; font-weight: 500;  }
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 39%; left: 7%; }
  .indexBanner .bannerTxt .txt p{  width: 75%; }
 /**********indexAbout**********/
 .indexAbout { margin-top: 80px; }
 .indexAbout .txt ul li { width: 55%;}
 .indexAbout .txt ul li:last-child { width: 31%;}
 .indexAbout .txt .lf h3 {  margin-bottom:20px;}
 .indexAbout .txt .lf p {  line-height: 30px; }
 .indexAbout .txt .lf hr { margin: 15px 0px;}
 .footer ul li:nth-child(1) {width: 20%;}




}



@media (min-width: 1600px) and (max-width: 1920px) { /*********中屏幕**********/  
  body { font-size: 18px;}
 /*********重制**********/  
 .container {min-width:1440px;width:1440px; padding: 0 0; }
 .sina-nav .container {min-width:1480px;width:1480px; padding: 0 0; }
 /*********头部**********/ 
 .sina-nav .sina-menu > li > a { padding: 30px 30px;max-width: 180px; font-weight: 600; }
 /**********indexBanner**********/
 .indexBanner .bannerTxt .txt{  top: 39%; left: 7%; }
  .indexBanner .bannerTxt .txt p{  width: 75%; }
 /**********indexAbout**********/
 .indexAbout { margin-top: 80px; }
 .indexAbout .txt ul li { width: 55%;}
 .indexAbout .txt ul li:last-child { width: 28%;}
 .indexAbout .txt .lf h3 {  margin-bottom:30px;}
 .indexAbout .txt .lf p {  line-height: 30px; }
 .indexAbout .txt .lf hr { margin: 20px 0px;}
 /**********indexService**********/
 .indexService { padding: 100px 0;}
 .indexService ul li {  height: 340px;  }
 .indexService ul li .txt1 {padding: 60px 30px; }
 .indexService ul li .txt2 { align-items: center;    padding: 60px 0px;  }
 .indexService ul li .txt2  .imgIcon { margin: 30px auto;  width: 140px; height: 140px;  }
 .indexService ul li .txt2  .imgIcon  img { height: 100px; }
 .indexService ul li .txt1  p { width: 390px;  line-height: 32px;}
 
 /**********ABOUT**********/
 .aboutTxt {width: 100%; height: auto; margin-top: 60px; overflow: hidden;}
 .aboutTxt .txt ul li { width: 50%;}
 .aboutTxt .txt ul li:last-child { width: 43%;}
 .aboutTxt .txt .lf h1 { font-size: 1.4em;  line-height: 45px; }
 .aboutTxt .txt .lf p { font-size: .9em;  line-height: 32px; margin-bottom: 15px;}
 .footer ul li:nth-child(1) {width: 20%;}



}


/*****************超大屏幕**************/
@media (min-width: 1920px) { 
 body { font-size: 24px;}
  .indexBanner .bannerTxt .txt p{  width: 75%; }
 /*********重制**********/  
 .container {min-width:1760px;width:1760px; padding: 0 0; }
 .sina-nav .container {min-width:1760px;width:1760; padding: 0 0; }
 /********头部**********/ 
 .sina-nav .sina-menu > li > a { padding: 30px 40px;max-width: 300px; font-weight: 600;}
 /**********indexAbout**********/
 .indexAbout { margin-top: 80px; }
 .indexAbout .txt ul li { width: 55%;}
 .indexAbout .txt ul li:last-child { width: 26%;}
 .indexAbout .txt .lf h3 {  margin-bottom:40px;}
 .indexAbout .txt .lf p {  line-height: 35px;  }
 .indexAbout .txt .lf hr { margin: 25px 0px;}
 /**********indexService**********/
 .indexService { padding: 100px 0;}
 .indexService ul li {  height: 340px;  }
 .indexService ul li .txt1 {padding: 60px 30px; }
 .indexService ul li .txt2 { align-items: center;    padding: 60px 0px;  }
 .indexService ul li .txt2  .imgIcon { margin: 30px auto;  width: 140px; height: 140px;  }
 .indexService ul li .txt2  .imgIcon  img { height: 100px; }
 .indexService ul li .txt1  p { width: 470px;  line-height: 32px;}
 /**********ABOUT**********/
 .aboutTxt {width: 100%; height: auto; margin-top: 60px; overflow: hidden;}
 .aboutTxt .txt ul li { width: 50%;}
 .aboutTxt .txt ul li:last-child { width: 43%;}
 .aboutTxt .txt .lf h1 { font-size: 1.4em;  line-height: 45px; }
 .aboutTxt .txt .lf p { font-size: .9em;  line-height: 35px; margin-bottom: 15px;}
 .footer ul li:nth-child(1) {width: 20%;}


}