@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:-67px; position:relative; z-index:33;}
.sousuo_top .container{display: flex;flex-wrap: wrap; 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:28px; color:#ffffff; font-weight:bold; }
.sousuo_top_left01 span{ font-size:15px; margin-left:5px; font-weight:normal;} 
.sousuo_top_left02{ font-size:13px; color:#ffffff; text-transform:uppercase;}
.sousuo_top_youxiang{ background:url(sousuo_mail.jpg) no-repeat left center; color:#FFF; font-size:23px; padding-left:60px; line-height:99px; margin-left:100px;}

.sousuo_top_right{ position:relative; background:#FFF;}
.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:93%; }
.prolist_index ul li{ width:16.66%; border-left:1px solid #d2d2d2; }
.prolist_index ul li h2{ font-size:15px; color:#4e4e4e; line-height:73px;  background:url(prolist_li.jpg) no-repeat bottom center;}
.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:7%; 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;}
.pro_title{ margin-bottom:53px;clear:both; overflow:hidden;}
.pro_title h1{ font-size:40px; color:#2d2d2d; background:url(pro_title.jpg) no-repeat center center; line-height:73px; padding-top:11px; font-weight:bold;}
.pro_title p{ font-size:16px; color:#ffffff; line-height:32px; width:407px; background:#000000; border-radius:35px; margin:0 auto; }
.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 p{  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:79px; position:relative; padding-bottom:37px; } 
.about_left{ width:47%; float:left; margin-bottom:20px; text-align:left;}
.about_title{ font-size:36px; color:#ffffff; font-weight:bold; background:url(about_title.jpg) no-repeat left bottom; padding-bottom:20px; margin-bottom:25px;}
.about_title_en{font-size:38px; color:#ffffff; }
.about_nr{ font-size:16px; color:#ffffff; line-height:27px;}
.about_left a{ width:160px; line-height:38px; display:block; text-align:center; font-size:16px; color:#FFF; background:#c51609; margin-top:25px;}
.about_right{ width:50%; float:right; margin-bottom:65px;}
.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: auto; max-width:100%; margin-bottom:23px;}
.about_ul li{ float:left; width:23%; text-align:center; background:#f5f6fa; padding:43px 25px 50px 25px; margin-left:1%; margin-right:1%;}
.about_ul li p{ color:#000000; font-size:25px; line-height:67px; font-weight:bold; margin-bottom:17px; background:url(about_li.jpg) no-repeat bottom center;  }
.about_ul li span{ color:#525252; font-size:14px; line-height:24px; font-weight:bold;}

.fbdz_index_bg{ padding-bottom:36px; overflow:hidden; clear:both; }
.fbdz_title{ margin-bottom:53px;clear:both; overflow:hidden;}
.fbdz_title h2{ font-size:40px; color:#2d2d2d; background:url(pro_title.jpg) no-repeat center center; line-height:73px; padding-top:11px; font-weight:bold;}
.fbdz_title p{ font-size:16px; color:#ffffff; line-height:32px; width:580px; background:#000000; border-radius:35px; margin:0 auto; }
.fbdz_index{ overflow:hidden; clear:both; margin-bottom:5px; }
.fbdz_index li{ margin-bottom:27px;}
.fbdz_index li a{ display:block;} 
.fbdz_index li a img{ width:100%;} 
.fbdz_more{ width:187px; margin:0 auto;}
.fbdz_more a{ background:url(fbdz_more.jpg) no-repeat center center; display:block; width:100%;height:38px;}

.liuyan_bg{ clear:both; overflow:hidden; background: url(liuyan_home.jpg) no-repeat top center;}
.liuyan_index{ width:340px; float:right; text-align:left; padding-top:45px; padding-bottom:40px;  }
.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;} 
#youxiang_pg{ 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;} 
#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;} 
#content_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;} 
.tijiao_in{ color:#FFF; font-size:20px; background:#222222; line-height:50px; width:100%; border-radius:5px;}

.work_index{overflow:hidden; clear:both; position:relative;}
.work_title{ margin-top:57px; margin-bottom:35px; overflow:hidden; clear:both;}
.work_title p{ font-size:20px; color:#3b3b3b; line-height:45px; background:url(work_title.png) no-repeat center center;}
.work_title span{ color:#232323; font-size:34px; text-transform:uppercase; line-height:50px; font-weight:bold;  }
.swiper-containerwork{ overflow:hidden; clear:both; margin-bottom:45px;}
.swiper-containerwork .swiper-slide{}
.swiper-containerwork .swiper-slide img{ border-bottom:5px solid #df2621; margin:4px; width: calc(100% - 8px);}
.swiper-containerwork .swiper-slide a{ border:1px solid #d8d8d8;}
.swiper-containerwork .swiper-slide p{ font-size:14px; color:#232322; line-height:43px; background:url(work_li_more.jpg) no-repeat right bottom;}
.swiper-button-nextwork{ background:url(work_left.png) no-repeat center center; width:18px; height:35px; position: absolute; left:10px; z-index:15; top:50%;}
.swiper-button-prevwork{ background:url(work_right.png) no-repeat center center; width:18px; height:35px; position:absolute; right:10px; z-index:15;top:50%;}
.work_more{ width:204px; margin:0 auto;}
.work_more a{ background:url(work_more.jpg) no-repeat center center; display:block; width:100%;height:64px;}

.news_index{ background:url(news_bg.jpg) no-repeat bottom center; clear:both; overflow:hidden;}
.news_title{ padding-top:56px; margin-bottom:50px;}
.news_title span{ font-size:45px; color:#0c0c0c; text-transform:uppercase; font-weight:bold;}
.news_title p{font-size:32px; color:#0c0c0c;background:url(news_title.png) no-repeat center center;}
.news_left{ overflow:hidden; float:left; position:relative; padding-right:0px; text-align:left; width:37.5%;}
.news_left a{ display:block; width:100%;}
.news_left p{ background:#000000ab; bottom:0; font-size:14px; color:#ffffff; width:100%; z-index:19; position:absolute; line-height:37px; padding-left:15px; }
.news_left img{width:100%;}

.news_tit{font-size: 24px;display: block;text-align: center;margin: 25px 0px;font-weight: 400;    border-right: 1px solid #eaeaea;color: #076ce0;border-top: 4px solid #076ce0;border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;line-height: 2em;}
.news_tit {margin-top: 35px;margin-bottom: 35px;}
.newsList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsList li { flex-basis: 49%; border-bottom: 1px dashed #ccc;line-height: 2em;padding: 5px 0;}
.newsList li a { width: 100%; display: flex; justify-content: space-between; }
.newsList li a .left_tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;margin: 0;line-height: 2em;}

.news_right{ width:60%; float:right;}
.news_ul{ text-align:left;}
.news_ul li{ margin-bottom:23px; clear:both; overflow:hidden;}
.news_time{  padding:37px 0 0 0;}
.news_time p{ font-size:14px; color:#999999; }
.news_time span{ color:#484c4c; font-size:24px; font-weight:bold;}
.news_home_r{ background:url(news_hei.png) no-repeat left 15px bottom 11px; padding-bottom:31px; border-left:1px solid #eeeeee; padding-top:4px; }
.news_home_r p{ font-size:22px; color:#0c0c0c;line-height:36px;}
.news_home_r span{ font-size:14px; color:#666666; display:block; line-height:24px; height:48px; overflow:hidden;}
.news_bot{ margin-top:55px; clear:both; overflow:hidden;}
.news_bot img{ width:auto; max-width:100%; }

.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;}
.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px; background:url(foot_t.jpg) no-repeat top left;}
.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;}

@media (max-width: 1200px) {           
.hc_ewm{ display:none;}
.form2{ display:none;}
.sousuo_top_youxiang{ display:none;}
.sousuo_top_left{ width: auto;}
.liuyan_index{ width:220px;}
.liuyan_title span{ display:none;}

}

@media (max-width: 992px) { 
.sousuo_top{ display:none;}
.prolist_right{ display:none;}
.prolist_index ul{ width:100%;border-right: 1px solid #d2d2d2;}
.prolist_index .container{ padding:0px;}
.about_title{ font-size:28px;}
.about_left{ width:100%;}
.about_right{ width:100%; margin-bottom:30px;}
.about_index{ padding-top:35px;}
.about_ul li{ padding:15px;}
.about_ul li img{ margin-bottom:10px;}
.about_ul li p{ line-height:50px;}
.liuyan_bg{ display:none;}

.foot_index_bg{ padding-top:25px;}
.foot_left{ width:100%; padding-top:0px; margin-bottom:25px; text-align:center;}
.foot_right{ width:100%;}

}

@media (max-width: 768px) {           
.prolist_index ul li{ width:33.3%;border-bottom: 1px solid #d2d2d2;}
.fbdz_index li{ padding-left:10px; padding-right:10px;}
.fbdz_index_bg .container{ padding:0px;}
.fbdz_index li{ margin-bottom:15px;}
.fbdz_title{ margin-bottom:25px;}
.news_left{ width:100%;}
.news_right{ width:100%;}


}

@media (max-width: 600px) {           
.about_ul li{ width:48%; margin-bottom:15px;}
.fbdz_title p{ width:100%; padding:0 30px;}



}

@media (max-width: 425px) {  
.pro_title p{ width:100%; padding:0 20px;}
.pro_title h1{ font-size:35px;}
.fbdz_title h2{ font-size:35px;}





         
.prolist_index ul li{ width:50%;}
.foot01{ width:50%;}
.foot02{ width:50%;}
.foot03{ width:100%;}



}


#sj{
    position: fixed;
    _position: absolute;
    top: 200px;
    left: 0px;
    background: #cfcfcf;
    z-index: 9999;}
#sj img{width: 240px;}
#sj p{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #ff0000;
}