html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;}
body { background:#fff; font-family: "Microsoft yahei";  font-size: 14px;overflow-x:hidden, line-height: 2rem;color: #555;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f2972c;  text-decoration:none;transition: all .3s;}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
label{ max-width: none; }
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;}
html, body {position: relative; height: 100%;}
.swiper-container { width: 100%;height: 100%;}
.icon{ width: 40px; height: 60px; background: rgba(234,234,234,0.8); line-height: 60px; font-size: 40px;}
@font-face{
    font-family: "pc-num";
    src:url(../fonts/DIN-Bold.otf);
}



.pc{ display: none;}
.wap{ display: block;}
@media (min-width:992px){ 
    .pc{ display: block;}
    .wap{ display: none;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
    .pc{ display: block;}
    .wap{ display: none;}
}




.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}
@media only screen and (max-width: 640px){
  .inner{ padding:0; }
}


@font-face {
  font-family: 'iconfont';  /* Project id 2854522 */
  src: url('http://at.alicdn.com/t/font_2854522_gbjl14ajiwa.woff2?t=1639723293989') format('woff2'),
       url('http://at.alicdn.com/t/font_2854522_gbjl14ajiwa.woff?t=1639723293989') format('woff'),
       url('http://at.alicdn.com/t/font_2854522_gbjl14ajiwa.ttf?t=1639723293989') format('truetype');
}


.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.top{ padding: 0 5%; width: 100%;  position: absolute; left:0; top:0; z-index:9999;}
.h-nav{width:100%; padding:30px 0px; transition: all .5s; display: flex;flex-direction: row;justify-content: space-between;}
.active{background:rgba(243,129,7,.7);}
.active > .h-nav{ width: 100%; padding:3px 0;  transition: all .5s; }
.active .menutxt{padding: 0px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.active .menutxt .yiji:hover{ color: #fff; text-decoration: underline;}

.t-logo{width: 137px!important;}


.logo{ width: 100px; }
.menutxt{ width:calc(100% - 300px);display: flex;flex-direction: row;justify-content: space-between;}
.menutxt .yiji{ color: #333; display:block;font-size: 18px;font-weight: bold;height: 100%}
.menutxt .yiji:hover{ color: #f38107;}
.menutxt li{position: relative;padding:30px 0;}
.menutxt li .sublist{width:150px;background: rgba(255,255,255,.8);padding:15px 10px;position: absolute;top:80px;left:-30px;display: none;}
.menutxt li .sublist a{border-bottom:solid 1px #eee;color:#333;transition: all .5s;padding:8px 0;width:100%;display: block;font-size: 16px;}
.menutxt li .sublist a:hover{color:#f69d3d;}
.menutxt li.on .yiji{color: #f38107;}
.overlay {
  width: 100%!important;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  display: none;
}

.modal {
  display: none;
  height: 35px;
  overflow: auto;
  z-index: 9999;
  /*position: absolute;*/
  width: 300px!important;
}
.overlay-serch{ width: 300px!important; overflow: hidden;border-radius: 5px;overflow: hidden;}
.search-text{ width: 230px; height: 35px; border: 1px solid #dedede; font-size: 12px; text-indent: 10px; float: left;}
.go{ width:70px; height: 35px; float: right; background: url(../images/go.jpg) #f38107 center no-repeat ;}


.fav{ display: none; width: 50%; float: right; margin-top: 20px;}
.fav div{ /*width: 33.3%;*//* float: left;*//*height: 45px;*/}
.serch-icon a{ color: #333; font-size: 30px;}
/*.serch-icon a:hover{color: #f38107;}*/
.tel-icon a{ color: #fff; font-size: 30px;}
/*.tel-icon a:hover{color: #f38107;}*/
@media(max-width: 1350px){
  .menutxt{width:calc(100% - 120px);}
}
@media(max-width: 1200px){
  .top{padding:0 15px;}
}
@media(max-width:992px){
  .menutxt{display: none;}
  .active .menutxt{display: none;}
  .fav{display: flex;margin-top: 10px;flex-direction: row;justify-content: flex-end;}
  .h-nav{padding:10px 0;}
  .logo img{height: 70px}
}
@media(max-width: 768px){
  .h-nav{padding:5px 0;}
  .logo img{height: 50px}
  .fav{margin-top: 0}
}



/*header*/
.index1{ height: auto; overflow: hidden; position:relative;height: 100%}

.line{ width: 100%;  position: absolute; left:0; bottom:53px; z-index:999}
.linebox{padding: 20px; background: #fff; opacity: .74; overflow:hidden;}
.linebox ul{ width: 100%; overflow: hidden; padding: 15px 0;}
.linebox ul .img{ width: 60px; height: 60px; float: left; text-align: center; line-height: 60px; border-radius: 100%; background: #1f2d30;}
.linebox ul:hover .img{ background: #f28204;transition: all .3s;}
.linebox ul .txt{width: calc(100% - 70px); float: right; padding-top: 5px; line-height: 25px; color: #333; font-size: 14px;}
.linebox ul .txt a{ color: #333; font-weight: 700; font-size: 18px;}
.linebox ul:hover a{ color: #f28204;transition: all .3s;}

.cline{ width: 100%;  position: absolute; left:0; bottom:63px; z-index:999}
.clinebox{ padding: 15px; background: #fff; opacity: .74; overflow:hidden;}
.clinebox ul{ width: 100%; overflow: hidden;}
.clinebox ul .img{ width: 60px; height: 60px; float: left; text-align: center; line-height: 60px; border-radius: 100%; background: #1f2d30;}
.clinebox ul:hover .img{ background: #f28204;transition: all .3s;}
.clinebox ul .txt{width: calc(100% - 70px); float: right; padding-top: 5px; line-height: 25px; color: #333; font-size: 14px;}
.clinebox ul:hover a{ color: #f28204;transition: all .3s;}



/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
    #masterslider .ms-bullets { right: 23%;bottom: 3% !important;}
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
    .line{ bottom:93px;}
    .linebox ul{ width: 33.3%; float: left; padding: 0;}
    #masterslider .ms-bullets { right: 33%;bottom: 4% !important;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
    .line{ bottom:103px;}
    .linebox ul{ width: 33.3%; float: left; padding: 0;}
    #masterslider .ms-bullets { right: 43%; bottom: 5% !important;}
}
@media(max-width: 992px){
  .clinebox{padding:0;background: none;}
  .clinebox .swiper-wrapper{flex-direction: column;display: flex;}
  .clinebox .swiper-wrapper .swiper-slide{margin-bottom:10px;padding:15px;background: #fff;}
}
@media(max-width: 576px){
  .clinebox .swiper-wrapper .swiper-slide{padding:10px;margin-bottom:9px;}
  .clinebox ul .img{width:40px;height: 40px;line-height: 40px;margin-top: 8px;}
  .clinebox ul .txt{width:calc(100% - 50px);font-size: 12px;}
}


.index2{ padding-top: 12.2vh; height: 100vh; background: url(../images/index2.jpg) no-repeat top center; overflow: hidden;display: flex;flex-direction: column;justify-content: center}
@media (min-width:992px){ 
    .index2{ padding-top: 14.2vh; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
  .index2{ padding-top: 14.2vh; }
}


.plist{ border-right: 1px solid #e8e7e7;}
.plist .hdd .txt{ font-size: 24px; padding: 15px 0 35px 0; overflow: hidden;}
.plist .hdd .link{text-align: right; padding-right: 20px; transition: all .3s;}
.plist .hdd .link a{color: #f2901e; font-size: 18px;}
.plist .hdd .link:hover{ padding-right: 10px;}
.slideTxtBox{ margin-top: 20px; overflow: hidden;}
.slideTxtBox .bd ul{ border-top: 1px solid #e8e7e7; }
.slideTxtBox .bd li{ width: 100%; height: 75px; line-height:75px; border-bottom: 1px solid #e8e7e7;position: relative;z-index: 0;overflow: hidden;}

.slideTxtBox .bd li a{display: block; width: 98%;float: right; height: 82px; background: url(../images/p-icon1.png) no-repeat left center; text-indent: 55px; font-size: 18px; position: relative; z-index: 100;text-decoration: none;transition: all .5s;}
.slideTxtBox .bd li a::after{content:'\e632';position: absolute;right:10px; top:32px;color:#ff8400;height: 20px;font-family: "iconfont"; line-height: 1}
.slideTxtBox .bd li a:hover{ width: 96%;background: url(../images/p-icon2.png) no-repeat left center; text-indent: 70px; color: #fff;}
.slideTxtBox .bd li::after{ 
    content: "";
    position: absolute;
    top: 0;
    right:100%;
    display: block;
    width: 100%;
    height: 82px;
    background-color: #ff8400;
    transition: all 0.8s ease;
    z-index: 1;
    opacity: 0
    }
.slideTxtBox .bd li:hover::after{
    /*background: linear-gradient(#e66465, #9198e5);*/
    right: 0;
    opacity: 1
}



/*.slideTxtBox .hd{ width: 120px; height: 47px; margin-top: 20px; overflow: hidden;}
.slideTxtBox .hd ul{ }
.slideTxtBox .hd ul li{ width: 47px; margin-right: 13px; height: 47px; float:left;  font-size: 20px; line-height: 47px; text-align: center; border: 1px solid #d5d5d5; border-radius: 100%; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ background: #f48a19; color: #fff; border: 1px solid #d5d5d5;transition: all .3s;}*/

.pbox{  overflow: hidden;}
.pbox>div{padding:0;}
.pbox .ct{ width: 100%; float: left; padding: 0 1%; overflow: hidden; padding: 15px;position:relative;transition: all .5s}
.pbox .ct .pic{position: relative;width:100%;padding-bottom: 75%;overflow: hidden;}
.pbox .ct .pic img { width: 100%; height: 100%;object-fit: cover; position: absolute; transition: all 0.5s ease 0s;top:0; }
.pbox .ct .txt { width: 100%; display: flex; flex-direction: column;;}
.pbox .ct::before { content: ""; top: -100%; left: 0px; position: absolute; width: 100%; height: 100%; background: rgba(243, 128, 5, 0.8); text-align: center; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 0px 3.5rem; overflow: hidden; z-index: 0; }
.pbox .ct .txt .p1{ z-index:999; font-size: 24px; padding: 0 7px 0px 7px;transition: all .5s;display: none;}
.pbox .ct .txt .p2{ z-index:999; font-size: 16px; color: #d3d3d3; line-height: 30px; padding: 0 7px;transition: all .5s;}
.pbox .ct .txt .p3{ width: 100%; z-index:999; line-height: 30px; padding: 0px 7px 15px;transition: all .5s;display: flex;flex-direction: row;justify-content: space-between;}
.pbox .ct .txt .p3 .name{ float: left; font-size: 18px; }
.pbox .ct .txt .p3 .img{ float: right; text-align: right; font-size: 16px;}

.pbox .ct::after { content: ""; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); text-align: center; transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 0px 5px; overflow: hidden; z-index: 0; }
.pbox .ct .txt b{ font-size: 16px; color: rgb(255, 255, 255); font-weight: normal; position: relative; z-index: 10; opacity: 0; }
.pbox .ct:hover::before { top: 0px; }
.pbox .ct:hover::after { top: -100%; }
.pbox .ct:hover .txt .p1{ z-index:999; color: #fff;transition: all .5s;}
.pbox .ct:hover .txt .p2{ z-index:999; color: #fff;transition: all .5s;}
.pbox .ct:hover .txt .p3{ z-index:999; color: #fff;transition: all .5s;}
.pbox .ct .txt .p3 .img{ padding-right: 10px;}
.pbox .ct:hover .pic img { transform: scale(1.06); }
.pbox .ct:hover b{ transition: all .5s; opacity: 1; }

@media(max-width: 1200px){
  .slideTxtBox .bd li a::after{display: none;}
}

@media(max-width: 992px){
  .slideTxtBox .bd ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;border-top:none;}
  .slideTxtBox .bd ul li{width:30%;}
  .pbox{padding:30px 0 30px;}
  .pbox>div:nth-child(4),.pbox>div:nth-child(5),.pbox>div:nth-child(6){display: none;}
  
  .plist{border:none;}
}
@media(max-width: 768px){
  .slideTxtBox{display: none;}
  .plist{padding:0;}
  .pbox{padding: 0px;}
  .pbox>div{margin-bottom: 0}
  .pbox>div:nth-child(4){display: block;}
  .plist .hdd .txt{padding:15px 0;}
  .pbox .ct{padding:10px 5px;}
  .pbox .ct .txt .p1{display: none;}
  .pbox .ct .txt .p2{display: none;}
  .pbox .ct .txt .p3{padding:5px 0 15px;}
  .pbox .ct .txt .p3 .name{width:100%;text-align: center;}
  .pbox .ct .txt .p3 .img{display: none;}
}
@media(max-width: 576px){
  .plist .hdd .img img{height:28px;}

}


.w-cp{ padding-top: 45px; overflow: hidden;}
.w-cp .hd{ overflow: hidden;}
.w-cp .hd .txt{ font-size: 24px; overflow: hidden;}
.w-cp .md{ padding: 15px 0; overflow: hidden;}
.w-plist{text-align: center;}
.w-plist a{ display: block; width: 100%; height: 35px; line-height: 35px; border: 1px solid #555;}
.w-plist a:hover{ border: 1px solid #f28103; background: #f28103; color: #fff; transition: all .3s;}

.w-cp .md{ padding: 20px 0; overflow: hidden;}
.w-cpl li{ width: 98%; margin: 0 auto;  overflow: hidden;}
.w-cpl li a{ display: block; width: 100%; height: 175px;padding: 10px; border: 1px solid #dedede; line-height: 35px;margin-bottom: 5px;}
.w-cpl li a img{ width: 100%; height: 125px; object-fit:cover;}
.w-cpl li a:hover{ background: #f28103; border: 1px solid #f28103; color: #fff;}


.index3{ height: 100vh; background:#f38107; overflow: hidden;position: relative;}
.index3 .inner{height: 100%}
.index3 .inner .container-fluid{height: 100%}
/*.index3::before{width:33%;background:#f38107;content:'';height: 100%;position: absolute;top:0;left:0;}*/
/*中等屏幕 (桌面显示器 大于等于992px)*/


/*大屏幕 (大桌面显示器 大于等于1200px)*/

.m-num{padding-top:130px;background:96px center #f38107;height: 100%}
.numCount{ overflow: hidden; color: #fff;}
.numCount li{ width: 100%; padding: 10px 0;  overflow: hidden; border-bottom: 1px solid #f69d3d;}
.numCount li .numU{ width: 45%; float: left;}
.numCount li .numCX{ font-size: 20px;}
.numCount li .unitC{font-size: 12px;}
.numCount li .indc{width: calc(100% - 70%); float: right; padding-top: 10px;font-size: 12px;}

.m-company{ padding-top: 200px; overflow: hidden;height: 100%;background-image: linear-gradient(to right, #fff ,  rgba(255,255,255,0));padding-left: 40px}
.m-company .content{width:450px;}
.m-company .img{}
.m-company .cname{ margin: 25px 0; overflow: hidden; color: #1f1f1f; font-size: 24px;}
.m-company .txt1{ color: #1f1f1f; font-size: 18px;}
.m-company .txt2{ width: 100%;margin: 10px 0;color: #666;line-height: 26px;-webkit-line-clamp:4;}
.m-company .link{ width: 180px; height: 50px; text-align: center; line-height: 50px; }
/*.m-company .link a{ color: #fff; font-size: 15px;}*/

.m-company .link a{width:180px;height: 50px; background: #fff; border:solid 1px #fff;display: block;position: relative;line-height: 50px;overflow: hidden;}
@media (min-width:992px){ 
    .m-company .link a{ background: none;border:solid 1px #f28103;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
  .m-company .link a{ background: none;border:solid 1px #f28103;}
}


.m-company .link a span{color:#f28103;font-size: 16px;position: absolute;z-index: 2;left:15px;top:0px;}
.m-company .link a:after{position: absolute;top:50%;right:-10px;content:'\e623';font-family: 'iconfont';width:70px;height:70px;background: #f28103;color:#fff;line-height: 70px;text-align: right;font-size: 30px;border-top-left-radius: 80px;transform: translateY(-50%);padding-right: 18px;transition: all .5s}
.m-company .link a:hover:after{width:150%;}
.m-company .link a:hover span{color:#fff;}



@media (min-width:992px){ 
    .index3{  background:#f38107 url(../images/index3.jpg) no-repeat right center; }
    .numCount li{width: 90%; padding: 6vh 0;}
    .numCount li .numCX{ font-size: 50px; font-family: "pc-num";}
    .numCount li .unitC{font-size: 15px;}
    .numCount li .indc{width: calc(100% - 70%);  padding-top: 30px;font-size: 15px;}
    .m-company .txt2{  margin: 7vh 0 11vh 0; }
}

@media (min-width:1200px){ 
    .index3{  background:#f38107 url(../images/index3.jpg) no-repeat right center; }
    .numCount li{ width: 90%; padding: 6vh 0;}
    .numCount li .numCX{ font-size: 50px; font-family: "pc-num";}
    .numCount li .unitC{font-size: 15px;}
    .numCount li .indc{width: calc(100% - 80%); font-size: 15px;}
    .m-company .txt2{  margin: 7vh 0 11vh 0; color: #666;line-height: 26px;}
}
@media(max-width: 1250px){
  .index3 .inner{padding:0;}
  .index3 .inner .container-fluid{padding:0;}
}
@media(max-width: 992px){
  .m-num{height: auto}
  .m-company{padding:30px;background:#f38107 url(../images/index3.jpg) no-repeat right center; }
  .m-company .content{background: rgba(255,255,255,.5);width:100%;padding:30px;}
  .m-company .txt2{color:#333;margin:30px 0;}
  .numCount{padding:0px 0 30px;}
  .numCount li{padding:25px 0;}
  .numCount li .numU br{display: none;}
  .numCount li .unitC{bottom:2px;left:2px;}
  .numCount li .indc{padding-top:10px;font-size: 14px;}
  .numCount li .indc br{display: none}
  .numCount li .numCX{font-size: 26px}
  .numCount li .unitC{font-size: 16px}

}
@media(max-width: 768px){

}
@media(max-width: 576px){

  .index3{padding-top: 80px;}
  .m-num{padding:0;}
  .m-company{padding:0;}
  .numCount{padding-bottom: 15px;}
  .numCount li{padding:5px 15px;}
  .m-company .content{padding:15px;height: 100%}
  .m-company .cname{margin:10px 0;}
  .m-company .txt1{display: none}
  .m-company .img img{height: 28px}
}



.index4{ padding-top: 130px; height: 100vh; /*background: url(../images/index2.jpg) no-repeat top center;*/ overflow: hidden;background:#fff;display: flex;flex-direction: column;justify-content: center;}
.index4 .hd{ padding-bottom: 50px; overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.index4 .hd .name{ line-height: 34px; color: #3b3b3b; font-size: 24px;}
.index4 .hd .newslist{ text-align: right; line-height: 45px;}
.index4 .hd .newslist a{ margin-right: 15px;}
.index4 .bd{ width: 100%; clear: both;border: 1px solid #e7e5e5; border-right: none; overflow: hidden;}
.index4 .bd .news-inco{ overflow: hidden; border-right: 1px solid #e7e5e5;}
.index4 .bd .news-inco a{ display: block; position: relative; overflow: hidden; width: 100%; padding-bottom: 140%; }
.index4 .bd .news-inco .txt { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  padding: 20px 20px 20px 20px;  }

.index4 .bd .news-inco .txt .time{ color: #666}
.index4 .bd .news-inco .txt .title{ padding: 10px 0; line-height: 30px; height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #333;font-size: 16px;}
.index4 .bd .news-inco .txt .link{ color: #999;padding-bottom: 15px;}
.index4 .bd .news-inco .txt .img{}
.index4 .bd .news-inco .txt .img img{ width: 100%; height: 120px;object-fit: cover;}
.index4 .bd .news-inco .txt .content{ color: #666; line-height: 26px; margin: 22px 0 10px; overflow: hidden;-webkit-line-clamp:2;}
.index4 .bd .news-inco .txt .icon{ width: 65px; height: 11px; background: url(../images/cc1.png);transition: all .5s;left:0;position: relative; }



.index4 .bd .news-inco .txt::before { content: ""; top: -100%; left: 0px; position: absolute; width: 100%; height: 100%; background: rgba(243, 129, 7, 0.85);  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; z-index: 0; }
.index4 .bd .news-inco .txt::after { content: ""; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background: rgba(255, 254, 247, 0.2);  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; z-index: 0;}
.index4 .bd .news-inco .txt .num{ font-size: 30px; color:#333;}
.index4 .bd .news-inco .txt .title{ line-height: 30px; }
.index4 .bd .news-inco .txt:hover .num{position: relative; color: #fff;transition: all .5s; z-index: 9999;}
.index4 .bd .news-inco .txt:hover .time{ position: relative; color: #fff;transition: all .5s; z-index: 9999;}
.index4 .bd .news-inco .txt:hover .title{position: relative;color: #fff;transition: all .5s; z-index: 9999;}
.index4 .bd .news-inco .txt:hover .link{position: relative;color: #fff;transition: all .5s; z-index: 9999;}
.index4 .bd .news-inco .txt:hover .img{position: relative;}
.index4 .bd .news-inco .txt:hover .content{position: relative;color: #fff;transition: all .5s; z-index: 9999;}
.index4 .bd .news-inco .txt:hover .icon{left:25px;  background: url(../images/cc.png);z-index: 9999;}
.index4 .bd .news-inco a:hover .txt::before { top: 0px; }
.index4 .bd .news-inco a:hover .txt::after { top: -100%; }




@media (min-width:992px){ 
    .index4 .bd .news-inco .txt .img img{ width: 100%; height: 180px;}
}

@media (min-width:1200px){ 
    .index4 .bd .news-inco .txt .img img{ width: 100%; height: 200px;}
}
@media(max-width: 992px){
  /*.index4 .bd .news-inco .txt .link{display: none;}
  .index4 .bd .news-inco a{padding-bottom:150% }*/
}
@media(max-width: 768px){
  
  .index4 .hd .name{padding:0 ;}
  /*.index4 .bd .news-inco .txt .content{height: 90px}*/
}
@media(max-width: 576px){
  .index4{padding-top: 80px;}
  .index4 .hd{flex-direction: column;align-items: flex-start;}
  .index4 .hd .newslist{display: none;}
  .index4 .hd{padding-bottom: 30px;}
  .index4 .hd .name img{height: 28px;}
  .index4 .bd .news-inco .txt{padding:10px;}
  .index4 .bd .news-inco .txt .num{font-size: 20px;margin-bottom: 0px;}
  .index4 .bd .news-inco .txt .link{display: none;}
  .index4 .bd .news-inco a{padding-bottom: 130%;}
}



/*--- footer ---*/
.index-footer{ padding-top:120px; height: 94vh; background: url(../images/footer.jpg) no-repeat top center; overflow: hidden;display: flex;flex-direction: column;justify-content: center}
.index-footer .container-fluid{display: flex;flex-direction:row;}
.f-txt{ width:450px; float: left;overflow: hidden;}
.f-txt ul{ width: 98%;margin: 0 auto;}
.f-txt ul .name{ font-size: 24px; color: #fff; padding: 20px 0 40px 0;}
.f-txt ul .eng{  width: 160px; height: 45px; margin-bottom: 0px; text-align: center; color: #f8f7f7; line-height: 45px;font-size: 14px; background: #f38107;display: none;}
.f-txt ul .txt{ display: block; width: 90%; color: #f8f7f7; padding: 15px 0 20px 0; line-height: 26px; font-size: 14px;}
.f-txt ul .c1{margin-bottom: 5px; line-height: 30px; background: url(../images/m-c1.png) no-repeat left top; color: #f8f7f7; font-size: 14px; padding-left: 36px;}
.f-txt ul .c2{margin-bottom: 5px; line-height: 30px;background: url(../images/m-c2.png) no-repeat left center; color: #f8f7f7; font-size: 14px;padding-left: 36px; }
.f-txt ul .c3{margin-bottom: 5px; line-height: 30px;background: url(../images/m-c3.png) no-repeat left center; color: #f8f7f7; font-size: 14px;padding-left: 36px; }
.f-txt ul .c4{margin-bottom: 5px; line-height: 30px;background: url(../images/m-c4.png) no-repeat left center; color: #f8f7f7; font-size: 14px; padding-left: 36px;}
.f-txt ul .c4 a{ color: #f8f7f7;}
.f-txt ul .ewm{ width: 198px; padding: 5px; background: #969590; color: #f8f7f7; overflow: hidden; margin-top: 30px;}
.f-txt ul .ewm .ewm1{ width: 150px; float: left;}
.f-txt ul .ewm .ewm1 img{ width: 150px; height: 150px;}
.f-txt ul .ewm .ewm2{ width: 23px; float: right; padding-top: 20px;}

.f-map{ width: calc(100% - 360px); float: right;  position:relative; display: block;}

.footer-txt{ height: 60px;background: #f38107; text-align: center; line-height: 60px; color: #fff;}
.footer-txt a{ color: #fff;}
.footer-txt a:hover{ text-decoration: underline;}

.nf1{ display: block;}
.nf2{ display: none;}

#indexdituContent{ width: 110%; height: 530px;position: relative;right:-20%; }
.index-message{ width:445px; padding: 60px 50px; background:#f8f7f7; height: 530px;overflow:hidden; position: absolute; left:0; top:0; z-index:999}




.index-message .hd{ width: 100%; height: 55px;overflow:hidden; position:relative;}
.index-message .hd .mm1{ width: 100%; height: 55px; text-align: right; font-size: 55px; line-height: 50px; color: #e9e8e8;}
.index-message .hd .mm2{ width: 100%; height: 55px;overflow:hidden; position: absolute; left:0; font-size: 18px; top:0; z-index:999}
.index-message .bd{padding-top: 3vh; overflow: hidden;}
.index-message .bd li{margin-bottom: 15px;}
.m1{ background:#f3f2f0 url(../images/mm1.png) no-repeat left center; padding: 10px 0; padding-left: 30px; border-radius: 10px;}
.mm1{ width: 100%; height: 35px; border: none; background: none;}
.mm2{ width: 100%; height: 100px; border: none; background: none;}
.mm3{width: 100px; height: 40px; }
.mm4{ width: 60%; height: 40px; background:#f3f2f0 url(../images/mm4.png) no-repeat left center; border: none; text-indent: 30px; border-radius: 10px 0 0 10px;}
.mm5{display: block; width: 100%; height: 47px;background: -moz-linear-gradient(top, #facc98 0%, #f38005 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#facc98), color-stop(100%,#f38005)); background: -webkit-linear-gradient(top, #facc98 0%,#f38005 100%); background: -o-linear-gradient(top, #facc98 0%,#f38209 100%); background: -ms-linear-gradient(top, #facc98 0%,#f38005 100%); background: linear-gradient(to bottom, #facc98 0%,#f38005 100%); text-align: center; line-height: 47px; color: #fff; border-radius: 10px;}
.mm5:hover{ color: #fff; }
.m2{ background:#f3f2f0 url(../images/mm2.png) no-repeat left center; padding: 5px 0; padding-left: 30px; border-radius: 10px;}
.m3{ background:#f3f2f0 url(../images/mm3.png) no-repeat left top; padding: 5px 0; padding-left: 30px; border-radius: 10px;}





@media (max-width:1400px){ 
  .index-message{width:300px;padding:50px 15px;}
}
@media (max-width:1200px){ 
  #indexdituContent{width:100%;}
  .f-txt ul .ewm{margin-top: 10px;}
}
@media (max-width:992px){ 
  #indexdituContent{display: none;}
  .f-txt{width:400px;}
  .index-message{width:100%;padding:30px;height: auto;}
}
@media(max-width: 768px){
  .f-map{display: none;}
  .f-txt{width:100%;}
  .f-txt ul{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
}
@media(max-width: 576px){
  .index-footer{padding-top: 80px;height: 91vh}

  .footer-txt{font-size: 12px;line-height: 24px;padding:3px 0;}
  .f-txt .right{display: none;}
}



#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

.de-page-mian{overflow: hidden; text-align: center; font-size: 0; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #f38b17; background: #f38b17;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
.de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}



*::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(0,0,0,0.3);
    }
    *::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 5px;
    }
    *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    background-color: #fff;
    }