/* CSS Document */

.linTitle {color: #222; position:relative;}
.linTitle:before { content: ""; display: inline-block; width: 25px; height: 24px;background:url(../images/title_ico.png) no-repeat; position:absolute; top:15px; left:-35px;}
.linTitle span{ font-size:36px; font-weight:bold;}
.linTitle p{ font-size:30px;}
.linTitle1{ color:#fff;}

/*linBanner begin*/
.linBanner { height: 720px; overflow: hidden; }
.linBanner .swiper-container { height: 100%; }
.linBanner .swiper-slide { overflow: hidden; position: relative; }
.linBanner .swiper-pagination { height: 10px; bottom: 30px !important; }
.linBanner .swiper-pagination span { width: 50px; height: 4px; margin: 0 5px !important; background:#fff;vertical-align: top; opacity: .3; border-radius:0;}
.linBanner .swiper-pagination span.swiper-pagination-bullet-active { background:#fff; opacity:1;}

/*linPro begin*/
.linPro{ padding:70px 0;}
.linPro .indpro_top{display: flex; align-items: center;}
.linPro .indpro_top .linTitle{ width:100%;}
.linPro .indpro_top .ind_pro_type{ width:100%;}
.linPro .indpro_top .ind_pro_type ul{ display: flex;}
.linPro .indpro_top .ind_pro_type ul li{ width: 25%; height:48px; line-height:48px; border:1px solid #e6e6e6; border-radius:4px; text-align:center; margin:0 10px; padding:0 20px;}
.linPro .indpro_top .ind_pro_type ul li:last-child{ margin:0 0 0 10px;}
.linPro .indpro_top .ind_pro_type ul li a{ font-size:18px; display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.linPro .indpro_top .ind_pro_type ul li:hover{ background:#008c58; border:1px solid #008c58;}
.linPro .indpro_top .ind_pro_type ul li:hover a{ color:#fff;}
.ind_prolist{ margin:40px auto 0;}
.ind_prolist ul{display: flex; flex-wrap: wrap;justify-content: left; margin: 0 -15px;}
.ind_prolist ul li{width: 25%; margin-bottom: 30px; padding: 0 15px;}
.Pro_Cont{overflow: hidden; position: relative; padding:25px;background:#f6f6f6; border:1px solid #f6f6f6;border-radius:4px;}
.Pro_Img{width: 100%; height: 200px;  margin: 0 auto;}
.Pro_Img a{display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.Pro_Img a img{ max-width: 100%; max-height: 100%; margin: auto; }
.Pro_Text{ margin:20px auto 0;}
.Pro_Text .Pro_Name{ text-align:center;}
.Pro_Text .Pro_Name a{ display: inline-block; width:100%; height: 32px;overflow: hidden; line-height: 32px; font-size: 24px; font-weight: bold;white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; margin: 0 auto;}
.Pro_Text p{ text-align:center; color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin:5px 0;}
.Pro_Text .btn a{ color:#999;height: 50px; line-height: 50px; text-align: center; display:block;}
.Pro_Text .btn a i{display: inline-block;width: 23px;height: 23px; margin: 0 0 -5px 10px;}
.Pro_Text .btn a i path{fill:#999;}
.ind_prolist ul li:hover .Pro_Cont{ border:1px solid #008c58;}
.ind_prolist ul li:hover .Pro_Text .Pro_Name a,.ind_prolist ul li:hover .Pro_Text .btn a{ color:#008c58;}
.ind_prolist ul li:hover .Pro_Text .btn a i path{fill:#008c58;}

/*ind_solution begin*/
.ind_solution{ background:#f8f8f8 url(../images/solution_bg.jpg) no-repeat top center; padding:70px 0; overflow:hidden; background-size:cover;}
.ind_solution .cont{ width:50%;}
.ind_solution .text{ margin:40px 0; color:#fff; opacity:.65;}
.ind_solution ul li{ width:47%; margin:0 30px 30px 0; border:2px solid #5e6f69; padding:25px; float:left;}
.ind_solution ul li:nth-child(2n+2){ margin:0 0 30px 0;}
.ind_solution ul li span{ color:#fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box; display:block; max-height:3em;}
.ind_solution ul li p{ font-size:24px; margin-top:20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#fff;}
.ind_solution ul li p a{ color:#fff;}
.ind_solution ul li:hover{ background:#5e6f69; border-radius:16px 0 0 0;}


/*linAbout begin*/
.linAbout{ background:url(../images/about_bg.jpg) no-repeat; background-size:cover; padding:70px 0; overflow:hidden;}
.linAbout .w1400{ position:relative;}
.linAbout_l{ width:42%; float:left;}
.linAbout_Ms { margin: 40px 0;overflow: hidden;height: 125px; line-height: 32px; color:#555; text-align: justify; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.linAbout_Ms p, .linAbout_Ms span { line-height: 32px; color:rgba(255,255,255,0.6);font-size: 16px; }
.linAbout_ys ul{ width:80%;display: flex; gap: 10px;}
.linAbout_ys ul li{ width:100%;overflow:hidden; text-align:center; margin:0 auto;}
.linAbout_ys ul li .linAboutys_Ico{ width:64px; height:64px; border:1px solid #c9c9c9; border-radius:8px; padding:13px; margin:0 auto 10px;}
.linAbout_ys ul li:hover .linAboutys_Ico img{transform: rotateY(180deg);}
.linAbout_ys ul li .linAboutys_text{ color:#555;}

.linAboutHonor_Img{ width:288px; float:right;}
.linAboutHonor_Img img{ width:100%;}
.linAbout_r{ width:610px; float:right; height:450px; position:relative; overflow:hidden;}
.linAbout_btn{ display:block; width:150px; height:50px; line-height:50px; background:#008c58; text-align:center; color:#fff; border-radius:4px;}
.linAbout_btn i{ display:inline-block; width:23px; height:23px; margin: 0 0 -5px 10px;}
.linAbout_btn:hover i{ margin: 0 0 -5px 15px;}

/*ind_news begin*/
.ind_news{ margin:70px auto;}
.ind_news ul.ind_newslist_tj{ display: flex; flex-wrap: wrap;justify-content: left; margin: 40px -15px 20px;}
.ind_news ul.ind_newslist_tj li{ width:50%; padding:0 15px; position:relative;}
.ind_news ul.ind_newslist_tj li:before{ content:""; background:url(../images/tj_ico.png) no-repeat; width:38px; height:38px; display:block; position:absolute; right:15px; top:0; z-index:1;}
.ind_news ul.ind_newslist_tj li .cont{ padding: 30px; border:1px solid #e6e6e6; background:#f6f6f6;}
.ind_news ul.ind_newslist_tj li:hover .cont{ border:1px solid #008c58; border-radius:8px;}
.ind_news ul.ind_newslist_tj li .cont .ind_news_name{ margin-bottom:10px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ind_news ul.ind_newslist_tj li .cont .ind_news_name a{ font-size:18px; font-weight:bold;}
.ind_news ul.ind_newslist_tj li .cont .ind_news_name a:hover{ color:#008c58;}
.ind_news ul.ind_newslist_tj li .cont span{color: #999;display: flex;align-items: center; gap: 8px;}
.ind_news ul.ind_newslist_tj li .cont span i{display: inline-block;width: 14px; height: 14px;  margin: 0 0 2px 0;}
.ind_news ul.ind_newslist_tj li .cont p{ color:#777; line-height:32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin:20px 0;}
.ind_news ul.ind_newslist_tj li .cont .btn a{ display:block; width:150px; height:50px; line-height:50px; background:#fff; text-align:center; color:#999; border-radius:4px;}
.ind_news ul.ind_newslist_tj li .cont .btn a i{ display:inline-block; width:23px; height:23px; margin: 0 0 -5px 10px;}
.ind_news ul.ind_newslist_tj li .cont .btn a i path{fill:#999;}
.ind_news ul.ind_newslist_tj li .cont .btn a:hover{background:#008c58; color:#fff;}
.ind_news ul.ind_newslist_tj li .cont .btn a:hover i{ margin: 0 0 -5px 15px;}
.ind_news ul.ind_newslist_tj li .cont .btn a:hover i path{fill:#fff;}

.ind_news ul.ind_newslist li{ width:49%;line-height:60px;display: flex; align-items: center; border-bottom:1px solid #e6e6e6; float:left; margin-right:2%;}
.ind_news ul.ind_newslist li:nth-child(2n+2){ margin-right:0;}
.ind_news ul.ind_newslist li a{ font-size:18px;width: calc(100% - 105px); display: inline-block; position: relative; padding-left: 14px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind_news ul.ind_newslist li a:hover{ color:#008c58;}
.ind_news ul.ind_newslist li a:before{content: ""; position: absolute; left: 0; top: 50%;transform: translateY(-50%); width: 6px; height: 6px; border: 1px solid #999; border-radius: 50%;}
.ind_news ul.ind_newslist li span{color: #999;display: flex;align-items: center; gap: 8px;}
.ind_news ul.ind_newslist li span i{display: inline-block;width: 14px; height: 14px;  margin: 0 0 2px 0;}

 @media (max-width:1680px) {
}
 @media (max-width:1600px) {
.linBanner { height: 600px; }
}
 @media (max-width:1560px) {
}
 @media (max-width:1440px) {
.linBanner { height: 520px; }
.linAbout,.linPro,.ind_solution{padding: 60px 0;}
.ind_news{margin: 60px auto;}
}
 @media (max-width:1366px) {
}
 @media (max-width:1280px) {
.linBanner { height: 460px; }
.linTitle:before{ display:none;}
}
 @media (max-width:1200px) {
.linTitle{ font-size:32px;}
.linAbout_l,.linAbout_r{ width:48%;}
.linAbout_btn{ width: 130px; height:40px; line-height:40px;}
}
 @media (max-width:1080px) {
.linBanner { height: 380px; }
.linAbout,.linPro,.ind_solution{padding: 50px 0;}
.ind_news{margin: 50px auto;}
.linPro .indpro_top{ display:block;}
.linPro .indpro_top .ind_pro_type{ margin-top:20px;}
.Pro_Text .Pro_Name a,.linPro .indpro_top .ind_pro_type ul li a,.ind_news ul.ind_newslist li a{ font-size:16px;}
.Pro_Text p,.Pro_Text .btn a{ font-size:14px;}
.Pro_Text .btn a i{ width:20px; height:20px;}
.ind_solution .cont{ width:100%;}
.ind_solution .text{margin: 20px 0;}
.ind_news ul.ind_newslist li{ width:100%;}
.ind_news ul.ind_newslist_tj{margin: 20px -15px 10px;}
}
 @media (max-width:1024px) {
.linTitle{ font-size:28px;}
}
 @media (max-width:920px) {
.linBanner { height: 300px; }
.linAbout,.linPro,.ind_solution{padding: 30px 0;}
.ind_news{margin: 30px auto;}
.linTitle span{ font-size:32px;}
.linTitle p{ font-size:26px;}
.linAbout_Ms{ margin:20px 0;}
.linAbout_r{ height:420px;}
.ind_news ul.ind_newslist_tj li{ width:100%;}
.ind_news ul.ind_newslist_tj li:first-child{ margin-bottom:20px;}
}
 @media (max-width:820px) {
.linTitle{ font-size:24px;}
.linAbout{ background:#f6f6f6;}
.linAbout_l{ width:100%;}
.linAbout_r,.linAbout_ys ul{ display:none;}
.ind_prolist ul li{ width:50%;}
}
 @media (max-width:768px) {
.linBanner { height: 250px; margin-top: 62px; }
.linBanner .swiper-pagination{bottom: 10px !important;}
.linTitle span{ font-size:26px;}
.linTitle p{ font-size:20px;}
.linPro .indpro_top .ind_pro_type ul{ display:block;}
.linPro .indpro_top .ind_pro_type ul li{ float:left; width:49%; margin:0 2% 20px 0;}
.linPro .indpro_top .ind_pro_type ul li:nth-child(2n+2){ margin:0 0 20px 0;}
.linPro .indpro_top .ind_pro_type ul:after{content: '';display: block; height: 0; overflow: hidden; clear: both;}
.ind_prolist{ margin: 10px auto 0;}
.ind_solution ul li p{ font-size:18px;}
}
 @media (max-width:550px) {
.linBanner { height: 200px; }
.linTitle{ font-size:22px;}
}
@media (max-width:430px) {
	.Pro_Cont{padding: 20px;}
	.Pro_Img{ height:150px;}
	.Pro_Text{ margin: 10px auto 0;}
	.Pro_Text .btn a{ height:24px; line-height:24px;}
	.ind_solution ul li{margin: 0 20px 20px 0;}
	.ind_solution ul li span{ font-size:14px;}
	.ind_solution ul li p{ font-size:16px;}
	.ind_prolist ul{ margin: 0 -5px;}
	.ind_prolist ul li{padding: 0 5px;margin-bottom: 10px;}
}
@media (max-width:390px) {
.linBanner { height: 160px; }
.ind_news ul.ind_newslist li a{ width:100%;}
.ind_news ul.ind_newslist li span{ display:none;}
}
@media (max-width:320px) {
	.linTitle span{ font-size:20px;}
	.linTitle p{ font-size:16px;}
	.ind_prolist ul li,.ind_solution ul li{ width:100%;}
}