.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 1s;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition: background 1s;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: #ff7f00;text-shadow: none;}
.header .nav .menu .no dd,
.header .nav .menu dl:hover dd {color: #ff7f00;}
.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: #ff7f00 !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: #ff7f00;}

.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; padding: 0 5%; background: #f7f7f7;}
.main .theme .ad ul li {overflow: hidden;width: 100%; text-align: center;}
.main .theme .ad ul li img {overflow: hidden;width: 100%;}

.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; padding: 0 5%; background: #ccc;}
.main .theme .ad1 ul li {overflow: hidden;width: 100%;text-align: center;}
.main .theme .ad1 ul li img {overflow: hidden;width: 100%;}
.main .theme .ad1 video {overflow: hidden;width: 100%;height: 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;width: 67px;height: 2px;background-color: #ff7f00;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: #ff7f00;}

.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;}
.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;}

/*3d展示结束*/
.main .theme .three_3d{overflow: hidden; position: absolute; z-index: 1000;  right:10%; top:85%; line-height: 20px; }
.main .theme .three_3d dl{overflow: hidden; text-align: center;}
.main .theme .three_3d dl dt{ line-height: 50px; animation-name: threedimensional; animation-duration: 10s;animation-iteration-count: infinite;}
.main .theme .three_3d dl dt span{font-size: 50px;color: #ec7f1a;}
.main .theme .three_3d dl dd{overflow: hidden; font-size: 12px; font-weight: 300; line-height: 15px;}
@keyframes threedimensional {
    0%   {transform: rotateX(0deg);}
    15%   {transform: rotateY(50deg);}
    25%   {transform: rotateZ(100deg);}
    45%   {transform: rotateX(150deg);}
    65%   {transform: rotateY(200deg);}
    75%   {transform: rotateZ(250deg);}
    85%   {transform: rotateX(300deg);}
    95%   {transform: rotateY(360deg);}
    100%   {transform: rotateZ(0deg);}
}

.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 10px;float: right;font-size: 12px;font-weight: bold;}

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

.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;}

.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 .news {overflow: hidden;}
.article1 .news .list dl {overflow: hidden;width: calc(50% - 20px);margin: 10px 10px 20px 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: #ff7f00;}

.article1 .data {overflow: hidden;margin: 50px 0 0 0;position: relative;width: 100%;}
.article1 .data .list {overflow: hidden;position: relative;width:  calc(23% - 2px);float: left; line-height: 20px;margin: 0 1% 30px 1%;border: #EFEFEF 1px solid;}
.article1 .data .list .img {overflow: hidden;width: 100%;height:auto;}
.article1 .data .list .txt {overflow: hidden; position: absolute;bottom: 0;left: 0;z-index: 1;
    text-shadow:0 1px 0 #000, 0 0 2px #000, 1px 0 0 #000;}
.article1 .data .list .txt dl {overflow: hidden; padding: 10px;}
.article1 .data .list .txt dl:hover dt {color: #ff7f00;}
.article1 .data .list .txt dl dt {overflow: hidden;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;margin: 0 0 5px 0; color: #fff;font-weight: 900;}
.article1 .data .list .txt dl dd {overflow: hidden;font-size: 14px;color: #fff;font-weight: 300;}
.article1 .data .list .txt dl dd:nth-child(2) {font-size: 12px;color: #eeeeee; font-weight: 300;}
.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 .three_data {overflow: hidden; padding: 5px; background: #f7f7f7; margin: 0 0 10px 0;}
.article1 .parameter .three_data dl {overflow: hidden; background: #FFF; margin: 5px;width: calc(33.3% - 10px); float: left;}
.article1 .parameter .three_data dl dt{overflow: hidden;}
.article1 .parameter .three_data dl dd{overflow: hidden; text-align: center; border-top: #f7f7f7 1px solid; line-height: 30px;}

.article1 .parameter .product-data {overflow: hidden; margin: 0 0 10px 0;}
.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: #ff7f00;color: #fff;font-size: 16px;line-height: 35px;padding: 0 20px;}



.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: #ff7f00 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 .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: #ff7f00 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: #ff7f00 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: #ff7f00;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: #ff7f00 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;}

.brand_list{overflow: hidden; margin: 30px 0 0 0; background: #f7f7f7; border-radius: 5px; padding: 5px;}
.brand_list dl{overflow: hidden;  width: 100px; margin: 5px; float: left; position: relative; border:#fff 1px solid; background: #fff; border-radius: 5px;}
.brand_list dl dt{overflow: hidden; }
.brand_list dl dd{overflow: hidden; font-size: 12px; color: #ccc; text-align: center; line-height: 30px;}
.brand_list .no{background: #000;}
.brand_list .no dd{color:#fff; font-weight: bold;}

.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; position: relative;}
.product dl:hover {color: #ff7f00;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;}
.product dl .brand{overflow: hidden;  position: absolute; z-index: 1; top:5px; right:5px; border-radius: 3px; width: 50px; height: 50px;}

.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: #ff7f00;color: #fff;font-size: 16px;position: absolute;top: 30px;right: 40px;line-height: 55px;padding: 0 20px;}

/*分类*/
.column{overflow: hidden;  padding: 30px 0 20px 0; margin: 10px 0;}
.border_top{ border-top: #EFEFEF 1px solid;}
.border_bottom{ border-bottom: #EFEFEF 1px solid;}
.column .txt{overflow: hidden; width: 40%; float: left;}
.column .txt h1{overflow: hidden; font-size: 20px; font-weight: bold; line-height: 20px; margin: 0 0 5px 0; padding: 0;}
.column .txt h1 span{font-size: 20px;  color: #ff7f00;}
.column .txt h2{overflow: hidden; font-size: 14px; font-weight: 300; line-height: 20px; margin: 0 0 5px 0; padding: 0;color: #9B9B9B;}
.column .txt h3{overflow: hidden; font-size: 12px; font-weight: 300; line-height: 20px; margin: 0 0 5px 0; padding: 0;color: #9B9B9B;}
.column .txt .parameter{overflow: hidden; width: 100%;margin: 10px 0 0 0; padding: 0;}
.column .txt .parameter dl{overflow: hidden; width: 50%; float: left; margin: 0 0 5px 0;}
.column .txt .parameter dl dt{overflow: hidden; width: 40%; float: left; color: #DDDDDD;white-space: nowrap;text-overflow: ellipsis;}
.column .txt .parameter dl dd{overflow: hidden; width: 60%; float: left;color: #9B9B9B;white-space: nowrap;text-overflow: ellipsis;}
.column .three{overflow: hidden;width: 60%; float: right;}
.column .three .img{overflow: hidden; width:calc(33.3% - 21px); padding:10px; float: left;  border-left: #EFEFEF 1px solid; position: relative; }
.column .three .img .name{font-size: 14px; font-weight: 300; position: absolute; color: #fff; left: 10px; top:5px; z-index: 1;text-shadow:0 1px 0 #000, 0 0 1px #000, 1px 0 0 #000;}
/*3D*/
.article1 .three_content{overflow: hidden; width: 100%; height: 600px; position: relative;}
.article1 .three .canvas,.article .three canvas{overflow: hidden; width: 100%; height: 600px;}
.article1 #info{ width: 100%; height: 600px; margin: 0; padding: 0;}
.article1 #character_canvas {width: 100%;}

/* 3D 加载*/
.process_3d{overflow: hidden; padding: 0; margin: 0; display: none; position: fixed; top: 40%; left: 0; right:0;  border-radius: 10px; color: #fff; text-align: center;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(2255,255,255,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(255,255,255,0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00ffffff',GradientType=1 );
}
.process_3d dl{overflow: hidden; padding: 20px 10px; text-shadow: 0 1px 0 #000;}
.process_3d dl dt{overflow: hidden; font-weight: bold; margin: 0 0 10px 0; font-size: 16px; text-overflow:ellipsis; white-space: nowrap;}
.process_3d dl dd{overflow: hidden; font-size: 10px; color: #ccc;}
.process_3d dl dd b{overflow: hidden; font-size: 12px; color: #83ff49}

/*底部*/
.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;}
/*页面客户聊天*/
.pc_sms {overflow: hidden; background: #eeeeee;width:calc(100% - 22px); padding: 10px; border-top: #EFEFEF 1px solid;border-left: #EFEFEF 1px solid;border-right: #EFEFEF 1px solid;}
.pc_sms .pc_message{overflow: hidden; position: relative;}
.pc_sms .pc_message .img{overflow: hidden; width: 40px; height: 40px; z-index: 1; top:0;  position: absolute; border-radius: 10px;background: #ccc;}
.pc_sms .pc_message .txt{overflow: hidden; margin: 0 50px 20px 50px; border-radius: 10px; width:calc(100% - 120px); float: right; padding: 10px;}
.pc_sms .pc_message .left{}
.pc_sms .pc_message .right{}
.pc_sms .triangle{position: absolute; z-index: 1; top:5px; width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.pc_sms .left .triangle{border-right: 8px solid #fff; left: 45px;}
.pc_sms .right .triangle{border-left: 8px solid #a5ea4f; right: 45px;}
.pc_sms .left .txt{background: #fff;}
.pc_sms .right .txt{background: #a5ea4f;}
.pc_sms .left .img{left: 0;}
.pc_sms .right .img{right: 0;}

.pc_sms_add{overflow: hidden;background: #eeeeee;width:calc(100% - 22px); padding: 10px; border-bottom: #EFEFEF 1px solid;border-left: #EFEFEF 1px solid;border-right: #EFEFEF 1px solid;}
.pc_sms_add dl{overflow: hidden;}
.pc_sms_add dl dt{overflow: hidden; float: left; width: 75%;}
.pc_sms_add dl dt textarea{overflow: hidden;width:calc(100% - 12px); background: #3c3f41; color: #fff; border: #f7f7f7 1px solid; padding: 5px; line-height: 20px; border-radius: 5px;}
.pc_sms_add dl dd{overflow: hidden; float: right; width: 24%;}
.pc_sms_add dl dd button{overflow: hidden; width: 100%; margin: 0; padding: 0; border: none; border-radius: 5px; background: #2a2a2a; color: #e8bf6a; line-height: 50px; font-weight: bold;}
/*去除百度地图版权*/
.anchorBL {display: none;}
.BMap_cpyCtrl {display: none;}