.ntop{ padding: 3px 5% 0; width: 100%;position: fixed; top:0; z-index: 9999999; overflow: hidden;}

.header{background: url(../images/company_banner.jpg) no-repeat center; /*background-attachment:fixed;*/ position: relative;  padding:150px 0 75px 0; }
.header::before{content: "";  width: 100%; height: 100%; display: block; position: absolute; top: 0;left: 0;}
.header .row{ position:relative }
.header .row > b{ display: block; width: 100%;  line-height: 1;  color: #fefffe; text-align: center;/*-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(yellow), to(rgba(175, 177, 176, 0)));*/ font-size: 40px;font-style:italic; font-weight: 700;text-transform: uppercase;color:#333;}
.header .row > p{ display: block; width: 100%; box-sizing: border-box; padding: 15px 0; text-align: center; line-height: 1; font-size: 30px; color: #999;  font-style: italic;  text-align: center;}

.header .row small{overflow: hidden;  text-indent: -9999px; position: relative; display: block; width: 100%; animation:title_font_img_down 1.5s linear 0s infinite running; -webkit-animation:title_font_img_down 1.5s linear 0s infinite running; margin: 5px 0 1px; }
.header .row small span{ display: block; clear: both;  line-height: 1; }
@media (min-width:992px){ 
	.header .row small{ text-align: center; text-indent: 0;}
}


@media (min-width:1200px){ 
	.header .row small{ text-align: center;text-indent: 0;}
}




@media only screen and (max-width: 768px){
  .header{ padding:100px 0 40px; }
  .header .row > b{ font-size: 36px; }
}
@media only screen and (max-width: 576px){
	.header{ padding:100px 0 100px; }
	.header .row small{display: none;}
  .header .row > b{ font-size: 28px; }
  .header .row > p{ padding:20px 15px; }
}
.line{ width: 100%;overflow:hidden; position: absolute; left:0; bottom:0; background: url(../images/line.png); z-index:99}
.line .hd{ float: left; line-height: 75px;}
.line .hd li{  float: left; text-align: center;padding:0 10px;}
.line .hd li a{ display: block; width: 100%; height: 75px; color: #fff;}
.line .hd li a:hover{ background: url(../images/line-icon.png) no-repeat top center; color: #f28103}
.line .bd{ float: right; line-height: 75px; text-indent: 26px; color: #fff;text-align: right;}
.line .bd a{ color: #fff;}



/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	.line .bd{ display: block;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	.line .bd{ display: block;}
}
@media(max-width: 992px){
	.line .hd{width:100%;display: flex;flex-direction: row;justify-content:space-between;}
	.line .hd li{width:auto;}
	.line .bd{display: none;}

}
@media(max-width: 576px){
	.line .hd{flex-wrap: wrap;line-height: 30px;padding:8px 0;justify-content:flex-start;}
	.line .hd li{margin:0 5px;}
	.line .hd li a{height: 30px;}
}

.nt_active{background-color: #f28103;transition: 0.5s all ease;}
.nt_active .h-nav{ height: 80px;padding:0;transition: 0.5s all ease;}
.nt_active .h-nav .logo img{width: 80%;transition: 0.5s all ease;}
.nt_active .h-nav a:hover{ color: #000; text-decoration: underline;}
@media (min-width:992px){ 
.nt_active .h-nav .logo img{width: 35%;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
.nt_active .h-nav .logo img{width: 29%;}
}


.warp{overflow: hidden;}
.company1{background: url(../images/company1.jpg) no-repeat top center; overflow: hidden; padding: 30px 0;}
.company-txt{ padding: 5vh 0; overflow: hidden;}
.company-txt .hd{ width: 100%; float: left; padding-bottom: 30px;}
.company-txt .hd .p1{margin: 25px 0 10px 0; overflow: hidden; color: #f28103; font-size: 18px; font-weight: 700;}
.company-txt .hd .p2{font-size: 36px;}
.company-txt .hd .p3{ width: 130px; height: 44px; margin-top: 35px; background: #ece9e6; border-radius: 25px; overflow: hidden; line-height: 44px; text-align: center;transition: all .5s;margin:30px auto 0;}
.company-txt .hd .p3:hover{ width: 200px;transition: 0.5s; background: #f28103;}
.company-txt .hd .p3 a{ color: #f28103; font-size: 16px;transition: all .5s}
.company-txt .hd .p3:hover a{ color: #fff}
.company-txt .bd{ width: 100%; border-left:none; padding-left: 4%; line-height: 33px; font-size: 14px; float: right;-webkit-line-clamp:8;}

/*@media (min-width:992px){ 
.company-txt .hd{ width: 33%; float: left; padding-bottom: 0;}
.company-txt .bd{ width: 64%; float: right;border-left:  1px solid #e8e7e6;}
}*/

/*大屏幕 (大桌面显示器 大于等于1200px)*/
/*@media (min-width:1200px){ 
.company-txt .hd{ width: 33%; float: left; padding-bottom: 0;}
.company-txt .bd{ width: 64%; float: right;border-left:  1px solid #e8e7e6;}
}*/

@media(max-width: 992px){
	.company-txt .hd .p2 br{display: none}
	.company-txt .bd{padding-left: 0}
}
@media(max-width: 576px){
	.company-txt .hd .p2{font-size: 18px;}
}


.company-ys{background: #f28103; padding: 15px; overflow: hidden;}
.numCount1{ overflow: hidden; color: #fff;}
.numCount1 li{ width:25%; text-align: center; float: left; padding: 2vh 0;  overflow: hidden; }
.numCount1 li .numU{ width: 100%;}
.numCount1 li .numCX{ font-size: 60px; font-weight: 700;font-family: "pc-num";}
.numCount1 li .unitC{font-size: 16px; vertical-align: top;}
.numCount1 li .indc{  font-size: 20px; font-weight: 700;}

@media(max-width: 768px){
	.numCount1 li{width:50%;}
}
@media(max-width: 576px){
	.numCount1 li .numCX{font-size:30px}
	.numCount1 li .indc{font-size: 14px;}
}


.company2{ background: url(../images/company2.jpg) no-repeat top center; overflow: hidden; padding: 3vh 0;background-size: 100% 100%}
.spanhd{ text-align: center;}
.spanhd .dsz1{ font-size: 36px; font-weight: 700; color: #333;}
.spanhd .dsz2{ width: 60px; height: 2px; margin: 10px auto; background: #f28103; overflow: hidden;transition: all .3s;}
.spanhd:hover .dsz2{ width: 100px;}
.spanhd .dsz3{  font-size: 18px;}
.company2 .bd{ padding-top: 20px; overflow: hidden;}
.company2 .bd .txt .txt1{ padding: 15px 0; overflow: hidden;}
.company2 .bd .txt .txt2{ line-height: 28px; color: #666; font-size: 14px;}
.company2 .bd .txt .txt3{ text-align: right; margin-bottom: 5px;}
.company2 .bd .img .imgbox{ margin: 0; background: #f28103; overflow: hidden;}
.company2 .bd .img .imgbox .img1{overflow: hidden;}
.company2 .bd .img .imgbox .img1 img{ width: 100%;transition: all .5s ease}
.company2 .bd .img .imgbox .img2{ padding: 10px; overflow: hidden;}
.company2 .bd .img .imgbox .img2 li{ color: #fff; padding:5px 0 5px 23px; float: left; background: url(../images/icon1.png) no-repeat left 8px; line-height: 20px;transition: all .5s;}
.cc1{ width: 100%;}
.cc2{ width: 50%}
@media (min-width:992px){ 
.company2 .bd .img .imgbox{ margin: 0 10px;}
/*.cc1{ width: 58%;}
.cc2{ color: 42%}*/
}
/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
.company2 .bd .img .imgbox{ margin: 0 10px;}
/*.cc1{ width: 58%;}
.cc2{ color: 42%}*/
}



.company2 .bd .img .imgbox:hover .img1 img{ transform: scale(1.05); }
.company2 .bd .img .imgbox:hover .img2 li{ color: #fee6cc;}

@media(max-width: 1350px){
	.company2 .bd .img .imgbox .img2 li{width:100%;}
}
@media(max-width: 1200px){
	.company2 .bd .txt .txt2{line-height: 26px;}
}
@media(max-width: 992px){
	.company2 .bd{display: flex;flex-direction: column-reverse;}
	.company2 .bd .txt{margin-top:30px;}
}
@media(max-width: 576px){

	.company2 .bd .img{padding:0;}
	.company2 .bd .txt{padding:0;}
}

.company3{ padding: 25px 0; overflow: hidden;}
.company3 .bd{ padding-top: 30px;}
.company3 .bd ul{ border: 1px solid #dedede; padding: 40px 20px; text-align: center; margin-bottom: 10px;}
.company3 .bd ul:hover{ background: #eb6100; transition: all .3s; border: 1px solid #eb6100; color: #fff;}
.company3 .bd ul .c1{ display: block; width: 93px; height: 80px; margin: 0 auto;}
.company3 .bd ul .c2{ display: none; width: 93px; height: 80px; margin: 0 auto}
.company3 .bd ul:hover .c1{ display: none;}
.company3 .bd ul:hover .c2{ display: block;}
.company3 .bd ul .img{ font-size: 50px; width: 93px; height: 80px; margin: 0 auto}
.company3 .bd ul .txt{ font-size: 18px; color: #666; padding-top: 30px;}
.company3 .bd ul:hover .txt{ color: #fff;}
@media(max-width: 576px){
	.company3 .bd ul{padding:15px 10px;height: 167px;}
	.company3 .bd ul .txt{font-size: 14px;padding-top: 15px;}
	.company3 .bd ul .txt br{display: none;}
}

.company4{ padding: 25px 0; overflow: hidden;}
.company4 .bd{ background: url(../images/company4.jpg) no-repeat top center; min-height: 786px; padding: 45px 0; margin-top: 20px; overflow: hidden;background-size:auto 100% }
.company4 .bd .pcys{ display: none; width: 100%;overflow:visible; position:relative;}
@media (min-width:768px){ 
.company4 .bd .pcys{ display: block;}
}
/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
.company4 .bd .pcys{ display: block;}
}



.company4 .bd .pcys li{ text-align: center; width: 210px; height: 182px; padding-top: 35px; background: url(../images/wh1.png); font-size: 16px;  position: absolute;transition: all .5s}
.company4 .bd .pcys li span{ font-size: 24px; color: #f28103; font-weight: 700;}
.company4 .bd .pcys li:hover{ background: url(../images/wh2.png); color: #fff;transition: all .3s; cursor:hand;}
.company4 .bd .pcys li:hover span{ color: #fff;cursor:hand;}
.ys1{left:7px; top:10px;}
.ys2{left:7px; top:200px;}
.ys3{left:7px; top:396px;}
.ys4{left:172px; top:105px; background: url(../images/wh2.png)!important; color: #fff!important;}
.ys4 span{ color: #fff!important;}
.ys5{left:172px; top:300px;}
.ys6{left:172px; top:493px;background: url(../images/wh2.png)!important; color: #fff!important;}
.ys6 span{ color: #fff!important;}
.ys7{left:335px; top:10px;}
.ys8{left:335px; top:200px;}
.ys9{left:335px; top:396px;}
.ys10{left:500px; top:105px;}
.ys11{left:500px; top:300px;background: url(../images/wh2.png)!important; color: #fff!important;}
.ys11 span{ color: #fff!important;}
.ys12{left:500px; top:493px;}

.company4 .bd .wpcys{ display: block; }
.company4 .bd .wpcys li{ font-size: 14px; line-height: 25px; color: #fff; margin-bottom: 8px;}
.company4 .bd .wpcys li span{ font-weight: 700; color: #ea8819; font-size: 16px;}

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

.company5{ padding: 25px 0; overflow: hidden;}
.company5 .bd{ padding: 30px 0 0 0; overflow: hidden;}
.company5 .bd div{ margin-bottom: 30px; overflow: hidden;}
.txt11{ color: #f28103; font-size: 30px; margin: 60px 0; font-weight: 700;transition: all .3s;}
.txt12{ font-size: 16px; line-height: 35px; color: #333;transition: all .3s;}
.company5 .bd div .imgbox{width: 100%;height: auto;position: relative;padding-bottom: 60%;overflow: hidden;margin-bottom: 12px;}
.company5 .bd div .imgbox img{width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s;}
.company5 .bd div .imgbox:hover img{transition: all .3s; transform: scale(1.05);}

.txt21{ color: #f28103; font-size: 30px; margin: 40px 0; text-align: right; font-weight: 700;transition: all .5s}
.txt22{ font-size: 16px; line-height: 35px; color: #333; text-align: right;}
.company5 .bd div .txt11:hover{ text-indent: 30px;}
.company5 .bd div .txt21:hover{ padding-right: 30px;}



@media(max-width: 992px){
	.company5 .bd .v1{display: flex;flex-direction: column-reverse;}
	.company5 .bd ul{padding:0;}
	.txt11{margin:30px 0;}
	.txt21{text-align:left;margin:30px 0;}
	.txt22{text-align:left;}
}



.company6{ padding: 25px 0; overflow: hidden;}
.company6 .bd{ padding: 30px 5px 0;overflow: hidden; }
.company6 .bd .swiper-container{overflow: visible;}
.company6 .bd .swiper-slide{box-shadow: 1px 1px 10px rgba(160, 160, 160, .5); padding: 20px; overflow: hidden;transition: all .5s }
.company6 .bd .swiper-slide:hover{box-shadow: 1px 1px 10px rgba(90, 90, 90, .8);}
.company6 .bd .img{ padding-bottom: 20px; border-bottom: 1px solid #e2e1e1; overflow: hidden; text-align: center;}
.company6 .bd .img img{ width: 90%;}
.company6 .bd .txt1{ padding-top: 15px; color: #333; font-size: 16px;}
.company6 .bd .txt2{ color: #a9a9a9; font-size: 14px;}
.company6 .honorlink{ width: 160px; height: 38px; margin: 30px auto;}
.company6 .honorlink>div{ width: 74px!important; height: 38px!important;position: static!important; margin-top: 0!important; background: #ccc!important; opacity: 1;cursor: pointer;pointer-events:auto;}
.company6 .honorlink>div.on{background: #f04903!important;}

.company6 .honorlink .swiper-button-next{ float: right; }
.company6 .honorlink .swiper-button-prev{ float: left;}
.company6 .honorlink li{ width: 100%; height: 38px; text-align: center;line-height: 38px; color: #fff; font-size: 24px;}


.product-top{ padding: 55px 0; overflow: hidden;}
.product-top ul{text-align: center;}
.product-top ul .img{ font-size: 40px; margin: 0 auto; width: 88px; height: 88px; border: 1px solid #aaa; color: #aaa; border-radius: 100%; line-height: 88px;}
.product-top ul .title{margin-top: 7px; color: #303030;  font-size: 18px;line-height: 35px;}
.product-top ul a:hover .img{border: 1px solid #f28205; color: #f28205;transition: all .3s; }
.product-top ul a:hover .title{color: #f28205;transition: all .3s; }

.productlist{background: #f2f2f2; overflow: hidden; padding: 50px 0;}
.plist{overflow: hidden;}
.cpbox{ padding: 15px;background: #fff; margin-bottom: 30px;}
.cplist ul{  padding-bottom: 110px; overflow: hidden;  position:relative;}
.cplist ul .img{ width:100%;height: auto;position: relative;padding-bottom: 75%;overflow: hidden;  }
.cplist ul .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s;}
.cplist ul .txt{ width: 100%; height: 110px; overflow:hidden; position: absolute; left:0; bottom:0; z-index:999;transition: all .3s;}
.cplist ul .txt .plink{ display: none; text-align: center; height: 58px; line-height: 58px; color: #fff; font-size: 40px}
.cplist ul .txt .pline{ width: 90%; margin: 20px auto; height: 1px; background: #cccbcb;}
.cplist ul .txt .pnr{ width: 90%; height: 50px; margin: 0 auto; margin-top: 20px;}
.cplist ul .txt .pnr .pnline{ width: 3px; height: 50px; float: left; background: #f28205;}
.cplist ul .txt .pnr .title{ width: 70%; float: left; padding-left: 5%; color: #333; font-size: 18px; line-height: 24px;-webkit-line-clamp:2;}
.cplist ul .txt .pnr .more{ width: 27px; float: right; padding-top: 10px; color: #e1e1e1; font-size: 25px;}

.cplist ul a:hover .img img{transition: all .3s; transform: scale(1.05);}
.cplist ul a:hover .txt{ height:185px; background: #f38b17;}
.cplist ul a:hover .txt .plink{ display: block;transition: all .3s;}
.cplist ul a:hover .txt .pline{ width: 90%; margin: 10px auto; height: 1px; background: #f9c286;transition: all .3s;}
.cplist ul a:hover .txt .title{ color: #fff; transition: all .3s;}
.cplist ul a:hover .txt .more{ display: none;}
.vvcimg{ float: right; padding: 0 0 10px 10px;}
@media(max-width: 576px){
	.productlist{padding:30px 0;}
}

.c-plist{ background: #fff; overflow: hidden; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;  margin-bottom: 30px; padding: 20px;}
.c-plist:hover { -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.ccimg{ padding-left: 0!important;}
.ccicon{ width: 55px; height: 55px;}
.ccicon .iconfont{ color: #f28103; width: 55px; height: 55px; text-align: center; display: block; font-size: 40px; line-height: 55px; border: 1px solid #f28103; border-radius: 50%;}
.c-plist:hover .ccicon .iconfont{color: #f38107;border: 1px solid #f38107;}
.cctitle{ font-size: 30px; color: #333; padding: 25px 0 5px 0;}
.c-plist:hover .cctitle{ color: #f38107;}
.cccontent{ margin: 1.5rem 0; font-size: 14px; line-height: 26px; color: #a5a5a5;-webkit-line-clamp:2;}
.ccmore a {color: #6a6969;display: inline-block;padding: 8px 30px;border: 1px solid #e0e0e0;font-size: 14px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;border-radius: 10rem;}
.c-plist:hover .ccmore a{ border-color:#f38107; background-color:#f38107; color: #ffffff; }

.ccplist ul{ width: 100%; height: 240px;overflow:hidden; position:relative;}
.ccplist ul .img{ width: 100%; height: 240px; overflow: hidden;border:solid 1px #eee;}
.ccplist ul .img img{ width: 100%; height: 240px; object-fit: cover;}
.ccplist ul .title{ width: 100%; height: 240px; text-align: center; line-height: 240px; background: rgba(242, 129, 3, .7);; position: absolute; left:0; bottom:-241px; z-index:1; color: #fff;padding:0 10px;}
.ccplist ul a:hover .title{ bottom:0px;transition: all .8s;}
@media(max-width: 576px){
	.ccimg{padding-right: 0!important;}
}

/*main*/
.main{ overflow: visible; background: #f5f5f5; padding:30px 0; }
.main p{ font-size: 16px; line-height: 24px;  }
@media only screen and (max-width: 640px){
  .main{ padding:15px 0; }
}

/*g_focus*/
.g_focus{ margin-bottom: 30px; }
/*.g_focus .info{ overflow: hidden; }*/
.g_focus .info b{ font-size: 30px; color: #333333; line-height: 2; display: block; font-weight: normal; margin-bottom: 8px; }
.g_focus .info .brief{ font-size: 18px; color: #f28103; font-weight: 700; margin-bottom: 15px; }
.g_focus .info p{ font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_focus .info .more{display: flex;flex-direction: row;}
.g_focus .info .order-btn{ float: left; line-height: 1; padding:16px 100px; background: #e7e5e3; border-radius: 3px; font-size: 18px; color: #333; transition: all .3s; }
.g_focus .info .order-btn:hover{ transition: all .3s; background: #f28103; color: #fff; }
.g_focus .info .tel{ margin-left: 30px; overflow: hidden; position: relative; top:5px;width:250px; }
.g_focus .info .tel span{ float: left; margin: 5px 12px 0 0; line-height: 1; color: #f28103; font-size: 40px; background: none!important;}
.g_focus .info .tel div{ float: left; width: 70%;  overflow: hidden;}
.g_focus .info .tel i{ font-size: 14px; display: block; line-height: 1; color: #666666; font-style: normal; }
.g_focus .info .tel b{ font-size: 24px; color: #f28103; font-weight: 700; line-height: 1; margin: 6px 0 0; }
#g_xgcp{ overflow: hidden; overflow: hidden; margin:20px 0; }
#g_xgcp a{ display: block; width: 100%; overflow: hidden; padding-bottom: 85%; position: relative; border:1px solid #e1e0e0; }
#g_xgcp a img{ width: 100%; height: 100%; object-fit: cover; position: absolute;transition: all .3s;  }
#g_xgcp a b{ display: block; background: rgba(23,77,183,.7); width: 100%; box-sizing: border-box; padding:0 15px; line-height: 46px; text-align: center; font-size: 16px; color: #ffffff; line-height: 46px; position: absolute; left:0; bottom:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#g_xgcp a:hover img{ transform: scale(1.05); }
#gfocus{ width: 100%; height: 480px; border:1px solid #f1f1f1; }
#gfocus img, #glist img{ width: 100%; height: 100%; object-fit: cover; }
#gfocus .swiper-button-next, #gfocus .swiper-button-prev{ background-image: none; width: 36px; height: 36px; margin-top: -18px; }
#gfocus .swiper-button-next span, #gfocus .swiper-button-prev span{ font-size: 36px; line-height: 1; color: var(--zhu-color); }
#glist .swiper-slide{ overflow: hidden; height: 190px; }
#glist .swiper-slide img{ width: 100%; height: 100%; transition: all .3s; }
#glist .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }
.info_nav{ background-color: #f28103; margin-bottom: 20px; overflow: hidden; }
.info_nav b{ font-size: 18px; color: #fff; display: inline-block; line-height: 1; padding:20px 70px; font-weight: normal; }
.info_nav b a{ font-size: 18px; color: #fff; }
.info_nav b:nth-of-type(1){  color: #fff; font-weight: 700; }
.info_nav b:hover{  color: #fff; }
.info_nav b:hover a{ color: #fff; font-weight: 700; }
.g_info .txt{background: #fff;padding:15px;line-height: 260%;font-size: 110%}
.g_info .txt img{ max-width: 100%; }
.g_info .txt .cctxt{ color: #333; font-size: 30px; font-weight: 700;}
.g_info .txt b{ font-size: 20px; color: #333; border-left: 4px solid var(--zhu-color); padding-left: 16px; }
.g_info .txt em{ color: #fff; background: var(--zhu-color); padding:2px 5px; border-radius: 3px; margin-right: 5px; }


.pro-sider{ padding:15px;  width: 100%; box-sizing: border-box; }
.pro-sider b{ font-size: 20px; display: inline-block; padding-left: 10px; border-left: 4px solid #f28103; margin-bottom: 20px; }

.pro-type li{ width: 100%; height: 46px; margin-bottom: 12px; overflow: hidden;}
.pro-type a{ display: block; width: 100%; box-sizing: border-box; padding: 0 25px; font-size: 16px; color: #333; height: 46px; line-height: 46px; background: #eee; transition: all .3s; }
.pro-type a:hover{ background: #f28103; color: #fff; transition: all .3s; padding: 0 30px;}
.pro-type a span{ float: right;font-family: 'SimSun'}

.picScroll-top{ padding: 15px 0;}
.ccpbox{ padding: 10px; background: #fff; }
.ccplist{margin-bottom: 15px;}
.ccplist .ccc{  padding-bottom: 110px; overflow: hidden;  position:relative;}
.ccplist .ccc .cimg{ width:100%;height: auto;position: relative;padding-bottom: 75%;overflow: hidden;  }
.ccplist .ccc .cimg img{width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s;}
.ccplist .ccc .ctxt{ width: 100%; height: 110px; overflow:hidden; position: absolute; left:0; bottom:0; z-index:999;transition: all .3s;}
.ccplist .ccc .ctxt .plink{ display: none; text-align: center; height: 58px; line-height: 58px; color: #fff; font-size: 40px;transition: all .3s;}
.ccplist .ccc .ctxt .pline{ width: 90%; margin: 20px auto; height: 1px; background: #cccbcb;transition: all .3s;}
.ccplist .ccc .ctxt .pnr{ width: 90%; height: 50px; margin: 0 auto; margin-top: 20px;}
.ccplist .ccc .ctxt .pnr .pnline{ width: 3px; height: 50px; float: left; background: #f28205;}
.ccplist .ccc .ctxt .pnr .title{ width: 70%; float: left; padding-left: 5%; color: #333; font-size: 18px; line-height: 26px;transition: all .3s;}
.ccplist .ccc .ctxt .pnr .more{ width: 27px; float: right; padding-top: 10px; color: #e1e1e1; font-size: 25px;}

.ccplist .ccc a:hover .cimg img{transition: all .3s; transform: scale(1.05);}
.ccplist .ccc a:hover .ctxt{ height: 205px; background: #f38b17;}
.ccplist .ccc a:hover .ctxt .plink{ display: block;}
.ccplist .ccc a:hover .ctxt .pline{ width: 90%; margin: 10px auto; height: 1px; background: #f9c286;}
.ccplist .ccc a:hover .ctxt .title{ color: #fff; }
.ccplist .ccc a:hover .ctxt .more{ display: none;}
@media(max-width: 992px){
	.ccplist{margin-top: 30px;}
}



.xcpbox{ padding: 15px;background: #fff; margin-bottom: 30px;}
.xcplist ul{  padding-bottom: 110px; overflow: hidden;  position:relative;}
.xcplist ul .ximg{ width:100%;height: auto;position: relative;padding-bottom: 75%;overflow: hidden;  }
.xcplist ul .ximg img{width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s;}
.xcplist ul .xtxt{ width: 100%; height: 110px; overflow:hidden; position: absolute; left:0; bottom:0; z-index:999;transition: all .3s;}
.xcplist ul .xtxt .plink{ display: none; text-align: center; height: 58px; line-height: 58px; color: #fff; font-size: 40px;transition: all .3s;}
.xcplist ul .xtxt .pline{ width: 90%; margin: 20px auto; height: 1px; background: #cccbcb;}
.xcplist ul .xtxt .pnr{ width: 90%; height: 50px; margin: 0 auto; margin-top: 20px;}
.xcplist ul .xtxt .pnr .pnline{ width: 3px; height: 50px; float: left; background: #f28205;transition: all .3s;}
.xcplist ul .xtxt .pnr .title{ width: 70%; float: left; padding-left: 5%; color: #333; font-size: 18px; line-height: 26px; transition: all .3s;}
.xcplist ul .xtxt .pnr .more{ width: 27px; float: right; padding-top: 10px; color: #e1e1e1; font-size: 25px;}

.xcplist ul a:hover .ximg img{ transform: scale(1.05);}
.xcplist ul a:hover .xtxt{ height: 205px; background: #f38b17;}
.xcplist ul a:hover .xtxt .plink{ display: block;}
.xcplist ul a:hover .xtxt .pline{ width: 90%; margin: 10px auto; height: 1px; background: #f9c286;}
.xcplist ul a:hover .xtxt .title{ color: #fff;}
.xcplist ul a:hover .xtxt .more{ display: none;}



#g_param{ width: 80%; margin:0 auto; }
#g_param li{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
#g_param li u, #g_param li span{ text-decoration: none; display: block; width: 50%; margin-right: 1px; background: var(--zhu-color); font-size: 18px; color: #fff; text-align: center; line-height: 54px; }
#g_param li u + u, #g_param li span + span{ margin-right: 0; margin-left: 1px; }
#g_param li:nth-child(odd) span{ background: var(--zhu-color); opacity: .8; }
#g_param li:nth-child(even) span{ background: var(--zhu-color); opacity: .6; }
@media only screen and (max-width: 1400px){
  .g_focus .info .order-btn{ padding:16px 80px; }
}
@media only screen and (max-width: 1200px){
  .g_focus .info .order-btn{ padding:16px 50px; }
}
@media only screen and (max-width: 992px){
  .pro-sider{ display: none; }
}
@media only screen and (max-width: 768px){
  #g_param{ width: 100%; }
  .info_nav b{ padding:15px 30px; }
}
@media only screen and (max-width: 640px){
  #gfocus{ height: 246px; }
  .info_nav b{ padding:8px 10px; }
  .g_focus .info b{ font-size: 20px; line-height: 2; margin:15px 0; }
}
@media(max-width: 576px){
	.g_focus .info .more{flex-direction: column;}
	.g_focus .info .tel{margin:15px 0 0 0;}
}

/* contact_msg */
#contact_msg{ background: url(../images/contact_msg_bg.jpg); overflow: hidden; padding:46px 0 62px; }
#contact_msg .hd{ width: 100%; margin-bottom: 36px; }
#contact_msg .hd b{ font-weight: normal; display: inline-block; padding-left: 22px; border-left: 4px solid #f28103; font-size: 36px; color: #333333; }
#contact_msg .hd p{ margin-bottom: 0; font-size: 14px; color: #999; display: inline-block; float: right; line-height: 54px; }
#contact_msg .hd p span{ font-size: 18px; padding: 5px; color: #999; margin-left: 20px; line-height: 54px; border: 1px solid #999; border-radius: 50%; position: relative; top: 5px; }
#contact_msg .bd{ overflow: hidden; margin:0 0 30px; }
#contact_msg .bd .form_item{ margin-bottom: 30px; background: #fff; height: 46px; border:1px solid #eee; }
#contact_msg .bd .form_item label{ line-height: 46px; font-size: 16px; color: #666; width: 10%; text-align: center; float: left; }
#contact_msg .bd .form_item input{ width: 90%; float: left; height: 100% }
#contact_msg .bd .form_box{ overflow: hidden; margin-bottom: 30px; background: #fff; height: 100px; border:1px solid #eee; }
#contact_msg .bd .form_box label{ display: block; text-align: left; box-sizing: border-box; padding-left: 32px; line-height: 46px; font-size: 16px; color: #666;  }
#contact_msg .bd .form_box textarea{ width: 100%; height: 100%; padding:5px 27px; font-size: 14px; color: #333; border-top: none; }
#contact_msg .bd .form_item:last-child label{ width: auto; padding:0 20px; }
#contact_msg .bd .form_item:last-child img{ height: 34px; float: left; margin-top: 6px; }
#contact_msg .bd .form_item:last-child input{ width:calc(100% - 220px); float: left; box-sizing: border-box; padding-left: 5px; }
#contact_msg .bd .submit1{ display: block; width: 100%; padding:24px 0; line-height: 1; font-size: 16px; color: #fff; background: #f28103; text-align: center; border-radius: 5px; }
#contact_msg .bd .submit1:hover{ background: #f28103; transition: all .3s; }
@media only screen and (max-width: 992px){
  #contact_msg{ padding:30px 0; }
  #contact_msg .bd .form_item:last-child input{ width:66%; }
}

@media only screen and (max-width: 640px){
  #contact_msg{ padding:20px 0; }
  #contact_msg .hd{ margin-bottom: 0; }
  #contact_msg .hd b{ font-size: 24px; }
  #contact_msg .hd p{ display: none; }
  #contact_msg .bd{ padding:20px 10px 0; }
  #contact_msg .bd .form_item:last-child input{ width: 40%; }
}

/*company_case*/
.company_case{ background:#f7f6f6 url(../images/company_case_bg.png) no-repeat center; padding:50px 0; }
.company_case .c_tit{ width: 100%; text-align: center; padding-bottom: 14px; }
.company_case .c_tit span{ font-weight: 200; font-size: 45px; font-family: DINLIGHT; display: block; line-height: 1; margin-bottom: 20px; text-transform: uppercase; }
.company_case .c_tit b i{ font-size: 50px; color: #f28103; font-family: webfont; }
.company_case .bd{ overflow: hidden; }
.company_case .bd a{ display: block; width: 100%; overflow: hidden; }
.company_case .bd a .img{ position: relative; width: 100%; padding-bottom: 84%; overflow: hidden; }
.company_case .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
.company_case .bd a .txt{ overflow: hidden; background: #f2f2f3; width: 100%; padding:25px; overflow: hidden; text-align: center; }
.company_case .bd a .txt b{ display: block; font-weight: normal; line-height: 1; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.company_case .bd a .txt p{ display: inline-block; position: relative; line-height: 1; margin-top: 16px; font-size: 14px; color: var(--zhu-color);overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 24px; }
.company_case .bd a .txt p::before{ content: ""; display: inline-block; width: 14px; height: 1px; background: #f28103; position: absolute; top:50%; left: 0; }
.company_case .bd a .txt p::after{ content: ""; display: inline-block; width: 14px; height: 1px; background:#f28103; position: absolute; top:50%; right: 0; }
.company_case .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.company_case .bd a:hover b{ transition: all .3s; color:#f28103; }
@media only screen and (max-width: 1200px){
  .company_case{ padding:40px 0; }
  .company_case .hd b i{ font-size: 40px; }
}
@media only screen and (max-width: 640px){
  .company_case{ padding:30px 0; }
  .company_case .bd a .txt{ padding:8px 12px; }
  .company_case .bd a .txt b{ font-size: 16px; }
  .company_case .bd a .txt p{ display: none; }
}

/* g_news */
.g_news{ overflow: hidden; padding:40px 0; }
.g_news .hd{ width: 100%; margin-bottom: 36px; }
.g_news .hd b{ font-weight: normal; display: inline-block; padding-left: 22px; border-left: 4px solid #f28103; font-size: 36px; color: #333333; }
.g_news .hd p{ margin-bottom: 0; font-size: 14px; color: #999; display: inline-block; float: right; line-height: 54px; }
.g_news .hd p span{ font-size: 28px; color: #999; margin-left: 20px; line-height: 54px; position: relative; top: 5px; }
.g_news .bd{ overflow: hidden; width: 100%; }
.g_news .bd li{ width: 50%; float: left; padding-right: 15px; box-sizing: border-box; }
.g_news .bd li:nth-child(2n+0){ padding-right: 0; padding-left: 15px; }
.g_news .bd li a{ position: relative; padding-left: 20px; display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; }
.g_news .bd li a::before{ content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid #f28103; position: absolute; left:0; top:50%; margin-top: -6px; transition: all .3s; }
.g_news .bd li a b{ width:calc(100% - 110px); float: left; font-size: 16px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_news .bd li a small{ width: 108px; display: inline-block; float: right; font-size: 14px; color: #999; }
.g_news .bd li a small span{ font-size: 14px; color: #999; margin-right: 8px; }
.g_news .bd li a:hover::before{ transition: all .3s; left: 5px; }
.g_news .bd li a:hover b{ transition: all .3s; color: #f28103; }
@media only screen and (max-width: 768px){
  .g_news{ padding:30px 0; }
  .g_news .bd li{ width: 100%; padding-right: 0; }
  .g_news .bd li:nth-child(2n+0){ padding-left: 0; }
  
}
@media only screen and (max-width: 640px){
  .g_news{ padding:20px 15px; }
  .g_news .hd{ margin-bottom: 12px; }
  .g_news .hd b{ font-size: 24px; }
  .g_news .hd p{ display: none; }
  .g_news .bd li a b{font-size: 14px;}
}
/* c_tit */
.c_tit{ overflow: hidden; width: 100%; text-align: center; }
.c_tit b{ font-size: 40px; color: #333333; line-height: 1; display: block; font-weight: normal; }
.c_tit hr{ display: inline-block; margin:24px 0; position: relative; width: 30px; height: 3px; background: #f28103; left: -8.5px; }
.c_tit hr::after{ content: ""; display: inline-block; width: 10px; height: 3px; background: #f28103; position: absolute; right: -13px; }

/*footer*/
.index-footer{height: auto;padding: 60px 0}
/* newslist */
.newslist{ overflow: hidden; width: 100%;padding:30px 0; }
  .newslist li + li a{ border-top:1px solid #e9e9e8; }
  .newslist a{ display: flex; padding:20px 0; width: 100%; flex-direction: row;justify-content: space-between;}
  .newslist a .imgbox{ width: 270px; }
  .newslist a .img{width:100%;padding-bottom: 65%; overflow: hidden; position: relative; }
  .newslist a .img img{ width: 100%; height: 100%; object-fit: cover;position: absolute; transition: all .5s; }
  .newslist a .img span{ position: absolute; left: 0; top:0; display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 32px; align-items: center; justify-content: center; opacity: 0; }
  .newslist a .txt{ overflow: hidden; width:calc(100% - 290px); }
  .newslist a .txt b{ display: block; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 24px; transition: all .5s;  }
  .newslist a .txt p{text-indent: -2em; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; -webkit-line-clamp: 2; transition: all .5s; }
  .newslist a .txt small{ margin-top: 15px; display: inline-block; padding-left: 30px; font-size: 14px; color: #393939; position: relative; transition: all .5s; }
  .newslist a .txt small::before{ content: ""; display: inline-block; width: 20px; height: 3px; background: #e57b04; position:absolute; left: 0; top:9px; transition: all .5s; }
  .newslist a:hover b{ color: #e57b04; font-weight: bold; }
  .newslist a:hover .img span{ opacity: 1; }
  .newslist a:hover img{ transform: scale(1.05) rotate(-5deg); }
  .newslist a:hover small{ padding-left: 60px; }
  .newslist a:hover small::before{ width: 50px;  }
  @media(max-width: 768px){
    .newslist a .imgbox{ width: 240px; }
    .newslist a .txt{width:calc(100% - 260px); }
  }
  @media(max-width: 576px){
    .newslist a{flex-direction: column;}
    .newslist a .imgbox{ width: 100% }
    .newslist a .txt{ width:100% }
  }
/*newsinfo*/
.newsinfo{padding:30px 0;}
.page_tit{ position: relative; padding-bottom: 20px; text-align: center;border-bottom: dashed 1px #ddd; }
.page_tit b{ display: inline-block; font-size: 24px; color: #333; margin-bottom: 30px; }
.page_tit small{ text-transform: uppercase; display: inline-block; color: rgba(51,51,51,.42); margin-left: 25px; font-size: 22px; }
.page_tit::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: #e57b04; position: absolute; left:50%; margin-left: -30px; bottom:65px; border:0; }
.page_tit .meta{ font-size: 14px; line-height: 1; color: #393939;display: flex;flex-direction: row;align-items: center;justify-content: center; margin-top: 15px}
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }

.l-title{padding:40px 0 25px;text-align: center;}
.l-title span{ padding: 0 0 20px 0; }
.l-title b{font-size: 32px;font-weight: 700;position: relative;padding-bottom: 18px; color: #f28103;}
/*.l-title b:after{content:'';width:100px;height: 3px;background: #e57b04;position: absolute;left:50%;transform: translate(-50%);bottom:0;}*/
.single{padding:15px 0;line-height: 230%;font-size: 16px;}

.list{padding-bottom: 30px;}
/*contact*/
.contact{ overflow: hidden;display: flex;flex-direction: row;}
.cl{ width: 100%;  float: left; background: url(../images/cl.jpg) no-repeat bottom right; overflow: hidden;}
.cl .box{background: rgba(255,255,255,0);height: 100%;overflow: hidden;}

@media only screen and (min-width: 1200px){
  .cl{ width: 50%; }
}
@media only screen and (min-width: 640px){
  .cl{ width: 50%; }
}



.cl-1{margin-left: 40px; padding-bottom: 15px; font-size: 30px; color: #e77c04; overflow: hidden; font-weight: 700; line-height: 35px; border-bottom: 1px solid #f1f0f0;padding-top: 30px;} 
.cl-2{ margin-left: 40px; padding: 5px 0; overflow: hidden; border-bottom: 1px solid #f1f0f0;}
.cl-2 .iconfont{ width: 50px; font-size: 50px; color: #e77c04; float: left;}
.cl-2 .txt{ width: calc(100% - 70px);padding-top: 12px; float: right; }
.cl-2 .txt b{font-size: 18px; color: #333; font-weight: 500;}
.cl-2 .txt p{ color: #999; font-size: 14px;}
.cl-3{ padding: 20px 0 20px 20px;overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.cl-3 li{display:flex;flex-direction: column;text-align: center;width: 120px;}
.conatctewm{  float: left;}
.cl-3 .txt{  float: right;width: calc(100% - 130px);}
.cl-3 .txt b{ font-size: 20px;line-height: 35px; font-weight: 500;}
.cl-3 .txt .t1{ font-size: 14px; color: #999; padding-bottom: 8px;}
.cl-3 .txt .t2{ font-size: 14px; color: #999; margin-bottom:15px;}
@media only screen and (min-width: 1400px){
	.cl-3 .txt{width: calc(100% - 160px);}
}
@media only screen and (min-width: 1200px){

	.cl-3 .txt{width: calc(100% - 160px);}
}
@media only screen and (min-width: 640px){

	.cl-3 .txt{width: calc(100% - 160px);}

}


.cr{ width: 50%; float: right; display: none;}
@media only screen and (min-width: 1400px){
  .cr{ display: block;}
}
@media only screen and (min-width: 1200px){
  .cr{ display: block;}
}
@media only screen and (min-width: 640px){
  .cr{ display: block;}
}
@media(max-width: 1400px){
	.cl{background: none;width:calc(100% - 460px);}
	.cr{width:430px;}

}
@media(max-width: 992px){
	.contact{flex-direction: column;}
	.cl{width:100%;/*padding:0 60px;*/}
	.cr{width:100%;text-align: center;}
	.cr img{width:100%;}
}

@media(max-width: 576px){
	.cl{background: none;padding-bottom: 30px}
	.cl-1{margin-left: 0;font-size: 20px;}
	.cl-2{margin-left: 0;}
	.cl-3{padding-left: 0}
	.conatctewm{width:100px;}
	.cl-3 .txt{width:calc(100% - 105px);}
	.cl-3 .txt .t2{display: none;}
	.cl-3 li{width:95px;}
}

.llyy1{ padding: 15px 0; overflow: hidden;}
.llyy1 li{ text-align: center; }
.llyy1 li img{ max-width: 100%;}

.llyy2{ padding: 15px 0; overflow: hidden;}
.llyy2 li{ text-align: center;}
.llyy2 li img{ max-width: 100%;}

.hywh{ padding-bottom: 30px; overflow: hidden;}
.hy-top{ border: 1px solid #edeceb; background:#f7f6f5 url(../images/hysss.jpg) no-repeat top right; overflow: hidden;}
.hy-top .img{padding-left: 0!important; padding-right: 0!important;}
.hytxtbox{ padding: 10px;}
.hyt1{ width: 100%; height: 70px;position:relative;}
.hyt11{position: absolute; left:0; top:0; z-index:1}
.hyt22{position: absolute; left:0; bottom:10px; z-index:2; font-size: 25px; color: #333; font-weight: 700;}
.hyt2{ width: 61px; height: 3px; background:#f28103; margin: 46px 0 0 11px}
.hyt3{ color: #666; line-height: 30px; margin-top: 20px;-webkit-line-clamp:6;}

.hy-bot{ padding-top: 38px; overflow: hidden;}
.hybox{ background: #f3f2f1; padding-bottom: 35px; color: #666; overflow: hidden;}
.hybox:hover{ background:#f28103; transition: all .5s;color: #fff; }
.hybox .hdd{ text-align: center;overflow: hidden;}
.hybox .hdd img{ width: 100%;transition: all .3s;}
.hybox:hover .hdd img{ transform: scale(1.05);}
.hybox .bdd{ padding: 15px 5px 0 15px; overflow: hidden;}
.hybox .bdd .hyimg{ width: 170px; height: 112px; margin: 0 auto;}
.hycss1{ background: url(../images/hs1-1.png);}
.hybox:hover .hycss1{background: url(../images/hs1-2.png);transition: all .5s;}
.hycss2{ background: url(../images/hs2-1.png);}
.hybox:hover .hycss2{background: url(../images/hs2-2.png);transition: all .5s;}
.hycss3{ background: url(../images/hs3-1.png);}
.hybox:hover .hycss3{background: url(../images/hs3-2.png);transition: all .5s;}
.hycss4{ background: url(../images/hs4-1.png);}
.hybox:hover .hycss4{background: url(../images/hs4-2.png);transition: all .5s;}
.hybox .bdd .hynr{ width: 96%; height: 258px; overflow: hidden;margin: 15px auto;  font-size: 14px; line-height: 24px; overflow-y:auto;padding-right: 5px;}


@media (min-width:992px){ 
	.hyt22{ font-size: 36px; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	.hytxtbox{ padding: 35px 48px;}
	.hyt22{ font-size: 36px; }
}
@media(max-width: 1400px){
	.hytxtbox{padding:15px;}
	.hyt2{margin-top: 15px;}
}
@media(max-width: 1240px){
	.hytxtbox{padding:15px;}
	.hyt2{margin-top: 15px;}
}
@media(max-width: 1140px){
	.hyt1{height: 55px;}
	.hyt22{font-size: 30px;}
}
@media(max-width: 992px){
	.hy-top .img img{width: 100%}
}
@media(max-width: 576px){
	.hytxtbox{padding:30px 0;}
}
/* hot_news */
.hot_news{ clear: both; overflow: hidden; padding:0 15px; }
.hot_news a{ display: block; overflow: hidden; border:1px solid #e7e7e7; box-sizing: border-box; transition: all .4s; }
.hot_news a .img{ width: 100%; height: 280px; overflow: hidden; transition: all .4s; }
.hot_news a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.hot_news a .txt{ width: 100%; padding:25px; overflow: hidden; height: 120px; transition: all .4s; box-sizing: border-box; }
.hot_news a .txt b{ font-weight: normal; display: block; width: 100%; color: #010101; font-size: 18px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hot_news a .txt span{ font-size: 14px; color: #909090; }
.hot_news a .txt p{ transition: all .4s; line-height: 30px; color: #434343; font-size: 14px; margin-top: 15px; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; }
.hot_news a:hover img{ transition: all .4s; transform: scale(1.05); }
.hot_news a:hover .img{ transition: all .4s; margin-top: -80px; }
.hot_news a:hover .txt{ transition: all .4s; background: #f28103; height: 200px; }
.hot_news a:hover .txt b, .hot_news a:hover .txt span, .hot_news a:hover .txt p{ transition: all .4s; color: #fff; opacity: 1; }
@media only screen and (max-width: 640px){
  .hot_news a .img{ height: 120px; }
  .hot_news a .txt{ padding:12px; height: 76px; }
  .hot_news a .txt b{ font-size: 14px; margin-bottom: 10px; }
  .hot_news a .txt span{ font-size: 12px; }
  .hot_news a .txt p{ font-size: 12px; -webkit-line-clamp: 2 }
  .hot_news a:hover .img{ transition: all .4s; margin-top: -40px; }
  .hot_news a:hover .txt{ transition: all .4s; background: #f28103; height: 120px; }
  
}
/* company_list */
.company_list{ overflow: hidden; margin:20px 0; padding:40px 0; background: #F6F6F6; }
.company_list .hd{ width: 100%; overflow: hidden; padding: 0 15px 20px; }
.company_list .hd b{ display: block; font-size: 36px; color: #333; font-weight: normal; }
.company_list .hd b a{ color: #333; transition: all .3s; }
.company_list .hd b a:hover{ color: #fb880c; transition: all .3s; letter-spacing: 1px; }
.company_list .hd small{ font-size: 18px; color: #c1c1c1; text-transform: uppercase; }
.company_list .cnews_img{ display: block; width: 100%; overflow: hidden;  }
.company_list .cnews_img .img{ width: 100%; height: 240px; overflow: hidden; background: #e4e4ec; }
.company_list .cnews_img .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.company_list .cnews_img .txt{ overflow: hidden; padding:20px 0; }
.company_list .cnews_img .txt b{ margin-bottom: 20px; display: block; width: 100%; font-size: 20px; color: #535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; transition: all .4s; }
.company_list .cnews_img .txt span{ display: inline-block; text-align: left; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative; }
.company_list .cnews_img .txt span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background: var(--zhu-color);transition: all .4s }
.company_list .cnews_img .txt span small{ font-size: 22px; color: #444; display: block; }
.company_list .cnews_img .txt span i{ font-size: 16px; color: #999; display: block; }
.company_list .cnews_img .txt p{ float: left; width: calc(100% - 100px); color: #979797; font-size: 14px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.company_list .cnews_img:hover img{ transition: all .4s; transform: scale(0.95) rotate(-1deg); }
.company_list .cnews_img:hover b{ transition: all .4s; color: #f28103; font-weight: bold; padding-left: 10px; }
.company_list .cnews_img:hover span, .company_list .cnews_img:hover span i, .company_list .cnews_img:hover p{ transition: all .4s; color: #333; }
.company_list .cnews_img:hover span::after{ transition: all .4s; height: 100%; }
.company_list .list{ display: block; overflow: hidden; border-bottom:1px solid #eaeaea; }
.company_list .list a{ display: block; padding:32px 0; overflow: hidden; border-top:1px solid #eaeaea; }
.company_list .list a span{ display: inline-block; text-align: left; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative; }
.company_list .list a span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background: var(--zhu-color);transition: all .4s }
.company_list .list a span small{ font-size: 22px; color: #444; display: block; text-align: left; transition: all .3s; }
.company_list .list a span i{ font-size: 16px; color: #999; display: block; text-align: left; transition: all .3s; }
.company_list .list a .txt{ float: left; width: 80%; overflow: hidden; }
.company_list .list a .txt b{ margin-bottom: 7px; display: block; width: 100%; font-size: 20px; color: #535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.company_list .list a .txt p{ text-indent: -2em; float: left; color: #979797; font-size: 14px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.company_list .list a:hover b{ transition: all .4s; color: #f28103; font-weight: bold; padding-left: 10px; }
.company_list .list a:hover p{ transition: all .4s; color: #333; padding-left: 10px; }
.company_list .list a:hover small, .company_list .list a:hover i{  transition: all .4s; color:#f28103; }
.company_list .list a:hover span::after{ transition: all .4s; height: 100%; }
@media only screen and (max-width: 1400px){
  .company_list .list a .txt, .company_list .news_img .txt p{ width:82%; }
}
@media only screen and (max-width: 1200px){
  .company_list .list a .txt, .company_list .news_img .txt p{ width:80%; }
}
@media only screen and (max-width: 640px){
  .company_list{ padding:20px 0; }
  .company_list .hd b{ font-size: 24px; }
  .company_list .hd small{ font-size: 13px; }
  .company_list .news_img .img{ height:200px; }
  .company_list .news_img .txt, .company_list .list a{ padding:12px 0; }
  .company_list .news_img .txt b, .company_list .list a .txt b{ font-size:18px; margin-bottom: 10px; }
  .company_list .news_img .txt span, .company_list .list a span{ margin-right: 10px; padding-right: 10px; }
  .company_list .news_img .txt span i, .company_list .list a span i{ font-size: 14px; }
  .company_list .news_img .txt span small, .company_list .list a span small{ font-size: 18px; }
  .company_list{ margin:20px 0 0; }
}

/* industry_news */
.industry_news{ overflow: hidden; padding:30px 0 0; }
.industry_news .bd{ display: block; width: 100%; }
.industry_news .bd li{ padding: 50px 0; position: relative; border-bottom: solid 1px #e5e5e5; }
.industry_news .bd li a{ display: flex; align-items: center; z-index: 2; position: relative; }
.industry_news .bd li a span{ text-align: center; display: block; width: 8%; height: 125px; color: #f28103; font-size: 16px; position: relative; transition: 1s ease .2s; }
.industry_news .bd li a span small{ font-size: 60px; display: block; }
.industry_news .bd li a span::after{ width: 1px; height: 100px; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: .2s ease .1s; background: #e5e5e5; }
.industry_news .bd li a .txt{ width: 68%; box-sizing: border-box; padding: 0 35px; position: relative; }
.industry_news .bd li a .txt b{ font-weight: bolder; font-size: 24px; color: #212122; line-height: 30px; margin-bottom: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.industry_news .bd li a .txt p{ font-size: 14px; color: #434343; line-height: 30px; margin-bottom: 45px; }
.industry_news .bd li a .txt small{ line-height: 44px; padding: 0 30px; color: var(--zhu-color); border: solid 1px #f28103; font-size: 14px; display: inline-block; border-top-left-radius: 10px; border-bottom-right-radius: 10px; transition: all .4s; }
.industry_news .bd li a .img{ width: 24%; overflow: hidden; box-sizing: border-box; padding-left: 20px; }
.industry_news .bd li a .img img{ width: 100%; height: 195px; object-fit: cover; transition: all .3s; }
.industry_news .bd li::before{ position: absolute; left: 8%; top: 0; width: 1200px; height: 100%; background: #fafafa; content: ''; transition: .6s ease .1s; opacity: 0; }
.industry_news .bd li::after{ position: absolute; right: 92%; top: 0; width: 0; height: 100%; background: #f28103; content: ''; transition: .2s ease .1s; }
.industry_news .bd li:hover::before{ width: 120%; transition: .4s ease 0.1s; opacity: 1; }
.industry_news .bd li:hover::after{ width: 120%; transition: .4s ease 0.1s; }
.industry_news .bd li:hover{ border-color: transparent; }
.industry_news .bd li:hover a span::after{ background: transparent; }
.industry_news .bd li:hover a span{ color: #fff; transition: 1s ease 0.3s; }
.industry_news .bd li:hover a .txt b{ color: #f28103; }
.industry_news .bd li:hover a .txt small{ background: #f28103; color: #fff; border-radius: 0; border-top-right-radius: 10px; border-bottom-left-radius: 10px; }
@media only screen and (max-width: 1400px){
  
}
@media only screen and (max-width: 1200px){
  .industry_news .bd li a span{ display: none; }
  .industry_news .bd li::before{ left:0; }
  .industry_news .bd li::after{ display: none; }
  .industry_news .bd li{ padding:30px 0; }
  .industry_news .bd li a .txt{ width: 70%; }
  .industry_news .bd li a .img{ width: 30%; }
  .industry_news .bd li a .txt p{ margin-bottom: 20px; }
}
@media only screen and (max-width: 992px){
  .industry_news .bd li{ padding:15px 0; }
  .industry_news .bd li a .txt p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .industry_news .bd li a .txt small{ line-height: 32px; padding:0 20px; }
  .industry_news .bd li a .txt b{ font-size: 20px; margin-bottom: 10px; }
}
@media only screen and (max-width: 768px){
  .industry_news .bd li a .txt p{ margin-bottom: 10px; }
  .industry_news .bd li a .img img{ height:136px; }
  .industry_news .bd li a .txt{ padding:0 20px; }
}
@media only screen and (max-width: 640px){
  .industry_news .bd li a .img{ display:none; }
  .industry_news .bd li a .txt{ width: 100%; padding:0 15px }
  .industry_news .bd li a .txt b{ font-size: 17px; }
}
.news_list{ overflow: hidden; width: 100%; }
.news_list li + li a{ border-top:1px solid #e9e9e8; }
.news_list a{ display: block; width: 100%; display: flex; padding:20px 0; }
.news_list a .img{ width: 100%; height: 100%; overflow: hidden; position: relative;min-height: 150px; }
.news_list a .img img{ width: 100%; height: 100%; object-fit: cover; background: #f1f1f1; transition: all .3s; position: absolute; }
.news_list a .img span{ position: absolute; left: 50%; top:50%; color: #666; font-size: 12px;  opacity: 0; }
.news_list a .txt{ overflow: hidden; }
.news_list a .txt b{ transition: all .3s; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 6px; }
.news_list a .txt small{ color: #999; font-size: 12px; margin-bottom: 20px; display: block; }
.news_list a .txt p{ position: relative; transition: all .3s; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list a .txt p::before{ content: ""; display: inline-block; width: 2px; height: 0; position: absolute; left: 0; top:0; transition: all .3s; background: #007bff; border:0; }
.news_list a:hover strong{ transition: all .3s; color: #007bff; }
.news_list a:hover .txt p{ transition: all .3s; padding-left: 30px; }
.news_list a:hover .txt ::before{ transition: all .3s; height: 100%; }
.news_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.news_list a:hover .img small{ opacity: 1; transition: all .3s; background: rgba(255,255,255,.6); padding:8px 16px; }

@media only screen and (max-width: 576px){
  .news_list a{ flex-wrap: wrap; padding:15px 0; }
  .news_list a .img{ height: auto; padding-bottom: 40%; }
  .news_list a .txt small{ margin-bottom: 10px; }
  .news_list a .txt p{ margin-bottom: 0; }
  .page_tit strong{ font-size: 24px; }
  .page_tit small{ display: none; }
}

.video{ padding: 15px 0; overflow: hidden;}
.videolist{ text-align: center; line-height: 35px;}
.videolist a{display: block;}
.videolist .item .pic{width:100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.videolist .item .pic img{width:100%;height: 100%;position: absolute;top:0;object-fit: cover;left:0}

/*hylsyy*/
/*.hylsyy-hd{padding:30px 0;}*/
.hylsyy-bd{overflow: hidden;padding-bottom: 60px;position: relative;}
.hylsyy-bd .item .img{width:100%;position: relative;padding-bottom: 88%;overflow: hidden; }
.hylsyy-bd .item .img img{position: absolute;bottom:0;left:0;width:100%;height: 100%;transition: all .5s}
.hylsyy-bd .item .txt{background: #f3f2f1;padding:45px 15px 45px 25px;text-align: center;transition: all .5s}
.hylsyy-bd .item .txt .t1{font-size: 30px;color:#211714;}
.hylsyy-bd .item .txt .icon{width:100%;height: 52px;display: block;margin:16px 0 25px;}
.hylsyy-bd .item .txt .t2{font-size: 14px;color:#666666;height: 214px;line-height: 24px;text-align: left;overflow-y:scroll;padding-right: 10px;}
.hylsyy-bd .item .txt .icon1{background: url(../images/lscs1.png) center no-repeat;}
.hylsyy-bd .item .txt .icon2{background: url(../images/lscs2.png) center no-repeat;}
.hylsyy-bd .item .txt .icon3{background: url(../images/lscs3.png) center no-repeat;}
.hylsyy-bd .item .txt .icon4{background: url(../images/lscs4.png) center no-repeat;}
.hylsyy-bd .item .txt .icon5{background: url(../images/lscs5.png) center no-repeat;}
.hylsyy-bd .item .txt .icon6{background: url(../images/lscs6.png) center no-repeat;}
.hylsyy-bd .item .txt .icon7{background: url(../images/lscs7.png) center no-repeat;}
.hylsyy-bd .item:hover .txt{background: #f28103;color:#fff;}
.hylsyy-bd .item:hover .txt .t1,.hylsyy-bd .item:hover .txt .t2{color:#fff;}
.hylsyy-bd .item:hover .txt .icon1{background: url(../images/lscs11.png) center no-repeat;}
.hylsyy-bd .item:hover .txt .icon2{background: url(../images/lscs22.png) center no-repeat;}
.hylsyy-bd .item:hover .txt .icon3{background: url(../images/lscs33.png) center no-repeat;}
.hylsyy-bd .item:hover .txt .icon4{background: url(../images/lscs44.png) center no-repeat;}
.hylsyy-bd .item:hover .txt .icon5{background: url(../images/lscs55.png) center no-repeat;}
.hylsyy-bd .item:hover .txt .icon6{background: url(../images/lscs66.png) center no-repeat;}
.hylsyy-bd .item:hover .txt .icon7{background: url(../images/lscs77.png) center no-repeat;}
.hylsyy-bd .item:hover img{transform: scale(1.1,1.1);}
.hylsyy-bd .swiper-pagination-bullet{width:12px;height: 12px}
.hylsyy-bd .swiper-pagination-bullet-active{background: #f38107;}
@media(max-width: 576px){
	.hylsyy-bd .item .txt{padding-top:45px;}
}

/*tjzlsyy*/
.tjzlsyy-bd .item .txt .t2{overflow-y:scroll;height: 120px;}
.tjzlsyy-bd .item .txt .icon1{background: url(../images/tjz-icon1.png) center no-repeat;}
.tjzlsyy-bd .item .txt .icon2{background: url(../images/tjz-icon2.png) center no-repeat;}
.tjzlsyy-bd .item .txt .icon3{background: url(../images/tjz-icon3.png) center no-repeat;}
.tjzlsyy-bd .item:hover .txt .icon1{background: url(../images/tjz-icon11.png) center no-repeat;}
.tjzlsyy-bd .item:hover .txt .icon2{background: url(../images/tjz-icon22.png) center no-repeat;}
.tjzlsyy-bd .item:hover .txt .icon3{background: url(../images/tjz-icon33.png) center no-repeat;}
@media(max-width: 992px){
	.tjzlsyy-bd .item .txt .t1{font-size: 24px}
}

/*ppzx*/
.ppzx{overflow: hidden;width:1200px;margin:0 auto 30px;}
.ppzx .bigimg{position: relative;}
.ppzx .smallimg{margin-bottom: 30px;}
.ppzx .swiper-slide{width:100%;overflow: hidden;}
.ppzx .swiper-slide a{width:100%;display: block;}
.ppzx .swiper-slide .pic{width:100%;overflow: hidden;padding-bottom: 50%;position: relative;}
.ppzx .swiper-slide .pic img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.ppzx .swiper-slide .title{font-size: 16px;text-indent: 100px;padding:15px 0;line-height: 30px;background: #eee}
.ppzx .bigimg .title{height: 80px;position: relative;padding-left: 80px;line-height: 80px;overflow: hidden;}
.ppzx .bigimg .title .swiper-pagination{left:0px; bottom:0px;width:80px;text-align: left;}
.ppzx .bigimg .title .swiper-pagination-current{color:red;font-size: 22px;}
.ppzx .swiper-button-prev, .ppzx .swiper-button-next{width:50px;height: 100px;background: rgba(255,255,255,.7);color:#666;font-size: 60px;font-family: 'SimSun';text-align: center;line-height: 100px;top:40%;}
.ppzx .smallimg .swiper-slide img{border:solid 2px #fff;}
.ppzx .smallimg .swiper-slide-thumb-active img{border:solid 2px #e57b04;}
@media(max-width: 1200px){
	.ppzx{width:100%;}
}
@media(max-width: 992px){
	.ppzx .swiper-button-prev, .ppzx .swiper-button-next{width:30px;height: 60px;font-size: 30px;}
}
@media(max-width: 768px){
	.ppzx .swiper-button-prev, .ppzx .swiper-button-next{display: none}
}

/*prev_next*/
.prev_next{width:100%;padding:0 15px;}
	.prev_next>div{width:100%;padding:8px 0;border-bottom: dashed 1px #ddd;display: flex;flex-direction: row;align-items: center;}
	.prev_next>div:before{content:'>';font-family: 'SimSun';color: #fff;font-size: 16px;width:22px;height: 22px;border-radius: 50%;background: #666;display: block;text-align: center;line-height: 22px;margin-right:10px;}
	.prev_next>div a{color: #999;width:calc(100% - 100px);}
	.prev_next>div a:hover{color: var(--zhu-color);}
	@media(max-width: 768px){
		.prev_next>div a{font-size: 12px;line-height: 20px}
	}

/*no-goods*/
.no-goods{padding:50px;text-align: center;}

/*liangdian*/
.liangdian{border:solid 10px #f29702;width:100%;overflow: hidden;margin-top: 45px;padding:45px 20px;background:#fffcf5;}
.liangdian-hd{display: flex;flex-direction: row;justify-content: space-between;}
.liangdian-hd .md{width:138px;}
.liangdian-hd .lt,.liangdian-hd .rt{width:calc(calc(100% - 250px)/2);}
.liangdian-hd .lt p{text-align: right;}
.liangdian-hd .rt p{text-align: left;}
.liangdian-hd .t5,.liangdian-hd .t6{font-size: 40px;color:#1f1513;font-weight: bold;margin-bottom:0;line-height: 1.3}
.liangdian-hd .t6{letter-spacing: 6px}
.liangdian-md{display: none;}
.liangdian-bd{display: flex;flex-direction: row;justify-content: space-between;margin-top: 45px;}
.liangdian-bd>div{width:50%;}
@media(max-width: 1200px){
	.liangdian-hd .md{width:90px;}
	.liangdian-hd .t5,.liangdian-hd .t6{font-size: 32px}
}
@media(max-width: 992px){
	.liangdian-hd{display: none}
	.liangdian-md{display: block;text-align: center;}
	.liangdian-md .t7{font-size: 20px;color:#1f1513;margin-bottom:0;line-height: 1.3;margin:15px 0 0;}
}
@media(max-width: 768px){
	.liangdian-bd{flex-direction: column;}
	.liangdian-bd>div{width:100%;}
}
@media(max-width: 576px){
	.liangdian{padding:30px 0;}
	.liangdian-md img{width:80px;}
}


.hyxz-part1{overflow: hidden;}
.hyxz-part1 .hd{font-size: 36px;font-weight:bold;color:#333333;position: relative;text-align: center;padding:60px 0 0;display: block;transition: all .5s}
.hyxz-part1 .hd:hover{color:#f28103;}
.hyxz-part1 .hd1:hover{color:#333;}
.hyxz-part1 .hd:after{content:'';position: absolute;width:65px;height: 2px;background: #f28103;left:50%;transform: translateX(-50%);display: block;bottom:-20px;}
.hyxz-part1 .md{text-align: center;font-size: 18px;color:#666666;margin-top: 35px;}
.hyxz-part1 .bd{overflow: hidden;display: flex;flex-direction: row;margin-top: 60px;}
.hyxz-part1 .bd .left{width:600px;}
.hyxz-part1 .bd .right{width:calc(100% - 600px);padding:20px 5%;background: url(../images/hyxz-part1-logo.png) right top no-repeat;}
.hyxz-part1 .bd .right .t5{font-size: 24px;color:#f28103;text-transform: uppercase;}
.hyxz-part1 .bd .right .t6{font-size:30px;color:#f28103;font-weight:bold;}
.hyxz-part1 .bd .right .t7{font-size:18px;font-weight:bold;margin:15px 0 25px;}
.hyxz-part1 .bd .right .p1{font-size: 16px;line-height: 36px;overflow-y:scroll;height: 320px; }
.hyxz-part1 .bd .right .p2{border:solid 1px #eee;border-radius: 3px;padding:30px;}
.hyxz-part1 .bd .right .p2 .box{-webkit-line-clamp:8;font-size: 16px;line-height: 36px;}
.hyxz-part1 .bd .right .more{border-radius: 3px;color:#fff;background:#f28103;display:block;width:200px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;margin:30px auto;transition: all .5s}
.hyxz-part1 .bd .right .more:hover{box-shadow: 0 0 10px #333;}
@media(max-width: 1200px){
	.hyxz-part1 .bd .left{width:500px;}
	.hyxz-part1 .bd .right{width:calc(100% - 500px);padding:0px 30px;}
	.hyxz-part1 .bd .right p{margin-top: 30px;line-height: 28px}
}
@media(max-width: 992px){
	.hyxz-part1 .bd{flex-direction: column;}
	.hyxz-part1 .bd .left{width:100%;text-align: center;}
	.hyxz-part1 .bd .right{width:100%;padding:30px 0;}
	.hyxz-part1 .bd .right .t5,.hyxz-part1 .bd .right .t6{text-align: center;}
}

/*hyxz-part2*/
.hyxz-part2{background: #f1f0ed;margin: 60px 0 0px;}
.hyxz-part2 .bd{width:100%;display: block;padding-bottom: 30px;}
.hyxz-part2 .bd .item{width:100%;display: block;}
.hyxz-part2 .bd .item .img{width:100%;position: relative;padding-bottom: 75%;overflow: hidden;}
.hyxz-part2 .bd .item .img img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;transition: all .5s}
.hyxz-part2 .bd .item p{text-align: center;font-size: 16px;padding:25px 0;width:100%;}
.hyxz-part2 .bd .item:hover img{transform: scale(1.1,1.1);}

/*hyxz-part3*/
.hyxz-part3 .bd{display: flex;flex-direction: column;height: 100%}
/*.hyxz-part3 .bd .left{width:50%;height: 100%;overflow: hidden;}
.hyxz-part3 .bd .left img{width:100%;height: 100%;object-fit: cover;}
.hyxz-part3 .bd .right{width:50%;padding:0;background:none;}
.hyxz-part3 .bd .right .item{display: block;height: 50%;width:100%;float: left;background-repeat: no-repeat;}
.hyxz-part3 .bd .right .item .txt{background: rgba(255,255,255,0.8);position: relative;height: 100%;width:45%;padding:60px 30px;}
.hyxz-part3 .bd .right .item .txt:after{content:'';width:17px;height: 100%;background: url(../images/hyxz-jiao.png) no-repeat;position: absolute;background-position: right center;top:0;right:-17px;}
.hyxz-part3 .bd .right .item .txt .t7{font-size: 24px;color:#f28103;font-weight:bold;border-bottom:solid 1px #a6a5a5;padding-bottom: 10px;}
.hyxz-part3 .bd .right .item .txt p{margin-top: 30px;line-height: 32px;-webkit-line-clamp:5;}
.hyxz-part3 .bd .right .item:nth-child(2) .txt{float: right;}
.hyxz-part3 .bd .right .item:nth-child(2) .txt:after{left:-17px;background: url(../images/hyxz-jiao2.png) no-repeat;background-position: left center}*/
.hyxz-part3 .bd .box{border:solid 1px #eee;border-radius: 10px;padding:30px;}
.hyxz-part3 .bd .box .txt{-webkit-line-clamp:5;line-height: 32px;font-size: 16px;}
.hyxz-part3 .bd .more{border-radius: 3px;color:#fff;background:#f28103;display:block;width:200px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;margin:30px auto;transition: all .5s}
.hyxz-part3 .bd .more:hover{box-shadow: 0 0 10px #333;}
@media(max-width: 1200px){
	.hyxz-part3 .bd .right .item .txt{width:55%;padding:15px;}
}
@media(max-width: 992px){
	.hyxz-part3 .bd{flex-direction: column;}
	.hyxz-part3 .bd .left{width:100%;height: 300px}
	.hyxz-part3 .bd .right{width:100%;height: 500px}
	.hyxz-part3 .bd .right .item{background-size: 100% auto;background-position: bottom center}
}
@media(max-width: 576px){
	.hyxz-part3 .bd .right{height: auto;}
	.hyxz-part3 .bd .right .item{background-size: 100% 100%;}
	.hyxz-part3 .bd .right .item .txt{width:100%;padding:30px 20px;}
}
.hyxz-part4{background: url(../images/hyxz-part4-bg.jpg) center no-repeat;margin-top: 55px;background-size: auto 100%;padding-bottom: 60px}
.hyxz-part4 .bd{display: flex;flex-direction: row;justify-content: space-between;background: none;}
.hyxz-part4 .bd .left,.hyxz-part4 .bd .right{width:49%;padding:0;text-align: left;}
.hyxz-part4 .bd .left{height: 400px}
.hyxz-part4 .bd .t7{font-size:30px}
.hyxz-part4 .bd .left .content{display: flex;flex-direction: row;margin-top: 35px;justify-content: space-between;height: 100%}
.hyxz-part4 .bd .left .content .lt{width:44%;overflow: hidden;height: 100%}
.hyxz-part4 .bd .left .content .lt img{width:100%;height:100%;object-fit:cover;transition: all .5s}
.hyxz-part4 .bd .left .content .lt:hover img{transform: scale(1.1,1.1);}
.hyxz-part4 .bd .left .content .rt{width:54%;display: flex;flex-direction: column;justify-content: space-between;}
.hyxz-part4 .bd .left .content .rt .item{height: 48%;overflow: hidden;display: block;}
.hyxz-part4 .bd .left .content .rt .item img{width:100%;height: 100%;object-fit:cover;transition: all .5s}
.hyxz-part4 .bd .left .content .rt .item:hover img{transform: scale(1.1,1.1);}
.hyxz-part4 .bd .right ul{width:100%;margin-top: 20px;overflow: hidden;}
.hyxz-part4 .bd .right ul .item{display: block;border-bottom:solid 1px #ddd;float: left;padding:20px 0; width:100%;}
.hyxz-part4 .bd .right ul .item .t8{font-size: 18px;color:#333333;transition: all .5s}
.hyxz-part4 .bd .right ul .item .t9{font-size: 14px;color:#999999;margin-top: 10px;}
.hyxz-part4 .bd .right ul .item:hover .t8{color:#f28103;padding-left:10px;}

@media(max-width: 768px){
	.hyxz-part4 .bd{flex-direction: column;}
	.hyxz-part4 .bd .left, .hyxz-part4 .bd .right{width:100%;}
	.hyxz-part4 .bd .right{margin-top: 30px}
}
@media(max-width: 576px){
	.hyxz-part4 .bd .left{height: 200px}
}

.hyxz-part5 .bd{padding:45px 0;overflow: hidden;background:url(../images/liucheng-bg.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.hyxz-part5 .bd .box{ width:  100%; height: 704px; margin:0px auto; overflow: hidden;}
.hyxz-part5 .bd .box .item{ width: 12.5%;  float: left; transition: all .5s;height: 100%;position: relative;display: block;}
.hyxz-part5 .bd .box .item.on{width:50%;}
.hyxz-part5 .bd .box .item.on .txt{background:none;}
.hyxz-part5 .bd .box img{  width:960px; cursor: pointer;height: 100%;max-width: none}
.hyxz-part5 .bd .box .txt{position: absolute;width:100%!important;height: 100%;background:rgba(0,0,0,.6);display: flex;flex-direction: column;justify-content: center;top:0;left:0;}
.hyxz-part5 .bd .box .txt p{width:100%;text-align: center;font-size: 30px;font-weight: bold;color: #fff;padding:0 30px;}
.hyxz-part5 .bd .box:hover .item{ width: 12.5%; }
.hyxz-part5 .bd .box .item:hover{ width: 50%; }
.hyxz-part5 .bd .box .item:hover .txt{ background: none; }
.hyxz-part5 .bd .box .item:hover .txt p{ padding:0 15px; }
@media(max-width: 1200px){
	.hyxz-part5 .bd .box .txt p{font-size: 24px;}
}
@media(max-width: 992px){
	.hyxz-part5 .bd .box{height: 600px;}
	.hyxz-part5 .bd .box .txt p{font-size: 18px;padding:0 15px;}
}
@media(max-width: 768px){
	.hyxz-part5 .bd .box{height:500px;}
	.hyxz-part5 .bd .box .txt p{font-size: 16px;}
}
@media(max-width: 576px){
	.hyxz-part5 .bd .box{height:300px;}
	.hyxz-part5 .bd .box .txt p{font-size: 12px;}
}