/*授权证书*/
.mn-box {border: 1px solid #efefef;padding: 20px;margin-bottom: 15px;}

.clearfix{zoom:1;}

.list-3 {padding: 0 15px 15px;}
.list-3 li a {display: block;margin: 15px 0 0;background-color: #f5f5f5;transition: all 0.5s;}
.list-3 li .img-center {overflow: hidden;}
.list-3 li .img-center img {transition: all 0.5s;}
.list-3 li .text {text-align: center;padding: 0 10px;line-height: 30px;height: 30px;overflow: hidden;font-size: 12px;}
.list-3 li a:hover {background-color: #ea3516;color: #fff;}
.list-3 li a:hover .img-center img {transform: scale(1.1);}
.list-3-1 {margin: -20px 0 0 -20px;padding: 0;}
.list-3-1 li {float: left;width: 33.333333%;}
.list-3-1 li a {margin: 20px 0 0 20px;}
.list-3-1 li .img-cover span {padding-top: 78.7%;}
.list-3-1 li .text {line-height: 36px;height: 36px;}
.list-3-1 li a:hover .img-cover span {transform: scale(1.1);}


.img-cover {overflow: hidden;}
.img-cover span {display: block;width: 100%; height: 10px; background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;}


/*新闻*/



.list-4 li {margin-bottom: 10px;}
.list-4 li a {display: block;overflow: hidden;padding: 20px;background-color: #f5f5f5;}
.list-4 li .more-2 {float: right;line-height: 36px;width: 90px;text-align: center;background-color: #ec5b43;color: #fff;margin-top: 20px;}
.list-4 li .date {float: left;width: 76px;background-color: #fff;text-align: center;padding: 14px 0;}
.list-4 li .date strong {display: block;font-family: Impact;font-size: 24px;line-height: 1;margin-bottom: 5px;}
.list-4 li .text {margin: 0 110px 0 95px;}
.list-4 li .text h4 {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.list-4 li .text p {margin: 5px 0 0;line-height: 1.8;height: 50px;overflow: hidden;color: #666;text-align: justify; font-size: 14px;}
.list-4 li:nth-of-type(even) a {background-color: #fdeae7;}


.pages {margin: 20px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages a.active {background-color: #ea3516;color: #fff;}



.panel-mn {border: 1px solid #efefef;margin-bottom: 15px;border-top: 2px solid #f0715b;}
.panel-mn .tit {padding: 0 20px;background: -webkit-linear-gradient(bottom, #f5f5f5, #eee);
    background: -moz-linear-gradient(bottom, #f5f5f5, #eee);
    background: -o-linear-gradient(bottom, #f5f5f5, #eee);
    background: linear-gradient(bottom, #f5f5f5, #eee);line-height: 44px;font-weight: bold;color: #ea3516;}
.panel-mn .bd {padding: 20px;}


.list-5 {margin-left: -30px;}
.list-5 li {float: left;width: 50%;}
.list-5 li a {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;position: relative;padding-left: 10px;line-height: 30px;margin-left: 30px;}
.list-5 li a:before {content: '';position: absolute;left: 0;top: 50%;width: 0;height: 0;margin-top: -3px;border-top: 3px solid transparent;border-left: 4px solid #ea3516;border-bottom: 3px solid transparent;}
.list-5 li span {float: right;color: #999;}



.list-6 {margin: -20px 0 0 -20px;}
.list-6 li {float: left;width: 25%;}
.list-6 li a {display: block;margin: 20px 0 0 20px;}
.list-6 li .img-cover {border: 1px solid #efefef;transition: all 0.5s;}
.list-6 li .img-cover span {padding-top: 100%;}
.list-6 li .text {margin-top: 10px;text-align: center;}
.list-6 li .text h4 {margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-6 li .text p {margin: 5px 0 0;font-size: 12px;color: #888;height: 43px;overflow: hidden;}
.list-6 li a:hover .img-cover {border-color: #ea3516;}
.list-6 li a:hover .img-cover span {transform: scale(1.1);}




/*产品中心*/

.list-1 {margin: -20px 0 0 -20px;}
.list-1 li {float: left;width: 33.333333%;}
.list-1 .wrap {margin: 20px 0 0 20px;background: -webkit-linear-gradient(top, #fff, #eee);
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff, #eee);
    background: linear-gradient(top, #fff, #eee);}
.list-1 .img-cover {display: block;}
.list-1 .img-cover span {padding-top: 90%;}
.list-1 .text {border: 1px solid #ddd;border-top: 0;padding: 15px 25px;text-align: center;}
.list-1 .text h4 {margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-1 .text p {margin: 10px 0 0;font-size: 12px;}
.list-1 .text .bt {display: inline-block;margin: 0 15px;line-height: 30px;color: #fff;background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);
    background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);
    background: -o-linear-gradient(bottom, #ea3516, #ee5e45);
    background: linear-gradient(bottom, #ea3516, #ee5e45);padding: 0 15px;}
.list-1 .text .bt:last-child {background: -webkit-linear-gradient(bottom, #f0592d, #f37f5d);
    background: -moz-linear-gradient(bottom, #f0592d, #f37f5d);
    background: -o-linear-gradient(bottom, #f0592d, #f37f5d);
    background: linear-gradient(bottom, #f0592d, #f37f5d);}
.list-1 .img-cover:hover span {transform: scale(1.1);}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}


.ct2-sd {float: left;width: 228px;}
.ct2-sd-right {float: right;}
.ct2-mn {float: right;width: 940px;}
.ct2-mn-left {float: left;}


.panel-sd {margin-bottom: 15px;border: 1px solid #eee;}
.panel-sd .tit {text-align: center;color: #fff;line-height: 50px;font-size: 18px;background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);
    background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);
    background: -o-linear-gradient(bottom, #ea3516, #ee5e45);
    background: linear-gradient(bottom, #ea3516, #ee5e45);}



    .lanmu li {border-bottom: 1px dotted #ddd;}
.lanmu li:last-child {border-bottom: 0;}
.lanmu li>a {display: block;background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);
    background: -moz-linear-gradient(right, #fafafa, #f0f0f0);
    background: -o-linear-gradient(right, #fafafa, #f0f0f0);
    background: linear-gradient(right, #fafafa, #f0f0f0);line-height: 44px;padding: 0 0 0 25px;}
.lanmu li .arr {float: right;height: 45px;width: 40px;position: relative;cursor: pointer;}
.lanmu li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;-webkit-box-sizing: content-box;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.lanmu-box {display: none;}
.lanmu-box p {margin: 0;border-top: 1px dotted #ddd;}
.lanmu-box p a {padding: 0 25px;display: block;line-height: 40px;}
.lanmu-box p a.on{ color: #f37a57; }
.lanmu li>a:hover,.lanmu li.active>a {background: #f37a57;color: #fff;}
.lanmu li.open .lanmu-box {display: block;}
.lanmu li.open .arr:after {-webkit-transform: rotate(225deg);transform: rotate(225deg);}








/*产品详情*/
.yunu-showcase {margin: 0 auto 20px;}
.pc-slide{float:left;width:400px;}
.view .swiper-slide .imgauto{width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}

.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .imgauto{height:80px;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative;}
.preview .swiper-slide .imgauto img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview img{padding:1px;}



.yunu-showcase {margin: 0 auto 20px;}
.yunu-showcase-info {margin-left: 430px;}
.yunu-showcase-info h1 {font-size: 18px;margin: 0;font-weight: normal;color: #ea3516;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.yunu-showcase-info p {margin: 15px 0 0;color: #666;line-height: 1.8;}
.yunu-showcase-info .tel {margin-top: 15px;}
.yunu-showcase-info .tel a {line-height: 42px;color: #fff;display: inline-block;background: -webkit-linear-gradient(bottom, #ea3516, #f0592d);
    background: -moz-linear-gradient(bottom, #ea3516, #f0592d);
    background: -o-linear-gradient(bottom, #ea3516, #f0592d);
    background: linear-gradient(bottom, #ea3516, #f0592d);width: 120px;text-align: center;border-radius: 5px;}


.cp-content-tit {border-bottom: 2px solid #ea3516;font-size: 0;margin-bottom: 20px;}
.cp-content-tit span {display: inline-block;color: #fff;background-color: #ea3516;font-size: 14px;padding: 0 15px;border-radius: 3px 3px 0 0;line-height: 32px;}


.content-title {margin-bottom: 20px;text-align: center;}
.content-title h1 {font-size: 20px;margin: 0;font-weight: normal;color: #ea3516;}
.content-title p {margin: 15px 0 0;font-size: 12px;color: #999;border-top: 1px dashed #ddd;padding-top: 15px;}
.content-title p span {padding: 0 10px;display: inline-block;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;}
.content-exp {padding: 10px 15px;font-size: 12px;background-color: #f5f5f5;margin-top: 20px;border-radius: 5px;}
.content-exp li {line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}


.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}



/*产品详情页*/
.preview .active-nav .imgauto{border:1px solid #d82019;}




/*应用领域列表*/
.lists-out-box {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    min-height: 1050px;
    margin-bottom: 20px;
}

.article-content{
    margin-top: 30px;
    padding-bottom: 30px;

}



.article-content {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}


.line-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tab-info {
    margin-top: 26px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.info-item {
    float: left;
    margin-right: 32px;
}

.tab-icons {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    width: 16px;
}


.article-img {
    float: left;
    width: 136px;
    height: auto;
}

.tab-content {
    height: 36px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    width: 600px;
    color: #999;
}

.tab-title:hover {
    color: #ec5b43;
}


.tab-title {
    display: block;
    width: 78%;
    font-size: 16px; 
    font-weight: 700;
    color: #333;
    line-height: 18px;
}