@charset "utf-8";
body{ margin: 0; padding: 0; font-size: 14px;}
a{ text-decoration: none;}
ul li{ list-style-type: none;}
ul,li,p,dl,dt,span{padding: 0; margin: 0;}
img{ max-height: 100%; max-width: 100%;}
.clear{clear: both;}
.w1200{width: 1200px;}
.content{ margin: 0 auto;}


/**   head  **/
#head { padding-bottom: 30px;}
.logo{text-align: center;}
.top_nav{ height: 40px; width: 100%; background: #2395f1;}
.nav{ display: flex; justify-content: space-between;}
.nav li{ width: 100px; height: 40px; text-align: center; line-height: 40px;}
.nav li a{ color: #fff;}

/*  foot */
#foot{ height: 260px; width: 100%; background: #2395f1;}
.foot_zs{ height: 220px;}
.foot_nav{ height: 40px; border-bottom: 1px solid #fff; line-height: 40px; display: flex; justify-content:space-between;     padding-top: 10px;}
.foot_nav li{ width: 150px; height: 40px; text-align: center;}
.foot_nav li a{ color: #fff; }
.foot_nr{ color: #f1f4f5; text-align: center; font-weight: bold; line-height: 25px;    margin-top: 15px;}
.foot_bq{ color: #fff; text-align: center; padding-top: 30px;}
#foot_yq{ height: 40px; width: 100%; color: #565656;}
.yqlj{ height: 40px; line-height: 40px;}

/**  index主体  **/
#cont{ padding-bottom: 60px;}
/*   cpzs  */
.cpzx{ height: 610px; background: url("../images/pro_tlt.png") no-repeat top center; border-right: 1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;  margin-bottom: 50px;}
.title{height: 30px; line-height: 30px;}
.index_pbt{display: block; float: left;   padding-left: 35px;color: #fff; }
.index_pgd{display: block; float: right; padding-right: 35px; color: #fff;}

.pro_fl{margin-top: 30px; height: 530px;}
.flxx{ height: 30px; width: 100%; display: flex; justify-content:  space-evenly;}
.flxx li{ width: 135px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #e6e6e6;}
.flxx li a{ color: #0e0e0e;}
.flxx li:hover{ background: #007fe6;}
.flxx li:hover a{ color: #fff;}


.flzs{ height: 500px; width: 100%; display: flex; justify-content:  space-evenly;; flex-wrap: wrap; margin-top: 25px; }
.FL_1{width: 275px; height: 245px;  }
.pro_alj{display: block; width:275px ; height:205px;    text-align: center;}
.pro_alj img{max-width: 260px; max-height: 192px; border: 5px solid #fff; box-shadow: 0px 1px 3px 3px  #e3e3e3;}  /** 图片   **/
.FL_1 p{ padding: 5px 0;}
.FL_1 p a{ color: #0e0e0e; text-align: center; display: block;}
.FL_1 p a:hover { color: #007fe6;}

/** news_about  **/
.news_about{ padding-bottom: 50px;}



/**   news  ***/
.news_L{width: 410px;  height: 290px; float: left;   background: url("../images/news_tlt.png")no-repeat top center;  border-right: 1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.news_index li{width: 85%; margin: 0 auto; height: 40px; border-bottom: 1px #8989 dashed;    line-height: 40px; background: url("../images/dot.png")no-repeat left center; padding-left: 15px;  }
.news_index li a{ color: #0e0e0e;}
.news_index li a:hover{ color: #007fe6;}
.news_index li span{ float: right; color: #969696;}



/**  about_r  **/
.about_r{width: 765px; height: 290px;  float: right;  background: url("../images/about_tlt.png")no-repeat top center;  border-right: 1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.tp{width: 360px; height: 260px; text-align: center;      float: left; }
.tp img{padding: 23px 15px;}
.nr{width: 405px; height: 260px;     float: left; padding:23px 0;    line-height: 23px;}


/** 联系我们   **/
.index_lxwm{ width: 100%; height: 300px; background: url("../images/lxwm.png")no-repeat center center;   margin-bottom: 50px;}


/**  厂房场景  **/
.cfcj{background: url("../images/cfcj_tlt.png")no-repeat top center;  border-right: 1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 310px;margin-bottom: 30px; }
.swiper-container2{ width: 100%; overflow: hidden; margin-top:30px;}

.alzs img { width: 260px; height: 195px; border: 5px solid #fff; box-shadow: 0px 1px 3px 3px  #e3e3e3; }
.swiper-slide p{ text-align: center;    margin-top: 15px;}
.swiper-slide p a{color: #0e0e0e;}







/** 内页  **/
.nry{ padding-bottom: 70px;}
/* left */
.nav_lx_left{width: 230px; height: auto; float: left;}
.left_dh{ border-left: 1px solid #8989; border-bottom:1px solid #8989; border-right:1px solid #8989;     margin-bottom: 15px;}
.dh_bt{ height: 90px; line-height: 90px; text-align: center; font-size: 26px; color: white; background: url("../images/left_menu.png")no-repeat 25px center #007aff;    padding-left: 20px;}
.l_dh{ width: 100%; height:auto; padding-bottom: 15px;}
.l_dh li{ width: 150px; height: 30px;  padding-left: 15px; line-height: 30px;  margin: 10px auto;background: url("../images/dot2.png")no-repeat left center;}
.l_dh li a{ color: #0e0e0e;}
.left_lx{height: auto; padding-bottom: 30px; border-left: 1px solid #8989; border-bottom:1px solid #8989; border-right:1px solid #8989;     margin-bottom: 15px;}
.lx_bt{height: 90px; line-height: 90px; text-align: center; font-size: 26px; color: white; background: url("../images/left_tel.png")no-repeat 25px center #007aff; padding-left: 20px;}
.lxfs{padding: 0 15px; line-height: 25px;}
.lxfs p{ font-size: 16px; font-weight: bold; color: #007fe6; padding: 15px 0 15px 0;}
/* xq_right */
.xq_right{ width: 940px; height: auto; float: right; padding-bottom: 30px; border-bottom: 1px solid #8989;border-left: 1px solid #8989; border-right: 1px solid #8989;  }
.dqwz{height: 30px; width: 100%;  line-height:30px; background: url("../images/pro_tlt.png") no-repeat left center;}
.dqlm{ display: block; height: 30px;  float: left; padding-left: 35px; color: white;}
.wz{ float: right; padding-right: 15px; color: white;}
.wz a{ color: white;}
.nr_zs p{ padding: 0 15px;}
.nr_zs{    font-size: 14px; line-height: 30px;}


/**    pro   **/
.list_pro{ width: 100%; }
.list_pro li{width: 215px; height: 245px;      margin: 15px 10px; float: left;}
.list_pro li p{ text-align: center; padding: 10px 0;}
.list_pro li p a{ color: #0e0e0e;   }
.list_img{width: 190px;height: 195px; text-align: center;border: 5px solid #fff; box-shadow: 0px 1px 3px 3px  #e3e3e3;    display: table-cell; vertical-align: middle;}
.list_img a img{ text-align: center;     max-width: 100%;
    height: 100%;}

#page{ height: 30px; margin-top: 20px;}
#page li{ width: 80px; height: 30px;  float: left; list-style-type: none;    text-align: center; line-height: 30px;}
#page li a{color: #999;}
#page li a:hover{color: #007fe6;}
.page_L{ float: left; width: 35%; height: 30px; line-height: 30px; text-align: left; padding-left: 30px;}
.page_L a{ color: #565656;}
.page_L a:hover{ color: #007fe6;}
.page_R{ float: right;width: 35%; height: 30px; line-height: 30px; text-align: right;  padding-right: 30px;}
.page_R a{ color: #565656;}
.page_R a:hover{ color: #007fe6;}
/* 详情页  */

.bt_fb_time{ padding: 30px 0;}
.art_bt{ width:100%; text-align: center; font-size: 25px; font-weight: bold; }
.art_time{ font-size: 14px; color:#999999; text-align: center;}



/**   list_news  **/
.list_news{   width: 100%; height:auto; }
.list_news li{ width: 90%; height: 40px; line-height: 40px; background: url("../images/dot2.png")no-repeat left center; border-bottom: 1px #ffc107 dashed; margin: 0 auto;}
.list_xw_title{ padding-left: 30px; float: left; color: #565656;}
.list_news_time{ float: right; padding-right: 10px;}



/*  pro */
.list_pro_zs li{width:910px; height: 160px; border-bottom: 1px solid #999; margin: 20px 10px; }
.pro_img{ width: 147px; float: left;}
.pro_img a{
    text-align: center;
    width: 145px;
    height: 145px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    border: 1px solid #ccc;
}
.pro_img img{max-width:100%; height: 145px;}
.pro_xq_time{ float: right; width:740px; }
.pro_bt_lx{width: 100%;    height: 30px; line-height: 30px;}
.pro_bt{float: left; color: black;    font-weight: bold;}
.pro_bt:hover{ color: #007fe6;}

.xzlx{float: right; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: url("../images/cply.jpg")no-repeat 7px center orangered;}
.xzlx span{    display: block; color: #fff; padding-left: 15px;}
.pro_wxq{ line-height: 25px;     color: #999;}
.pro_wxq a{ color: #303030;;}
.pro_wxq a:hover{ color: #007fe6;}
.fb_time{ height: 30px;color: #303030;}


/***相关产品   **/
.mup1{ margin-top:30px; height:26px; line-height:26px; border:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;}
.rytp div{ width:222px; float:left; margin:0px 5px;}
.rytp div li{ width:220px; border:1px solid #ccc;}
.rytp div li a{text-align:center;width:220px;height:220px;display:table-cell;vertical-align:middle;overflow:hidden;}
.rytp div li a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.rytp div li a img:hover{transform:scale(1.3);}
.rytp div p{ line-height:32px; height:32px; text-align:center;}

/*** 相关资讯 **/

.mup1{height:26px; line-height:26px; border:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;}

.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right: 2%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}