﻿.news-table { width: 100%; height: 340px; margin-top: 20px }
    .news-table tr td { width: 50%; vertical-align: top; }
.news-example { width: 95%; height: 340px; font-size: 40px; text-align: center; background-color: #F9F9F9; }
.news-nav { height: 40px; font-size: 16px; border-bottom: 1px solid #EDEDED }
    .news-nav ul { float: left; font-weight: bold; height: 100%; width: 100% }
    .news-nav span { float: right; font-size: 12px; margin-top: 13px }
    .news-nav ul li { float: left; height: 100%; text-align: center; line-height: 40px }
        .news-nav ul li.width2 { width: 50% !important }
        .news-nav ul li.width3 { width: 33.3333% !important }
        .news-nav ul li.width4 { width: 25% !important }
        .news-nav ul li:hover, .navhoverli { cursor: pointer; color: #FFF; background: #F18101; animation: NewBgColor 0.5s normal }
.news-title-div ul li { height: 34px; line-height: 34px }
    .news-title-div ul li:hover { color: #F18101; cursor: pointer; }
    .news-title-div ul li span:first-child { float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .news-title-div ul li span + span { float: right; font-size: 12px }
.ul-display { display: none }

@keyframes NewBgColor {
    from { background: #fff }
    to { background: #F18101 }
}


.ContentTitle { margin-top: 20px; font-size: 18px }
    .ContentTitle p:first-child { color: #333; margin-bottom: 10px; }
        .ContentTitle p:first-child > span, .ContentTitle p + p { font-weight: bold; color: #000 !important }
    .ContentTitle p + p { margin-bottom: 20px !important }
    .ContentTitle p img { vertical-align: middle; margin-left: 15px; width: 150px }
.fullbg { background: #F5F5F5; width: 100%; margin-top: 30px; padding: 0PX 0px 40px 0px }
.about-table { width: 100%; height: 220px; }
    .about-table tr td { background: #fff; }
    .about-table > tbody > tr > td { border-collapse:separate }
    .about-table .ablout-table-td1 { vertical-align: top; width: 50%; background: url('../images/index/about1.png') no-repeat center center; background-size: 100% 100%; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/about1.png', sizingMethod='scale'); }
    .about-table .ablout-table-td2 { background: url('../images/index/about2.png') no-repeat center center; background-size: 100% 100%; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/about2.png', sizingMethod='scale'); width: 25%; height: 50%; border: solid #F5F5F5 10px; border-top: none; }
    .about-table .ablout-table-td3 { background: url('../images/index/about2.png') no-repeat center center; background-size: 100% 100%; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/about2.png', sizingMethod='scale'); height: 50%; border: solid #F5F5F5 10px; border-top: none; border-right: none }
    .about-table .ablout-table-td4 { background: url('../images/index/about2.png') no-repeat center center; background-size: 100% 100%; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/about2.png', sizingMethod='scale'); height: 50%; border: solid #F5F5F5 10px; border-bottom: none }
    .about-table .ablout-table-td5 { background: url('../images/index/about2.png') no-repeat center center; background-size: 100% 100%; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/about2.png', sizingMethod='scale'); height: 50%; border: solid #F5F5F5 10px; border-bottom: none; border-right: none }
.about-content { font-size: 18px; padding-right: 10px }
.about-content1 { margin-bottom: 5px; font-size: 20px; color: #333; margin-top: 10px }
    .about-content1 span { font-weight: bold; color: #000 }
.about-content2 { font-weight: bold; margin-top: 5px; margin-bottom: 15px }
.about-content3 { color: #808080; font-size: 14px; margin-bottom: 5px; font-size: 12px; line-height: 25px }
.about-content, .about-btn { margin-left: 20px }
.about-btn { padding-top: 20px; }
    .about-btn a { width: 200px; background: #F18101; padding: 10px 30px; color: #fff; font-size: 12px; }
        .about-btn a:hover { color: #333 }
        .about-btn a i { margin-left: 10px }

/* 2018-12 开始*/
.productUl { margin-top: 10px }
    .productUl li { float: left; margin-left: 17px; }
        .productUl li:hover div { display: block }
        /*.productUl li:first-child { margin-left: 0px; }*/
.productUl li { margin-left: 5px; }
        .productUl li img { width: 591px; height: 400px; }
    .productUl li { height: 500px; }
.productdescribe { height: 40px; width: 100%; text-align: center; padding-top: 10px; }
    .productdescribe span { display: block; margin-bottom: 10px; font-weight: bold; font-size: 24px; }
    .productdescribe a { border: 1px solid #F18101; display: block; width: 100px; margin: auto; padding: 5px 10px; font-size: 16px; border-radius: 20px; color: #F18101 !important }
        .productdescribe a:hover { background: #F18101; color: #EDEDED !important }
/* .productdescribe{display:none}
.productdescribe{text-align: center;color: #FFF;background: #333;position:absolute;left: 0px;top: 0px;-khtml-opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:"alpha(opacity=80)";opacity:0.8;filter:alpha(opacity=80)}
.productdescribe span{display: inline-block;vertical-align: middle;line-height: 22px;} */
/* 2018-12 结束*/

.PartnerUl { margin-top: 30px }
    .PartnerUl li { float: left; margin-right: 10px; width: 12%; height: 60px; line-height: 60px; text-align: center; border: 1px solid #efefef }
        .PartnerUl li img { width: 90%; vertical-align: middle }

.hr-div { width: 100%; height: 30px; text-align: center; padding: 30px 0px 60px 0px }
    .hr-div span { color: #F18101; font-size: 24px; font-weight: bold;; }
    .hr-div p { font-size: 16px; color: #b3b2b2; padding-top: 5px; }
.hr-bg { background: url('../images/index/hr.png') center no-repeat; height: 15px; width: 100% }
