@CHARSET "UTF-8";

/*头部样式*/
#header{width:1000px;margin:0 auto;}
.top{}
.logo{float:left;}
.topLink{width:470px;float:right;text-align:right;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px; color:#5a5a5a;}
.topLink .k1 a{color:#5a5a5a;}
.topLink .k2{color:#5a5a5a;font-size:14px;font-family:"宋体";}

#menu{float: right;}

/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{float:right;height:24px;line-height:24px;font-weight:normal;}

/*主体样式*/
#container{width:1200px;margin:0 auto; padding-bottom:10px;}
.menu_cate{width:220px;float:left;border:1px solid #e0e1dc;padding:2px;}
.cate_title{line-height:28px;padding-left:20px;background-color:#ececec;font-size:14px;font-weight:bold;font-family:"微软雅黑";}
.about{width:524px;float:left;margin-left:12px;padding:2px;padding-bottom:5px;}
.about_title{line-height:28px;padding-left:15px;font-weight:bold; font-family:"微软雅黑"; font-size:15px; color:#fff;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px; color:#c4c4c4; line-height:20px;}

/*首页新闻*/
.news_company{width:397px;float:left; }
.news1_title{line-height:28px;padding-left:15px;font-weight:bold; font-family:"微软雅黑"; font-size:15px; color:#fff;}
.news_company .content{padding:5px;}
.bottom1{background:#54545c; margin-top:13px;}

/*首页左侧联系我们*/
.contact{width:217px;float:left;padding-bottom:5px;margin-top:10px; background:url(../images/aaa.jpg) left center no-repeat; padding-left:15px; margin-left:12px;}
.contact_title{line-height:28px;padding-left:15px;font-weight:bold; font-family:"微软雅黑"; font-size:15px; color:#fff;}
.contact .content{padding:5px;padding-left:18px; color:#c4c4c4; line-height:22px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;border:1px solid #e0e1dc;padding:2px;padding-top:5px;padding-bottom:5px;margin-top:10px;}
.case_title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{padding:2px;width:450px;float:left; position:relative;}
.recommend_product .title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.recommend_product .content{padding-top:5px;padding-bottom:4px;}
.roll_product{float:left;}
.roll_product li{padding-bottom:0px;}

/*首页下载中心*/
.down_index{margin-top:10px;width:280px;float:right;padding:2px;border:1px solid #e0e1dc;}
.down_index .title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.down_index .content{padding:5px;}

/*首页区域*/
.region{margin-top:10px;color:#333; background:#54545c;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";
border-bottom:2px solid #c4c4c4;font-size:15px; color:#fff;}
.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#c4c4c4;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}

.city h2{line-height:30px;border-bottom:1px dashed #E0E1DC;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}
.city .item a{color:#5a5a5a;}

/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px; background:#54545c; color:#fff; font-family:"微软雅黑"; font-size:15px; font-weight:bold;}

/*页面底部*/
#footer{margin:0 auto;text-align:center;padding-top:8px; background:#A8B5C6; color:#5a5a5a;}
#footer a{color:#5a5a5a;}
.nav_foot{text-align:center;line-height:24px;}
.copyright{text-align:center;line-height:24px;font-family:"arial";}

/*------------内页-------------------*/
.n_banner{width:1000px;margin:0 auto;}
.left{
    float: left;
    width: 305px;
}
.sort_menu{background:#54545c;}
.sort_menu h3{background:url(../images/m1.jpg) repeat-x;line-height:28px;padding-left:15px;font-weight:bold; color:#fff;}
.sort_product{margin-top:10px;background:#54545c;}
.sort_product h3{background:url(../images/m1.jpg) repeat-x;line-height:28px;padding-left:15px;font-weight:bold; color:#fff;}

.n_contact{margin-top:10px;background:#54545c;}
.n_contact h3{background:url(../images/m1.jpg) repeat-x;line-height:28px;padding-left:15px;font-weight:bold; color:#fff;}
.n_contact p.content{padding:5px; color:#c4c4c4; line-height:25px;}

.right{width:870px;float:right;padding-bottom:10px;}
.sitemp{padding: 15px 0;
    font-size: 14px;
    color: #2f2f2f;}
.sitemp h2{width:340px;float:left;line-height:30px;text-align:center;text-align:left;text-indent:10px; color:#fff;}
.sitemp .site{color:#2f2f2f;}
.sitemp .site a{color:#2f2f2f;}

.center1{margin-top:13px; background:#54545C;}
.edaa{width:184px; float:right; margin-right:6px;}
.mxx{float:left; margin-left:20px;}



.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  background: #292e39;
  padding: 10px 20px;
  position: relative;
}

.xypg-left-title h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.xypg-left-title i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;
}

.xypg-left-title span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  opacity: .6;
  margin-left: 10px;
  text-transform: capitalize;
}

.xypg-left-title span:before {
  content: "/";
  padding-right: 5px;
}

.xypg-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
}

.page-wrap-contact {
  padding: 10px 0;
  font-size: 14px;
}


.page-wrap-contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}


.xypg-news-list li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}

.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}

.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
}

.xypg-news-list li .more {
  margin-top: 15px;
}

.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  color: #000;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
          box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
  color: #292e39;
}

.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: #292e39;
}

@media (max-width: 990px) {
  .xypg-news-list li .tit {
    border-bottom: none;
  }
  .xypg-news-list li .tit h3 {
    padding-right: 0;
    padding-bottom: 10px;
  }
  .xypg-news-list li .tit .date {
    position: static;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 5px;
    color: #999;
  }
}













@media(max-width:768px){
    #container{
        width: 100%;
    }
    .left{
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .right{
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .content img{
        width: 100%!important;
    }
    .sort_product{
        display: none;
    }
    .n_contact{
        display: none;
    }
    .product_detail .img{
        float: none;
        margin-bottom: 20px;
    }
    .product_detail .list{
        float: none;
        margin-left: 0px;
        margin-top: 10px;
    }
    .product_list li{
        width: 48%;
        margin-right: 0px;
    }
    .product_list li:nth-child(2n){
        float: right;
    }
    .xypg-left-contact{
        display: none;
    }
    .sitemp{
        margin-top: 10px;
    }
    .page-message-img{
        display: none;
    }
}