body{font-family:"微软雅黑", "宋体";color:#666; color: rgba(0, 0, 0, 0.7); font-size: 12pt;
    text-rendering: optimizelegibility; line-height: 1.5; word-wrap: break-word; text-align: center;  }
ul, li {list-style: none; margin: 0; padding: 0 }
a { background-color: transparent; text-decoration: none; }

a:active,
a:hover { outline: 0; text-decoration: none}

*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
input,button,select,textarea{outline:none}
.fl_Le{float:left}
.fl_Ri{float:right}
.clear{clear:both;}
.c-md{margin-left: -15px;margin-right: -15px;}
.border{ border: 1px solid #f00;}



/*新闻动态 开始*/
.main-bg{ background: #eee; }
/*.main-bg{ background: #eee url("../images/t-bg-img.png") no-repeat top; margin-top: 0px;  }*/
.main-marginTop{margin-top:-350px;}
.news-bg{ background: transparent;}
.news-bg .col-md-12{ line-height: 55px;}
.line-dashed{ border: 1px dashed #dddbdb}
.news-left-box{background: #e6e6e6; box-shadow: -1px 1px 3px #ccc; margin-top: 18px;}
.news-left-box .news-menu-tit{ box-shadow: 5px 5px 0px ; }
.news-left-box .menuList a{ color: #000 }
.news-left-box .menuList a:hover{ background: url("../images/icon-n-green.jpg") no-repeat center; color: #f00}

.news-right-box{background: #fff;border-top-right-radius:10px;  box-shadow: 4px -4px 5px -3px #ccc; }
.news-right-box .n-title-box { border-bottom: 1px solid #eaeaea; height: 50px;}
.news-right-box .n-title-box .n-info-title{
    border-bottom: 3px solid #f20508; min-width: 90px;padding-left: 8px; height: 50px;
    color: #f20508; float: left; text-align: left; margin-left: -15px;font-size: 18px;
}
.news-right-box .n-title-box .n-info-way{ float: right; text-align: right; margin-right: -15px;}
.news-right-box .n-title-box .n-info-way a{ font-size: 12px; color: #9d9c9c}
.news-right-box .n-title-box .n-info-way a:hover{ color: #d43f3a}
.news-right-box .n-title-box .n-info-way .active{ font-size: 12px; color: #000}

.news-right-box .n-slider-box { border-bottom: 0px dashed #c7c6c6; height: 340px; }
.news-right-box .n-news-box { border: 0px solid #f00; height: auto; margin-top: 30px;}


/*--recent start here--*/
.recent { padding: 3em 0em 4em 0em;position: relative }
.recent-left { float: left; width: 50%; position: relative}
.recent-left img{ width: 100%; height: 240px;}
.recent-left img:hover{-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;  opacity: 0.8;  -moz-opacity: 0.8;  filter: alpha(opacity=80);}
.recent-left .recent-txt{ float: left; width: 25%;position: absolute; left: 0px; top:0px; background: #039041; height: 100%; }
.recent-left .recent-txt h3{ color: #fff;text-align: right;padding-right: 20px;padding-top: 35px;font-size: 30px; font-weight: bold;}
.recent-left .recent-txt p{ color: #fff; text-align: right;padding-right: 0px; font-size: 16px; }

.recent-right { float: right; width: 50%; padding-left: 0px; }
.recent-right h3 a{color: #666;}
.recent-main h3 { font-size: 1.3em; color: #000; text-align: left; margin: 0em 0em 0.1em 0em; }
.recent-main p { font-size: 0.9em; font-weight: 400; color: #818181; line-height: 1.6em; width: 80%; text-align: left; margin: 0.5em 0em 0em 0em; }
.recent-main p  a{ color: #818181; }
.recent-main p  a:hover{ color: #9d9d9d; text-decoration: underline}
.recent-btn a { font-size: 1em; font-weight: 400; color: #fff; background: #cdcdcd; padding: 0.5em 1em 0.5em 1em; text-decoration:none; }
.recent-btn a:hover { background:#d5271c; text-decoration:none; }
/*--recent end here--*/

/*.n-news-box  .news-item{ border-bottom: 1px dashed #c7c6c6; margin-left: 15px; margin-right: 15px; height: auto; overflow: hidden; margin-bottom: 0px; padding: 20px 0px;}*/
/*.news-item .n-news-date{ padding: 10px; height: 130px; border: 1px solid #cccccc;}*/
/*.news-item .n-news-date .n-news-dateBg{*/
    /*background: #eee;*/
    /*height: auto;*/
    /*text-align: center;*/
/*}*/
/*.n-news-dateBg .p1{ margin: 0; padding-top: 0px; font-size: 32px;}*/
/*.n-news-dateBg .p2{ font-size: 14px;}*/

/*.news-item .n-news-r-info{ height: 130px;}*/
/*.news-item .n-news-r-info h3{color: #666;text-align: left}*/
/*.news-item .n-news-r-info h3 a{color: #666;}*/
/*.news-item .n-news-r-info h3 a:hover{color: #b91111;}*/
/*.news-item .n-news-r-info .text{text-align: left; height: 75px; overflow: hidden; }*/
/*.news-item .n-news-r-info .text p{color: #9d9c9c;text-align: left; line-height: 35px;height: auto;}*/
/*.news-item .n-news-r-info .text p a{color: #9d9c9c;}*/
/*.news-item .n-news-r-info .text p a:hover{color: #c1c0c0; text-decoration: underline}*/
/*.news-item:hover{background: #f7f7f7;transition: background-color 300ms;}*/



/*关于我们*/
.about-com-box{ border: 0px solid #f00; height: auto; overflow: hidden; text-align: left; padding-top: 15px; padding-bottom: 50px;}
.about-info .about-com-box .about-pic{ border: 0px dashed #c7c6c6; margin: 0px auto; }
.about-info .about-com-box .about-txt{ border: 0px dashed #c7c6c6; margin: 0px auto; line-height: 28px;text-align: left; text-indent: 30px; font-size: 15px; }

.about-info .about-img-box{ border: 0px dashed #c7c6c6; height: auto; overflow: hidden; margin: 0px auto 20px;}
.about-info .about-img-box img{margin: 0 auto}
.about-img-box img{margin: 0 auto}

.message-box{ border: 0px solid #f00; height: auto; overflow: hidden; padding-bottom: 60px;}
.message-box .mess-input{ height: auto; overflow: hidden; text-align: left}
.message-box .mess-input label{text-align: left; padding: 12px 0px;font-weight: 300;}
.btn-mess{ background: #556275;color: #FFF;padding: 6px 15px;border: 1px solid #556275; font-size: 18px;letter-spacing: 1px; }
.btn-mess:hover{ background: #FFF;color: #556275; text-decoration: none;}

.message-box .mess-input textarea{height: 180px;}
.message-box .mess-input .tj{padding: 0px; margin-top: 30px;}

.message-box .mess-txt{ height: auto; overflow: hidden; margin-top: 15px;}
.message-box .mess-txt h3{text-align: left; font-size: 17px; color: #000;}
.message-box .mess-txt p{font-size: 14px; color: #6e6e6e}
.message-box .mess-txt .mess-adr{border: 0px solid #f00; height: auto; overflow: hidden; margin-top: 140px;}
.message-box .mess-txt .mess-adr p{border-bottom: 1px dashed #ddd; height: auto; overflow: hidden;line-height: 29px;color: #333; font-size: 15px;}
.message-box .mess-txt .mess-adr p span{padding-right: 10px;}
.message-box .mess-txt .mess-adr p a{color: #333}
.message-box .mess-txt .mess-adr p a:hover{color: #b91111}

/*行业新闻*/
.n-news-main{ border: 0px dashed #c7c6c6; min-height: 590px; margin: 30px auto }
.n-news-main h3{ padding-bottom: 20px;}
.n-news-main h3 a{ color: #666}
.n-news-main .fabu-date{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 50px; line-height: 50px; color: #ddd; margin: 10px auto }
.n-news-main .fabu-date .icon-clock{ display: inline-block;}
.n-news-main .fabu-date .date{display: inline-block; font-size: 14px;}
.n-news-main .txt-info{ line-height: 25px; font-size: 14px; padding-top: 10px; text-align: left; font-family: "宋体"}
/*行业新闻*/


/*品牌文化*/
.news-right-box .culture-box { border: 0px dashed #c7c6c6; min-height: 650px; height: auto; background: #fff; }
.culture-box .info-box{ border-bottom: 1px dashed #c7c6c6; min-height: 200px; height: auto; padding: 20px 0; margin: 20px auto }
.culture-box .info-img img{ width: 100%; height:157px; }
.culture-box .txt{ line-height: 26px; color: #333}
.culture-box .txt a{color: #333;}
.culture-box .txt a:hover{color: #a3a2a2; text-decoration: underline}

.culture-box .culture-date{ border: 0px dashed #c7c6c6; height: auto; padding: 20px 0 0px; margin: 20px auto 0px }
/*.culture-date .culture-list{ border: 0px solid #f00; min-height: 300px;margin: 30px auto 0px; }*/
/*.culture-date .culture-list .culture-item{ border: 1px solid #f00; height: 350px;margin: 30px auto 0px;background: url("../images/bg-shu.png") no-repeat bottom center; }*/
/*.culture-date .culture-list .col-md-3{ borde: 1px dashed #c7c6c6; margin-bottom: 30px; *//**//*}*/
/*.culture-date .culture-list .col-md-3 img{width: 100%;height: 200px; border: 1px solid #ccc; padding: 5px; cursor: pointer}*/
/*.culture-date .culture-list .col-md-3 img:hover{*/
    /*box-shadow: 0px 0px 7px #ccc;-moz-box-shadow: 0 0 7px; -o-box-shadow: 0 0 7px;-webkit-box-shadow: 0 0 7px;*/
    /*transition: 0.2s; -webkit-transition: 0.2s;-moz-transition: 0.2s;}*/
/*.culture-date .culture-list .col-md-3 p{font-size: 15px;}*/
/*.culture-date .culture-list .col-md-3 p a{color: #000}*/
/*.culture-date .culture-list .col-md-3 p a:hover{color: #f20508}*/
/*.culture-date .culture-list .col-xs-3 img{width: 100%;height: 55px;}*/

/*改版*/
.culture-date .culture-list{ border: 0px solid #f00; min-height: 300px;margin: 50px auto 30px; }
.culture-date .culture-list .culture-item{ border: 0px solid #f00; height: 310px;background: url("../images/bg-shu.png") no-repeat bottom center; }
.culture-date .culture-list .culture-item .item-info{ border: 0px solid #ff0; height: 200px;margin: 30px auto; width: 80%;}
.culture-date .culture-list .col-item{ borde: 1px dashed #c7c6c6; width: 20%; height: 170px; float: left; margin: 0 16px;}
.culture-date .culture-list .col-item img{ height: 190px;border: 1px solid #ccc;box-shadow: 0px 0px 7px #ccc;-moz-box-shadow: 0 0 7px; -o-box-shadow: 0 0 7px;-webkit-box-shadow: 0 0 7px;}



#timeline .timeline-item:after,#timeline .timeline-item:before { content: ''; display: block; width: 100%; clear: both; }

.culture-container{ border:0px solid #f00; width:100%; padding-bottom: 30px; padding-top: 30px;}

#timeline { width: 72%; margin-left: -15px; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#timeline:before { content: ""; width: 3px; height: 100%; background: #000; left: 50%; top: 0; position: absolute; }
#timeline:after {
    content: ""; clear: both; display: table; width: 100%}
#timeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}
#timeline .timeline-item .timeline-icon {
    background: #000;
    width: 50px;
    height: 50px;
    line-height:50px;
    text-align:center;
    color:#fff; font-size:18px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%}
#timeline .timeline-item .timeline-icon img {
    position: relative;
    top: 14px;
    left: 14px;
}
#timeline .timeline-item .timeline-content {
    width: 45%;
    background: #b27a47;
    padding: 15px; font-size: 15px;
    line-height: 27px;
    text-align: left;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color:#fff;
}
#timeline .timeline-item .timeline-content h2 {
    padding: 15px;
    background: #ee4d4d;
    color: #fff;
    margin: -20px -20px 0 -20px;
    font-weight: 500;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #b27a47;
}
#timeline .timeline-item .timeline-content.right { float: right; }
#timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #b27a47; }

@media screen and (max-width: 768px) {
    #timeline { width: 100%; margin: 0px auto; padding: 0; }
    #timeline:before { left: 0; }
    #timeline .timeline-item .timeline-content { width: 85%; float: right; line-height: 27px; text-align: left; }
    #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before { left: 15%; margin-left: -6px; border-left: 0; border-right: 7px solid #b27a47; }
    #timeline .timeline-item .timeline-icon { left: 0; }
}



/*企业内刊*/
.culture-date .nav>li>a { position: relative;  padding: 7px 15px; display: block; text-align: left}
.cul-date-tabs { border-bottom: 1px dashed #ddd; height: 55px; }
.cul-date-tabs > li { float: left;font-size: 13px;height: 24px; line-height: 24px; width: 150px; }
.cul-date-tabs > li > a { color: #fff; background: #9e9c9d; border-radius: 30px;}
.cul-date-tabs > li > a:hover { color: #fff; background: #039041}
.cul-date-tabs > li.active > a,
.cul-date-tabs > li.active > a:hover,
.cul-date-tabs > li.active > a:focus { width: 150px; color: #fff; background: #039041}


/*品牌文化  end*/


/*产品服务*/
.news-right-box .n-products-box { border: 0px solid #c7c6c6; min-height: 340px; margin-top: 30px; margin-bottom: 30px;}
.n-products-box .n-products-pic {border: 1px solid #e6e6e6; border-right: 0px; color: #7a7a7a; margin: 20px auto}
.n-products-box .n-products-pic img{ width: 297px; height: 212px; padding: 10px 0; }
.n-products-box .col-md-7 { border: 1px solid #e6e6e6; border-left: 0; color: #7a7a7a; margin: 20px auto}
.n-products-box h3{border-bottom: 1px dashed #c7c6c6; padding-bottom: 15px;}
.n-products-box .pro-adr-box{ text-align: left; min-height: 123px; margin-top: 10px; }
.n-products-box .pro-adr-box .pro-adr p{line-height: 25px; font-size: 15px; }
.pro-adr-box .erma{ margin-top: 10px;}
.pro-adr-box .erma img{height: 80px;}
.n-products-box .wz-txt { min-height: 403px;}
.n-products-box .wz-txt p{ line-height: 25px; font-size: 15px;}
/*.n-products-box .pro-adr{ text-align: left; border: 1px solid #f00; line-height: 22px; }*/
/*产品服务*/







.co-ccc{color: #ccc;text-transform: uppercase; font-size: 18px;}
.c-md{margin-left: -15px; margin-right: -15px;}
.m-b30{ margin-bottom: 30px;}
.m-t10{ margin-top: 10px;}
.m-t30{ margin-top: 30px;}
.p-b30{ padding-bottom: 30px;}