html,
body {
  position: relative;
  height: 100%;
  /*  */
}
html{overflow-x: hidden;}
.home{
  position: relative;
  height: 100%;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-pagination-bullet{background-color: #ffffff;width: 14px;height: 14px;/* margin: 10px 0; */}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;}


.inbox1{background-image: url(../img/banner1.jpg);background-position: center;}
.inbox2{background-image: url(../img/banner2.jpg);background-position: center;}
.inbox3{background-image: url(../img/banner3.jpg);background-position: center;}
.inbox4{background-image: url(../img/banner4.jpg);background-position: center;}
.inbox5{background-image: url(../img/banner5.jpg);background-position: center;}

.mainbox{max-width: 1600px;width: 100%;margin: 0 auto;box-sizing: border-box;padding: 20px;z-index: 99999;}

.inbox1-title{text-align: left;color: #ffffff;}
.inbox1-title h2{font-size: 50px;color: #fff;}
.inbox1-title p{font-size: 24px;color: #fff;}



.index-footer{font-size: 14px;color: #ffffff;position: fixed;bottom: 0px;left: 0;z-index: 9;width: max-content;}
.index-footer p{color: #ffffff;}
.shubiao{width: 22px;position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 9999;}


.inbox2-title{}
.inbox2-title h2{font-size: 60px;color: #fff;font-weight: 600;}
.inbox2-title p{font-size: 24px;color: #fff;margin: 50px 0;}
.inbox2-btn{width: 220px;height: 55px;background-color: #fff;color: #333333;margin: 0 auto;line-height: 55px;font-size: 16px;border: 1px solid #fff;}
.inbox2-btn:hover{background-color: #cc5206;border: 1px solid #cc5206;color: #ffffff;}
.inbox-title{margin-top: 50px;}
.inbox-title h2{color: #fff;font-size: 42px;}
.inbox-title h3{color: #e7e7e7;font-size: 42px;margin-top: -36px;opacity: 0.1;}

.inbox-title2{margin-top: 50px;text-align: center;}
.inbox-title2 h2{color: #b94905;font-size: 42px;}
.inbox-title2 h3{color: #b94905;font-size: 42px;margin-top: -36px;opacity: 0.1;}

.inbox3-slide{width: 100%;/* height: 670px; */}
.box3pre{position: absolute;width: 60px;background: none;left: 110px;top: 45%;transform: translateX(-50%);border: none;}
.box3next{position: absolute;width: 60px;background: none;right: 80px;top: 50%;transform: translateY(-50%);border: none;}
.box3-img-title{font-size: 18px;color: #fff;background-color: #b94905;position: absolute;right: 0;font-size: 18px;top: 20px;padding: 10px 14px;}

.inbox4{z-index: 99999;}
.inbox4-con{width: 100%;height: 450px;margin-top: 50px;}
/* .inbox4-left{width: 186px;float: left;height: 500px;} */
.inbox4-left{width: 240px;float: left;height: 500px;}
.inbox4-left .opitem{text-align: left;height: 60px;}
.inbox4-left .opitem p{position: relative;font-size: 22px;line-height: 20px;margin-right: 7px;color: #fff;text-align: left;padding: 5px;}
.inbox4-left .opitem i{content: "";display: none;width: 21px;height: 8px;background-image: url(../img/jiantou-r.png);right: 5px;position: relative;}
.inbox4-left .opactive{background: #b94905;text-align: center;display: flex;justify-content: center;align-items: center;}
/* .inbox4-left .opactive i{display: block;}  */

.inbox4-right{width: 80%;/* background-color: azure; */height: 480px;float: right;}
.inbox4-right-img{width: 450px;/* height: 450px; */padding: 30px;/* display: flex; */box-sizing: border-box;background-image: url(../img/inbox4-yuan.png);background-size: 100%;background-repeat: no-repeat;float: left;}
.inbox4-right-img img{width: 100%;height: auto;/* box-sizing: border-box; *//* margin: 47px; *//* display: block; */border-radius: 50%;}
.inbox4-text{width: 600px;/* height: 500px; */margin-left: 6%;/* background-color: beige; */float: left;}
.inbox4-text h2{text-align: left;font-size: 26px;color: #ffffff;line-height: 48px;margin: 46px 0;}
.inbox4-text p{text-align: left;font-size: 16px;color: #fff;line-height: 36px;    overflow: hidden;text-overflow: ellipsis;    display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.inbox4-text button{width: 220px;height: 50px;border: 1px solid #fff;background: none;font-size: 16px;color: #fff;float: left;margin-top: 70px;}
.inbox4-text button:hover{background-color: #b94905;border: 1px solid #b94905;color: #ffffff;}
.inbox4-choice{width: 100%;display: flex;justify-content: flex-end;align-items: flex-end;/* position: relative; */align-content: center;/* top: 110px; */}
.inbox4-choice-item{width: 100px;float: left;margin: 0 15px;/* border-radius: 50%; *//* border: 1px solid #b94905; */}
.inbox4-choice-item img{border-radius: 50%;border: 2px solid #b94905;}
.inbox4-choice .active{width: 150px;}
.inbox4-right-con{display: none;}

.inbox5-con{width: 100%;margin-top: 30px;}
.inbox5-left{width: 49%;height: 523px;float: left;padding: 0;margin: 0;background-color: white;}
.inbox5-img{width: 50%;float: left;height: 100%;background-image: url(../img/inbox5-left-img.png);background-size: auto 100%;background-position: center;}
.inbox5-text{width: 50%;padding: 60px 34px;float: left;box-sizing: border-box;text-align: left;}
.inbox5-text h2{font-size: 26px;font-weight: bold;color: #333;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inbox5-text p{font-size: 16px;line-height: 36px;margin-top: 60px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.inbox5-text button{width: 155px;height: 44px;background: none;margin-top: 60px;font-size: 16px;color: #b94905;border: 1px solid #b94905;}
.inbox5-right{width: 49%;float: right;/* background-color: brown; */}
.inbox5-list{width: 100%;}
.inbox5-list-item{width: 100%;height: 160px;margin-bottom: 21px;background: #ffffff;box-sizing: border-box;padding: 30px;}
.inbox5-list-item:hover{background-color: #b94905;color: #ffffff;}
.inbox5-list-item:hover .inbox5-time{border-right: 1px solid #ffffff;}
.inbox5-list-item:hover .inbox5-time h2,
.inbox5-list-item:hover .inbox5-time p,
.inbox5-list-item:hover .inbox5-list-con h3,
.inbox5-list-item:hover .inbox5-list-con p
{color: #ffffff;}

.inbox5-list-item:last-child{margin-bottom: 0;}
.inbox5-time{width: 15%;padding-right: 17px;float: left;text-align: center;box-sizing: border-box;border-right: 1px solid #000;}
.inbox5-time h2{font-size: 34px;line-height: 60px;}
.inbox5-time p{line-height: 22px;margin: 10px 0;}
.inbox5-m-time{font-size: 12px;margin-bottom: 3px;display: none;}
.inbox5-list-con{width: 85%;float: left;text-align: left;padding-left: 20px;box-sizing: border-box;}
.inbox5-list-con h3{line-height: 50px;font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inbox5-list-con p{font-size: 16px;margin: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666;}


.s-banner{width: 100%;margin: 0 auto;}
.about{}
.about-con{width: 100%;margin-top: 50px;}
.about-img{width: 41%;float: left;}
.about-text{width: 55%;float: right;padding: 50px 0;font-weight: 500;}
.about-p{font-size: 17px;line-height: 36px;font-weight: 400;}
.about-icon{display: flex;justify-content: start;align-content: center;margin-top: 36px;align-items: flex-start;}
.about-icon-m{width: 140px;padding-right: 70px;margin-right: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;/*border-right: 1px solid #dedede;*/}
.about-icon-m img{width: 104px;}
/* .about-icon-m p{width: max-content;line-height: 40px;} */
.about-icon-m p {width: max-content;line-height: 40px;word-break: break-all;white-space: normal;width: 140px;overflow: auto;}
.about-icon-m:nth-child(1){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.about-icon-m:nth-child(2){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.about-icon-m:nth-child(3){animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}

.advantages{background-image: url(../img/about-youshi.png);height: 640px;background-position: center;padding-top: 129px;box-sizing: border-box;}
.advantages .inbox-title2 h2{color: #ffffff;}
.advantages .inbox-title2 h3{color: #ffffff;}
.advantages-text{margin: 0 auto;color: #ffffff;width: 520px;font-size: 20px;line-height: 36px;text-align: center;margin-top: 50px;}

.partner{padding-bottom: 50px;}
.partner-onf{display: none;}
.partner-con{width: 100%;margin-top: 50px;flex-wrap: wrap;display: flex;}
.partner-item{width: 18%;margin: 30px 1%;box-sizing: border-box;border: 1px solid #ccc;}
.partner-item img{width: 100%;}
.partner-item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.partner-item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.partner-item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.partner-item:nth-child(4){animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.partner-item:nth-child(5){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.partner-item:nth-child(6){animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.partner-item:nth-child(7){animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.partner-item:nth-child(8){animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.partner-item:nth-child(9){animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.partner-item:nth-child(10){animation-delay: 1s;-webkit-animation-delay: 1s;}
.partner-page {display: flex;justify-content: center;align-items: center;align-content: center;}
.partner-page span{width: 21px;height: 21px;box-sizing: border-box;border: 1px solid #353535;border-radius: 50%;margin: 14px;}
.partner-page .active{border: none;background-image: url(../img/partner-page-active.png);background-size: 21px 21px;}

.footer{width: 100%;/* height: 210px; */background-color: #2a2a2c;box-sizing: border-box;}
.footer-con{width: 100%;height: 180px;display: flex;justify-items: flex-start;align-content: center;align-items: center;}
.footer-logo{width: 230px;padding-right: 33px;border-right: 1px solid #a5a5a5;}
.footer-text{padding-left: 33px;}
.footer-text p{font-size: 16px;line-height: 36px;color: #a5a5a5;margin: 0;}
.footer-text p:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.footer-text p:nth-child(2){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.footer-text p:nth-child(3){animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.footer-text a{font-size: 16px;line-height: 36px;color: #a5a5a5;margin: 0;}
.footer-text a:hover{color: #b94905;}

.gotop{width: 60px;position: absolute;bottom: 44px;right: 5%;z-index: 99999;}
.gotop-m{width: 60px;position: fixed;bottom: 44px;right: 5%;z-index: 99999;}

.product{background-color: #f8f8f8;padding-bottom: 50px;}
.product-con{width: 100%;margin-top: 50px;justify-content: center;}
.product-title{width: 100%;display: flex;/* padding-bottom: 20px; */justify-content: center;border-bottom: 2px solid #ccc;}
.product-title-item{width: 230px;display: flex;margin: 0 20px;padding: 15px 0;justify-content: flex-start;align-content: center;align-items: center;
  position: relative;flex-direction: column;bottom: -2px;border-top-left-radius: 10px;;border-top-right-radius: 10px;}
.product-title-item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.product-title-item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.product-title-item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.product-title-item:nth-child(4){animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.product-title-item:nth-child(5){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.product-title-item:nth-child(6){animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.product-title-item img{width: 34px;margin-bottom: 16px;}
.product-title-item p{font-size: 14px;margin: 0;text-align: center;}
.product-title-item a{display: contents;}
.prd-img1{display: block;}
.prd-img2{display: none;}

.product-title .active{/* border-bottom: 2px solid #b94905; */background: #b94905;margin-bottom: 2px;/* position: relative; *//* bottom: 2px; */}
.product-title .active p{color: #ffffff;}
.product-title .active .prd-img1{display: none;}
.product-title .active .prd-img2{display: block;}
.product-list{width: 100%;display: none;flex-wrap: wrap;}
.product-list-item{width: 23%;margin: 20px 1%;}
.product-list-item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.product-list-item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.product-list-item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.product-list-item:nth-child(4){animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.product-list-item:nth-child(5){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.product-list-item:nth-child(6){animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.product-list-item:nth-child(7){animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.product-list-item:nth-child(8){animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.product-list-item:nth-child(9){animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.product-list-item:nth-child(10){animation-delay: 1s;-webkit-animation-delay: 1s;}
.product-list-item:nth-child(11){animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.product-list-item:nth-child(12){animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.product-list-item:nth-child(13){animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.product-list-item:nth-child(14){animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.product-list-item:nth-child(15){animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.product-list-item:nth-child(16){animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.product-list-img{background: #fff;    display: flex;justify-content: center;align-items: center;}
.product-list-img img{}
.product-list-item p{font-size: 18px;padding-top: 20px;line-height: 36px;text-align: center;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */}

.technical{}
.technical-con{width: 100%;height: 600px;margin-top: 50px;}
.technical-con-m{display: none;}
.technical-con-m{/* background-color: #d5d5d5; */width: 100%;}
.technical-con-mItem{width: 100%;margin: 10px 0;position: relative;display: flex;justify-content: flex-start;align-items: center;padding: 18px 10px;padding-left: 10px;box-sizing: border-box;}
.technical-con-mItem:nth-child(1){background-image: url(../img/technical-item1-m.png);background-size: 100% auto;}
.technical-con-mItem:nth-child(2){background-image: url(../img/technical-item2-m.png);background-size: 100% auto;}
.technical-con-mItem:nth-child(3){background-image: url(../img/technical-item3-m.png);background-size: 100% auto;}
.technical-con-mItem:nth-child(4){background-image: url(../img/technical-item4-m.png);background-size: 100% auto;}
.technical-con-mItem:nth-child(5){background-image: url(../img/technical-item5-m.png);background-size: 100% auto;}
.technical-con-mImg{width: 100%;z-index: 1;position: absolute;}
.technical-m-icon{width: 32px;z-index: 2;position: relative;top: 3px;}
.technical-con-mItem h2{font-size: 20px;z-index: 2;padding-left: 14px;color: #ffffff;position: relative;text-shadow: 1px 1px 3px black;}
.technical-item{width: 15.6%;height: 600px;/* background-color: red; */float: left;z-index: 1;position: relative;background-position: center;}
.technical-item::after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.54);z-index: 2;position: absolute;top: 0;left: 0;}
.technical-item:nth-child(1){background-image: url(../img/technical-item1-big.jpg);animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.technical-item:nth-child(2){background-image: url(../img/technical-item2-big.jpg);animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.technical-item:nth-child(3){background-image: url(../img/technical-item3.png);animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.technical-item:nth-child(4){background-image: url(../img/technical-item4-big.jpg);animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.technical-item:nth-child(5){background-image: url(../img/technical-item5-big.jpg);animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.technical-con .active{width: 37.5%;background-color: sandybrown;}

.technical-con .active::after{background-color: rgba(0,0,0,.0);transition: ease 1s;}
.technical-position{z-index: 9;position: absolute;top: 54px;padding: 0 30px;/* left: 30px; */}
.technical-icon{}
.technical-icon img{width: 34px;z-index: 999;}
.technical-item h2{font-size: 18px;line-height: 36px;color: #ffffff;position: relative;margin-top: 20px;}
.technical-item h2::after{content: "";width: 40px;height: 2px;background-color: #ffffff;position: absolute;bottom: -20px;left: 0;}

.technical-item-text{width: max-content;margin: 100px auto;display: none;}
.technical-item-text h3{font-size: 32px;line-height: 36px;color: #ffffff;position: relative;margin-top: 20px;}
.technical-item-text h3::after{content: "";width: 40px;height: 2px;background-color: #ffffff;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}

.technical-con .active .technical-position{display: none;}
.technical-con .active .technical-item-text{display: block;}

.services{}
.services-con{width: 100%;margin-top: 50px;}
.services-con h2{font-size: 16px;text-align: center;}
.services-bg{margin-top: 60px;position: relative;}
.services-img{width: 1050px;margin: 0 auto;}
.services-img1{display: block;}
.services-img2{display: none;}
.services-img-m{display: none;}
.services-text{font-size: 18px;position: absolute;width: 200px;}
.services-text2{display: none;}
.services-bg .fo1{top: 94px;left: 18%;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
/* {animation-delay: 1.6s;-webkit-animation-delay: 1.6s;} */
.services-bg .fo2{top: 85px;right: 16%;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.services-bg .fo3{top: 240px;left: 13%;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.services-bg .fo4{top: 237px;right: 11%;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.services-bg .fo5{top: 403px;left: 15%;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.services-bg .fo6{top: 378px;right: 13%;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}

.part{}
.part-con{width: 100%;margin-top: 50px;}
.part-con h2{font-size: 16px;text-align: center;}
.part-bg{margin-top: 60px;position: relative;}
.part-img{width: 1050px;margin: 0 auto;}
.part-img1{display: block;}
.part-img2{display: none;}
.part-img-m{display: none;}
.part-text{font-size: 18px;position: absolute;width: 200px;}
.part-text2{display: none;}
.part-bg .fo1{top: 76px;left: 18.5%;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.part-bg .fo2{top: 80px;right: 17%;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.part-bg .fo3{top: 375px;left: 15.3%;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.part-bg .fo4{top: 380px;right: 14%;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}

.retire{background-color: #f8f8f8;background-image: url(../img/retire-bg.jpg);height: 690px;margin-top: 160px;box-sizing: border-box;background-position: center;background-size: 1920px 100%;}
.retire-con{width: 50%;float: left;}
.retire-title{margin-top: 50px;text-align: left;}
.retire-title h2{color: #b94905;font-size: 42px;}
.retire-title h3{color: #b94905;font-size: 42px;margin-top: -36px;opacity: 0.1;}
.retire-pag{width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-top: 70px;}
.retire-pag-item{width: 150px;padding: 10px 20px;box-sizing: border-box;border: 1px solid #333333;margin-right: 20px;;text-align: center;}
.retire-pag-item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.retire-pag-item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.retire-pag-item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.retire-pag-item:nth-child(4){animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.retire-pag-item:last-child{margin-right: 0;}
.retire-pag .active{border: 1px solid #b94905;color: #b94905;}
.retire-text{font-size: 18px;line-height: 36px;padding-right: 22%;margin-top: 50px;display: none;}
.retire-btn{display: flex;margin-top: 50px;}
.retire-btn-item{margin-right: 13px;width: 40px;}

.news{margin-bottom: 50px;}
.news-con{width: 100%;margin-top: 40px;display: flex;flex-wrap: wrap;}
.news-item{width: 30%;margin: 40px 1.6%;background-color: #f8f8f8;border-radius: 2%;overflow: hidden;box-shadow: 1px 1px 11px #cccccc;}
.news-item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.news-item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.news-item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.news-item:nth-child(4){animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.news-item:nth-child(5){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.news-item:nth-child(6){animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.news-item:nth-child(7){animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.news-item:nth-child(8){animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.news-item:nth-child(9){animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.news-img{width: 100%;height: 245px;overflow: hidden;}
.news-item:hover img{transform: scale(1.1);transition: ease 1s;}
.news-img img{}
.news-text{padding: 20px;}
.news-text h2{font-size: 24px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 14px 0;}
.news-text span{font-size: 18px;color: #757575;float: right;}
.news-text p{font-size: 16px;line-height: 36px;margin-top: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-text h3{font-size: 16px;line-height: 36px;margin-top: 20px;display: block;color: #b94905;padding-bottom: 0px;}
.news-page{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 40%;margin: 0 auto;margin-top: 20px;}
.news-page-item{padding: 5px 11.12px;border: 1px solid #333333;font-size: 14px;margin: 10px;}
.news-page .active{border: 1px solid #b94905;color: #b94905;}
.news-list-time{display: block;color: #666666;}

.news-content{margin-bottom: 50px;}
.news-content-con{width: 100%;}
.news-content-title{font-size: 24px;text-align: center;/* background: aqua; */width: 80%;margin: 0 auto;margin-top: 50px;}
.news-content-time{width: 100%;text-align: center;margin: 10px 0;color: #666;box-sizing: border-box;font-size: 12px;padding: 0;/* margin: 0; */}
.news-content-text{width: 100%;box-sizing: border-box;padding: 20px 0;font-size: 16px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 20px;/* padding: 0 10%; */}
.news-content-text p{font-size: 16px;}
.news-crumbs{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-crumbs a{color: #b94905;}
.news-content-page{margin-top: 10px;font-size: 16px;}
.news-content-page a:hover{color: #b94905;font-size: 16px;}

.contact{}
.contact-con{display: flex;width: 100%;margin: 50px 0;}
.contact-item{display: flex;justify-content: center;width: 32%;margin-right: 2%;background: #f8f8f8;align-items: center;box-sizing: border-box;padding: 30px 40px;}
.contact-item:nth-child(1){animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.contact-item:nth-child(2){animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.contact-item:nth-child(3){animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.contact-item:last-child{margin-right: 0;}
.contact-icon{width: 75px;margin-right: 35px;}
.contact-icon img{width: 75px;}
.contact-item:nth-child(1) .contact-text{text-align: right;}
.contact-text p{font-size: 18px;line-height: 36px;}


.msg{width: 100%;padding: 70px 0;background-image: url(../img/msg-bg.jpg);}
.msg-con{width: 100%;display: flex;justify-content: center;align-items: center;}
.msg-left{width: 50%;padding-right: 12%;box-sizing: border-box;}
.msg-left h2{font-size: 36px;color: #fff;margin-bottom: 50px;}
.msg-left p{font-size: 22px;color: #fff;margin-bottom: 50px;}
.msg-right{width: 50%;border-radius: 16px;height: 470px;background-color: rgba(255,255,255,.2);padding: 51px 40px;box-sizing: border-box;}
.msg-right-50{width: 48%;float: left;padding: 0;margin: 0;margin-right: 4%;}
.msg-right-50:last-child{margin: 0;}
.msg-right-100{width: 100%;}
.msg-input p{font-size: 18px;color: #fff;margin-bottom: 20px;}
.msg-input input{height: 46px;border: 1px solid #fff;width: 100%; outline: none;font-size: 18px;padding: 0 10px;box-sizing: border-box;background: none;color: #fff;}
.msg-textarea{margin-top: 30px;}
.msg-textarea textarea{height: 100px;width: 100%;resize:none;font-size: 18px; outline: none;padding:10px;box-sizing: border-box;background: none;border: 1px solid #fff;color: #fff;}
.msg-textarea p{font-size: 18px;color: #fff;margin-bottom: 20px;}
.msg-btn{}
.msg-btn button{width: 160px;height: 55px;border: 1px solid #fff;background: none;font-size: 18px;margin-top: 40px;color: #fff;}


.map{}
.map-con{height: 750px;margin: 50px 0;}
.mapbox { width: 100%; height: 700px; padding: 40px 20px;box-sizing: border-box; }
.map-container { width:100%; height: 100%;} 

.details{}
.details-con{margin-top: 30px;display: flex;justify-content: space-between;width: 100%;}
.details-list{width: 380px;box-sizing: border-box;}
.details-title{height: 80px;width: 100%;background-color: #b94905;display: flex;align-items: center;}
.details-title i{width: 22px;height: 22px;background-image: url(../img/details-list-icon.png);background-size: 100%;margin: 0 22px;}
.details-title p{color: #ffffff;font-size: 24px;}
.details-item{margin-top: 40px;}

.details-item-title{display: flex;align-items: center;}
.details-item-title i{width: 16px;height: 16px;background-image: url(../img/details-list-icon2.png);margin: 0 22px;}
.details-item-title.active i{background-image: url(../img/details-list-icon3.png);}
.details-item-title p{font-size: 20px;color: #333333;}
.details-item ul{display: none;}
.details-item ul li{padding-left: 60px;margin: 25px 0;font-size: 16px;padding-right: 2em;}
.details-item ul li.active{color: #b94905;}
.details-text{width: 1100px;}
.details-text h2{font-size: 24px;color: #333333;margin-bottom: 40px;}
.details-text h3{font-size: 20px;color: #b94905;margin-bottom: 20px;margin-top: 20px;}
.details-text p{font-size: 15px;line-height: 36px;text-indent: 2em;}

.details-text table{border-collapse:collapse;width: 500px;float: left;margin: 20px;}
.details-text table tr:first-child{background-color: #abbdc2;}
.details-text table tr td{padding: 5px 10px;font-size: 14px;}
.details-text table tr td:nth-child(1){width: 30%;}
.details-text table tr td:nth-child(2){width: 70%;}