@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1300{ width:1300px; }
.w1000{ width:1000px; }

.home_title{ text-align:left;display: flex;flex-wrap: wrap; justify-content: space-between; margin-bottom:20px;align-items: flex-end;}
.home_title p{ font-size:40px; color:#353436; font-weight:bold; line-height:64px; padding-left:28px; padding-top:113px;width:490px;}
.home_title a{ background:url(home_more.jpg) no-repeat center; width:151px; line-height:42px;height:42px; padding-left:24px; display:block; font-size:13px; margin-bottom:30px; color:#FFF;}
.pro_title{ background:url(pro_title.jpg) no-repeat top left;}
.about_title{ background:url(about_title.jpg) no-repeat top left;}
.certificate_title{ background:url(certificate_title.jpg) no-repeat top left;}
.cooperate_title{ background:url(cooperate_title.jpg) no-repeat top left;}
.case_title{ background:url(case_title.png) no-repeat top left;}
.news_title{ background:url(news_title.jpg) no-repeat top left;}

.pro_bg{clear:both; overflow:hidden; padding-top:86px; padding-bottom:42px;}
.pro_index{clear:both;display: flex;flex-wrap: wrap; justify-content: space-between;}
.pro_index li{ width:31.5%; margin-bottom:44px; text-align:left;}
.pro_index li a{ display:block;}
.pro_index li img{ border:1px solid #ccc; padding:6px; background:#eeeeee; margin-bottom:18px;}
.pro_index li div{display: flex;justify-content: space-between; align-items: center;}
.pro_index li p{ font-size:20px;width: calc(100% - 50px); color:#353436; background:url(pro_li_p.jpg) no-repeat left center; padding-left:25px; border-bottom:1px solid #bfbfbf; line-height:48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro_index li span{ background:url(pro_li_more.jpg) no-repeat center; display:block; width:48px; height:48px;}

.about_bg{ clear:both; overflow:hidden; background:#f9f9f9; padding-top:88px; padding-bottom:50px;}
.about_index{display: flex;flex-wrap: wrap;align-items: center;}
.about_left{ clear:both; overflow:hidden; text-align:left; width:47%; padding:0 23px; }
.about_left p{ font-size:18px; line-height:26px; color:#353436; text-indent:2em;}
.about_right{ width:53%;}

.certificate_bg{ padding-top:75px; clear:both; overflow:hidden;}

.cooperate_bg{ background:#f9f9f9; padding:84px 0; clear:both; overflow:hidden;}
.w1360{ width:1360px;}

.case_bg{ background:url(case_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-top:66px; padding-bottom:48px;}
.case_bg .case_title{ color:#FFF;}
.case_index{ width:89%; margin:0 auto; background:#ffffffc7; padding:16px; clear:both; overflow:hidden;}
.case_index ul{ clear:both; overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.case_index ul li{ width:19%;}
.case_index ul li a{ display:block;}
.case_index ul li a div{display: flex;align-items: center; justify-content: center;}
.case_index ul li a p{ font-size:32px; color:#000000; line-height:76px;}
.case_index ul li a span{ background:url(case_li_p.jpg) no-repeat left center; display:block; width:11px; height:11px; margin-right:14px;}

.news_index{overflow:hidden; clear:both; padding-top:49px; padding-bottom:89px;}
.swiper-news{ overflow:hidden;}
.swiper-news .swiper-slide a{ padding:30px 15px; border:1px solid #d2d2d2; display:block;}
.swiper-news .swiper-slide h3{ font-size:28px; height:64px; overflow:hidden; color:#353436; font-weight:bold; line-height:32px; margin-bottom:15px;}
.swiper-news .swiper-slide span{ display:block; line-height:22px; font-size:16px; color:#353436; border:1px solid #353436; border-radius:5px; width:102px; margin:0 auto; margin-bottom:20px;}
.swiper-news .swiper-slide p{ font-size:16px; color:#353436; line-height:24px; height:120px; overflow:hidden; text-align:left;}
.swiper-news .swiper-slide img{ margin-bottom:16px;}
.swiper-news .swiper-slide a:hover{ background:#0958c6;}
.swiper-news .swiper-slide a:hover h3{ color:#FFF;}
.swiper-news .swiper-slide a:hover span{ color:#FFF; border-color:#FFF;}
.swiper-news .swiper-slide a:hover p{ color:#FFF;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-top:80px; padding-bottom:15px;}
.foot_left{ float:left; text-align:left; width:27%; padding-top:10px; }
.foot_left .foot_logo{ width:auto; margin-bottom:10px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px; line-height:24px; margin-bottom:42px;}
.foot_left ul{ text-align:center;display: flex;flex-wrap: wrap;}
.foot_left ul li{ width:85px; margin-right:7px;}
.foot_left ul li span{ color:#ffffff; font-size:14px; line-height:24px; }
.foot_right{ width:69.3%; float:right; margin-bottom:25px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot_right ul{ text-align:left; background:url(foot_ul.jpg) no-repeat top left; padding-left:0px;}
.foot_right ul p{ font-size:20px; color:#ffffff; font-weight:bold; line-height:77px;}
.foot_right ul li a{ font-size:16px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:16px; color:#a9a9a9; line-height:32px;  } 
.foot01{ background:url(foot_ul01.jpg) no-repeat top left !important;}
.foot03 li span{ margin-left:48px;}
.foot03 a{ font-size:18px; color:#eb5b24; background:url(foot_lxfs_more.png) no-repeat right center; padding-right:40px; }

.bottom_index{ clear:both; background:#000000; padding:15px; border-top: 1px solid #393c3e;}
.bottom_index img{ width:auto;}
.bottom_index p{ color:#FFF; font-size:16px; line-height:25px;}
.bottom_index a{ color:#FFF; font-size:16px; line-height:25px;}
.bottom_index span{ color:#FFF; font-size:16px; line-height:25px;}

.bottom_guding{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.bottom_guding ul{ display: flex;}
.bottom_guding ul li{ margin:0 10px;}

@media (max-width:1360px) { 
.w1360{ width:1200px; }
.case_index{ width:1200px;}
}

@media (max-width:1300px) { 
.w1300{ width:1200px; }
}

@media (max-width:1200px) { 
.w1360{ width:1000px; }
.w1300{ width:1000px; }
.case_index{ width:1000px;}

}
@media (max-width:1000px) { 
.w1000{ width:768px; padding:0 15px; }
.w1360{ width:768px; }
.w1300{ width:768px; }
.case_index{ width:768px;}
.case_index ul li a p{ font-size:24px; line-height:40px;}
.foot_left{ width:100%; margin-bottom:20px; padding-top:0px;}
.foot_right{ width:100%;}
.foot_index_bg{ background-size:cover; padding-top:40px;}
.foot_left p{ margin-bottom:20px;}
}

@media (max-width:992px) { 
.about_left{ width:100%; padding:0px; margin-bottom:25px;}
.about_right{ width:100%;}



}

@media (max-width:768px) {
.pro_bg{ padding-top:35px; padding-bottom:20px;}
.about_bg{ padding-top:35px; padding-bottom:20px;}
.certificate_bg{ padding-top:35px;}
.news_index{ padding-top:35px; padding-bottom:40px;}
.cooperate_bg{ padding:30px 0;}
.case_bg{ padding-top:30px; }
.pro_index li{ width:49%;}
.pro_index li span{ display:none;}
.pro_index li p{ width:100%;}
.swiper-case li a p{ font-size:24px; line-height:48px;}
.foot01{ display:none;}
.bottom_guding{justify-content: center;}
.case_bg{ background-size:cover;}
.case_index ul li{ width:32.5%; margin-bottom:20px;}
.case_index ul{justify-content: space-around;}
.w1000{ width:100%; padding:0 15px; }
.w1360{ width:100%; }
.w1300{ width:100%; }
.case_index{ width:100%;}


}

@media (max-width:650px) { 
.home_title p{ background:none !important; padding:0px; width:auto;}
.home_title a{ margin-bottom:0px;}
.pro_index li p{ font-size:15px; padding-left:20px;}
.pro_index li img{ margin-bottom:0px;}
.pro_index li{ margin-bottom:20px;}
.swiper-news .swiper-slide a{ padding:15px 10px;}
.swiper-news .swiper-slide h3{ font-size:20px; line-height:32px; height:64px; }
.foot_right ul{ width:100%; flex: 0 0 100%;max-width:100%;}
.case_index ul li a p{ font-size:16px; line-height:28px;}
}
 
  
@media (max-width:425px) { 
.home_title p{ font-size:30px;}
.home_title a{ width:120px; height:33px; line-height:33px; background-size:cover; padding-left:15px;}
.home_title{align-items: center;}

}