@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; margin:0 auto;}

.hc_right_top{ display: flex;}
.top_dh{ font-size:12px; color:#797979; background:url(top_dh.png) no-repeat left center; padding-left:27px; margin-right:20px; line-height:36px;}
.top_yx{ font-size:12px; color:#797979; background:url(top_yx.png) no-repeat left center; padding-left:27px; margin-right:20px; line-height:36px;}
.hc_right_top a{ display:block; width:115px; line-height:36px; background:#c8102e; color:#FFF; font-size:14px;}

.prolist_index{ padding-top:37px; overflow:hidden; clear:both; padding-bottom:55px;}
.prolist_tit{ margin-bottom:52px; overflow:hidden;}
.prolist_tit span{ font-size:32px; color:#232323; font-weight:bold; text-transform:uppercase; line-height:60px;}
.prolist_tit p{ color:#3b3b3b; font-size:30px; background:url(prolist_title.png) no-repeat center center; line-height:45px;}
.prolist_index ul{ overflow:hidden; clear:both;display: flex;flex-wrap: wrap; justify-content: space-between; margin-bottom:18px;}
.prolist_index ul li{ padding:11px 11px 0 11px; border:1px solid #ececec; margin-bottom:27px; width:48%; }
.prolist_index ul li img{ width:auto; max-width:100%;}
.prolist_index ul li p{ color:#252525; font-size:25px; line-height:75px;}
.prolist_bootm{ font-size:18px; color:#000000; line-height:33px; margin-bottom:18px;}
.prolist_more{ text-align:left; padding-left:52px; width:220px; color:#747474; line-height:38px; border-radius:50px; font-size:16px; background:url(prolist_more.png) no-repeat right 32px center #e7e7e7; text-transform:uppercase;}

.about_bg{ clear:both; overflow:hidden; background:#f5f5f5; padding-bottom:135px; padding-top:74px;} 
.about_left{ text-align:left;clear:both; overflow:hidden;}
.about_title{ margin-top:9px; margin-bottom:25px;}
.about_title span{ font-size:25px; color:#333333; font-weight:bold; line-height:35px; text-transform:uppercase;}
.about_title p{ font-size:28px; color:#35313a; font-weight:bold; line-height:50px; background:url(about_title.png) no-repeat left bottom; padding-bottom:16px;}
.about_nr{ margin-bottom:26px;}
.about_nr p{ line-height:29px;font-size:14px; color:#6e6e6e;}
.about_more{ margin-bottom:33px; width:127px; line-height:33px; display:block;font-size:16px; text-align:center; clear:both; color:#FFF; background:#c8102e; text-transform:uppercase;}
.about_right img{ width:auto; max-width:100%;}
.about_pro{ background:url(about_pro.png) no-repeat left center;padding:15px 0 15px 102px;}
.about_pro p{font-size:18px; color:#000000; text-transform:uppercase; line-height:30px;}
.about_pro span{ font-size:12px; color:#686868;}

.about_ul_bg{ background:url(about_ul.png) no-repeat top center;clear:both; overflow:hidden; margin-top:-86px; z-index:9; position:relative;}
.about_ul{overflow:hidden; width:100%;display: flex;flex-wrap: wrap; margin-bottom:36px;}
.about_ul li{ float:left; width:25%; text-align:center;}
.about_ul li p{ color:#686868; font-size:16px; line-height:22px;  }
.about_ul li h2{ color:#000000; font-size:68px; line-height:87px; font-weight:bold;}
.about_ul li div{ display: flex; flex-wrap: wrap; justify-content: center; margin-top:20px;}
.about_ul01 div em{font-size:68px; line-height:87px; color:#000000; text-transform:uppercase; font-weight:bold;}
.about_li_em01{ font-size:24px; color:#000000; font-weight:bold;}
.about_li_em02{ font-size:24px; color:#000000; margin-top:50px; margin-left:-12px;}

.pro_index_bg{ padding-bottom:60px; clear:both; overflow:hidden; padding-top:57px;}
.pro_title{text-align:left; background:url(pro_title_right.jpg) no-repeat right center;display: flex;flex-wrap: wrap; margin-bottom:50px; overflow:hidden;}
.pro_title span{ font-size:15px; color:#35313a; line-height:38px;}
.pro_title p{ font-size:37px; color:#3b3b3b; font-weight:bold; line-height:63px; }
.pro_index{ clear:both; overflow:hidden;}
.pro_index li{ margin-bottom:30px; position:relative;}
.pro_index li a{ display:block;}
.pro_more{ position:absolute; right:15px; bottom:0; width:auto;  }

.news_bg{ padding-top:66px; background:#f5f5f5; clear:both; overflow:hidden; padding-bottom:45px; border-bottom:1px solid #cccccc;}
.news_title{ margin-bottom:48px; text-align:left;} 
.news_title p{ float:left; padding:0 22px; line-height:49px; background:#545454; font-size:18px; color:#ffffff;}
.news_title span{ font-size:18px; color:#383838; line-height:49px; margin-left:10px; text-transform:uppercase;}
.news_title a{ float:right;font-size:16px; color:#383838; line-height:49px;}
.news_title a:hover{ color:#ca143a;}
.news_title p:hover{ background:#ca143a;}
.news_index{ margin-bottom:15px;}
.news_ul{ margin-top:8px;}
.news_ul li{ clear:both; border-bottom:1px solid #e7e7e7; line-height:41px; overflow:hidden;}
.news_ul li a{ display:block;}
.news_ul li p{ float:left; font-size:14px; color:#767676; height:41px; overflow:hidden; text-align:left; width:80%;}
.news_ul li span{ float:right; color:#333333; font-size:14px;}
.news_faq{}
.news_faq li{ margin-bottom:10px; border-bottom:1px solid #f0f0f0; padding-bottom:10px; text-align:left; }
.news_faq p{ font-size:14px; color:#545454; background:url(faq_w.jpg) no-repeat left center; line-height:25px; padding-left:37px; margin-bottom:10px; height:25px; overflow:hidden;}
.news_faq span{ font-size:14px; color:#919191; display:block; line-height:25px; background:url(faq_a.jpg) no-repeat top left;padding-left:37px; height:50px; overflow:hidden;}

.foot_index_bg{ background:#272b30; clear:both; overflow:hidden;}
.foot_top{ text-align:center; padding:25px 0; border-bottom:1px solid #3d4146; margin-bottom:39px;}
.foot_top img{ width:auto;}
.foot_cen{display: flex;justify-content: space-around; min-height:215px;}
.foot_left{ text-align:left;}
.foot_left img{ width:auto; max-width:100%;}
.foot_ul{ text-align:left; max-width:300px;}
.foot_ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:50px;}
.foot_ul a{ font-size:14px; color:#ffffff; line-height:25px; } 
.foot_ul li{ font-size:14px; color:#ffffff; line-height:25px;  } 
.foot_right{ text-align:center; padding-top:10px;}
.foot_right p{ font-size:24px; color:#ffffff; line-height:32px;}
.foot_right span{ font-size:14px; color:#ffffff; line-height:22px; margin-bottom:12px; display:block;}
.foot_right img{ width:77px; clear:both;}

.foot_index{ background:#292d32; clear:both; overflow:hidden; padding:15px; border-top: 1px solid #393c3e;}
.foot_index img{ width:auto;}
.foot_index p{ color:#FFF; font-size:14px; line-height:25px;}
.foot_index a{ color:#FFF; font-size:14px; line-height:25px;}
.foot_index span{ color:#FFF; font-size:14px; line-height:25px;}

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

}

@media (max-width: 1200px) {           
.about_ul li h2{ font-size:55px; line-height:68px;}
.about_ul01 div em{font-size:55px; line-height:68px;}
.about_li_em02{ margin-top:32px;}
.pro_title{flex-direction: column; background: url(pro_title_right.jpg) no-repeat right top; margin-bottom:25px;}
.pro_title span{ margin-left:0px; padding-top:0px;}


}

@media (max-width: 992px) {           
.about_bg .container{ padding-left:0px; padding-right:0px;}
.about_ul li h2{ font-size:41px; line-height:58px;}
.about_ul01 div em{font-size:41px; line-height:58px;}
.about_li_em02{ margin-top:32px; font-size:16px;}
.about_ul{ margin-bottom:0px; padding-bottom:20px;}
.about_ul_bg{ border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; background:none; background:#FFF;}
.pro_index li{ padding-left:0px; margin-bottom:15px;}


.foot_left{ width:100%; display:none;}
.foot_right{ width:100%;}
}

@media (max-width: 768px) {           
.prolist_index{ padding-top:30px; padding-bottom:40px;}
.prolist_tit{ margin-bottom:35px;}
.prolist_tit span{ font-size:30px;  line-height:45px;}
.prolist_tit p{ font-size:27px; line-height:35px;}
.prolist_index ul li{ padding:8px 8px 0 8px; margin-bottom:20px; width:49%; }
.prolist_index ul li p{ font-size:20px; line-height:55px;}
.about_bg{ padding-top:35px;}
.about_right{ display:none;}
.about_ul li{ width:50%; margin-bottom:10px;}

}

@media (max-width: 425px) {    
.prolist_index ul li p{ font-size:18px; line-height:36px;}
.prolist_index ul li{ padding:5px 5px 0 5px; margin-bottom:15px;}

       
.news_bg .container{ padding-left:0px; padding-right:0px;}



}