@charset "utf-8";
/*　---------------------global---------------------*/
.img-responsive{display: block;margin: 0 auto;max-width: 100%;}
.wap{padding: 0 10px;}
a:hover{text-decoration:none;}
*{box-sizing: border-box;margin: 0px}
dl, ol, ul,p,*{padding: 0px;margin: 0px;}
.logo-wapper{position: relative;}
.btn.focus, .btn:focus {outline: 0;box-shadow: 0 0 0 0 #fff;}
.owl-carousel{overflow: hidden}
#owl-banner {width: 100%;margin-left: auto;margin-right: auto;}
#owl-banner .item {display: block;}
#owl-banner img {display: block;width: 100%;}
#owl-banner .owl-pagination{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
#owl-banner.owl-theme .owl-controls{margin: 0px}
#owl-banner.owl-theme .owl-controls .owl-page span{background: #fff}
#owl-banner.owl-theme .owl-controls .owl-page span{width: 30px;height: 3px}
.banners img{max-width: 100%;}
.pages{PADDING:7px;MARGIN:3px;TEXT-ALIGN:center}
.pages A{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#9c9c9c;TEXT-DECORATION:none;width:30px;line-height:30px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;background-color:#fff;font-size:1em;font-family:Rosario,sans-serif}
.pages A:hover{BORDER:#ccc 1px solid;COLOR:#000}
.pages A:active{BORDER:#ccc 1px solid;COLOR:#000}
.pages SPAN.current{BORDER:#ccc 1px solid;FONT-WEIGHT:bold;MARGIN:2px;width:30px;line-height:30px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;COLOR:#fff;BACKGROUND-COLOR:#6C87BE;font-size:1em;font-family:Rosario,sans-serif}
.pages SPAN.disabled{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#ddd}
.swiper{
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}
header {
    position: absolute;
    width: 100%;
    padding:10px 80px 20px 80px;
    z-index: 1000;
    transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
}
header.open {
    background: #fff;
}
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.logo {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.menu {
    cursor: pointer;
    color: #000;
    float: right;
    position: relative;
    z-index: 99999;
}

.menu span {
    font-size: 12px;
    color: #fff;
    margin: 20px 20px 0 0;
    display: inline-block;
    transition: ease .6s;
    -ms-transition: ease .6s;
    -o-transition: ease .6s;
    -webkit-transition: ease .6s;
    -moz-transition: ease .6s;
}
.menu .btn {
    width: 28px;
    height: 36px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    padding: 0px;
}
.ib-middle {
    display: inline-block;
    vertical-align: middle;
}
.menu.open span{display: none}
.menu i {
    background: #fff;
    height: 2px;
    display: inline-block;
    position: absolute;
    transition: cubic-bezier(.43,.13,.08,1.01) .6s;
    -ms-transition: cubic-bezier(.43,.13,.08,1.01) .6s;
    -o-transition: cubic-bezier(.43,.13,.08,1.01) .6s;
    -webkit-transition: cubic-bezier(.43,.13,.08,1.01) .6s;
    -moz-transition: cubic-bezier(.43,.13,.08,1.01) .6s;
}
.menu i:nth-child(1) {
    width: 28px;
    right: 0;
    top: 11px;
}
.menu i:nth-child(2) {
    width: 24px;
    right: 4px;
    top: 18px;
}
.menu i:nth-child(3) {
    width: 22px;
    right: 0;
    top: 25px;
}
.menu:not(.open):hover i:nth-child(1) {
    transition-delay: 50ms;
    right: -38px;
}
.menu:not(.open):hover i:nth-child(2) {
    right: 42px;
}
.menu:not(.open):hover i:nth-child(3) {
    transition-delay: 50ms;
    right: -35px;
}
.menu i:nth-child(3):before {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    top: 0;
    left: -38px;
    background: #fff;
    transition: ease .6s;
    -ms-transition: ease .6s;
    -o-transition: ease .6s;
    -webkit-transition: ease .6s;
    -moz-transition: ease .6s;
}
.menu i:nth-child(2):before {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    right: -38px;
    background: #fff;
    transition: ease .6s;
    -ms-transition: ease .6s;
    -o-transition: ease .6s;
    -webkit-transition: ease .6s;
    -moz-transition: ease .6s;
}
.menu i:nth-child(1):before {
    content: '';
    position: absolute;
    width: 28px;
    height: 2px;
    top: 0;
    left: -42px;
    background: #fff;
    transition: ease .6s;
    -ms-transition: ease .6s;
    -o-transition: ease .6s;
    -webkit-transition: ease .6s;
    -moz-transition: ease .6s;
}
.menu.open i:nth-child(1) {
    right: -42px;
    background: #000;
}
.menu.open i:nth-child(2) {
    opacity: 0;
    right: 10px;
}
.menu.open i:nth-child(3) {
    width: 28px;
    right: -42px;
    background: #000;
}
.menu.open i:nth-child(3):before {
    width: 28px;
    transform: rotate(-135deg);
    top: -7px;
    left: -41px;
    background: #000;
}
.menu.open i:nth-child(2):before {
    opacity: 0;
    right: 10px;
}
.menu.open i:nth-child(1):before {
    transform: rotate(135deg);
    top: 7px;
    background: #000;
}
nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    visibility: hidden;
    transition: ease .6s;
    -ms-transition: ease .6s;
    -o-transition: ease .6s;
    -webkit-transition: ease .6s;
    -moz-transition: ease .6s;
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
}

.container_930 {
    margin-left: 30%;
    z-index: 1;
}
.nav-list {
    display: block;
    float: left;
    vertical-align: top;
    padding: 0 25px;
    position: relative;
}
.nav-list>a {
    font-weight: 300;
    display: block;
    font-size: 16px;
    color: #444;
    line-height: 93px;
}
nav.open {
    visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
.nav-list p:first-child {
    border-top: 1px solid #eee;
}
.nav-list p {
    border-bottom: 1px solid #eee;
    background: #fff;
    transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.nav-list p a {
    padding: 10px 20px;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    display: block;
    transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.nav-list.active,.nav-list:hover{
    background: #1c3155;
}
.nav-list.active>a,.nav-list:hover>a{
    color: #fff;
}
.nav-list p>a:hover{
    background: #1c3155;
    color: #fff;
}
.logo img{max-width:250px}
.inAbout{background: url("../images/aboutBg2.png") no-repeat right;padding-top: 70px;}
.inAbout .wenzi{padding-bottom: 70px}
.inAbout .wenzi h3{color: #000;font-size: 28px;}
.inAbout .wenzi h4{color: #000;font-size: 18px;line-height: 50px}
.inAbout .wenzi p{font-size: 14px;padding: 20px 0px;line-height: 38px;}
.inAbout .wenzi a{    margin-right: 30px;color: #f17715;width: 170px;height: 40px;line-height: 40px;border: 2px solid #f17715;display:inline-flex;align-content: center;padding: 0 20px;justify-content: space-between;}
.inAbout .pic img{position: relative;}

.inVideo{background: #1c3155;padding: 70px;position: relative}
.inVideo .wenzi{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.inVideo .wenzi h3{font-size: 48px;color: #fff;text-align: center;text-transform: uppercase;}
.inVideo .wenzi p{font-size: 16px;color: #fff;width: 50%;margin: 50px 0px;line-height: 40px;}
.inVideo .wenzi .play{position:absolute;text-align: center;animation: spin 5s infinite linear ;}
.inVideo .video{max-width:100%;position: relative;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.inVideo .video video{max-width: 100%;}
@keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);} }
.inNews {padding: 40px 0px}
.inNews .tit {font-size: 30px;text-align: center;margin-bottom: 40px;padding-bottom: 40px;position: relative}
.inNews .tit:after{content: '';position: absolute;width: 300px;bottom: 0px;border-top:2px solid #000;left: 50%;transform: translateX(-50%)}
.inNews ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.inNews ul li{width: 50%;display: flex;justify-content: space-between;margin-bottom: 25px;position: relative}
.inNews ul li .pic{width: 40%;flex-shrink: 0;}
.inNews ul li .wenzi{    display: flex;flex-direction: column;justify-content: flex-start;padding: 0 40px;}
.inNews ul li .wenzi h3{font-size: 18px;}
.inNews ul li .wenzi h4{font-size: 12px;color: #666;    margin-top: 10px;}
.inNews ul li .wenzi .more{margin-top: auto;color:#1c3155}
.inNews ul li .wenzi a{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}



footer{background: #2d3035;color: #fff;padding: 70px 0px 0px}
footer .footnav {width: 80%}
footer .footnav ul li:first-child{margin-bottom: 20px;}
footer .footnav ul li:not(:first-child){color: #999;line-height: 30px}
footer .footnav ul li a{color: #999}
footer .tell .phone{font-size: 24px;margin-bottom: 10px;}
footer .tell .time{font-size: 18px;color: #999}
footer .tell a{font-size: 18px;color: #999;display: block;margin-top: 10px;}
footer .footFitst{padding-bottom: 70px;border-bottom: 1px solid #999}
footer .footnav ul{flex-shrink: 0}
.Copyright{color: #999;padding: 10px 0px;}
.Copyright a{background: #1c3155;display: inline-block; padding: 3px 10px;color: #fff;border-radius: 4px;}
.inProduct{text-align: center;text-transform:capitalize;    padding: 40px 0px 70px;}
.inProduct .tit h3:before,.inProduct .tit h3:after{content: ''; width: 40px;display: inline-block;border-top: 3px solid #1c3155;height: 0px;margin: 0 30px}
.inProduct .tit h3{font-size: 30px;color: #000;display: flex;justify-content: center;align-items: center;}
.inProduct .swiper-container{position: relative;}
.inProduct .swiper-wrapper{padding: 10px 0px;}
.case-item{position: relative;    margin-top: 50px;}
.case-item img{max-width: 100%;}
.case-item .dear {position: absolute;top:42%;font-size: 20px;color: #fff;border-radius: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.case-item .case-prev {left: -4%;}
.case-item .case-next {right: -4%;}
.case-item .case-next:after {left: -3px;position: relative;}
.case-list{padding:30px 20px;position: relative;box-shadow: 5px 5px 20px 0px #ececec;}
.case-list .desc{width: 100%;padding:10px 0px;margin-top:20px;text-align:center; transition: 1s all;  color: #000;      }
.case-list .desc a{color: #fff;}
.case-list  .pro img{transition: 1s all}
.case-list .desc .tit{font-size: 18px}
.case-list .desc span{width:100px;height: 40px;text-align: center;line-height: 40px;color: #f17715;border: 1px solid #f17715;display: inline-block;margin-top: 40px}
.case-list:hover{background: #fff;box-shadow: 1px 1px 20px 0px #ececec;}
.case-list:hover .pro img{transform: scale(1.05);}
.case-list:hover .desc{background: #fff;color:#000; }
.infried ul{display: flex;justify-content: center;align-items: center; background:#fff;flex-wrap: wrap; }
.infried ul li{cursor:pointer;position:relative;width: 20%;height: 280px;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: 1s all;background:#166ebe;}
.infried ul li:nth-of-type(2n){background: #1c3155}
.infried ul li a{color: #fff;text-align: center;}
.infried ul li:nth-of-type(3){background: #fff;}
.infried ul li:nth-of-type(3) a{color: #000;}
.infried ul li  h3,.infried ul li  span{text-align: center;font-weight: bold;}
/*.infried ul li:hover{ transform: rotateY(180deg);}*/

.infried ul li .pic,.infried ul li .wenzi{position: absolute;left: 0px;top: 0px;height: 100%;width: 100%;}
.infried ul li .wenzi{z-index: 2 ;display: flex;flex-direction: column;justify-content: center;}
.infried ul li .pic{transform:rotateY(-180deg);}
.infried ul li .pic img{    width: 100%;height: 100%;object-fit: cover;}
.infried ul li{transform-style:preserve-3d;}

.leftnav{display: flex;align-content: center;justify-content: space-between;padding: 0 5%;background: #e9e9e9}
.leftnav a{color: #000;display: inline;width: 100%;}
.leftnav ul{ flex-wrap: nowrap;overflow-x:auto;flex-grow: 1;display: flex;align-content: center;justify-content: start;line-height: 80px;}
.leftnav ul li{padding: 0 10px;flex-shrink: 0}
.leftnav .leftweizhi{line-height: 80px;width: 30%;text-align: right;margin-left: auto;}
.leftnav ul li:hover,.leftnav ul li.active{    background: #1c3155;box-shadow: 0 2px 5px rgba(232, 0, 21, 0.2);color: #fff;}
.leftnav ul li:hover a,.leftnav ul li.active a{color: #fff}
.proBox .proLi {flex-shrink: 0;float: left;width: calc(100% / 3);margin: 1rem 0;position: relative;overflow: hidden;padding: 1rem;height: auto;}

.proBox .proLink {position: relative;display: block;width: 100%;height: 100%;overflow: hidden;transition: all 0.5s ease;border: 1px solid rgba(243,243,243,1);}
.proBox .proImgBox {position: relative;width: 100%;height: 0px;padding-bottom: 75%;overflow: hidden;}
.proBox .proImgBox::before {content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-color: rgb(2,107,180);transform: rotate(45deg);transition: all .5s ease;z-index: 98;}
.proBox .search {position: absolute;left: 10px;top: 10px;display: block;width: 20px;height: 20px;color: #fff;z-index: 99;}
.proBox .proImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1.0);width: 100%;transition: all 2s ease .5s;}
.proBox .proTitle {position: relative;text-align: center;padding: 0 10%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;font-size: 1.125rem;margin:0px;height: 70px;line-height: 70px;transition: all .5s ease;;background:#dadada}
.proBox .proLink::after {content: '';position: absolute;left: 0px;bottom: 0px;width: 0px;height: 2px;background-color: rgb(2,107,180);transition: all .5s ease;}
.proBox .proLi:hover .proImgBox::before {left: -100px;}
.proBox .proImgBox::before {content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-color: rgb(2,107,180);transform: rotate(45deg);transition: all .5s ease;z-index: 98;}
.proBox .proLi:hover .proImg {transform: translate(-50%, -50%) scale(1.1);}
.proBox .proLi:hover .proLink::after {width: 100%;}
.proBox .proLi:hover .proLink {box-shadow: 0 0 20px #ddd;}
.page-link:hover{color: #000;}

.categoryIntroduce{padding-bottom: 20px;border-bottom: 1px dotted #dfdfdf;}
.categoryIntroduce .container{padding: 0 10px}


::-webkit-scrollbar {
    /*滚动条整体样式*/
    cursor: pointer;
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color:  rgb(28, 49, 85);
    background-image: -webkit-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 75%,
            transparent 75%,
            transparent
    );
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(28, 49, 85,.2);
    border-radius: 10px;
    background   : #ededed;
}

/*show_poduct*/
.innner{background:#f8f8f8;padding: 20px 0px;}
#magnifier {position: relative;width: 450px;}
.small-box {position: relative;width: 450px;margin-bottom: 20px;border: 1px solid #eee;}
.small-box table td{width: 450px;height: 450px;}
.small-box img {width: auto;height: auto;width:100%;max-height: 450px;max-width: 450px;}
.small-box .hover {display: none;position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #0099ff;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
.thumbnail-box {position: relative;width: 100%;}
.thumbnail-box .btn {position: absolute;top: 50%;width: 22px;height: 32px;margin-top: -16px;}
.thumbnail-box .btn-prev {left: 0;background: url(../images/btn_prev.png) no-repeat;}
.thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .btn-next {right: 0;background: url(../images/btn_next.png) no-repeat;}
.thumbnail-box .btn-next.btn_next_disabled{background: url(../images/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .list {overflow: hidden;width: 390px;margin: 0 auto;}
.thumbnail-box .wrapper {width: 100000px;}
.thumbnail-box .list .item {float: left;cursor: pointer;margin: 0 12px;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {border: 2px solid #a9a9a9;width: 54px;height: 54px;}
.thumbnail-box .list .item-cur img {border: 2px solid #e53e41;}
.big-box {z-index:99;display: none;overflow: hidden;position: absolute;left: 451px;top: 0;width: 540px;height: 540px;border: 1px solid #e4e4e4;}
.big-box img {display: block;}

.product-text h1{font-size: 24px;}
.productRow1{padding: 40px 0px;background: #fff}
.product-text .description{line-height: 30px}
.product-detail .nav{margin-left:-15px }
.product-content-body{padding-bottom:20px;background: #fff;margin-top: 20px;-ms-flex: 0 0 75%;flex: 0 0 calc(75% - 15px);max-width: 75%;margin-right: 30px}
.proShowInner .row{flex-wrap: nowrap;justify-content: center  }
.proShowInner .title{font-size: 18px;margin:  0  0  20px 0px;font-weight: bold}
.product-hot{margin-top:20px;background: #fff}

.product-hot h4{padding: 10px 10px}
.product-hot  ul li{padding: 10px;}
.product-content-hot{background: #fff;margin-top: 20px}
.pagination a{color: #000;}
.tag {margin: 20px 0px;font-size: 75%;font-weight: 400;line-height: 1;display: inline-block;padding: .25em .6em;text-align: center;vertical-align: baseline;white-space: nowrap;color: #fff;border-radius: .215rem;}
.tag a{color: #000;font-size: 14px;display: inline-block;margin:  0 10px;line-height: 20px}


.newInner ul.met-page-ajax li {border-bottom: 1px solid #ececec;padding-bottom: 30px;margin-bottom: 30px;}
.newInner .media-left, .media-right {display: table-cell;vertical-align: top;}
.newInner .media-left{margin-right: 30px}
.media-lg .media-object {width: 300px;display: block;}
.newInner .media-lg .media-object img{width: 100%;}
.newInner .des{line-height: 33px}
.met-shownews-header h1{font-size: 32px;text-align: center;}
.met-shownews-header .info {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    margin: 20px 0px;
    font-weight: 300;
    text-align: center;
}


/*single*/
.ctitle{text-align: center;font-size: 18px;margin-bottom: 30px; text-align: center;font-size: 24px;padding-bottom: 10px;border-bottom: 1px #bcbcbc dotted;}

/*contact*/
.messages_left {
    float: left;
    width: 55%;
    margin-right: 5%;
}
.contacts_right {
    float: right;
    width: 40%;
    line-height: 30px;
}
.n_con_messages {
    float: left;
    width: 100%;
}
.message {
    width: 100%;
    font-size: 14px;
}
.message ul {
    width: 100%;
    float: left;
}
.message ul li {
    width: 100%;
    float: left;
    margin: 0px 0px 25px 0px;
}
.meg_input1 {
    width: 100%;
    line-height: 45px;
    font-size: 14px;
    background: #f8f8f8;
    height: 40px;
    border: 1px solid #c6c4c4;
    padding-left: 2%;
    color: #888;
    font-family: 'Open Sans', Verdana, Geneva, sans-serif;
}


.meg_textarea1 {
    width: 100%;
    font-size: 14px;
    background: #f8f8f8;
    padding-top: 8px;
    padding-right: 2%;
    border: 1px solid #c6c4c4;
    padding-left: 2%;
    color: #888;
    font-family: 'Open Sans', Verdana, Geneva, sans-serif;
    line-height: 23px;
    padding-bottom: 8px;
    outline: none;
}
.send_buttom {
    width: 100%;
    background: #e13f37;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: none;
    font-weight: bolder;
    text-align: center;
    padding: 11px 0px;
}
@media (min-width: 820px){
    .nav-list:hover .sub-nav {height: auto;}
    .sub-nav {top: 100%;position: absolute;width: 120%;left: 0px;height: 0;transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;overflow: hidden;box-shadow: 0 3px 9px -4px #000;}
    .sub-nav.en{width: calc(100% + 90px);}
}
@media (max-width: 650px){
    .hidden-xs{display: none}
    .panel-body{overflow: auto;}
    .open.nav{min-height: 100vh}
    .logo img{width: 80px}
    .logo-wapper{position: relative;z-index: 1000}
    header {position: fixed;height: 64px;padding: 0;top: 0;left: 0;width: 100%;padding: 0 10px;}
    nav {padding-top: 56px;}
    header .logo, header .menu {line-height: 64px;}
    .menu {top: -3px;}
    .container_930 {width: 100%;margin: 0px;padding: 0px;left: 0;background: #fff;}
    .nav-item {width: 100%;margin: 0 auto;}
    .nav-list {margin-right: 0;line-height: 8vh;display: block!important;float: none}
    .nav-list p a{padding: 0 20px}
    .nav-list.active, .nav-list:hover{background: none}
    .nav-list.active>a, .nav-list:hover>a{color: #444;}
    .nav-list>a {padding: 0 10px;margin-bottom: 0;position: relative;border-bottom: 1px solid #c0a267;transition: .4s;-ms-transition: .4s;-o-transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;line-height: 40px}
    .sub-nav {display: none;}
    .nav-list>a:after {content: attr(data-icon);font-size: 18px;position: absolute;right: 10px;top: 0;left: auto;}
    .nav-list>a[date-switch='1']:after {content: attr(data-hover);}
    .inAbout{padding-top: 20px}
    .inAbout .wenzi h3{font-size: 18px}
    .inAbout .wenzi h4{line-height: 20px;font-size: 14px;}
    .inAbout .wenzi p{padding: 10px 0px}
    .inAbout .wenzi a{width: auto;font-size: 12px;   height: auto; line-height: 30px;}
    .inAbout .wenzi{padding-bottom: 20px}
    .inVideo{padding:20px 10px}
    .inVideo .wenzi p{width: 100%;margin: 10px 0px;font-size: 12px;}
    .inVideo .wenzi h3{font-size: 24px;}
    .inVideo .wenzi .play img{width: 40px;}
    .case-list{padding: 10px}
    .case-list .desc .tit{font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
    .case-item{margin-top: 20px}
    .case-item .dear{display: none}
    .inProduct .tit h3{font-size: 24px;}
    .case-list .desc span{font-size: 12px}
    .infried ul li{height: 193px;width: 50%;order: 2;border: 1px solid #fff;background:#1c3155;}
    .infried ul li:nth-of-type(3) {order: 1;}
    .inNews .tit{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}
    .inNews .tit:after{width: 100%;border: 1px solid #000;}
    .inNews ul li{width: 100%;}
    .inNews ul li .wenzi{padding:0px;padding-left: 10px;width: 60%;}
    .inNews ul li .wenzi h3{font-size: 14px;}
    .inNews ul li .wenzi .more{font-size: 12px;}
    .inNews ul li .wenzi h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .inNews ul li .wenzi h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
    footer .footFitst{padding-bottom: 20px;}
    footer{padding: 20px 0px}
    footer .erweima{text-align: center;}
    .leftnav .leftweizhi{display: none}
    .leftnav ul{line-height: 40px;overflow: auto;flex-wrap: nowrap;}
    .innner img{max-width: 100%;}
    .leftnav ul li{flex-shrink: 0;}
    .proBox .proLi{margin: 0px;padding: 0px;width: calc(100%);}
    .proBox .proTitle{line-height: 40px;height: 40px;}
    .media{flex-direction: column;}
    .media-body h4{font-size: 18px; padding: 10px 0px;margin: 0px}
    .media-lg .media-object{width: 100%;}
    .newInner .media-left{margin-right: 0px;}
    .newInner ul.met-page-ajax li{padding-bottom:20px;margin-bottom: 10px;}
    .menu .btn{margin: 0px}
    .menu span{margin-top: 0px}
    .met-shownews-header h1{font-size: 18px;}
    .messages_left{width: 100%}
    .contacts_right{width: 100%;}
    #mask{display: none;}
    .app{overflow: hidden;}
    .proShowInner .row{flex-direction: column;}
    .product-content-body{flex-basis: 100%;max-width: 100%;}
    .product-detail .nav{margin: 0px}
    .contact .title h2{font-size: 24px;}
}