@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;}

.w1400{ width:1400px; }
.w1600{ width:1600px;}

.top_dh{ background:url(top_dh.jpg) no-repeat left center; font-size:29px; color:#353b40; font-weight:bold; padding-left:38px; } 
.swiper-container-cube .swiper-cube-shadow{ display:none;}
#top_xss{ position:relative;}
.banner_img img{ height:833px;}

.prolist_home{ background:#000000c4; position: absolute; bottom:0; width:100%;  z-index:99;}
.swiper-containerlist{ overflow:hidden;}
.swiper-containerlist .swiper-slide{ text-align:left; }
.swiper-containerlist .swiper-slide a{ padding:28px 10px; padding-left:103px; display:block;height:132px; overflow:hidden;}
.swiper-containerlist .swiper-slide a p{ font-size:25px; color:#ffffff; margin-top:10px; line-height:40px; height:40px; overflow:hidden;}
.swiper-containerlist .swiper-slide a span{ font-size:14px; color:#ffffff; line-height:20px; height:20px; overflow:hidden;}
.swiper-containerlist .tubiao01 a{ background:url(prolist01.png) no-repeat left 10px center;}
.swiper-containerlist .tubiao02 a{ background:url(prolist02.png) no-repeat left 10px center;}
.swiper-containerlist .tubiao03 a{ background:url(prolist03.png) no-repeat left 10px center;}
.swiper-containerlist .tubiao04 a{ background:url(prolist04.png) no-repeat left 10px center;}
.swiper-containerlist .tubiao05 a{ background:url(prolist01.png) no-repeat left 10px center;}
.swiper-containerlist .tubiao06 a{ background:url(prolist02.png) no-repeat left 10px center;}
.swiper-containerlist .tubiao07 a{ background:url(prolist03.png) no-repeat left 10px center;}
.swiper-button-nextlist{ background:url(prolist_left.png) no-repeat top left; width:18px; height:31px; position:absolute; left:8%; top: 50%; transform: translateY(-50%); z-index:99999;}
.swiper-button-prevlist{ background:url(prolist_right.png) no-repeat top left; width:18px; height:31px; position:absolute; right:8%;top: 50%; transform: translateY(-50%); z-index:99999;}
.swiper-containerlist .swiper-notification{ display:none;}

.about_bg{ clear:both; overflow:hidden; padding-bottom:50px; padding-top:75px;} 
.about_title{ background:url(about_title.jpg) no-repeat center center; padding:52px 0 60px 0; margin-bottom:77px;}
.about_title p{ font-size:36px; color:#a31f26; font-weight:bold; line-height:54px;}
.about_nr{ text-align:center; padding:0 40px; margin-bottom:80px;}
.about_nr p{ line-height:32px;font-size:17px; color:#606060; text-indent:2em;}
.about_ul{display: flex;flex-wrap: wrap; text-align:center; justify-content: space-evenly;}
.about_ul li{  margin-bottom:15px;}
.about_ul li img{ margin-bottom:20px;}
.about_ul li p{ line-height:40px; font-size:20px; color:#595959;}

.pro_bg{ clear:both; overflow:hidden; background:url(pro_bg.jpg) no-repeat top center; padding-top:50px; padding-bottom:59px;}

.pro_right{ background:#FFF; padding:45px 50px; width:37%; float:right; text-align:left;}
.pro_right h2{ font-size:38px; color:#171717; font-weight:bold; padding-left:122px; background:url(home_prolist_title.jpg) no-repeat left top; line-height:85px; padding-bottom:43px; margin-bottom:45px;      }
.pro_miaoshu{ margin-bottom:63px; overflow:hidden; clear:both;}
.pro_miaoshu p{ line-height:28px; font-size:15px; color:#7d7d7d;}
.pro_list{ width:100%; margin-bottom:123px; overflow:hidden;}
.nav-tabs{ border-bottom:none;display: flex; justify-content: space-between;}
.nav-tabs > li > a{ font-size:22px; color:#000; margin-right:0px; line-height:44px; padding:0px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:none; border-bottom:2px solid #a32025; color:#a32025;}
.nav-tabs > li > a:hover{ border:none; border-bottom:2px solid #a32025;}
.nav > li > a:hover, .nav > li > a:focus{ background: none; color:#a32025; }
.pro_right_more{ color:#171717; font-size:16px; border-bottom:2px solid #dc1414; line-height:30px; margin-bottom:30px;}

.pro_left{ text-align:left; padding-top:64px; overflow:hidden; width:55%;}
.pro_left_div{ padding-left:50px; }
.pro_left_sz{ font-size:17px; color:#FFF; margin-right:20px; float:left;}
.pro_left_nr{ float:left; position:relative; width:calc(100% - 40px); height:660px;}
.pro_left_nr img{ width:auto; max-width:100%; position:absolute; right:0; bottom:0;}
.pro_left_nr h2{ font-size:32px; color:#FFF; font-weight:bold; text-transform:uppercase; margin-bottom:15px; }
.pro_left_nr p{ line-height:28px; font-size:17px; color:#ffffff; width:600px; margin-bottom:15px;}
.pro_left_more{ background:url(pro_cp_more.png) no-repeat center; display:block; width:228px; height:66px; line-height:66px; color:#a32025; font-size:18px; padding-left:50px;}

.news_bg{ clear:both; overflow:hidden; padding-bottom:20px; padding-top:20px;}
.news_title{display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
.news_title_left{ text-align:left;}
.news_title_left p{ font-size:28px; color:#393836;}
.news_title_left span{ font-size:16px; color:#616161;}
.news_title a{ color:#616161; font-size:18px;}
.news_left{ float:left; width:42%; margin-bottom:36px;}
.news_left_bottom{ background:url(news_left_bg.jpg) no-repeat right center #a31f26; text-align:left; padding:14px 30px;}
.news_left_bottom p{ color:#FFF; font-size:20px; line-height:38px;}
.news_left_bottom span{ color:#FFF; font-size:15px; line-height:26px;}
.news_right{ width:56%; float:right; text-align:left; margin-bottom:36px;}
.news_right a{ background:#f5f5f5; padding:2px 1px; display:block;}
.news_time{ font-size:14px; color:#a31f26; line-height:24px; margin-bottom:13px;}
.news_right h2{ color:#242424; font-size:22px; line-height:36px; height:36px; overflow:hidden; margin-bottom:10px;}
.news_right a div{ padding:22px;}
.news_des{ font-size:14px; color:#6a6a6a; line-height:24px; height:72px; overflow:hidden; }

.mews_bottom{ overflow:hidden; clear:both; display: flex;flex-wrap: wrap; justify-content: space-between;}
.mews_bottom li{text-align:left; background:url(news_li_bg.jpg) repeat-x left bottom; margin-bottom:20px; width:24%;}
.mews_bottom li h2{ color:#242424; font-size:22px; line-height:36px; height:36px; overflow:hidden;}
.mews_bottom li p{font-size:14px; color:#6a6a6a; line-height:26px; height:52px; overflow:hidden; margin-bottom:20px;}
.mews_bottom li span{ font-size:14px; color:#a31f26; line-height:24px; margin-bottom:13px;}

.swiper-containernews .swiper-pagination-bullet{ background:#a5acb0;}

.hzhb_bg{ background:url(hzhb_bg.jpg) no-repeat top center;clear:both; overflow:hidden; padding-top:100px; padding-bottom:261px; background-size:100% 100%; }
.hzhb_bg .container{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center; }
.hzhb_left{ text-align:left; }
.hzhb_left01{ font-size:40px; font-weight:bold; color:#4d4d4d; background:url(hzhb_title.png) no-repeat top left; line-height:50px; margin-bottom:25px; padding-top:90px; text-transform:uppercase; }
.hzhb_left02{ line-height:40px; font-size:25px; color:#4d4d4d; padding-bottom:20px; background:url(hzhb_left_.jpg) no-repeat left bottom; margin-bottom:30px; }
.hzhb_left03{ font-size:20px; color:#4d4d4d; line-height:33px; margin-bottom:20px;} 
.hzhb_left a{ width:120px; line-height:40px; background:#a31f26; display:block; color:#FFF; font-size:16px; text-align:center;  }
.hzhb_right{ float:right; padding:0px;}
.hzhb_right li{ margin-bottom:30px;}

.foot_bg{background: url(foot_bg.jpg) no-repeat top center #2e2d33;overflow: hidden;clear: both; padding-bottom:60px; padding-top:290px;}
.ny_foot{ padding-top:35px;overflow: hidden;clear: both; background:#2e2d33;}
.foot_title{ border-bottom:1px solid #434248; overflow:hidden;text-align:left; display: flex;justify-content: space-between; flex-wrap: wrap; }
.foot_title img{ width: auto; max-width:100%;}
.foot_title_left{display: flex;flex-wrap: wrap;align-items: flex-end;}
.foot_title_left p{ font-size:27px; color:#b2b2b2; margin-bottom:20px; margin-left:20px;}
.foot_title_left span{font-size:25.2px; color:#b2b2b2; font-weight:bold; margin-bottom:20px; margin-left:10px;}
.foot_title_right{display: flex;flex-direction: column; justify-content: space-between; align-items: flex-end;}
.foot_title_right a{ display:block; width:52px; height:45px;}
.foot_title_right p{ color:#828185; font-size:14px; line-height:26px; margin-bottom:20px; }
.foot_left{ text-align:left; padding-top:28px;  }
.foot_left h4{ font-size:24px; color:#FFF; margin-bottom:20px; line-height:42px;} 
.foot_left p{ font-size:16px; color:#b2b2b2; line-height:30px;}
.foot_left a{ margin-top:20px; display:block; background:#3f3e43; border:1px solid #828185; border-radius:50px; width:131px; line-height:34px; text-align:center; font-size:14px; color:#ffffff;}
.foot_nav{ margin-bottom:28px; clear:both; overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-evenly; padding-top:26px;}
.foot_nav li{}
.foot_nav li a{ font-size:17px; color:#fff; line-height:30px;}
.foot_cen{ text-align:center; padding:0px 10px;   }
.foot_cen img{ background:#FFF; max-width:130px;}
.foot_cen p{ color:#fff; line-height:45px; font-size:18px;}
.foot_right{ margin-top:30px; }
.foot_right p{ text-align:right;color:#ffffff;}
.foot_right01{ font-size:15px; color:#ffffff; background:url(foot_dh.jpg) no-repeat left center; float:right; padding-left:22px;}
.foot_right02{ font-size:48px; color:#ffffff; clear:both; line-height:1.2;}
.foot_right03{ font-size:16px; color:#ffffff; line-height:38px;}

.footer_bg {background: #2e2d33;border-top: 1px solid #434248;padding: 20px;}
.footer_bg .container{ height:75px; overflow:hidden;}
.footer_bg p {text-align: center;font-size: 14px;color: #FFF;line-height: 25px;margin: 0px !important;}
.footer_bg a {color: #FFF;}

@media (max-width: 1600px) {           
.w1600{ width:100%; padding-left:0px; padding-right:0px;}

}

@media (max-width: 1400px) {           
.w1400{ width:100%; padding-left:0px; padding-right:0px;}

}

@media (max-width: 1200px) {           
.top_dh{ display:none;}
.pro_left_nr p{ width:100%;}
.pro_right{ padding:25px; width:40%;}
.pro_left{ padding-top:35px;}
.pro_list{ margin-bottom:100px;}
.hzhb_bg{ padding-bottom:0px;}
.banner_img img{ height: auto;}

}

@media (max-width: 992px) {    
.about_title{ background-size:100% 100%; margin-bottom:35px;padding:35px 0 40px 0;}
.about_bg{ padding-top:35px; }
.about_nr{ margin-bottom:35px; padding:0px;}
.prolist_ny{ margin-top:0px;}
.hzhb_left01{ font-size:26px; padding-top:80px;}
.hzhb_bg{ padding-bottom:25px;}
.prolist_home{ margin-top:0px; position: initial;}
.pro_right{ width:100%;}
.pro_left{ width:100%; padding-top:0px; }
.pro_list{ margin-bottom:10px;}
.pro_miaoshu{ margin-bottom:10px;}
.pro_bg{background: url(pro_bg.jpg) no-repeat bottom left; padding-top:0px;padding-bottom:0px;}
.pro_right h2{ padding-bottom:20px; margin-bottom:20px;} 
.pro_right_more{ margin-bottom:0px;}
.pro_left_div{ padding:25px; overflow:hidden;}
.news_left_bottom{background:#a31f26;}
.foot_bg{background:#2e2d33; padding-top:45px;}
#totops{ display:none;}  
.swiper-button-nextlist{ display:none;}  
.swiper-button-prevlist{ display:none;}  

}

@media (max-width: 768px) {           
.about_title p{ font-size:30px; line-height:38px;}
.about_nr{ padding:0px;}
.about_ul li{ width:33%;  }
.swiper-button-nextlist{ display:none;}
.swiper-button-prevlist{ display:none;}
.hzhb_bg{ padding-top:0px; }
.hzhb_left{ text-align:center;}
.hzhb_left03{ display:none;}
.hzhb_left01{ background:none; padding-top:25px; margin-bottom:0px;}
.hzhb_left02{ margin-bottom:0px; background:none;}
.hzhb_left a{ display:none;}
.hzhb_right{ padding-left:0px; padding-right:0px;}
.news_left{ width:100%;}
.news_right{ width:100%;}
.mews_bottom li{ width:48%;}
.mews_bottom{justify-content: space-around;}
.foot_nav{ display:none;}
.foot_cen{ display:none;}
.foot_right{ display:none;}
.foot_title_left p{ margin-left:0px; margin-bottom:0px;}
.foot_title{ text-align:center;}
.foot_title_left{justify-content: center;}
.foot_title_right{ width:100%;align-items: center;}

}

@media (max-width: 600px) {   
.news_right a div{ padding:12px;}
.news_right li{ padding-left:10px; padding-right:10px;}


}

@media (max-width: 425px) {  
.hzhb_right li{ width:50%; padding-left:10px; padding-right:10px;}         
.about_title p{ font-size:20px; line-height:30px;}
.about_title{padding: 20px 0 25px 0;}


}