@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;}
.form2{position:relative;}
.inputBox_head{ background:#5a5a5a; line-height:27px; padding-left:37px; width:249px; background:url(sousuo_left.jpg) no-repeat left center; }
.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:39px; height:27px; position:absolute; right:0;}
.banner{ border-bottom:6px solid #5e84cf;}

.pro_index_bg{ padding-bottom:15px; padding-top:50px; clear:both; overflow:hidden;}
.pro_title{ margin-bottom:55px; padding-top:50px; background:url(pro_title.jpg) no-repeat top center;}
.pro_title p{  font-size:25px; color:#3b3b3b; line-height:43px;}
.prolist_fl{ clear:both; overflow:hidden; margin-bottom:45px;}
.prolist_fl li{ margin-right:13px; float:left; width:202px;}
.prolist_fl li a{ background: url(prolist_b.jpg) no-repeat top center; display:block; line-height:39px; font-size:16px; color:#414141; padding-bottom:8px;}
.prolist_fl li a:hover{ background: url(prolist_h.jpg) no-repeat top center; color:#FFF; }
.prolist_fl p{ float:right; }
.prolist_fl p a{ background:url(pro_more.jpg) no-repeat; display:block; width:80px; height:30px;}

.prolist_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden;}
.prolist_tr img{ border:1px solid #cccdd0;}
.prolist_tr li{ margin-bottom:25px; padding-left:15px; padding-right:15px;}
.prolist_tr li a{ display:block;}
.prolist_tr li p{ font-size:18px; color:#696969; line-height:54px;}

.about_index{background: url(about_bg.jpg) no-repeat bottom center #395292; padding-top:65px; clear:both; overflow:hidden; padding-bottom:65px;} 
.about_left{ margin-bottom:20px; text-align:left;}
.about_title{ font-size:38px; color:#ffffff; font-weight:bold; background:url(about_title.jpg) no-repeat left bottom; padding-bottom:20px;}
.about_title_en{font-size:28.5px; color:#ffffff; }
.about_nr{ font-size:20px; color:#ffffff; line-height:32px; margin-top:25px; margin-bottom:25px;}
.about_left a{ width:160px; line-height:38px; display:block; text-align:center; font-size:16px; color:#FFF; background:#c51a18;}
.about_right{ margin-bottom:54px;}
.about_right img{ width:auto; max-width:100%;}
.about_ul{overflow:hidden; width:100%; margin-bottom:0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_ul li img{ width:unset; max-width:100%; margin-bottom:10px;}
.about_ul li{ width:16%; text-align:center; background:#ffffff2e; padding:25px 0;}
.about_ul li p{ color:#fff; font-size:16px; line-height:22px;  }
.about_ul li:hover{ background:#5a75b2;}

.zs_index{ clear:both; overflow:hidden; background:url(zs_bg.jpg) no-repeat top center; padding-bottom:53px; padding-top:62px;}
.zs_title{ background:url(zs_title.png) no-repeat top center; padding-top:48px; margin-bottom:30px;}
.zs_title p{ font-size:24px; line-height:46px; color:#35313a; }
.zs_top{ margin-bottom:48px; border:none;display: flex;flex-wrap: wrap;justify-content: center; }
.zs_top li{ width:260px;}
.zs_top li a{ background: url(zs_top_li.png) repeat-x top center; font-size:20px; color:#4a4a4a; margin:0; border-radius:0; border:none; padding:0; line-height:52px;  padding-bottom:11px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background:url(zs_li_h.png) no-repeat top center; color:#FFF; border:none;}
.zs_bottom_ul{ overflow:hidden; margin-bottom:22px;display: flex;flex-wrap: wrap; justify-content: space-between;}
.zs_bottom_ul li{ width:17%;}
.zs_bottom_ul li a{ display:block;}
.zs_bottom_ul li:nth-last-child(1){ display:none;}
.zs_bottom_ul li a img{ background:url(zs_li.jpg) no-repeat center; padding:11px 10px; background-size:100% 100%;}
.zs_bottom_ul li a p{ font-size:20px; color:#3a3a3a; line-height:65px;}
.zs_more{ background:url(zs_more.jpg) no-repeat center; width:168px; height:46px; display:block; margin:0 auto;}

.news_bg{ clear:both; overflow:hidden; background:#efefef; padding-bottom:70px; padding-top:50px;}
.news_title{ margin-bottom:35px; clear:both; background:url(news_title.png) no-repeat top center; padding-top:51px;}
.news_title p{ color:#35313a; font-size:24px; line-height:40px;}
.news_left{ float:left; width:37.6%;}
.news_left_bottom{ background:url(news_left_bg.jpg) no-repeat right center #425a98; text-align:left; padding:18px 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:60%; float:right; text-align:left;}
.news_right li{}
.news_right li div{ background:#fff; padding:14.5% 10%;}
.news_time{ font-size:13px; color:#000000; margin-bottom:21px;}
.news_time span{ color:#717171; margin-left:10px;}
.news_right h2{ color:#242424; font-size:18px; line-height:30px; height:60px; overflow:hidden;}
.news_des{ font-size:14px; color:#6a6a6a; line-height:26px; height:104px; overflow:hidden; margin-bottom:50px;   }
.news_right a{ background:url(news_more.jpg) no-repeat top left; padding-top:7px; padding-left:7px; width:147px; line-height:47px; display:block; font-size:15px; color:#ffffff; text-align:center;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}
.foot_left{ float:left; text-align:left; width:25%; }
.foot_logo{ width:auto; margin-bottom:10px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px; margin-bottom:25px;}
.foot_left ul{display: flex;flex-wrap: wrap;}
.foot_left ul li{ text-align:center; margin-right:24px;}
.foot_left ul li img{ padding:5px; border:1px solid #000000; background:#FFF; width:94px;  }
.foot_left ul li span{ display:block; color:#ffffff; font-size:14px;}

.foot_right{ width:68%; float:right; margin-bottom:25px;}
.foot_right ul{ text-align:left; background:url(foot_t.jpg) no-repeat top left;}
.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px;}
.foot_right ul li a{ font-size:15px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:15px; color:#a9a9a9; line-height:32px;  } 
.foot03 li{ max-width:270px;}
.foot03 span{ font-size:35px; color:#FFF; font-weight:bold; line-height:60px; display:block; }
.foot03 a{ font-size:15px; color:#FFF; background:url(foot_jt.png) no-repeat right center; padding-right:35px; }

.footer_index{ clear:both; background:#1d1b1b; padding:15px; border-top: 1px solid #393c3e;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}


@media (max-width: 1400px) {  
.w1400{ width:100%; padding-left:10px; padding-right:10px;}
}

@media (max-width: 1200px) {           
.hc_ewm{ display:none;}



}

@media (max-width: 992px) {           
.prolist_fl li{ width:19%; margin:0px;}
.prolist_fl{display: flex;flex-wrap: wrap; justify-content: space-between;}
.prolist_tr li{ padding-left:8px; padding-right:8px; margin-bottom:10px;}
.prolist_fl li a{ background-size:100% 100%;}
.zs_bottom_ul li{ width:18.5%;}
.about_title{ font-size:30px;}
.about_ul li{ width:18%;}
.prolist_fl p{ display:none;}


.footer_index{ margin-bottom:44px;}
.foot_left ul{justify-content: center;}
.foot_index_bg{ padding-top:25px;}
.foot_left img{ margin-bottom:0px;}
.foot_left{ width:100%; text-align:center; margin-bottom:25px;}
.foot_right{ width:100%;}
}

@media (max-width: 768px) {           
.prolist_fl li{ width:19%; margin-right:1%;}
.prolist_fl p{ width:18%;}
.prolist_fl p a{ width:100%;}
.zs_bottom_ul li:nth-last-child(1){ display:block;}
.zs_bottom_ul li{ width:31%;}
.about_index{ background-size:100% 100%;}
.news_left{ display:none;}
.news_right{ width:100%;}
.news_right li div{ padding:15px;}

}

 @media (max-width:600px) { 
.prolist_fl li{ width:24%; margin-right:1%;}
.prolist_fl p{ display: none;}
.pro_title{ background-size:contain;}
.zs_top{ width:100%;}
.zs_top li{ width:50%;}
.about_ul li{ width:31%; margin-bottom:15px;}
.about_right{ margin-bottom:20px;}



.foot01{ width:50%; max-width:50%; margin-bottom:25px;}
.foot02{ width:50%; max-width:50%;}
.foot03{ width:100%; max-width:100%;}
 }
  
 @media (max-width:500px) { 
.prolist_fl li{ width:49%; margin-bottom:10px; margin-right:1%;}
.pro_index_bg{ padding-top:30px;}
.pro_title { margin-bottom: 15px; padding-top: 25px;}
.prolist_fl{ margin-bottom:15px;}
.zs_bottom_ul li{ width:48%;}
.news_right li{ width:100%; margin-bottom:20px; max-width:100%;}
.news_bg{ padding-bottom:25px; padding-top:25px; }

 }
 


