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

.form2{position:relative; margin-top:7px;}
.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;}

.sousuo_top{ background:url(sousuo_topbg.png) no-repeat top center; clear:both; overflow:hidden; margin-top:-50px; position:relative; z-index:33;}
.sousuo_top .container{display: flex; justify-content: space-between; }
.sousuo_top_left{display: flex;flex-wrap: wrap;width:700px;}
.sousuo_top_zz{ padding-top:20px; padding-bottom:20px;}
.sousuo_top_left01{ font-size:27px; color:#ffffff; }
.sousuo_top_left01 span{ font-size:15px; margin-left:5px;}
.sousuo_top_left02{ font-size:12px; color:#ffffff; text-transform:uppercase;}
.sousuo_top_youxiang{ background:url(sousuo_mail.png) no-repeat left center; color:#FFF; font-size:23px; padding-left:60px; line-height:99px; margin-left:140px;}

.sousuo_top_right{ position:relative;}
.inputBox{ background:#5a5a5a; line-height:50px; padding-left:10px; width:439px; }
.submit{ background:url(sousuo_top_r.jpg) no-repeat center center; width:51px; height:50px; position:absolute; right:0;}
.sousuo_top_right_bot{ font-size:14px; color:#929292; line-height:49px; }


.prolist_index{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; clear:both; overflow:hidden;}
.prolist_index .container{display: flex;flex-wrap: wrap;}
.prolist_index ul{display: flex;flex-wrap: wrap; width:90%; }
.prolist_index ul li{ width:16.66%; border-left:1px solid #d2d2d2; }
.prolist_index ul li a{ font-size:15px; color:#4e4e4e; line-height:73px; display:block;}
.prolist_right{ border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2; width:10%; padding-top:29px;}
.prolist_index ul li a:hover{ background:url(prolist_li.jpg) no-repeat bottom center;}


.pro_index_bg{ padding-bottom:72px; padding-top:42px; clear:both; overflow:hidden;background:url(product_bg.jpg) no-repeat center top #f1f1f1;}
.pro_title{ margin-bottom:35px;clear:both; overflow:hidden;}
.pro_title h1{ font-size:40px; color:#2d2d2d; background:url(pro_title.png) no-repeat center center; line-height:50px; margin-bottom:6px;}
.pro_title span{ font-size:16px; color:#7c7c7c; line-height:31px;}
.prolist_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden; font-size:0px;}
.pro_ts{ position:relative;}
.pro_ts p{ position:absolute; bottom:0; z-index:999; background:#222832; opacity:0.8; width:100%;line-height:45px !important;  font-size:16px; color:#ffffff;}
.pro_ts img{ height:100%;}

.prolist_top{ position:relative; padding:0px; }
.prolist_top p{ font-size:16px; color:#fff; position:absolute; z-index:20; bottom:0; background:#00000087; width:100%; line-height:45px;}
.prolist_tr li{ padding:0px; border:1px solid #cccdd0;}
.prolist_tr li a{ display:block;}
.prolist_tr li a div{text-align:center; background:#383a40; padding-top:6px; padding-bottom:13px;}
.prolist_tr li div h2{  font-size:16px; color:#ffffff; line-height:33px;}
.prolist_tr li a span{ color:#ffffff; text-transform: uppercase; border:1px solid #FFF; width:67px; line-height:16px; display:block; margin:0 auto; font-size:12px;}
.prolist_tr li img{ position:relative;}
.cp_fd{ position: absolute !important; z-index:9999; top:0; right:0; width:auto; border:none !important; }

.about_index{background:url(about_bg.jpg) no-repeat top center; padding-top:63px; clear:both; overflow:hidden; padding-bottom:63px;} 
.about_left{ width:47%; float:left; margin-bottom:20px; text-align:left;}
.about_title{ font-size:27px; 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:16px; color:#ffffff; line-height:26px; 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:#0054ae;}
.about_right{ width:50%; float: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;}
.about_ul li img{ width:unset; max-width:100%; margin-bottom:10px;}
.about_ul li{ float:left; width:18%; text-align:center; background: url(about_ul.png) center center; margin-left:1%; margin-right:1%; padding:25px 0;}
.about_ul li p{ color:#fff; font-size:16px; line-height:22px;  }
.about_ul li:hover{ background:#035aa9;}

.chengnuo_bg{ padding-top:50px; clear:both; overflow:hidden; }
.chengnuo_bg .container{ padding:0px;}
.chengnuo_title01{ font-size:38px; color:#504a49; text-align:center; font-weight:bold; line-height:62px;}
.chengnuo_title01 span{ color:#0673c2;display: inline;}
.chengnuo_title02{ font-size:16px; color:#6a6a6a; text-align:center; line-height:25px;}
.chengnuo_index{ padding-top:40px; padding-bottom:57px; overflow:hidden;}
.chengnuo01, .chengnuo02, .chengnuo03{ text-align:center;}
.chengnuo_t{ font-size:26px; color:#504a49; font-weight:bold; margin-top:20px; margin-bottom:10px;}
.chengnuo_d{ font-size:16px; color:#7c7b7b; line-height:24px; padding-left:40px; padding-right:40px; margin-bottom:20px;}


.liuyan_bg{ clear:both; overflow:hidden; background: url(liuyan_home.png) no-repeat top center; margin-top:-32px;}

.liuyan_index{ width:340px; float:right; text-align:left; padding-top:65px; padding-bottom:25px;  }
.liuyan_title{ font-size:26px; color:#ffffff; line-height:44px; margin-bottom:7px;}
.liuyan_title span{ font-size:16px; color:#ffffff; text-transform:uppercase;}
#name_pg{ margin-bottom:11px; padding-left:55px; background:url(liuyan_name.png) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
#add_pg{ margin-bottom:11px; padding-left:55px; background:url(liuyan_add.png) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
#tel_pg{ margin-bottom:11px; padding-left:55px; background:url(liuyan_dh.png) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
#email{ margin-bottom:11px; padding-left:55px; background:url(liuyan_yx.jpg) no-repeat left center #FFF; font-size:14px; color:#bababa; line-height:42px; height:42px;} 
.tijiao_in{ color:#FFF; font-size:20px; background:#222222; line-height:50px; width:100%; border-radius:5px;}

.news_bg{ padding-top:66px; clear:both; overflow:hidden; padding-bottom:45px; }
.news_title{ margin-bottom:48px; text-align:left;overflow: hidden;} 
.news_title h2{ 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:#F00;}
.news_title p:hover{ background:#e60012;}
.news_index{ margin-bottom:15px;}
.news_ul{ margin-top:10px;}
.news_ul li{ clear:both; border-bottom:1px solid #f0f0f0; line-height:41px; overflow:hidden;}
.news_ul li a{ display:block;}
.news_ul li h3{ float:left; font-size:14px; color:#767676; line-height:41px; }
.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 h3{ 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;}

.wenan_index{ clear:both; overflow:hidden; padding:0 0 50px 0; text-align: left;}
.wenan_index p{line-height: 30px; font-size: 14px; color: #000;}


.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%; padding-top:30px; }
.foot_left img{ width:auto; margin-bottom:28px; max-width:100%;}
.foot_left p{ 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:27px; color:#FFF; font-weight:bold; line-height:41px; display:block; }
.foot03 a{ font-size:15px; color:#f49505; background:url(news_ju.png) no-repeat right center; padding-right:24px; }

.footer_index{ clear:both; 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;}



.title_ny h1{float: right;    line-height: 41px;    font-size: 24px;}












@media (max-width: 1200px) {           
.hc_ewm{ display:none;}
.liuyan_bg{ display:none;} 
.sousuo_top_youxiang{ margin-left:55px;}
.sousuo_top_left{ width:645px;}
.inputBox{ width:325px;}
.sousuo_top_right_bot{ font-size:13px;}

}

@media (max-width: 992px) {           
.chengnuo_t{ font-size:23px;}
.chengnuo_d{ padding-left:10px; padding-right:10px;}
.sousuo_top_youxiang{ display:none;}
.sousuo_top_right_bot{ background:#FFF;}
.sousuo_top_left{ width:auto;}

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

@media (max-width: 768px) {           
.about_left{ width:100%;}
.about_right{ display:none;}
.about_index{ padding:35px 0; background-size:100% 100%;}
.chengnuo_index img{ display:none;}
.chengnuo_index{ padding:0px;}
.chengnuo_title01{ font-size:30px; line-height:45px; margin-bottom:10px;}
.sousuo_top{ display:none;}
.prolist_index ul li{width:33.3%;border-bottom: 1px solid #d2d2d2;}
.prolist_right{ display:none;}
.prolist_index ul{ width:100%;border-right: 1px solid #d2d2d2;}
.prolist_index .container{ padding:0px;}

}

@media (max-width: 425px) {           
.news_bg .container{ padding-left:0px; padding-right:0px;}


}