.header {
    overflow: unset;
    box-shadow: none;
    background: rgba( 0, 0, 0, 0.1);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    margin: 40px 0 0 0;
    padding: 20px 0 0 0;
    border-bottom: rgba( 0, 0, 0, 0.2) 1px solid;
    height: 90px;
}

.header.active {
    transition: background 1 s;
    -moz-transition: background 1 s;
    -webkit-transition: background 1 s;
    -o-transition: background 1 s;
    background: rgba( 0, 0, 0, 1);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


.header .nav {
    overflow: unset;
    margin: 0 10%;
}

.header .nav .logo {
    overflow: hidden;
    width: 20%;
    float: left;
}

.header .nav .logo img {
    overflow: hidden;
    width: 90%;
}

.header .nav .menu {
    overflow: unset;
    width: 80%;
    float: left;
}

.header .nav .menu dl {
    overflow: unset;
    position: relative;
    width: 16.6%;
    padding: 20px 0 0 0;
    float: left;
    text-align: right;
    color: #fff;
    text-shadow: #323232 0 1px 0;
}

.header .nav .menu .no,
.header .nav .menu dl:hover {
    color: #E5322C;
    text-shadow: none;
}

.header .nav .menu .no dd,
.header .nav .menu dl:hover dd {
    color: #E5322C;
}

.header .nav .menu dl dt {
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
}

.header .nav .menu dl dd {
    overflow: hidden;
    font-size: 12px;
    font-weight: 300;
    color: #DDDDDD;
    text-transform: uppercase;
}

.header .nav .menu dl .second {
    display: none;
}

.header .nav .menu dl:hover .second {
    display: block;
}

.header .nav .menu dl .second {
    position: absolute;
    width: 100%;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    border: rgba(0, 0, 0, 0.2) 1px solid;
    top: 90px;
    border-top: none;
}

.header .nav .menu dl .second ul {
    overflow: hidden;
}

.header .nav .menu dl .second ul li {
    color: #fff !important;
    text-shadow: #323232 0 1px 0;
    line-height: 40px;
    border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
    padding-right: 5px;
}

.header .nav .menu dl .second ul li:last-child {
    border-bottom: none;
}

.header .nav .menu dl .second ul li:hover {
    color: #E5322C !important;
    text-shadow: none;
}

.main {
    overflow: hidden;
}

.main .top {
    overflow: hidden;
    font-weight: 300;
    font-size: 12px;
    line-height: 40px;
}

.main .top .content {
    overflow: hidden;
    margin: 0 10%;
}

.main .top .content dl {
    overflow: hidden;
    float: left;
    width: 20%;
}

.main .top .content dl:hover dt .iconfont,
.main .top .content dl:hover dd {
    color: #fff;
}

.main .top .content dl dt {
    overflow: hidden;
    float: left;
    width: 15%;
}

.main .top .content dl dt .iconfont {
    color: #A6A6A6;
    line-height: 20px;
}

.main .top .content dl dd {
    overflow: hidden;
    float: left;
    width: 85%;
    color: #A6A6A6;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.main .top .content ul {
    overflow: hidden;
    float: left;
    width: 20%;
}

.main .top .content ul li {
    overflow: hidden;
    float: left;
    width: 20%;
    text-align: right;
}

.main .top .content ul li .iconfont {
    font-size: 18px;
}

.main .top .content ul li:hover .iconfont {
    color: #D20317;
}

.fueng {
    position: absolute;
    top: 40px;
    left: 10%;
    z-index: 101;
    background-color: #000;
    display: none;
    cursor: pointer
}

.fueng ul {
    overflow: hidden;
    padding: 5px 10px;
}

.fueng ul li {
    overflow: hidden;
    font-size: 14px;
    text-align: right;
    margin: 5px 0;
    padding: 0 0 0 40px;
    color: #A6A6A6;
}

.fueng ul li:hover {
    color: #fff;
}

.main .theme {
    overflow: hidden;
    position: relative;
}

.main .theme .ad {
    overflow: hidden;
    width: 100%;
    height: 400px;
    padding: 0 0 300px 0;
}

.main .theme .ad ul {
    overflow: hidden;
    height: 400px;
}

.main .theme .ad ul li {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.main .theme .ad ul li img {
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
}

.main .theme .ad .video {
    overflow: hidden;
    width: 100%;
    height: 400px;
}

.main .theme .ad .video video {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.main .theme .ad1 {
    overflow: hidden;
    width: 100%;
    height: 350px;
}

.main .theme .ad1 ul {
    overflow: hidden;
    height: 350px;
}

.main .theme .ad1 ul li {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.main .theme .ad1 ul li img {
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
}

.main .theme .admap {
    overflow: hidden;
    width: 100%;
    height: 350px;
}

.main .theme .p-background {
    overflow: hidden;
    width: 100%;
    height: 350px;
    padding: 0 0 250px 0;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 50%, #ffffff 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 50%, #ffffff 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 50%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.main .theme .mark {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    margin: 300px 10% 0 10%;
    border-radius: 5px;
    background: #fff;
    padding: 30px;
}

.main .splitline {
    padding: 20px 0 0 0;
}

.main .splitline h1 {
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    color: #323232;
}

.main .splitline h1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 67px;
    height: 2px;
    background-color: #ff0000;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main .theme .mark .article {
    text-align: center;
    color: #C2C2C2;
    padding: 10px 0 0 0;
}

.main .theme .mark .article h4 {
    text-align: center;
    padding: 0 0 10px 0;
    color: #555;
    font-weight: 400;
}

.main .theme .mark .article p {
    text-align: center;
    padding: 10px 0;
}

.main .theme .mark .aside {
    overflow: hidden;
    padding: 0 10px;
}

.main .theme .mark .aside .list {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    float: left;
    width: calc(25% - 42px);
    margin: 10px;
    padding: 10px;
}

.main .theme .mark .aside .list .img {
    overflow: hidden;
    float: left;
    width: 25%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main .theme .mark .aside .list .img .iconfont {
    font-size: 36px;
}

.main .theme .mark .aside .list .txt {
    overflow: hidden;
    float: left;
    width: 75%;
}

.main .theme .mark .aside .list .txt dl {
    overflow: hidden;
    line-height: 20px;
}

.main .theme .mark .aside .list .txt dl dt {
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
}

.main .theme .mark .aside .list .txt dl dd {
    overflow: hidden;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #C2C2C2;
}

.main .theme .mark .aside .list:hover .iconfont {
    color: #D20317;
}

.main .theme .mark1 {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    margin: 300px 10% 0 10%;
    border-radius: 5px;
    background: #fff;
    padding: 20px 30px 0 30px;
}

.main .theme .p-img {
    overflow: hidden;
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    margin: 50px 5% 0 0;
    width: 45%;
}

.main .theme .mark2 {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    margin: 300px 10% 0 10%;
    border-radius: 5px;
    background: #fff;
    padding: 20px 30px
}

.main .theme .mark2 .title {
    overflow: hidden;
    width: 50%;
    margin: 0 50% 0 0;
}

.main .theme .mark2 .title dl {
    overflow: hidden;
}

.main .theme .mark2 .title dl dt {
    overflow: hidden;
    font-size: 38px;
    font-weight: bold;
    line-height: 40px;
}

.main .theme .mark2 .title dl dd {
    overflow: hidden;
    color: #9B9B9B;
    margin: 5px 0 0 0;
}

.main .theme .mark2 .title dl dd b {
    overflow: hidden;
    font-size: 25px;
    font-weight: 400;
    color: #323232;
}

.main .theme .mark2 .title dl dd ul {
    overflow: hidden;
}

.main .theme .mark2 .title dl dd ul li {
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}

.main .theme .mark2 .title dl dd:nth-child(4) {
    height: 40px;
}

.main .theme .mark2 .video {
    overflow: hidden;
    width: 50%;
    margin: 20px 50% 0 0;
}

.main .theme .mark2 .video dl {
    overflow: hidden;
    width: 10%;
    margin: 0 10px 0 0;
    float: left;
    border: #EFEFEF 1px solid;
    position: relative;
    border-radius: 3px;
}

.main .theme .mark2 .video dl dt {
    overflow: hidden;
}

.main .theme .mark2 .video dl dd {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 50% 5px 5px 5px;
    font-size: 12px;
    vertical-align: bottom;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-align: center;
}

.main .theme .mark2 .video dl dd:hover {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: rgba(0, 0, 0, 0);
    font-weight: bold;
}

.main .theme .class {
    overflow: hidden;
}


/* .main .theme .class ul{overflow: hidden;}
.main .theme .class ul::-webkit-scrollbar{display: none;} */

.main .theme .class ul {
    overflow: hidden;
    border-bottom: #FAFAFA 1px solid;
    width: 70%;
    float: left;
}

.main .theme .class ul li {
    overflow: hidden;
    font-size: 16px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px 0 0;
    color: #9B9B9B;
    border-right: #EFEFEF 1px solid;
    margin: 0 10px 8px 0;
}

.main .theme .class ul a:last-child li {
    border-right: none;
}

.main .theme .class ul li:hover {
    color: #000;
}

.main .theme .class .no {
    color: #000;
}

.main .theme .class .searchform {
    overflow: hidden;
    border-bottom: #FAFAFA 1px solid;
    width: 30%;
}

.main .theme .class .searchform dl {
    overflow: hidden;
}

.main .theme .class .searchform dl dt {
    overflow: hidden;
    float: left;
    width: 75%;
}

.main .theme .class .searchform dl dd {
    overflow: hidden;
    float: left;
    width: 25%;
}

.main .theme .class .searchform input {
    margin: 0 0 4px 0;
    padding: 0 0 0 20px;
    border-radius: 2px;
    width: calc(100% - 22px);
    line-height: 20px;
    font-size: 12px;
    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes example {
    0% {
        border-left: #000 1px solid;
    }
    100% {
        border-left: #fff 1px solid;
    }
}

.main .theme .class .searchform button {
    background: #000;
    border: #000 1px solid;
    color: #fff;
    padding: 0;
    padding: 0 10px;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

.main .section {
    overflow: hidden;
    background: #fff;
}

.main .section1 {
    overflow: hidden;
    background: #FAFAFA;
}

.article2 {
    overflow: hidden;
    margin: 0 10% 20px 10%;
    padding: 30px;
    border-radius: 5px;
    background: #fff;
}

.article2 .video {
    overflow: hidden;
    width: 50%;
    margin: 0 50% 0 0;
}

.article2 .video dl {
    overflow: hidden;
    width: 10%;
    margin: 0 5% 0 0;
    float: left;
}

.article1 {
    overflow: hidden;
    margin: 0 10% 20px 10%;
    padding: 0 30px 30px 30px;
    border-radius: 0 0 5px 5px;
    background: #fff;
}

.article1 .map {
    overflow: hidden;
    padding: 20px 0 50px 0;
}

.article1 .map ul {
    overflow: hidden;
}

.article1 .map ul li {
    overflow: hidden;
    float: left;
    font-size: 10px;
    color: #DDDDDD;
    margin: 0 5px 0 0;
}

.article1 .map ul li span {
    margin: 0 5px 0 0;
}

.description {
    margin: 20px 0;
    color: #DDDDDD;
    text-align: center;
    font-size: 12px;
}

.keywords {
    margin: 20px 0;
    color: #DDDDDD;
    text-align: center;
    font-size: 12px;
}

.keywords span {
    margin: 0 0 0 50px;
}
.article1 .aside {overflow: hidden;width: 100%;padding: 30px 0 0 0;}
.article1 .aside h1{text-align: center;margin: 0 0 10px 0;}
.article1 .aside h2{text-align: left;margin: 0 0 10px 0; padding: 0 0 0 10px; border-left: #D20317 3px solid;}
.article1 .aside h3{text-align: left;margin: 0 0 10px 0;}
.article1 .aside h4{text-align: left;margin:10px 0; padding: 0 0 0 10px; border-left: #ccc 3px solid;}
.article1 .aside img {width: 80% !important;margin: 0 10% !important; height: auto !important;}
.article1 .aside p {margin: 20px 0 0 0;text-indent: 30px}
.article1 .aside p img {width: 80% !important;margin: 0 10% !important; height: auto !important;}
.article1 .aside hr{margin: 10px 0; border:none; height: 1px; background: #eaeaea}
.article1 .aside .img50_10_l{border: #F7F7F7 1px solid !important; padding: 10px !important; width:calc(50% - 22px) !important; margin: 0 50% 0 0 !important; background: #fff !important;}
.article1 .aside .img50_10_r{border: #F7F7F7 1px solid !important; padding: 10px !important; width:calc(50% - 22px) !important; margin: 0 0 0 50% !important; background: #fff !important;}
.article1 .aside .img80_10{border: #F7F7F7 1px solid !important; padding: 10px !important; width:calc(80% - 22px) !important; margin: 0 10% !important; background: #fff !important;}
.article1 .aside .img100_0{width:100% !important;margin: 0 !important;}
.article1 .aside table{overflow: hidden; line-height: 20px; font-size: 14px; width: 100%;}
.article1 .aside table tbody{overflow: hidden;}
.article1 .aside table tbody tr{overflow: hidden;}
.article1 .aside table tbody tr td{overflow: hidden;}
.article1 .aside table tbody tr td p {margin: 20px 0 0 0; font-size: 12px; text-indent: 20px}
.article1 .aside .video{width: 100%; margin: 0 0 10px 0}
.article1 .aside .video video{width: 100%; height: auto; background: #000}

.article1 .news {
    overflow: hidden;
}

.article1 .news .list dl {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    width: calc(50% - 42px);
    margin: 10px;
    padding: 10px;
    float: left;
    background: #fff;
}

.article1 .news .list dl dt {
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 0 20px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article1 .news .list dl dt span {
    font-size: 16px;
    color: #9B9B9B;
}

.article1 .news .list dl dd {
    overflow: hidden;
    color: #9B9B9B;
    font-size: 14px;
    text-indent: 30px;
    height: 60px;
}

.article1 .news .list dl:hover dt span {
    color: #D20317;
}

.article1 .data {
    overflow: hidden;
    margin: 30px 0 0 0;
    position: relative;
    width: 100%;
}

.article1 .data .list {
    overflow: hidden;
    position: relative;
    width: 45%;
    float: left;
    line-height: 20px;
    margin: 0 5% 30px 0;
}

.article1 .data .list .img {
    overflow: hidden;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: #EFEFEF 1px solid;
}

.article1 .data .list .txt {
    overflow: hidden;
    margin: 0 0 0 80px;
}

.article1 .data .list .txt dl {
    overflow: hidden;
}

.article1 .data .list .txt dl:hover dt {
    color: #D20317;
}

.article1 .data .list .txt dl dt {
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 5px 0;
}

.article1 .data .list .txt dl dd {
    overflow: hidden;
    font-size: 14px;
    color: #60615C
}

.article1 .data .list .txt dl dd:nth-child(2) {
    font-size: 12px;
    color: #9B9B9B;
}

.article1 .data .list .txt dl dd ul {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.article1 .data .list .txt dl dd ul li {
    overflow: hidden;
    width: 30%;
    float: left;
}

.article1 .data .list .txt dl dd ul li a {
    color: #0065F4;
    text-decoration: underline
}

.article1 .data .list .txt dl dd ul li .icon-play {
    overflow: hidden;
    color: #0EC2FF;
    font-size: 16px;
}

.article1 .data .list .txt dl dd ul li .icon-pdf {
    overflow: hidden;
    color: #D10200;
    font-size: 16px;
}

.article1 .data .list .txt dl dd ul li .icon-save {
    overflow: hidden;
    color: #71300A;
    font-size: 16px;
}

.article1 .paging {
    overflow: hidden;
}

.article1 .paging ul {
    overflow: hidden;
    margin: 30px 25% 0 25%;
    display: flex;
    justify-content: center;
}

.article1 .paging ul li {
    overflow: hidden;
    float: left;
    border: #EFEFEF 1px solid;
    padding: 5px 10px;
    margin: 0 5px 10px 5px;
    font-size: 14px;
    color: #9B9B9B;
}

.article1 .paging ul .no {
    color: #000;
}

.article1 .parameter {
    overflow: hidden;
    width: 30%;
    float: left;
    padding: 30px 0 0 0;
    font-size: 14px;
}

.article1 .parameter .product-data {
    overflow: hidden;
}

.article1 .parameter .product-data dl {
    overflow: hidden;
    margin: 0 0 5px 0;
    border-bottom: #EFEFEF 1px solid;
    padding: 5px 0;
}

.article1 .parameter .product-data dl dt {
    overflow: hidden;
    float: left;
    width: 40%;
}

.article1 .parameter .product-data dl dd {
    overflow: hidden;
    float: left;
    width: 60%;
    color: #9B9B9B;
}

.article1 .parameter .product-form {
    overflow: hidden;
}

.article1 .parameter .product-form dl {
    overflow: hidden;
    padding: 20px 0 0 0;
}

.article1 .parameter .product-form dl dt {
    overflow: hidden;
    font-size: 16px;
    margin: 0 0 15px 0;
    font-weight: bold;
}

.article1 .parameter .product-form dl dt .icon-smile-filling {
    color: #f0ad4e;
    font-size: 16px;
}

.article1 .parameter .product-form dl dd {
    overflow: hidden;
    font-size: 16px;
    color: #60615C;
    margin: 5px 0 0 0;
}

.article1 .parameter .product-form dl dd input {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 5px;
    width: calc(100% - 22px);
}

.article1 .parameter .product-form dl dd textarea {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 5px 100px 5px 5px;
    width: calc(100% - 115px);
    height: 62px;
}

.article1 .parameter .product-form dl dd button {
    border: none;
    overflow: hidden;
    border-radius: 2px;
    background: #E5322C;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    padding: 0 20px;
}

.article1 .detailed {overflow: hidden;width: 69%;float: right;padding: 30px 0 0 0;}
.article1 .detailed h1{text-align: center;margin: 0 0 10px 0;}
.article1 .detailed h2{text-align: left;margin: 0 0 10px 0; padding: 0 0 0 10px; border-left: #E5322C 3px solid;}
.article1 .detailed h3{text-align: left;margin: 0 0 10px 0;}
.article1 .detailed h4{text-align: left;margin:10px 0; padding: 0 0 0 10px; border-left: #ccc 3px solid;}
.article1 .detailed img {width: 80% !important;margin: 0 10% !important; height: auto !important;}
.article1 .detailed p {margin: 20px 0 0 0;text-indent: 30px}
.article1 .detailed p img {width: 80% !important;margin: 0 10% !important; height: auto !important;}
.article1 .detailed hr{margin: 10px 0; border:none; height: 1px; background: #eaeaea}
.article1 .detailed .img50_10_l{border: #F7F7F7 1px solid !important; padding: 10px !important; width:calc(50% - 22px) !important; margin: 0 50% 0 0 !important; background: #fff !important;}
.article1 .detailed .img50_10_r{border: #F7F7F7 1px solid !important; padding: 10px !important; width:calc(50% - 22px) !important; margin: 0 0 0 50% !important; background: #fff !important;}
.article1 .detailed .img80_10{border: #F7F7F7 1px solid !important; padding: 10px !important; width:calc(80% - 22px) !important; margin: 0 10% !important; background: #fff !important;}
.article1 .detailed .img100_0{width:100% !important;margin: 0 !important;}
.article1 .detailed table{overflow: hidden; line-height: 20px; font-size: 14px; width: 100%;}
.article1 .detailed table tbody{overflow: hidden;}
.article1 .detailed table tbody tr{overflow: hidden;}
.article1 .detailed table tbody tr td{overflow: hidden;}
.article1 .detailed table tbody tr td p {margin: 20px 0 0 0; font-size: 12px; text-indent: 20px}
.article1 .detailed .video{width: 100%; margin: 0 0 10px 0}
.article1 .detailed .video video{width: 100%; height: auto; background: #000}

.data-title {
    overflow: hidden;
}

.data-title .txt {
    overflow: hidden;
    width: 50%;
    float: left;
}

.data-title .txt dl {
    overflow: hidden;
}

.data-title .txt dl dt {
    overflow: hidden;
    font-size: 25px;
}

.data-title .txt dl dd {
    overflow: hidden;
    font-size: 16px;
    color: #60615C
}

.data-title .txt dl dd:nth-child(2) {
    font-size: 12px;
    color: #9B9B9B;
    margin: 0 0 35px 0;
}

.data-title .txt dl dd ul {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.data-title .txt dd ul li {
    overflow: hidden;
    width: 30%;
    float: left;
}

.data-title .txt dl dd ul li a {
    color: #0065F4;
    text-decoration: underline
}

.data-title .txt dl dd ul li .icon-pdf {
    overflow: hidden;
    color: #D10200;
    font-size: 16px;
}

.data-title .txt dl dd ul li .icon-save {
    overflow: hidden;
    color: #71300A;
    font-size: 16px;
}

.data-title .img {
    overflow: hidden;
    width: 40%;
    float: left;
    margin: 0 0 0 10%;
}

.data-title .img video {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.data-relation {
    overflow: hidden;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    border-top: #EFEFEF 1px solid;
}

.data-relation ol {
    overflow: hidden;
    width: 100%;
    background: #FAFAFA;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    column-rule-width: 0px;
    -webkit-column-rule-color: #fff;
    -moz-column-rule-color: #fff;
    column-rule-color: #fff;
    column-width: 0px;
    -moz-column-width: 0px;
    -webkit-column-width: 0px;
}

.data-relation ol li {
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
    /* column-span:all;-webkit-column-span:all; */
}

.data-relation ul {
    overflow: hidden;
    width: 100%;
    border-bottom: #FAFAFA 1px solid;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    column-rule-width: 0px;
    -webkit-column-rule-color: #fff;
    -moz-column-rule-color: #fff;
    column-rule-color: #fff;
    column-width: 0px;
    -moz-column-width: 0px;
    -webkit-column-width: 0px;
}

.data-relation ul li {
    overflow: hidden;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    /* column-span:all;-webkit-column-span:all; */
}

.data-relation ul:hover {
    border-bottom: #D20317 1px solid;
}

.contact-title {
    overflow: hidden;
}

.contact-title .txt {
    overflow: hidden;
    width: 50%;
    float: left;
}

.contact-title .txt dl {
    overflow: hidden;
}

.contact-title .txt dl dt {
    overflow: hidden;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.contact-title .txt dl dd {
    overflow: hidden;
    font-size: 16px;
    color: #60615C;
    margin: 10px 0 0 0;
}

.contact-title .contact-form {
    overflow: hidden;
    width: 40%;
    float: left;
    margin: 0 0 0 10%;
}

.contact-title .contact-form dl {
    overflow: hidden;
}

.contact-title .contact-form dl dt {
    overflow: hidden;
    font-size: 20px;
    margin: 0 0 15px 0;
}

.contact-title .contact-form dl dt .icon-smile-filling {
    color: #f0ad4e;
    font-size: 20px;
}

.contact-title .contact-form dl dd {
    overflow: hidden;
    font-size: 16px;
    color: #60615C;
    margin: 5px 0 0 0;
}

.contact-title .contact-form dl dd input {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 5px;
    width: calc(100% - 22px);
}

.contact-title .contact-form dl dd textarea {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 5px 100px 5px 5px;
    width: calc(100% - 115px);
    height: 62px;
}

.contact-title .contact-form dl dd button {
    border: none;
    overflow: hidden;
    border-radius: 2px;
    background: #E5322C;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    padding: 0 20px;
}

.article {
    overflow: hidden;
    border-radius: 5px;
    margin: 20px 10%;
    padding: 30px 0;
}

.article .title {
    overflow: hidden;
}

.article .title dl {
    overflow: hidden;
}

.article .title dl dt {
    overflow: hidden;
    float: left;
    width: 20%;
    font-size: 28px;
    font-weight: bold;
    margin: 0 10% 0 0;
    color: #555;
}

.article .title dl dd {
    overflow: hidden;
    float: left;
    width: calc(70% - 22px);
    border-left: #ff0000 2px solid;
    padding: 0 0 0 20px;
    color: #555;
    font-size: 16px;
}

.article .title dl dd ul {
    overflow: hidden;
    margin: 10px 0 0 0;
}

.article .title dl dd ul li {
    overflow: hidden;
    float: left;
    text-align: center;
    margin: 0 20px 0 0;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    padding: 0 20px 0 0;
}

.article .title dl dd ul li:before {
    content: '\e6ed';
    position: absolute;
    right: 0;
    font-family: "iconfont" !important;
    font-size: 10px;
    color: #C2C2C2;
    line-height: 10px;
    top: 5px;
}

.product {
    overflow: hidden;
    margin: 30px 0 0 0;
}

.product dl {
    overflow: hidden;
    float: left;
    border: #EFEFEF 1px solid;
    opacity: 0.7;
    transition: all .7s ease 0s;
    width: calc(25% - 42px);
    padding: 10px;
    margin: 10px;
}

.product dl:hover {
    color: #D20317;
    border: #000 1px solid;
    opacity: 1;
    box-shadow: -1px 1px 27px -5px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: -1px 1px 27px -5px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: -1px 1px 27px -5px rgba(255, 255, 255, 0.7);
}

.product dl dt {
    overflow: hidden;
}

.product dl dd {
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article .news {
    overflow: hidden;
    margin: 30px 0 0 0;
    position: relative;
    width: 100%;
}

.article .news .list {
    position: initial !important;
    -webkit-transition-timing-function: linear;
    margin: 0 auto;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.article .news .list dl {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    width: calc(25% - 22px);
    margin: 10px;
    float: left;
    background: #fff;
}

.article .news .list dl dt {
    overflow: hidden;
}

.article .news .list dl dd {
    overflow: hidden;
    padding: 0 10px;
}

.article .news .list dl dd .icon-browse {
    float: right;
}

.article .news .list dl dd:nth-child(2) {
    color: #C2C2C2;
}

.article .news .list dl dd:nth-child(3) {
    margin: 10px 0;
}

.article .partnerimg {
    overflow: hidden;
    margin: 30px 0 0 0;
}

.article .partnerimg ul {
    overflow: hidden;
}

.article .partnerimg ul li {
    overflow: hidden;
    float: left;
    width: 18%;
    margin: 0 1%;
}

.article .partnerimg ul li img {
    overflow: hidden;
    width: 100%;
}

.article .partnerform {
    overflow: hidden;
    margin: 30px 0 0 0;
    padding: 20px;
    background: #FAFAFA;
    position: relative;
}

.article .partnerform dl {
    overflow: hidden;
}

.article .partnerform dl dt {
    overflow: hidden;
    float: right;
    width: 50%;
}

.article .partnerform dl dd {
    overflow: hidden;
    float: left;
    width: 25%;
    margin: 0 0 10px 0;
}

.article .partnerform input {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 5px;
    width: calc(100% - 22px);
}

.article .partnerform textarea {
    overflow: hidden;
    border: #EFEFEF 1px solid;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 5px 100px 5px 5px;
    width: calc(100% - 115px);
    height: 62px;
}

.article .partnerform button {
    border: none;
    overflow: hidden;
    border-radius: 2px;
    background: #E5322C;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 30px;
    right: 40px;
    line-height: 55px;
    padding: 0 20px;
}

.main .section .aside {
    overflow: hidden;
    border-radius: 5px;
}

.main .section1 .article {
    overflow: hidden;
    border-radius: 5px;
    margin: 20px 10%;
    padding: 30px 0;
}

.main .section1 .aside {
    overflow: hidden;
    border-radius: 5px;
}

.footer {
    overflow: hidden;
    background: #323232;
    color: #fff;
}

.footer .contact {
    overflow: hidden;
    margin: 0 10%;
    padding: 20px 0 30px 0;
    font-size: 14px;
}

.footer .contact a {
    color: #fff;
}

.footer .contact .logo {
    overflow: hidden;
    width: 20%;
    float: left;
}

.footer .contact .logo dl {
    overflow: hidden;
}

.footer .contact .logo dl dt {
    overflow: hidden;
}

.footer .contact .logo dl dt img {
    overflow: hidden;
    width: 80%;
}

.footer .contact .txt {
    overflow: hidden;
    width: 20%;
    float: left;
}

.footer .contact .txt dl {
    overflow: hidden;
    margin: 10px 10px 0 10%;
}

.footer .contact .txt dl dt {
    overflow: hidden;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.footer .contact .txt dl dd {
    overflow: hidden;
    position: relative;
    padding: 0 0 0 20px;
    color: #C2C2C2;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer .contact .txt dl dd:before {
    content: '\e6ed';
    position: absolute;
    left: 0;
    font-family: "iconfont" !important;
    font-size: 10px;
    color: #C2C2C2;
    line-height: 10px;
    top: 10px;
    font-weight: 300;
}

.footer .contact .txt ul {
    overflow: hidden;
    margin: 20px 10px 0 10%;
}

.footer .contact .txt ul li {
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
}

.footer .contact .txt ul li .iconfont {
    overflow: hidden;
    font-size: 20px;
}

.footer .contact .fabric {
    overflow: hidden;
    width: 30%;
    float: left;
}

.footer .contact .fabric dl {
    overflow: hidden;
    margin: 10px 10px 0 10px;
}

.footer .contact .fabric dl dt {
    overflow: hidden;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.footer .contact .fabric dl dd {
    overflow: hidden;
    float: left;
    width: 30%;
    margin: 0 3% 0 0;
    color: #C2C2C2;
}

.footer .contact .relation {
    overflow: hidden;
    width: 30%;
    float: left;
}

.footer .contact .relation dl {
    overflow: hidden;
    margin: 10px 0 0 10px;
}

.footer .contact .relation dl dt {
    overflow: hidden;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.footer .contact .relation dl dt .icon-elipsis {
    float: right;
}

.footer .contact .relation dl dd {
    overflow: hidden;
    color: #C2C2C2;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer .bottom {
    overflow: hidden;
    background: #000;
    color: #555;
    font-size: 12px;
    text-align: center;
}


/*去除百度地图版权*/

.anchorBL {
    display: none;
}

.BMap_cpyCtrl {
    display: none;
}


/* 公司内容编辑 */

.companyintroduction{overflow: hidden; width: 100%;}
.companyintroduction .company_img{overflow: hidden; margin:0 !important; padding: 0; width:100% !important; display: block;}
.companyintroduction .company_img img{overflow: hidden; margin:0; padding: 0; width:100%; display: block;}
.companyintroduction .company_content{overflow: hidden; padding: 10px;}
.companyintroduction .company_left{width: calc(60% - 20px); float: left;  padding: 10px 20px 10px 0;}
.companyintroduction .company_right{width: calc(40% - 20px); float: right; padding: 20px 10px;}
.companyintroduction .company_right img{overflow: hidden; margin:0; padding: 0; width:100%; display: block;}

.companystatistic{overflow: hidden; margin: 100px 20px 20px 20px; box-shadow: 0 1px 6px #ccc; padding: 20px;width:calc(100% - 80px);}
.companystatistic dl{overflow: hidden; padding: 5px; margin: 5px; text-align: center; width:  calc(20% - 21px); float: left; border-left:#F3F3F3 1px solid;}
.companystatistic dl:nth-child(1){border-left:none;}
.companystatistic dl dt{overflow: hidden; font-weight: bold; color: #D10216; font-size:35px; line-height: 35px; margin: 0 0 10px 0;}
.companystatistic dl dd{overflow: hidden; padding: 0 30px;line-height: 20px;height: 40px;}

.companyculture{overflow: hidden; margin: 30px 0 0 0}
.companyculture dl{overflow: hidden; position: relative; line-height: 20px; width: calc(25% - 40px); margin: 0 10px  50px 10px; padding: 10px; float: left;  text-align: center; background: #F3F3F3; border-radius: 3px;}
.companyculture dl dt{overflow: hidden; font-weight: bold; font-size: 20px; padding: 0 0 20px 0; width: 100%;}
.companyculture dl dd{overflow: hidden; color: rgb(114, 114, 114); padding: 0 0 50px 0; width: 100%;font-size: 16px; line-height: 20px;}
.companyculture dl dd:nth-child(3){padding: 10px 5%; width: 90%; height: 140px;}
.companyculture dl dd b{ color: #D10216;line-height: 30px; font-size: 30px;}
.companyculture dl dt .img{overflow: hidden; width:40% !important; margin: 40px 30% 10px 30% !important;}

.honor ,.patent{overflow: hidden;width: 100%;}
.honor{padding: 0 20px;box-sizing: border-box;position: relative;}
.honor ul,.patent ul{overflow: hidden;}
.honor ul{display: flex; transition: all}
.honor ul li a,.patent ul li a{width: 100%;}
.honor ul li{overflow: hidden;width: calc(18% - 2px);margin: 10px;float: left;border: #ccc 1px solid;flex: 1 0 auto;transition: all 0.5s linear;}
.honor span{position: absolute;width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 50%;background: rgba(0,0,0,0.5);color: #fff;}
.honor .pre{left: 0;top: 50%; background:#ff0000; color: #fff}
.honor .next{right: 0;top: 50%; background:#ff0000; color: #fff}

.honor1111{
    overflow: hidden;width: 100%;
    width: 100%;/*2张图片的总宽度*/
    height: 300px;
    overflow: hidden;/*超出的隐藏*/
}
.honor1111 ul{ width: 3198px; /*6张图片的总宽度 放在一行*/
    height: 300px;
    list-style: none;}
.honor1111 ul li{ float: left; width: 200px;height: 100%;}
.honor1111 ul li img{width: 100% !important;height: 100% !important;}



.honor1111{padding: 0 20px;box-sizing: border-box;position: relative;}
.patent ul li{overflow: hidden;width: calc(14.5% - 2px);margin: 10px 1%;float: left;border: #ccc 1px solid;}

.culture{overflow: hidden;width: 100%;margin: 30px 0 0 0;}
.culture dl{overflow: hidden;margin: 10px 1%;width: 23%;float: left;text-align: center;}
.culture dl dt{overflow: hidden;font-size: 16px;font-weight: bold;}
.culture dl dd{overflow: hidden;font-size: 12px;font-weight: 300;}
.culture dl dd:nth-child(2){overflow: hidden;padding: 5px 25%;}

.years{overflow: hidden; margin: 30px 0 0 0; display: none;}
.years dl{overflow: hidden; position: relative;}
.years dl dt{overflow: hidden;width:  calc(20% - 20px);float: left; text-align: right; font-weight: bold; font-size: 25px; padding: 0 20px 0 0;}
.years dl dd{overflow: hidden;  width:  calc(80% - 21px);float: left; color: #ccc; border-left: #ccc 1px solid; padding: 0 0 50px 20px;}
.years dl dd b{ font-size: 14px; font-weight: bold; color: #000;}
.years dl span{overflow: hidden; position: absolute; top:0; left: calc(20% - 8px); margin: -2px 0 0 0; font-size: 16px; color: #ccc;}
.years dl:hover span{color: #ff0000}

.education{overflow: hidden; margin: 30px 0 0 0}
.education dl{overflow: hidden; position: relative; line-height: 20px;}
.education dl dt{overflow: hidden;width:  calc(20% - 20px);float: left; text-align: right; font-weight: bold; font-size: 18px; padding: 0 20px 0 0;}
.education dl dd{overflow: hidden;  width:  calc(80% - 21px);float: left; color: rgb(114, 114, 114); border-left: rgb(228, 228, 228) 1px solid; padding: 0 0 50px 20px;}


.iconhome{overflow: hidden; position: fixed;width: 60px; height: 60px; border-radius:60px; text-align: center; font-size: 12px; color: #fff; background: #D10216; line-height:10px; text-align: center; z-index: 1000; right:6%; bottom: 5%;}
.iconhome .icon-home-filling{ font-size: 30px; color: #fff; line-height:40px;}

.alibaba{overflow: hidden;}
.alibaba dl{overflow: hidden; width: 100% !important;}
.alibaba dl dt{overflow: hidden; width: 100%;}
.alibaba dl dt img{overflow: hidden; width: 50%;}
.alibaba dl dd{overflow: hidden; width: 100% !important; margin: 10px 0 0 0 !important;}

.whuasj{display: block;}