body,li,form,div,dl,

dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,hr {margin: 0;padding: 0;}

* {box-sizing: border-box;}

body { background: #f7f5f5;}

a {color: blackl;}

a:link,

a:hover {text-decoration: none !important;color: black;}

.clearfix:before,

.clearfix:after {content: "";display: block;height: 0;clear: both;overflow: hidden;}

.clearfix {zoom: 1;}

ul li {list-style: none;padding: 0;}

body {font-size: 14px;position: relative;}

/* 页头开始 */

.header{

    width:100%;

    height: 121px;

    min-width: 1200px;

    /* background: url(../images/hed.png); */

    background-size: 100% 100%;

    z-index: 111;

    position: relative;

}

.header .wrap{

    width:1200px;

    margin:0 auto;

}

#heyc{

    width: 690px;

}

.header .wrap img.wow{

    width: 295px;

    height:75px;

    /* margin:15px 0 0 0; */

    animation: fadeInUp 1.5s;

}

/* 导航开始 */



.dskl {

    margin-top: 15px;

    height: 60px;

    float: right;

    animation: fadeInUp 1.5s;

  }

  

  .dskl .albm {

    height: 60px;

    line-height: 60px;

    display: flex;

  }

  

  .dskl .albm li {

    text-align: center;

    position: relative;

    margin-right: 0;

    transition: all 1.2s;

  }

  

  .dskl .albm li:hover {

    transition: all 1.2s;

    background: #0291d7;

  }

  

  .dskl .albm li:hover a {

    color: #fff;

  }

  

  .dskl .albm li a {

    padding: 0 15px;

    color: #3a3a3a;

    display: block;

    font-size: 16px;

  }

  

  .dskl .albm .on {

    background: #0291d7;

    ;

    color: #fff !important;

  }

  

  .dskl .albm li:hover .bdvf {

    display: block;

  }


  .dskl .albm li .bdvf {

    display: none;

    background-color: #0291d7;

    position: absolute;

    color: #fff;

    left: -20px;

    top: 60px;

    width: 151px;

    border: 1px solid #e8e8e8;

    border-top: none;

    z-index: 20;

  }

  

  
#bgstyled {

  background: url(../images/banner4.jpg)top center no-repeat;

  background-size: 100% 100%;

}
  

  .dskl .albm li .bdvf li {

    height: 45px;

    width: 150px;

    border-top: 1px solid #e8e8e8;

    transition: all 1s;

  }

  

  .dskl .albm li .bdvf li a {

    font-size: 16px;

    color: #fff;

    padding: 0 0;

    font-weight: normal;

    margin: 0 0 0 0;

    line-height: 2.8;

    height: 45px;

    transition: all 1s;

  }

  

  .dskl .albm li .bdvf li a:hover {

    color: #fff;

    transition: all 1s;

    background: #ef710a;

  

  }



/* 轮播图 */

.clearfix {

  zoom: 1;

}



.clearfix:before,

.clearfix:after {

  display: table;

  line-height: 0;

  content: "";

}



.clearfix:after {

  clear: both;

}



.slide-main {

  position: relative;

  width: 100%;

  margin-top: -30px;

  min-width: 1200px;

  height:616px;

}









.prev:hover,

.next:hover,

.nav-main a:hover,

.nav-main a.cur {

  opacity: 1;

  -moz-opacity: 1;

  filter: alpha(opacity=100);

}



.item1 {

  display: block;

  width: 100%;

  height: 5px;

  position: absolute;

  z-index: 124;

  bottom: 20px;

  left: 0;

  text-align: center;

}



.item a {

  display: inline-block;

  width: 45px;

  height: 6px;

 border-radius:6px;

  margin-right: 11px;

  background: #fff;



  filter: alpha(opacity=60);

  overflow: hidden;

}



.item a.cur {

  background: #ef710a;

}



.slide-box,

.slide {

  display: block;

  width: 100%;

  height: auto;

  overflow: hidden;

}



.slide-box {

  position: relative;

}



.slide {

  display: none;

  position: relative;

  float: left;

  z-index: 8;

}



#bgstylea {

  background: url(../images/banner1.jpg)top center no-repeat;

  background-size: 100% 100%;

}



#bgstyleb {

  background: url(../images/banner2.jpg)top center no-repeat;

  background-size: 100% 100%;

}



#bgstylec {

  background: url(../images/banner3.jpg)top center no-repeat;

  background-size: 100% 100%;

}



.slide a {

  display: block;

  width: 100%;

  height:602px;

  cursor: pointer;

}



/* 首页产品中心 760 */

.index-pro{

  width:100%;

  min-width:1200px;

  height:760px;

  overflow: hidden;

  margin:0 0 0 0;

}

.index-pro .wrap{

  width: 1200px;

  overflow: hidden;

  margin:0 auto;

  margin-top: 20px;

}

.pTle{

  width: 100%;

  overflow: hidden;

  margin-bottom:0px;

  padding: 10px 0;

  animation: fadeInUp 1.5s;

}

@keyframes fadeInUp{

  0%{opacity:0;

  -webkit-transform:translateY(600px)}

  100%{opacity:1;

  -webkit-transform:translateY(0)}

}

#pz img{

  width: 526px;

  height:65px;

  margin:0 0 5px 0;

}

#pz p{

  font-size: 18px;

  color:#3c3c3c;

  font-weight:bold;

}



/* #py{

  background:#ef710a;

  display:inline-block;

  padding: 5px 20px;

  font-size: 14px;

  color: #fff;

  margin: 34px 0 0 0;

  border-radius:26px; 

} */
#proNav {

  margin: 5px 0 0 0;

}

#proNav p {

  display: inline-block;

  border: 1px solid #bdbdbd;

  padding: 8px 25px;

  margin: 0 0px 0 10px;

  font-size: 17px;

  color: #fff;

  border-radius:36px;

  transition: all .5s;

  background: #1ea2df;

  cursor:pointer;

}
#proNav p a{ color: #fff;}

#proNav .rogd {

  display: inline-block;

  border: 1px solid #ef710a;

  padding: 4px 25px;

  margin: 0 0px 0 60px;

  background:#ef710a;

  color: #fff;

  border-radius:36px;

  transition: all .5s;

  cursor:pointer;

}

.tabProList {

  width: 100%;

  overflow: hidden;

}

.tab1 {

  background: #ef710a;

}

#tabProList2 {

  display: none;

}

#tabProList3 {

  display: none;

}

#tabProList4 {

  display: none;
  
}









.pro-list{

  width: 1200px;

  overflow: hidden;

}

/* 列表 */

.ip-list {

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  position: relative;

  margin-top: 45px;

  

}



.ip-list ul li {

  width: 272px;

    height: 250px;

    float: left;

    margin: 0px 37px 37px 0;

    transition: all 1s;

    position: relative;

    overflow: hidden;

    animation: fadeInUp 2s;

}



.ip-list ul li img {

  width: 100%;

  height: 207px;

  transition: all 1s;

  overflow: hidden;

}



.ip-list li .text {

  line-height: 13px;

  margin: 0px 0 0;

  background: #1ea2df;

  color: #fff;

  position: relative;

}



.ip-list .text:before {

  content: '';

  position: absolute;

  right: 50%;

  width: 0;

  left: 0;

  height: 100%;

  background-color: #ef710a;

  transition: all 0.5s;

}



.ip-list .text p {

  margin: 0;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  position: relative;

  color: #fff;

  z-index: 1;

  transition: all 0.5s;

  text-align: left;

  padding-left: 10px;

  font-size: 17px;

  font-weight: bold;

}

.ip-list .text::after{

  content: "+";

  width:15px;

  height:15px;

  display: block;

  background:#ef710a;

  color:#fff;

  line-height:1;

  text-align: center;

  border-radius:50%;

  float: right;

  margin-right:10px;

  position: relative;

  margin-top: -27px;;

}







.ip-list ul li a:hover .text:before {

  width: 100%;

  left: 0;

}

.ip-list ul li a:hover .text::after {

  background:#fff;

  color:#333;

}

.ip-list li a:hover .text p {

  color: #fff;

}



.ip-list p {

  font-size: 14px;

  color: #353535;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;

  padding: 14px 0;

  width: 85%;

  transition: all 1s;

}



.ip-list ul li:hover img {

  transition: all 1s;

  opacity: 0.8;

  transform: rotate(1.1);

}

.ip-list ul li:nth-child(4) {

  margin: 0 0 16px 0;

  float: right;

}



.ip-list ul li:nth-child(8) {

  margin: 0 0 16px 0;

  float: right;

}

/* 首页关于我们 */

.index-abt{

  width:100%;

  min-width: 1200px;

  height:727px;

  padding-top: 30px;

  overflow: hidden;

  background: #575757;

}

.index-abt .abpt{

  width: 1200px;

  margin:0 auto;

}

.index-abt .nrbg{

  width: 100%;

  height: 673px;

  margin:55px 0 0 0;

  min-width: 1200px;

  background: #575757;

  animation: fadeInUp 3s;

  position: relative;

  z-index: 11;

}

.nrbg .wrap{

  width:1200px;

  overflow: hidden;

  margin:0 auto;

  position: relative;

}

#abzc{

  width: 512px;

  overflow: hidden;

  margin:0 0 0 0;

  float: left;

  position: relative;

  z-index: 13;
  height: 415px;
  animation: fadeInUp 1.5s;

}


#abzc a{ color: #ef710a;}

@keyframes fadeInLeftBig {

  0%{opacity:0;

  -webkit-transform:translateX(-1000px)}

  100%{opacity:1;

  -webkit-transform:translateX(0)}

}

#abzc h3{

  font-size: 18px;

  font-weight:bold;

  color:#fff;

  margin: 15px 0 25px 0;

}

#abzc p{

  font-size: 16px;

  color:#fff;

  line-height:34px;

  margin: 0px 0 25px 0;

}

#abyc {

  width: 613px;

  height:415px;

  background:#fff;

  border-radius:6px;

  position: relative;

  z-index: 13;

  animation: fadeInUp 1.5s;

}

@keyframes fadeInRightBig {

  0%{opacity:0;

  -webkit-transform:translateX(1000px)}

  100%{opacity:1;

  -webkit-transform:translateX(0)}

}

#abyc h2{

  font-size: 101px;

  color:#ffffff40;

  position:absolute;

  margin:-47px 0 0 0;

  font-weight: bold;

}



/* 切换 */

.qieh{

  width: 1200px;

  height:198px;

  background:#fff;

  overflow: hidden;

  margin:0 auto;

  margin-top: 40px;

  border:2px solid #214578;

  animation: fadeInUp 1.6s;

}

.qieh::before{

  content: "";

  position: relative;

  width:24px;

  height:198px;

  background:#2193cb;

  float: left;

  display: block;

}

.qieh::after{

  content: "";

  position: relative;

  width:24px;

  height:198px;

  background:#2193cb;

  float:right;

  display: block;

  margin-top: -196px;

}

/* 1080 165 */

.picScroll-left {
  width: 1100px;
  overflow: hidden;
  position: relative;
  padding: 19px 45px;
  box-sizing: border-box;
  margin: 0 auto;
}

.pageState {
  display: none;
}

.picScroll-left .hd {
  position: absolute;
  width: 100%;
  height: 92px;
  left: 0;
  top: 74px;
}

.picScroll-left .hd .prev {
  display: block;
  width: 30px;
  height: 58px;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: -7px;
  background: url(../images/z.png) no-repeat center;
  cursor: pointer;
}

.picScroll-left .hd .next {
  display: block;
  width: 30px;
  height: 58px;
  position: absolute;
  z-index: 2;
  right: 15px;
  top: -7px;
  background: url(../images/y.png) no-repeat center;
  cursor: pointer;
}

.picScroll-left .hd ul {
  display: none;
}

.picScroll-left .bd {
  width: 100%;
  overflow: hidden;
}

.picScroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
}

.picScroll-left .bd ul li {
  margin: 0 7px;
  width:226px;
  height: 158px;
}

.picScroll-left .bd ul li a {
  display: block;
  width: 226px;
  height: 158px;
  overflow: hidden;
  position: relative;
}

.picScroll-left .bd ul li .img1 {
  width: 100%;
  display: block;
  height: 158px;
}



/* 首页四季火优势 */

.index-advan{

  width: 100%;

  min-width:1200px;

  height: 780px;

  overflow: hidden;

  background:url(../images/adva_02.jpg)no-repeat center;

}

.index-advan .wrap{

  width: 1200px;

  overflow: hidden;

  margin-left: 9%;

  margin-top: 80px;

}



.index-advan .wrap #zctu{

  width: 664px;

  height:595px;

  animation: fadeInUp 1.5s;

}



.index-advan #ycadv{

  width: 485px;

  overflow: hidden;

}

.adynr{

  width: 100%;

  height:600px;

  margin-top: 45px;

}

.adynr::before{

  content: "";

  width: 90px;

  height:585px;

  position: absolute;

  float: left;

  display: block;

  background:#f2f4f7;

  margin:13px 0 0 0;

}

.adynr .zm2{

  width: 380px;

  height:76px;

  margin: 0 0 10px 54px;

  position: relative;

  z-index: 111;

  animation: fadeInUp 1.5s;

}

.adynr h4{

  position: relative;

  z-index: 111;

  font-size: 18px;

  color:#484848;

  font-weight: bold;

  margin:0 0 67px 54px;

  animation: fadeInUp 1.6s;

}



.fourAdv {

  width: 440px;

  margin: 0px 0 0 40px;

  position: relative;

  z-index: 111;

}

.fourAdv li{

  width: 100%;

  overflow: hidden;

  margin: 0 0 31px 0;

}

.fourAdv li h3{

  font-size: 18px;

  color:#5a78a0;

  display: block;

  line-height: 2.4;

  font-weight: bold;

  overflow: hidden;

}



.fourAdv li:nth-child(1){

  animation: fadeInUp 1.6s;

}

.fourAdv li:nth-child(2){

  animation: fadeInUp 1.6s;

}

.fourAdv li:nth-child(3){

  animation: fadeInUp 1.6s;

}

.fourAdv li:nth-child(4){

  animation: fadeInUp 1.6s;

}

.fourAdv li:nth-child(1) h3::before{

  content: "";

  width: 35px;

  height:35px;

  display: block;

  float: left;

  background:url(../images/1.png);

  margin-right:5px;

}

.fourAdv li:nth-child(2) h3::before{

  content: "";

  width: 35px;

  height:35px;

  display: block;

  float: left;

  background:url(../images/2.png);

  margin-right:5px;

}

.fourAdv li:nth-child(3) h3::before{

  content: "";

  width: 35px;

  height:35px;

  display: block;

  float: left;

  background:url(../images/3.png);

  margin-right:5px;

}

.fourAdv li:nth-child(4) h3::before{

  content: "";

  width: 35px;

  height:35px;

  display: block;

  float: left;

  background:url(../images/4.png);

  margin-right:5px;

}

.fourAdv li p{

  font-size: 14px;

  color:#6c6c6c;

}



/* 首页视频and案例 */

.index-spcs{

  width: 100%;

  min-width: 1200px;

  height:550px;

  overflow: hidden;

  background:url(../images/cidcas.jpg) no-repeat center;

}



/* 视频 */

.spcs-vid{

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  margin-top: 30px;

  margin-bottom: 95px;

}

.spcs-vid::before{

  content: "";

  position: relative;

  float: left;

  display: block;

  width: 67px;

  height:508px;

  background:url(../images/zs1.png);

}



.vidnr{

  width: 1033px;

  height:508px;

  float: right;

  position: relative;

  z-index: 111;

}

.vidbt h3{

  font-size: 63px;

  font-weight: bold;

  color:#ffffff47;

  margin:0 0 10px 0;

  position: relative;

  z-index: 11;

  animation: fadeInUp 1s;

}

.vidbt p{

  font-size: 18px;

  font-weight: bold;

  color:#fff;

  margin:0 0 87px 0;

  animation: fadeInUp 1.1s;

}



.vigg{

  width: 265px;

  height:175px;

  border-top: 1px solid #7ca3d4;

  border-bottom: 1px solid #7ca3d4;

  border-left: 1px solid #7ca3d4;

  margin:0 0 87px 0;

  padding:20px 15px;

}

.vigg p{

  font-size: 14px;

  color:#fff;

  margin: 0 0 5px 0;

  animation: fadeInUp 1.2s;

}



.ckxq{

  display: inline-block;

  background:#ef710a;

  font-size: 14px;

  color:#fff;

  padding:5px 20px;

  border-radius:36px;

  animation: fadeInUp 1.3s;

}



#video{

  width:810px;

  height: 482px;

  margin: -387px 0 0 0;

  object-fit: cover;

  animation: fadeInUp 1.4s;

}





#video img{
  width: 100%;
  height:100%;

}









/* 案例 */

.index-case{

  width:1200px;

  overflow: hidden;

  margin:0 auto;

}



.casbt h3{

  font-size: 63px;

  font-weight: bold;

  color:#f4f4f4;

  margin:0 0 10px 0;

  position: relative;

  z-index: 11;

  animation: fadeInUp 1s;

}

.casbt p{

  font-size: 18px;

  font-weight: bold;

  color:#404040;

  margin: 0 0 39px 0;

  animation: fadeInUp 1.1s;

}



.cas-ls {

  width: 100%;

  overflow: hidden;

}



.cas-ls li {

  width: 286px;

  height: 212px;

  overflow: hidden;

  float: left;

  margin: 0px 0px 15px 0;

  position: relative;

  animation: fadeInUp 1.2s;

}



.cas-ls li:nth-child(1) {

  width: 590px;

  height: 425px;

  margin: 0px 0px 15px 0;

}



.cas-ls li:nth-child(2) {

  width: 590px;

  height: 425px;

  float: right;

  margin: 0px 0px 15px 0;

}

.cas-ls li:nth-child(3) {

  margin: 0px 18px 0 0;

}

.cas-ls li:nth-child(4) {

  margin: 0px 18px 0 0;

}

.cas-ls li:nth-child(5) {

  margin: 0px 18px 0 0;

}

.cas-ls li:nth-child(6) {

  float: right;

}



.cas-ls li img {

  width: 100%;

  height: 100%;

  display: block;

}



.cas-ls li span {

  position: absolute;

  left: 0;

  bottom: -34px;

  z-index: 3;

  display: block;

  width: 100%;

  line-height: 34px;

  background: #ef710a;

  color: #fff;

  text-align: center;

  transition: all .5s;

}



.cas-ls li :hover span {

  bottom: 0px;

}



/* 首页新闻中心 */

.index-news{

  width:100%;

  min-width: 1200px;

  overflow: hidden;

  /* height: 846px; */

  background:url(../images/newsbg.png)no-repeat center;

}

.index-news .wrap{

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  margin-bottom: 25px;

}

.newbt h3{

  font-size: 63px;

  font-weight: bold;

  color:#f2f2f2;

  margin:100px 0 10px 0;

  position: relative;

  z-index: 11;

  animation: fadeInUp 1s;

  letter-spacing: 8px;

}

.newbt p{

  font-size: 18px;

  font-weight: bold;

  color:#fff;

  margin: 0px 0 10px 0;

  animation: fadeInUp 1.1s;

}
.newbt p a{ color: #fff;}


#xwls{

  width: 744px;

  height:700px;

  background:#fff;

  margin: -35px 10px 10px 0;

  box-shadow: 1px 3px 9px 0px #e8e8e8;

  position: relative;

  z-index: 111;

}

#xwls ul li{

  width: 100%;

  overflow: hidden;

  padding: 10px 10px;

  border-bottom:1px solid #e8e8e8;

}

#xwls ul li:nth-child(1){

  animation: fadeInUp 1.1s;

}

#xwls ul li:nth-child(2){

  animation: fadeInUp 1.2s;

}

#xwls ul li:nth-child(3){

  animation: fadeInUp 1.3s;

}

#xwls ul li img{

  width: 205px;

  height:154px;

  float: left;

  margin:0 20px 0 0;

  border:1px solid #e8e8e8;

}

#xwls ul li h3{

  font-size: 16px;

  color:#3b3b3b;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: all .5s;

  margin: 20px 0 15px 0;

}

#xwls ul li h3:hover{

  transition: all .5s; 

  color:#ef710a; 

}

#xwls ul li p{

  font-size: 14px;

  color:#797979;

  line-height: 1.5;

  display: -webkit-box;

   text-overflow: ellipsis;

   overflow : hidden;

   -webkit-line-clamp: 2;

   -webkit-box-orient: vertical;

   margin:0 0 20px 0;

}

#xwls ul li span{

  font-size: 14px;

  color:#fff;

  padding: 5px 20px;

  display: inline-block;

  background:#ef710a;

  border-radius:36px;

}

.xwgd{

  font-size: 14px;

  color:#797979;

  text-align: center !important;

  display: block;

  width: 80px;

  margin:0 auto;

  line-height: 1;

  margin-top: 47px;

  animation: fadeInUp 1.3s;

}

.xwgd::after{

  content: "+";

  width:15px;

  height:15px;

  position: relative;

  background:#ef710a;

  text-align: center;

  color:#fff;

  float: right;

  border-radius:50%;

}



/* 页尾 */

.footer{

  width: 100%;

  animation: fadeInUp 1s;

  /* min-width: 1200px; */
  position: relative;

z-index: 11;


  background: #444444;
  color: #fff;

  border-top: 5px solid #2193cb;
  padding-bottom: 30px;
}



.fotwrap{
  width: 1170px;
  margin:0 auto;
}
#ftzc{
  width: 1010px;
  margin-top: 45px;
}
.foNava{
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #515151;
}
.foNava a{ color: #fff; margin-right: 30px;}
#ftzc ul li{
  float: left;
  margin: 0 45px 0 0;
}
#ftzc ul li h3{
  font-size: 18px;
  color:#fff;
  font-weight: bold;
  margin: 0 0 15px 0;
}
#ftzc ul li dl dd{
  margin:0 0 10px 0;
}
#ftzc ul li dl dd a{
  font-size: 14px;
  color:#fff;

}
#ftzc ul li p{
  font-size: 14px;
  color:#fff;
  margin:0 0 5px 0;
  
}

.link{
  width: 100%;
  overflow: hidden;
  margin:0 0 40px 0;
}
.link p{
  font-size: 14px;
  color:#fff;
  float: left;  
}
.link .yq,.lslss{
  float: left;
}
.link ul{
  width: 90%;
}
.link ul li {
  float: left;
  margin: 0 15px 5px 0 !important;
}
.link ul li a{
  font-size: 14px;
  color:#fff;
}

.beia{
  width: 100%;
  overflow: hidden;
  margin:0 0 0 0;
}
.beia p{
  font-size: 14px;
  line-height: 32px;
  color:#fff;
}
#ftyc{
  width: 133px;
  overflow: hidden;
  margin-top: 28px;  
}
#ftyc .fcwz{
  width:110px;
  text-align: right;
}
#ftyc p{
  font-size: 14px;
  float: left;
  color:#2c2c2c;
  margin-right:10px;
  display: block;
  overflow: hidden;
}















/* 新闻中心页面 */

.art-mg{

  width: 100%;

  min-width: 1200px;

  overflow: hidden;

  position: relative;

  margin-top: -30px;

}

.art-mg img{

  width: 100%;

  height: auto;

}



/* 新闻list */

.nes-art{

  width: 1200px;

  overflow: hidden;

  margin:0 auto;

  margin-top: 20px;

  margin-bottom:20px;

  position: relative;

  z-index: 111;
  

}
.nes-b{
  display: flex;
}
#lsNav a{

  display:inline-block;

  background:#888888;

  color:#fff;

  padding: 8px 22px;

  font-size: 16px;

  margin:0 5px 0 5px;

  transition: all .5s;

}

#lsNav .on{

  background:#ef710a;

}

#lsNav a:hover{

  background:#ef710a;

  transition: all .5s;

}

/* 当前位置 */

.dq {

  width: 100%;

  display: block;

  padding: 10px 0;

}



.dq span {

  font-size: 14px;

  color: #888888;

}

.dq span::before{

  content: "";

  width: 25px;

  height:25px;

  display: block;

  background:url(../images/dq.png);

  float: left;

  margin-right:5px;

}



.dq span::before {

  content: "";

  width: 20px;

  height: 20px;

  float: left;

  display: block;

  background: url(../images/dq.png);

  margin-right: 5px;

  background-size: 100% 100%;

}



.dq a {

  font-size: 14px;

  color: #888888;

}



.dqww h3 {

  font-size: 14px;

  font-weight: bold;

  display: inline-block;

  border-bottom: 2px solid #e22429;

  padding: 11px 0;

}

/* 新闻列表 */

.xwlieb{

  width: 100%;

  overflow: hidden;

  padding: 10px 0;

}

.xwlieb ul li{

  width: 280px;

  overflow: hidden;

  border:1px solid #e8e8e8;

  border-radius:6px;

}

.xwlieb ul li img{

  width: 100%;

  height:209px;

  border-radius:6px 6px 0 0;

  margin:0 0 0 0;

}

.xwlieb ul li h3{

  font-size: 16px;

  color:#414141;

  transition: all 1s;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding: 5px 5px;

}



.most{

  width:1200px;

  overflow: hidden;

  margin: 30px auto;

  margin-top: 25px;

  animation: fadeInUp 1s;

}

@keyframes fadeInUp{

  0%{opacity:0;

  -webkit-transform:translateY(20px)}

  100%{opacity:1;

  -webkit-transform:translateY(0)}

}

.most .item{

  position: relative;

  width: 270px;

  height: 272px;

  margin: 15px 15px 10px 15px;

  background: #FFFFFF;

  box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%);

  border-radius: 8px;

  float: left;

  transition: all .2s;

}



.most .item:hover {

  transform: translateY(-2px);

  box-shadow: 0 12px 20px 0 rgba(95, 101, 105, 0.15);

}

.most .item::before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  width: 60px;

  height: 60px;

  background: no-repeat center / 100%;

  z-index: 1;

  background: url(http://www.sijihuo.com/url/img/hot.png);

  background-size: 100% 100%;

}

.most img{

  width:100%;

  height:152px;

  border-radius:6px 6px 0 0;

}

.most h3{

  font-size: 16px;

  font-weight: normal;

  color:#515151;

  text-align: left;

  padding:10px 10px 0 10px;

  margin-bottom:5px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.most p{

  font-size: 14px;

  font-weight: normal;

  color:#666666;

  text-align: left;

  padding:5px 10px 0 10px;

  margin-bottom:5px;

  display: -webkit-box;

  text-overflow: ellipsis;

  overflow : hidden;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  

}

.most span{

  display: block;

  background:#5484c6;

  padding: 4px 0;

  width:100px;

  float: right;

  margin-right:10px;

  font-size: 14px;

  text-align: center;

  color:#fff;

}



/* 分页 */

.FY {

  width: 100%;

  min-width: 1200px;

  text-align: center;

  margin-top: 15px;

}



.page {

  width: 100%;

  margin: 0 auto;

  text-align: right;

  margin-top: 5px;

  margin-bottom: 20px;

}



.page a {

  padding: 8px 12px;

  width: 150px;

  height: 60px;

  border: 1px solid #e8e8e8;
  
  border-radius: 20%;

  color: #333;

  background:#fff;

}



.page a:hover {
  transition: background-color 0.5s;
  border: 1px solid #5484c6;

  background: #5484c6;

  color: #fff;

}



.page a.thisclass {

  color: #fff;

  background: #5484c6;

  border: 1px solid #5484c6;

}



.art-bt{

  width: 100%;

  overflow: hidden;

  padding: 0 0;

  border-bottom:5px solid #ef710a;

  text-align: center;

  position: relative;

  margin-top: -71px;

}

.art-bt .sek{

  display: inline-block;

  background:#ef710a;

  padding: 10px 45px;

  margin:0 auto;

  border-radius:6px 6px 0 0;

}

.sek h3{

  font-size: 24px;

  color:#fff;

  font-weight: normal;

  margin-bottom:5px;

}

.sek p{

  font-size: 14px;

  color:#fff;

}



/* 产品列表 */

.cpMost {

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  margin-top: 65px;
}



.cpMost ul li {

  width: 272px;

    height: 250px;

    float: left;

    margin: 0px 37px 37px 0;

    transition: all 1s;

    position: relative;

    overflow: hidden;

    animation: fadeInUp 2s;

    border:1px solid #e8e8e8;

    background:#fff;

}



.cpMost ul li img {

  width: 100%;

  height: 150px;

  transition: all 1s;

  overflow: hidden;

}



.cpMost li .text {

  line-height: 13px;

  margin: 0px 0 0;

  position: relative;

}



.cpMost .text:before {

  content: '';

  position: absolute;

  right: 50%;

  width: 0;

  left: 0;

  height: 100%;

  background-color: #ef710a;

  transition: all 0.5s;

}



.cpMost .text p {

  margin: 0;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  position: relative;

  z-index: 1;

  transition: all 0.5s;

  text-align: left;

  padding-left: 10px;

}

.cpMost .text::after{

  content: "+";

  width:15px;

  height:15px;

  display: block;

  background:#ef710a;

  color:#fff;

  line-height:1;

  text-align: center;

  border-radius:50%;

  float: right;

  margin-right:10px;

  position: relative;

  margin-top: -27px;;

}

.cpMost ul li a:hover .text:before {

  width: 100%;

  left: 0;

}

.cpMost ul li a:hover .text::after {

  background:#fff;

  color:#333;

}

.cpMost li a:hover .text p {

  color: #fff;

}



.cpMost p {

  font-size: 14px;

  color: #353535;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;

  padding: 14px 0;

  width: 85%;

  transition: all 1s;

}



.cpMost ul li:hover img {

  transition: all 1s;

  opacity: 0.8;

  transform: rotate(1.1);

}

.cpMost ul li:nth-child(4n) {

  margin: 0 0 16px 0;

  float: right;

}



/* 耐材视频 */

.vidList{

  width: 100%;

  overflow: hidden;

  margin-top: 75px;  

}

.vidList ul li{

  width: 280px;

  border:1px solid #e8e8e8;

  float: left;

  overflow: hidden;

  margin: 0 26px 26px 0;

  position: relative;

  background:#fff;

}

.vidList ul li::before{

  content: "";

  position: absolute;

  width:55px;

  height:55px;

  display: block;

  background:url(../images/play.png);

  background-size: 100% 100%;

  left: 60%;

  top: 52%;

  margin-left: -50px;

  margin-top: -50px;

}

.vidList ul li:nth-child(4n){

  float: right;

  margin:0 0 0 0;

}

.vidList ul li img{

  width: 100%;

  height: 163px;

  display: inline-block;

}

.vidList ul li:hover img{

  transition: all 1s;

  opacity: 0.8;

}

.vidList ul li:hover span{

  transition: all 1s;

  background:#5484c6;

  color:#fff;

}

.vidList ul li span{

  display: block;

  width: 100%;

  padding: 10px 0;

  text-align: center;

  font-size: 14px;

  color:#515151;

  border-bottom:2px solid #5484c6;

  transition: all 1s;

}





/* 耐材工厂 */

.c-list{

  width:100%;

  overflow: hidden;

  margin:0 auto;

  margin-top: 70px;;

}

.c-list ul{

  width:1230px;

}

.c-list ul li {

  width: 287px;

  height: 201px;

  float: left;

  overflow: hidden;

  margin: 0 17px 17px 0px;

}

.he_border5 {

  background: #5484c6;

  width:100%;

  height:201px;

  padding: 0;

  margin: 0;

  position: relative;

  box-sizing: border-box;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden

}



.he_border5 .he_border5_img {

  display: block;

  width:100%;

  height:201px; 

  padding: 0;

  margin: 0;

  position: relative;

  opacity: 1;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden

}



.he_border5:hover .he_border5_img {

  position: absolute;

  opacity: .6

}



.he_border5 .he_border5_caption {

  color: #fff;

  padding: 0;

  margin: 0;

  -moz-backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden

}



.he_border5 .he_border5_caption::before,

.he_border5 .he_border5_caption::after {

  position: absolute;

  content: '';

  opacity: 0;

  -webkit-transition: opacity 0.4s, -webkit-transform .4s;

  -moz-transition: opacity 0.4s, -moz-transform .4s;

  -o-transition: opacity 0.4s, -o-transform .4s;

  transition: opacity 0.4s, transform .4s

}



.he_border5 .he_border5_caption::before {

  top: 14%;

  right: 5%;

  bottom: 14%;

  left: 5%;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: scale(0, 1);

  -moz-transform: scale(0, 1);

  -o-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -o-transform-origin: 0 0;

  transform-origin: 0 0

}



.he_border5 .he_border5_caption::after {

  top: 8%;

  right: 10%;

  bottom: 8%;

  left: 10%;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

  -webkit-transform-origin: 100% 0;

  -moz-transform-origin: 100% 0;

  -o-transform-origin: 100% 0;

  transform-origin: 100% 0

}



.he_border5:hover .he_border5_caption::before,

.he_border5:hover .he_border5_caption::after {

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}



.he_border5 .he_border5_caption,

.he_border5 .he_border5_caption>a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden;

  z-index: 1000

}



.he_border5 .he_border5_caption_h {

  font-size: 1.3em;

  font-weight: 700;

  text-align: center;

  width: 80%;

  position: absolute;

  top: 20%;

  left: 10%;

  -webkit-transition: all .5s ease-in-out;

  -moz-transition: all .5s ease-in-out;

  -o-transition: all .5s ease-in-out;

  -ms-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

  overflow: hidden;

  opacity: 1

}



.he_border5 .he_border5_caption_p {

  font-size: 16px;

  font-weight: normal;

  text-align: center;

  width: 75%;

  position: absolute;

  top: 60%;

  left: 12%;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden;

  opacity: 0;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.he_border5:hover .he_border5_caption_p {

  top: 45%;

  opacity: 1

}



/* 联系我们页面 */

.contact{

  width:1200px;

  overflow: hidden;

  margin:0 auto;

}

.corInf {

  width:100%;

  overflow: hidden;

  padding: 30px 0;

  text-align: center

}

.corInf ul li {

  display: inline-block;

  width: 24%;

  overflow: hidden;

  border: 1px solid #e8e8e8;

  margin: 0 4px 0 4px;

  padding: 10px 10px;

  animation: fadeInUp 2s;

  box-shadow: 0px 0px 5px 0px #e8e8e8;
  height: 90px;


}

.corInf ul li img{

  width: 45px;

  height:45px;

  float: left;

}

.corInf ul li h3{

  font-size: 18px;

  color:#5484c6;

  font-weight: bold;

  margin:0 0 5px 0;

}

.corInf ul li p{
  padding-left: 17%;

  font-size: 16px;

  color:#2e2e2e;

  margin:0 0 0 0;

}



/* 地图 */

.lefta {

  width: 1400px;

  overflow: hidden;

  margin: 0 auto;

  position: relative;

  animation: fadeInUp 3s;

  z-index: 111;

}



.container {

  width: 100%;

  height: 460px;

  margin-bottom: 30px;

}



.title {

  font-size: 16px;

  color: #ee7900;

}

/* 新闻详情页 */

.news-cle {

  width: 99%;

  overflow: hidden;

  margin: 0 auto;

  animation: fadeInUp 1s;

  margin-bottom: 20px;

  background: #fff;

  margin-top: 30px;

  padding: 15px 30px;

  border:1px solid #e8e8e8;

  box-shadow: 0 0 6px 0 #e8e8e8;

  position: relative;

  z-index: 111;

}

.news-cle .xwbt{

  width: 100%;

  overflow: hidden;

  border-bottom:1px solid #e8e8e8;

  padding: 0 0;

  margin-bottom:20px;

}

.xwbt .csa{

  width: 100%;

  overflow: hidden;

  text-align: center;

}

.xwbt h3{

  text-align: center;

  font-size: 20px;

  font-weight: bold;

  color:#333333; 

  padding: 10px 0;   

}

.csa ul li {

  display: inline-block;

  margin: 0 10px 10px 10px;

}

.csa ul li p{

  font-size: 16px;

  color:#666666;

}



.xwwza{

  width: 100%;

  overflow: hidden;

  border-bottom:1px solid #e8e8e8;

  padding: 0 0 20px 0;

  margin-bottom:15px;

}

.xwwza p{

  font-size: 16px;

  color:#666666;

  text-indent: 2em;

  line-height:1.8;

}

.xwwza img{

  max-width: 65%;

  height: auto;

  margin:0 auto;

  display: block;

  margin-top: 10px;

  margin-bottom:10px;

}

/* 上篇下篇 */

.spxp {

  width: 100%;

  height: 45px;

  margin: 0 auto;

}

.spxp ul{

  width:600px;

}

.spxp ul li{

  width:100%;

  height:35px;

  margin: 0 48px 0 0;

}

.sap,.saa{

  float: left;

}

.sap{

  font-size: 14px;

  color:#666666;

  margin: 12px 0px 0 12px;

}

.saa{

  width:400px;

  overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

font-size: 14px;

color:#666666;

margin:12px 0 0 0;

}

.saa:hover{

  color:#5484c6;

}



/* 新闻详情 */

.pro-xqa {

  width: 1200px;

  margin:0 auto;

  overflow: hidden;

  margin-top: 10px;

  margin-bottom: 30px;

}



/* 展示 */

.ban {

  width: 570px;

  position: relative;

  overflow: hidden;

}



.ban2 {

  width: 570px;

  height: 430px;

  position: relative;

  overflow: hidden;

}



.ban2 ul li img {

  width: 570px;

  height: 426px;

  border: 1px solid #e8e8e8;

}



.ban2 ul {

  position: absolute;

  left: 0;

  top: 0;

}



.ban2 ul li {

  width: 570px;

  height: 426px;

}



.prev {

  float: left;

  cursor: pointer;

}



.num {

  height: 75px;

  overflow: hidden;

  width: 570px;

  position: relative;

  float: left;

}



.min_pic {

  padding-top: 10px;

  width: 570px;

}



.num ul {

  position: absolute;

  left: 0;

  top: 0;

}



.num ul li {

  width: 100px;

  height: 75px;

  margin-right:17px;

  padding: 1px;

  float: left;

}



.num ul li img {

  width: 96px;

  height: 71px;

  border: 1px solid #e8e8e8;

}



.num ul li.on {

  width: 100px;

  height: 75px;

  border: 2px solid #5484c6;

  padding: 0;

}



.prev_btn1 {

  text-align: center;

  margin-top: 20px;

  margin-right: 7px;

  cursor: pointer;

  float: left;

}



.prev_btn1 img {

  width: 18px;

  height: 26px

}



.next_btn1 img {

  width: 18px;

  height: 26px;

}



.next_btn1 {

  text-align: center;

  margin-top: 20px;

  cursor: pointer;

  float: right;

}



.mhc {

  background: #000;

  width: 100%;

  opacity: 0.5;

  -moz-opacity: 0.5;

  filter: alpha(Opacity=50);

  position: absolute;

  left: 0;

  top: 0;

  display: none;

}



.ban,

.atcle-cs {

  float: left;

}



/* 右侧参数 */

.atcle-cs {

  width: 585px;

  overflow: hidden;

  float: right;

}



.atbt {

  width: 100%;

  overflow: hidden;

  padding: 0 0;

  border-bottom: 3px solid #5484c6;

}



.atbt h3 {

  display: inline-block;

  color: #fff;

  border-radius:6px 6px 0 0;

  font-size: 18px;

  font-weight: bold;

  background:#5484c6;

  padding: 15px 15px;

}



/* 参数 */

.cans {

  width: 100%;

  overflow: hidden;

  margin: 0 0 0 0;

}



.cans ul li {

  width: 100%;

  overflow: hidden;

  padding: 15px 0;

  border-bottom: 1px dashed #e8e8e8;

}

.cans ul li:last-child{

  border:none;

}



.cans ul li p {

  font-size: 16px;

  color: #000;

}



.cans ul li span {

  font-size: 14px;

  font-weight: normal;

  color: #666666;

}



/* 广告语 */

.ggy {

  width: 100%;

  overflow: hidden;

  padding: 15px 15px;

}



.falx a {

  margin: 25px 13px 0 13px;

  display: inline-block;

  background: #5484c6;

  padding: 10px 25px;

  color: #fff;

  font-size: 18px;

  transition: all .5s;

}



.ggy #ewma {

  text-align: center;

}



#ewma img {

  width: 101px;

  height: 101px;

  margin-bottom: 5px;

}



/* 详细内容 */

.xax-atc {

  width: 100%;

  overflow: hidden;

  margin-top: 20px;

  position: relative;

  z-index: 111;

}



.xabt {

  width: 100%;

  overflow: hidden;

  border-bottom: 2px solid #5484c6;

  margin-bottom:20px;

}



.xabt h3 {

  background:#5484c6;

  display: inline-block;

  padding: 15px 25px;

  font-size: 18px;

  font-weight: bold;

  color: #fff;

  border-radius:6px 6px 0 0;

}

/* 关于我们页面 */

.abt-js{

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  margin-top: 30px;

  margin-bottom: 30px;

  padding: 15px 15px 15px 15px;

  box-shadow: 0 0 5px 0 #e8e8e8;

  animation: fadeInUp 2s;

  background:#fff;

  position: relative;

  z-index: 111;

}

.abt-js #azn{

  width: 470px;

  height: 320px;

  float: left;  

  margin-right: 10px;

}

/*.abt-js img{*/

/*  width: 95%;*/

/*  height: 95%;*/

/*  margin: -75px 0 0 15px;*/

/*  position: relative;*/

/*  z-index: 11;*/



/*}*/

.abt-js #azn::before{

  content: "";

  width: 120px;

  height:90px;

  background:#5484c6;

  display: block;

  position: relative;

  float: left;

}

.abt-js #azn::after{

  content: "";

    width: 120px;

    height: 85px;

    background:#5484c6;

    display: block;

    position: relative;

    float: right;

    margin: -79px 0 0 0;

}

.abt-js p{

  font-size: 16px;

  color:#999999;

  line-height: 1.8;

  margin-left: 10px;;

  text-indent: 2em;

  margin-bottom:5px;

}



.abbt{

  width: 100%;

  padding: 0 0;

  text-align: center;

}

.abbt h3{

  font-size: 18px;

  font-weight: bold;

  color:#333333;

  margin: 10px 0 10px 0;

}

.abbt h4{

  font-size: 14px;

  color:#333333;

  margin:0 0 5px 0;

}

.abbt span{

  width: 20px;

  height:20px;

  display: block;

  background: url(../images/A.png);

  background-size: 100% 100%;

  margin: 0 auto;

  margin-bottom:10px;

}



/* 文化内容 */

.abt-dsz{

  width: 1010px;

  overflow: hidden;

  margin:0 auto;

  margin-top: 20px;

  margin-bottom:20px;

  box-shadow: 0 0 5px 0 #e8e8e8;

  padding: 10px 10px;

}

.abt-dsz img{

  width: 300px;

  height:424px;

}

.abt-dsz p{

  font-size: 18px;

  font-weight: bold;

  line-height:1.6;

  color:#333333;

  text-indent: 2em;

  margin-bottom: 5px;

  margin-top: 5px;

}

.abt-dsz .dspa{

  font-size: 16px;

  font-weight: normal;

  color:#333333;

}



.dsz-zs{

  width: 275px;

  background: #5484c6;

  z-index: 111;

  position: relative;

  margin-left: -110px;

  padding: 15px 15px;

  border-radius:100px 0 50px 0; 

  animation: fadeInLeftBig 2s; 

}

.dsz-zs h3{

  font-size: 24px;

  color:#fff;

  margin-bottom:10px;

  width: 100%;

  text-align: right;

}

.dsz-zs h3::before{

  content: "";

    width: 45px;

    border-bottom: 2px solid #fff;

    position: relative;

    float: left;

    margin: 12px 0 0 65px;

}

.dsz-zs span{

  display: block;

  width: 100%;

  font-size: 12px;

  text-align: right;

  color:#fff;



}

/* 荣誉资质 */

.zzList{

  width:1200px;

  overflow: hidden;

  margin:0 auto;

  position: relative;
  z-index: 111;

}

.zzList ul{

  width: 1230px;

}

.zzList ul li{

  width: 225px;

  overflow: hidden;

  float: left;

  margin: 0 18px 18px 0;

  border-top:1px solid #e8e8e8;

  border-left:1px solid #e8e8e8;

  border-right:1px solid #e8e8e8;

}

.zzList ul li img{

  width: 100%;

  height: 287px;

}

.zzList ul li span{

  width: 100%;

  overflow: hidden;

  padding: 10px 0;

  display: block;

  text-align: center;

  font-size: 14px;

  color:#414141;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  border-bottom:2px solid #5484c6;

  transition: all 1s;

  background:#fff;

}

.zzList ul li:hover span{

  transition: all 1s;

  background:#5484c6;

  color:#fff;

}



/*  */



.abt-hj{

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  position: relative;
  z-index: 111;

}

/* 新增滚动效果样式 */
.one {
  margin: 0px auto;
  height: 330px;
  width: 1200px;
  z-index: 111;
  overflow: hidden;
  position: relative;
}

.one ul {
  height: 194px;
  width: 100000px;
  position: absolute;
  left: 0;
}

/*ul width的宽不能过小*/
.one ul li {
  display: block;
  float: left;
  margin: 5px;
  width: 270px;
  height: 198px;
  position: relative;
  border:2px solid #ef710a;
}

.one ul li a {
  display: inline-block;
  width: 100%;
  height: 194px;
}

.one ul li img {
  width: 100%;
  height: 194px;
  display: block;
}

.one ul li a span {
  width: 100%;
  height:35px;
  display: block;
  color:#fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  margin-top: -35px;
  line-height: 2.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;



}
.ontle{
  width: 100%;
  overflow:hidden;
  padding: 35px 0 15px 0;
  border-top:1px solid #e8e8e8;
  text-align: center;
}
.one h3{
  font-size: 48px;
  color:#e8e8e83d;
  font-weight:bold;
  margin:0 0 5px 0;
}
.one p{
  font-size: 24px;
  color:#333;
  margin: -35px 0 5px 0;
  position: relative;
  font-weight: bold;
}
.ongd{
  display: inline-block;
  /* background:#fff; */
  color:#fff;
  padding: 5px 10px;
  border-radius: 36px;
  margin: 13px 0 0 0;
}


/* 返回顶部按钮 */
.goTop >img{
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.goTop{
  position: fixed;
  right : 20px;
  bottom : 20px;
  z-index: 11111;
}



.he_border6 {

  background: #5484c6;

  width:100%;

  height:158px;

  padding: 0;

  margin: 0;

  position: relative;

  box-sizing: border-box;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden

}



.he_border6 .he_border6_img {

  display: block;

  width:100%;

  height:158px; 

  padding: 0;

  margin: 0;

  position: relative;

  opacity: 1;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden

}



.he_border6:hover .he_border6_img {

  position: absolute;

  opacity: .6

}



.he_border6 .he_border6_caption {

  color: #fff;

  padding: 0;

  margin: 0;

  -moz-backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden

}



.he_border6 .he_border6_caption::before,

.he_border6 .he_border6_caption::after {

  position: absolute;

  content: '';

  opacity: 0;

  -webkit-transition: opacity 0.4s, -webkit-transform .4s;

  -moz-transition: opacity 0.4s, -moz-transform .4s;

  -o-transition: opacity 0.4s, -o-transform .4s;

  transition: opacity 0.4s, transform .4s

}



.he_border6 .he_border6_caption::before {

  top: 14%;

  right: 5%;

  bottom: 14%;

  left: 5%;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: scale(0, 1);

  -moz-transform: scale(0, 1);

  -o-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -o-transform-origin: 0 0;

  transform-origin: 0 0

}



.he_border6 .he_border6_caption::after {

  top: 8%;

  right: 10%;

  bottom: 8%;

  left: 10%;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

  -webkit-transform-origin: 100% 0;

  -moz-transform-origin: 100% 0;

  -o-transform-origin: 100% 0;

  transform-origin: 100% 0

}



.he_border6:hover .he_border6_caption::before,

.he_border6:hover .he_border6_caption::after {

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1)

}



.he_border6 .he_border6_caption,

.he_border6 .he_border6_caption>a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden;

  z-index: 1000

}



.he_border6 .he_border6_caption_h {

  font-size: 1.3em;

  font-weight: 700;

  text-align: center;

  width: 80%;

  position: absolute;

  top: 20%;

  left: 10%;

  -webkit-transition: all .5s ease-in-out;

  -moz-transition: all .5s ease-in-out;

  -o-transition: all .5s ease-in-out;

  -ms-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

  overflow: hidden;

  opacity: 1

}



.he_border6 .he_border6_caption_p {

  font-size: 16px;

  font-weight: normal;

  text-align: center;

  width: 75%;

  position: absolute;

  top: 60%;

  left: 12%;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  overflow: hidden;

  opacity: 0;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.he_border6:hover .he_border6_caption_p {

  top: 45%;

  opacity: 1

}





.t1{ }
.t1 b{ color: #333; font-size: 32px; font-weight: normal;}
.t1 span { padding-left: 20px; color: #c0bebe;}
.t1 a { display: none;}


.u1{ display: flex; justify-content: space-between; margin-top: 30px;}
.u1 li{ border: 1px solid #c1c1c1; padding: 10px;}
.u1 li p{ padding: 10px; line-height: 32px;}