*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
    color: #000;
}
.current{
    border-bottom: 1px solid #ec5b1c;
    color: #ec5b1c;
}
.choose{
    color: #ec5b1c;
}
@font-face {
    font-family: "iconfont"; /* Project id 4033148 */
    src: url('../fonts/iconfont.woff2?t=1682229459667') format('woff2'),
         url('../fonts/iconfont.woff?t=1682229459667') format('woff'),
         url('../fonts/iconfont.ttf?t=1682229459667') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-Rrl_s_048:before {
    content: "\e61d";
  }

  .icon-youjiantou:before {
    content: "\e624";
  }
  
  .icon-a-ziyuan495:before {
    content: "\e78e";
  }
  
  .icon-014xianshiqi-2:before {
    content: "\e7f0";
  }
  
  
.navigate{
    width: 100%;min-width: 1200px
}
.navigatecontainer{
    width: 1200px;margin: 0 auto;position: relative;
}
.navhotlinebox{
    position: absolute;right: 0;top: 18px;
}
.navhotline{
    color: #ec5b1c;float: left;font-weight: bold;
}
.navhotlinenumber{
    float: left;margin-left: 10px;
}
.navcontainer{
    width: 100%;display: flex;justify-content: space-between;
}
.navlogobox{
    width: 30%;
}
.navlogobox img{
    width: 100%;
}
.navbox{
    width: 60%;display: flex;justify-content: space-between;margin-top: 60px;
}
.nav{
    position: relative;width: 80px;text-align: center;cursor: pointer;
}
.pilot{
    position: absolute;top: 37px;z-index: 9;background-color: #fff;width: 100%;display: none;
}
.nav:hover .pilot{
    display: block;
}
.pilot div{
    line-height: 40px;
}
.pilot div a:hover{
    color: #ec5b1c;
}

.big-img{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 800;
	background: rgba(20, 20, 20, 0.8);
	display: none;
}
.big-img img{
   width: 60%;
	position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.big-img span{
	position: absolute;
	right: 100px;
	top: 100px;
	color: #fff;
	font-size: 20px;
	cursor:default;
	cursor: pointer;
}
.mixImg{
	width: 100%;cursor: pointer;
}
.ejbanner{
    width: 100%;min-width: 1200px;
}
.ejbanner img{
    width: 100%;
}
.ejcatlistbox{
    width: 1200px;margin: 0 auto;display:flex;justify-content: space-between;
}
.ejcatlist{
    width: 100%;text-align: center;line-height: 80px;
}
.catname{
    width: 65px;margin: 0 auto;height: 60px;
}
.aboutcontainer{
    width: 1200px;margin: 0 auto;margin-top: 80px;margin-bottom: 80px;position: relative;
}
.honorcontainer{
    width: 100%;display: flex;flex-wrap: wrap;
}
.honorbox{
    width: 22%;text-align: center;
}
.honorbox p{
    padding-top: 15px;cursor: pointer;
}
.honorbox:hover p{
    color: #ec5b1c;
}
.contactcontainer{
    width: 1202px;margin: 0 auto;background:#ededed;margin-top: 100px;display: flex;margin-bottom: 100px;
}
.contactbox{
    width: 400px;height: 400px;text-align: center;
}
.contactrightborder{
    border-right: 1px dashed #ababab;
}
.contactlogobox{
    width: 80px;height:80px;background: #fff;margin: 0 auto;margin-top: 20px;border-radius: 100%;
}
.contactaddressimg{
    width: 40px;margin-top: 10px;
}
.contacttelimg{
    width: 40px;margin-top: 20px;
}
.contactmail{
    width: 40px;margin-top: 30px;
}
.contacttit{
    line-height: 35px;
}
.contactewm{
    width: 150px;margin: 0 auto;margin-top: 15px;
}
.contactewm img{
    width: 100%;
}
.messagecontainer{
    width: 1200px;margin: 0 auto;margin-top: 80px;margin-bottom: 80px;
}
.messagetitle{
    text-align: center;color:#ec5b1c;font-size: 26px;font-weight: bold;
}
.messagebox{
    width: 100%;position: relative;margin-top: 50px
}
.messagename{
    width: 500px;height: 40px;padding-left: 10px;
}
.messagetel{
    width: 500px;height: 40px;padding-left: 10px;position: absolute;right: 0;
}
.messagecontent{
    width: 1180px;height: 200px;margin-top: 50px;padding: 10px;
}
.messagesubsubmitbox{
    text-align: center;margin-top: 50px;
}
.messagebtn{
    width: 130px;height: 40px;
}
.productcontainer{
    width: 1200px;margin: 0 auto;margin-top: 80px;margin-bottom: 80px;display: flex;flex-wrap: wrap;
}
.productbox{
    width: 23%;margin-top: 20px;
}
.productbox img{
    width: 100%;
}
.producttitle{
    height: 40px;width: 100%;line-height:40px;text-align: center;margin-top: 15px;
}
.producttitle:hover{
    background-color: #ec5b1c;
    color: #fff;
    cursor: pointer;
}
.productviewbox{
    width: 1200px;margin: 0 auto;margin-top: 80px;margin-bottom: 80px;
}
.productviewtitle{
    text-align: center;color: #ec5b1c;font-size: 26px;
}
.productviewcontent{
    margin-top: 50px;
}
.casecontainer{
    width: 1200px;margin: 0 auto;margin-top: 80px;margin-bottom: 80px;display: flex;flex-wrap: wrap;
}
.casebox{
    width: 30%;background-color: #f0f0f0;margin-top: 30px;
}
.casebox img{
    width: 100%;
}
.caseinformationbox{
    margin-top: 15px;padding-left: 15px;margin-bottom: 10px;padding-right: 10px;
}
.caseinformationtitle{
    margin-top: 20px;color: #3f3f3f;overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;height: 40px;
}
.caseinformationdescription{
    margin-top: 10px;color: #3f3f3f;overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;height:42px;
}
.casemore{
    margin-top: 20px;
}
.casemore a{
    color: #ec5b1c
}
.caseviewcontainer{
    width: 1200px;margin: 0 auto;margin-top:80px;margin-bottom: 80px;
}
.caseviewtitle{
    text-align: center;color: #ec5b1c;font-size: 26px;
}
.caseview{
    text-align: center;margin-top: 15px 
}
.caseviewcontent{
    margin-top: 50px;width: 100%;
}
.viewsxp{
    width: 100%;margin-top: 50px;display: flex;
}
.fenye {
	width: 100%;
	margin: 20px auto;
	margin-top: 50px;
	display: block;
	text-align: center;
}
.fenye ul {
	text-align: center;
}
.fenye li {
	display: inline-block;
	margin: 0 5px;
	margin-top: 10px;
}
.fenye li a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	border: 1px solid #c5c3c3;
	color: #666;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
    text-decoration : none
}
.fenye li a:hover, .fenye .hover a {
	background: #ec5b1c;
	color: #fff;
   
}
.fenye li a.nh {
	color: rgb(204, 204, 204)
}
.newscontainer{
    width: 1200px;margin:0 auto;margin-top: 80px;margin-bottom: 80px;display: flex;justify-content: space-between;
}
.newsnavbox{
    width: 200px;
}
.newsnavtit{
    background-color: #ec5b1c;line-height: 80px;color: #fff;text-align: center;font-size: 24px;
}
.newsnavcontainer{
    width: 100%;border: 1px solid #c9c9c9;margin-top: 15px;
}
.newsnav{
    width: 90%;margin: 0 auto;line-height: 35px;border-bottom: 1px solid #c9c9c9;display: flex;justify-content: space-between;
}
.newsnavname{
    padding-left: 5px;
}
.newnavempty{
    width: 100%;height: 15px
}
.newscentercontainer{
    width: 950px;
}
.newscentertitcontainer{
    width: 100%;display: flex;margin-top: 20px;
}
.newslines{
    width: 5px;height: 40px;background-color: #ec5b1c;
}
.newscentercatname{
    margin-left: 15px;font-size: 26px;color: #ec5b1c;
}
.news_box{
    width: 100%;margin-top: 33px;
}
.news_empty{
    width: 100%;height: 30px
}
.news{
    margin-top: 30px;width: 100%;background-color: #ececec;
}
.news_items{
    width: 100%;display: flex;justify-content: space-between;
}
.news_img{
    width: 30%;margin-left: 30px;
}
.news_img img{
    width: 100%;
}
.news_content{
    width: 62.5%;
}
.news_title{
    color: #000
}
.news_details{
    width: 100px;line-height:30px;border:1px solid #a4a4a4;height:30px;margin-top: 15px;text-align: center;
}
.footercontainer{
    width: 100%;min-width: 1200px;background: #454545;
}
.footerbox{
    width: 1200px;margin: 0 auto;
}
.footer_empty{
    width: 100%;height: 30px
}
.footer_logo{
    width: 100%;display: flex;justify-content: space-between;
}
.footer_img{
    width: 30%;
}
.footer_img img{
    width: 100%;
}
.footer_navigate{
    width: 100%;display: flex;justify-content: space-between;
}
.footer_navcontainer{
    width: 1050px;display: flex;color: #fff;justify-content: space-between;
}
.footer_nav{
    width: 80px;
}
.footer_nav div{
    line-height: 30px;
}
.footer_yjcd{
    line-height: 50px;
}
.footer_navigate a{
    color: #fff;
}
.footer_navigate a:hover{
    color: #ec5b1c;
}
.footer_contact{
    width: 365px;
}
.footer_contact div{
    line-height: 30px;
}
.footer_contactbox{
    width: 250px;
}
.footer_contactbox div{
    line-height: 30px;
}
.footer{
    width: 100%;min-width: 1200px;background: #313131;height: 100px;text-align: center;color: #fff;letter-spacing: 3px;
}
.footer a{
    color: #fff;
}

.idxproductcontainer{
    width: 1200px;margin: 0 auto;
}
.idxproducttitle{
    line-height: 100px;color: #ec5b1c;font-size: 26px;font-weight: bold;text-align: center;
}
.idxproductbox{
    width: 100%;display: flex;flex-wrap: wrap;
}
.idxproduct{
    width: 28%;margin-top: 20px;text-align: center;
}
.idxproduct img{
    width: 100%;
}
.idxproduct a div{
    margin-top: 5px;border-radius: 5px;border: 1px solid rgb(164, 164, 164);height: 45px;line-height: 45px;
}
.idxproduct a div:hover{
    background-color: #ec5b1c;
    color: #fff;
}
.idxaboutcontainer{
    width: 100%;margin: 0 auto;background: linear-gradient(to bottom, #f1f1f1, #aca8a8);margin-top: 50px;min-width: 1200px;
}
.idxabouttit{
    line-height: 150px;color: #ec5b1c;font-size: 26px;font-weight: bold;text-align: center;
}
.idxaboutbox{
    width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;font-size: 18px;
}
.idxaboutimg{
    width: 40%;
}
.idxaboutimg img{
    width: 100%;
}
.idxabout{
    width: 55%;line-height: 32px;position: relative;height: 325px;
}
.idxabout b{
    margin: 0px; padding: 0px; font-size: 18px;letter-spacing: 3px;
}
.idxabout span{
    font-size: 18px;letter-spacing: 3px;
}
.idxaboutmore{
    width: 100px;height: 32px;color:#ec5b1c;border: 1px solid #ec5b1c;text-align: center;position: absolute;right: 0; bottom: 0;border-radius: 20px;
}
.idxaboutempty{
    width: 100%;height: 65px
}
.idxcasecontainer{
    width: 100%;margin: 0 auto;background: linear-gradient(to bottom, #f1f1f1, #aca8a8);margin-top: 50px;min-width: 1200px;
}
.idxcasetit{
    line-height: 150px;color: #ec5b1c;font-size: 26px;font-weight: bold;text-align: center;
}
.idxcasrbox{
    width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;font-size: 18px;
}
.idxcase{
    width: 28%;background-color: #eeeeee;
}
.idxcaseimg{
    width: 180px;height: 180px;border-radius: 100%; background-size: 100%;
    background-position: center;margin: 0 auto;margin-top: 20px;
}
.idxcasetitle{
    width: 95%;margin:0 auto;margin-top: 20px;color:#ec5b1c;text-align: center;overflow: hidden;
						-webkit-line-clamp: 1;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-box-orient: vertical;
}
.idxcasedescription{
    width: 95%;margin:0 auto;margin-top: 20px;color: #333;overflow: hidden;
						-webkit-line-clamp: 5;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-box-orient: vertical;
}
.idxcase:hover{
    background-color: #ec5b1c;;
}
.idxcase:hover .idxcasetitle{
    color: #333;
}

.idxnewscontainer{
    width: 1200px;margin: 0 auto;
}
.idxnewstitle{
    line-height: 150px;color: #ec5b1c;font-size: 26px;font-weight: bold;text-align: center;
}
.idxnewsnavbox{
    width: 100%;
}
.idxnewsnav{
    width: 350px;
}
.idxnewsqyzx{
    width: 350px;height: 250px;background-color: #ec5b1c;display: flex;justify-content: space-between;line-height: 250px;text-align: center;cursor: pointer;
}
.idxnewsnavlogo{
    width: 33.333%;
}
.idxnewsnavtit{
    width: 33.333%;color: #fff;font-size: 23px;
}
.idxnewsnavnumber{
    width: 33.333%;color: #da8065;font-size: 40px;
}
.idxhydttit{
    width: 33.333%;color: #313c42;font-size: 23px;
}
.idxhydnumber{
    width: 33.333%;color: #a9a9a9;font-size: 40px;
}
.idxnews_itembox{
    width: 820px;
}
.idx_newsbox{
    width: 100%;display:flex;justify-content: space-between;border-bottom: 1px solid #eee;
}
.idx_newsimg{
    width: 35%;
}
.idx_newsimg img{
    width: 100%;
}
.idx_newscontainer{
    width: 60%;
}
.idx_newstitbox{
    width: 100%;display: flex;justify-content: space-between;
}
.idx_newstitbox a{
    width: 80%;position: relative;
}
.idx_newstitbox a p{
    font-size: 20px;overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.idx_newstitbox a p:hover{
    color: #ec5b1c;
}
.idx_newstitbox div{
    height: 60px;border-left: 1px solid #333;width: 80px;text-align: center;
}
.month{
    font-size: 20px;
}
.year{
    color: #a9a9a9;
}
.idx_newdescription{
    margin-top: 20px;overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.idxnew_item{
    width: 80%;
}
.idxnew_itemtit{
    width: 100%;font-size: 20px;margin-top: 15px;overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.idxnew_itemdescription{
    width: 100%;margin-top: 15px;overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.idxnew_itemxq{
    width: 120px;background:#333;color:#fff;margin-top: 15px;line-height: 30px;text-align: center;
}
.idxnew_itemxq:hover{
    background-color: #ec5b1c;color: #fff;
}
.idnew_time{
    height: 60px;border-left: 1px solid #333;width: 80px;text-align: center;margin-top: 20px;
}
.hydt{
    width: 350px;height: 250px;display: flex;justify-content: space-between;line-height: 250px;text-align: center;cursor: pointer;
}
.idxnew_itemtit:hover{
    color: #ec5b1c;
}
.image{
    width: 100%;
}
.imgbox{
	width: 100%;overflow:hidden;cursor: pointer;
}
.image:hover{
	transform: scale(1.05);
	transition-duration: 1s;
}
.idxproduct:hover .image{
    transform: scale(1.05);
	transition-duration: 1s;
}
.idxproduct:hover a div{
    background-color: #ec5b1c;
    color: #fff;
}
.productbox:hover image{
    transform: scale(1.05);
	transition-duration: 1s;
}
.productbox:hover a div{
    background-color: #ec5b1c;
    color: #fff;
}
.news_details:hover{
    background-color: #ec5b1c;
    color: #fff;
}
.idxnewsmore{
    position: absolute;bottom: 0;right:0
}
.idxnewsmore a:hover{
    color: #ec5b1c;
}
.about-content-box{
    width: 100%;display: flex;justify-content: space-between;
}
.about-content{
    width: 48%;
}
.about-title{
    position: absolute;top: -20px;height: 50px;line-height: 50px;background-color: #ec5b1c;width: 300px;text-align: center;color: #fff;
}
.about-culture-container{
    width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.about-culture-box{
    width: 32%;text-align: center;
}
.about-culture-tit{
    color: #ec5b1c;font-size: 28px;line-height: 50px;
}
.index-top{
    margin-top: 30px;
}