@charset"utf-8";
:root {
    --bgColor: #b19168;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1350px;
    }
}
/*====================================*/
#webmenu {background:var(--bgColor);font-size:1.3em;text-align:center;}
#webmenu ul {margin:0px;}
#webmenu .icon{color: #fff}
#webmenu a {font-size:0.85em;color: #fff}
#webmenu li ul {display:none;}
#webmenu li ul li {float:none;}
#webmenu li ul li {display:inline;}
#webmenu li ul a {float:none;height:40px;line-height:40px;border-bottom: 1px double;padding:0 10px;text-transform:capitalize;}
#webmenu .height-auto {line-height:15px;padding:5px 10px;}
#webmenu .container{display:flex;align-items: center;}
#webmenu .logo{flex: 1;text-align: left;}
.second-menu, .third-menu, .fourth-menu {position:absolute;}
.first-menu li {float:left;position:relative;padding: 20px 0px}
.first-menu a {color:#fff;float:left;display:block;padding:0 30px;background:var(--bgColor);font-size:.7em;}

.second-menu {width: 100%;top:50px;right:0;z-index: 99;}
.second-menu.en{ width: 200px;transform: translateX(50px);}
*html .second-menu {right:-1px;}
.second-menu a {font-size:11px;}
.third-menu, .fourth-menu {width:177px;top:0;left:177px;}
.third-menu a {background:#4c4c4c;font-weight:normal;border-top:1px solid #595959;border-left:1px solid #595959;border-bottom:1px solid var(--bgColor);border-right:1px solid var(--bgColor);}
#subMgm {width:177px;}
#subMgm .third-menu {left:177px}
#subMgm .fourth-menu {left:177px;}
#subMusic, #subNews {width:177px;}
@media (max-width: 650px){
    #webmenu .container{padding: 0px}
    .first-menu li{float: none;flex-shrink: 0;width: 25%}
    #webmenu ul{display: flex;flex-wrap: wrap;}
    #webmenu a{font-size: 12px;padding: 0px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
    .first-menu a{float: none}
    #webmenu{height:auto;transition: 2s all;}
}
/*owl-theme*/
.banners img{max-width: 100%;}
#owl-banner.owl-theme .owl-controls .owl-page span{background: var(--bgColor)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-pagination{position:absolute;width:100%;bottom:-15px;}
.owl-theme .owl-controls .owl-buttons{position:absolute;width:100%;top:50%; margin-top:-72px;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;width:52px;height:52px;text-indent:-9999px;margin:0;padding:0}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/pager-left.png) no-repeat center;opacity:1;filter:alpha(opacity=100);position:absolute;left:-52px}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/pager-left.png) no-repeat center;opacity:.7;filter:alpha(opacity=70)}
.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/pager-right.png) no-repeat center;opacity:1;filter:alpha(opacity=100);position:absolute;right:-52px}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/pager-right.png) no-repeat ;opacity:.7;filter:alpha(opacity=70)}

.inpartner .owl-theme .owl-controls .owl-buttons{position:absolute;width:100%;top:50%px; margin-top:-26px;}
.inpartner .owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/pager-lefts.png)  no-repeat center;opacity:1;filter:alpha(opacity=100);position:absolute;left:-52px}
.inpartner .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/pager-lefts.png)  no-repeat center;opacity:.7;filter:alpha(opacity=70)}
.inpartner .owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/pager-rights.png)  no-repeat center;opacity:1;filter:alpha(opacity=100);position:absolute;right:-52px}
.inpartner .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/pager-rights.png)  no-repeat center;opacity:.7;filter:alpha(opacity=70)}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:62px;height:3px;margin:0 4px;/*-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;*/background:#d2d2d2}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#334471}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}
/*banner*/
#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.active span{width: 30px;height: 3px;background: var(--bgColor)}




#inabout{padding: 40px 0px}
#inabout .title{padding-bottom: 30px}
#inabout .title h3{font-size: 60px;font-family: 'enfont';text-transform: uppercase;text-align: center;}
#inabout .title h4{font-size: 20px;text-align: center;}
#inabout ul{display: flex;justify-content: space-between;align-items: center}
#inabout ul li{overflow:hidden;transition:1s all;margin-right: 10px;position: relative;justify-content: center;align-items: center;display: flex}
#inabout ul li:nth-of-type(3n){margin-right: 0px;}
#inabout ul li img{transition:1s all; }
#inabout ul li:hover img{transform: scale(1.03) }
#inabout ul li .wenzi{top: 50%;width: 200px;height: 100px;flex-direction: column;justify-content: center;align-items: center;display: flex;line-height: 30px;transform: translateY(-50%);position: absolute;background: #fff;}
#inabout ul li .wenzi h6{font-family:'enfont';font-size: 18px;}
#inabout ul li .wenzi h5{margin-top: 10px;font-size: 16px;}

#inproduct .title{padding-bottom: 30px}
#inproduct .title h3{font-size: 60px;font-family: 'enfont';text-transform: uppercase;text-align: center;}
#inproduct .title h4{font-size: 20px;text-align: center;}
#inproduct img{max-width: 100%;display: block;transition: 1s all}
#inproduct img:hover{transform: scale(1.02);}
#inproduct .f-pic{overflow: hidden}
#inproduct ul{display: flex;flex-wrap: wrap;align-content: space-between;height: 100%;}
#inproduct ul li{width: calc(50% - 20px);margin-right: 30px;overflow: hidden}
#inproduct ul li:nth-of-type(2n){margin-right: 0px;}
#inproduct .tit-name{font-size: 18px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}

#invideo{margin: 40px 0px}
#ingushi .pic{overflow: hidden}
#ingushi .pic img{transition: 3s all}
#ingushi .pic img:hover{transform:scale(1.01)}
#ingushi .wenzi{height: 100%;display: flex;justify-content: center;flex-direction: column;padding: 0 20% 0 10%;}
#ingushi .wenzi h3{font-size: 24px;}
#ingushi .wenzi h4{font-size: 18px;color: #9d9d9d}

#ingushi .wenzi .desc{margin: 50px 0px;font-size: 14px;line-height: 30px}
#ingushi .wenzi .more{width: 123px;height: 37px;line-height: 37px;text-align: center;border: 1px solid #000;color: #000;}
#ingushi .wenzi .more:hover{background: var(--bgColor);color: #fff;border: none}

#innews{margin: 80px 0px 40px;}
#innews .title{padding-bottom: 30px}
#innews .title h3{font-size: 60px;font-family: 'enfont';text-transform: uppercase;text-align: center;}
#innews .title h4{font-size: 20px;text-align: center;}
#innews .item{transition:1s all;padding: 40px 0px;border-bottom: 1px solid #ececec;font-size: 14px;position: relative}
#innews .item h3{color:#343131;font-size: 18px;margin-bottom: 15px;padding-right: 123px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#innews .item h3 span{position: absolute;right: 0px;}
#innews .item p{color:#343131;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
#innews .item:after{position: absolute;width: 0%;border-top:2px solid var(--bgColor);bottom: 0;content: '';transition: 15s all ease-out}
#innews .item:hover:after{width: 100%;}





footer{background:var(--bgColor);color: #fff;padding: 70px 0px 0px}
footer h3{font-size: 48px;font-family:'enfont';text-align: center;    margin-bottom: 50px;}
footer .input{display: block;text-align: center;}
footer .input input{background: none;border: 1px solid #ececec;width:410px;height: 72px;padding: 20px;color: #fff;font-size: 16px}
footer .input input::placeholder{color: #ececec;font-size: 18px}
footer .input input:nth-of-type(2){border-right: none;width: 310px}
footer .input input[type=submit] {width: 100px;border-left: none}
footer .input + p {margin:40px 0px 80px;font-size: 14px;color: #ececec;text-align: center;letter-spacing: 5px;}
footer .input + p.en{letter-spacing: 2px;}
footer .copyright{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ececec;padding: 30px 0px;}
footer .copyright a{color:#ececec;}
/*内页公共部分start*/
.innerPage{padding: 40px 0px}
/*内页公共部分end*/
.innerAbout{margin-top: -100px ;position: relative;z-index: 999;}
.innerAbout .aboutWenzi{width: 70%;margin: 0 auto;padding: 2% 5%;background: #fff;box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.21), 2px -5px 20px rgba(0, 0, 0, 0) inset;}
.innerAbout .aboutWenzi h3{font-family: 'enfont';font-size: 55px;}
.innerAbout .aboutWenzi h4{font-family: 'enfont';font-size: 24px;}
.innerAbout .aboutWenzi .pic{margin: 20px 0px;width: 100%;}
.innerAbout .aboutWenzi .desc{line-height: 30px;text-indent: 2em}
.innerAbout .ingushi{margin: 40px 0px}
.innerAbout .ingushi .wenzi{height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: 0 10%}
.innerAbout .ingushi .wenzi h3{font-size: 30px;margin-bottom: 60px;}
.innerAbout .ingushi .wenzi .desc{line-height: 30px;}

.innerAbout .Brand{text-align: center; margin: 20px 0px;}
.innerAbout .Brand h3{font-family: 'enfont';font-size: 36px;margin-bottom: 10px}
.innerAbout .Brand h4{font-size: 24px;}
.innerAbout .Brand .desc{line-height: 2;font-size:14px;margin: 30px 0px;}
.innerAbout .Brand-personality{text-align: center; margin:40px 0px;}
.innerAbout .Brand-personality h3{font-family: 'enfont';font-size: 36px;margin-bottom: 10px}
.innerAbout .Brand-personality h4{font-size: 24px;}
.innerAbout .Brand-personality p{margin-top: 20px }
.innerAbout .Brand-personality .pic{margin-top: 40px;}

.innerAbout .contact-us  h3{font-size: 24px;margin-bottom: 10px;text-align: center}
.innerAbout .contact-us  h4{font-size: 16px;text-align: center;margin:25px  0  60px}
.innerAbout .contact-us ul{display: flex;justify-content: center;align-items: center}
.innerAbout .contact-us ul li{display: flex;flex-direction: column;padding: 0px 100px;justify-content: center;align-items: center;    text-align: center;font-size: 14px;}
.innerAbout .contact-us ul li i{    margin-bottom:20px;text-align: center;width: 80px;line-height: 80px;height: 80px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #000;}
.productpiclist{display: none}

/*left*/
.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-grow: 1;display: flex;align-content: center;justify-content: start;line-height: 80px;}
.leftnav ul li{padding: 0 20px}
.leftnav .leftweizhi{line-height: 80px}
.leftnav ul li:hover,.leftnav ul li.active{    background: var(--bgColor);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}



/*产品*/
.prop0 { padding-bottom:100%;!important;}
.prop1 { padding-bottom:100%;!important;}
.prop2 { padding-bottom:200%;!important;}
.prop3 { padding-bottom:133.333%;!important;}
.prop4 { padding-bottom:75%;!important;}
.prop5 { padding-bottom:50%;!important;}
.prop6 { padding-bottom:60%;!important;}
.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:var(--bgColor);font-size:1em;font-family:Rosario,sans-serif}
.pages span.disabled{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#ddd}.pagecount{display: none}
.proBox .proLi {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 {padding-bottom:100%;position: relative;width: 100%;height: 0px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.proBox .proImgBox::before {content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-color:var(--bgColor);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: 0;left:auto;display:block;margin:0 auto;height: 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: #fff;font-size: 1.125rem;margin:0px;height: 70px;line-height: 70px;transition: all .5s ease;;background:var(--bgColor)}
.proBox .proLink::after {content: '';position: absolute;left: 0px;bottom: 0px;width: 0px;height: 2px;background-color: var(--bgColor);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:var(--bgColor);transform: rotate(45deg);transition: all .5s ease;z-index: 98;}
.proBox .proLi:hover .proImg {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;}
.show-product{padding: 40px 0px}
.show-product .moreimage .pic{text-align: center;cursor: zoom-in}
.show-product .moreimage .pic img{height: 500px;}
.show-product .title{text-align: center;font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ececec;}
.show-product .detail {  margin-top: 40px;font-size: 14px;padding-top: 40px;border-top: 1px solid #ececec;line-height: 30px;}
.show-product #prodInquire{background-color: #fff;border: 1px solid var(--bgColor);color: var(--bgColor);height: 40px;line-height: 40px;letter-spacing: normal;border-radius: 45px;text-align: center;padding: 0;display: block;background: 0;max-width: 280px;width: 100%;min-width: 130px;margin: 0 auto;margin-top: 50px;}
.show-product #prodInquire:hover{background:var(--bgColor);color: #fff; }
.btn-prev-next .flex{display: flex;justify-content:space-between;align-items: center;border-top: 1px solid #eee;margin-top: 40px;}
.btn-prev-next .flex a,.btn-prev-next .flex span{display: inline-block;width: 200px;line-height: 30px;border: 1px solid var(--bgColor);text-align: center;background:var(--bgColor);color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 40px; }

/*新闻列表*/
.news_list_item_line {transition: all .4s ease-out;position: relative;padding-left: 1.6666%;padding-right: 1.6666%;padding-top: 2.5%;padding-bottom: 2.5%;box-sizing: border-box;padding: 30px;border-bottom: 1px solid #ececec;}
.news_list_item_line:hover {box-shadow: 0 0 22px rgba(0,0,0,.12);border-radius: 4px;background: #fff;}
.news_list_item_link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.news_list_img_box, .news_list_item_inner {display: flex;box-sizing: border-box;}
.news_list_item_content {width: 100%;box-sizing: border-box;flex-grow: 1;}
.news_list_item_header {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;margin-top: 0;}
.news_list_item_date {font-size: 14px;color: #999;line-height: 24px;}
.news_list_item_title {font-size: 16px;font-weight: 400;color: #333line-height: 24px;}
.news_list_item_summery {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;word-break: break-word;word-wrap: break-word;white-space: normal;margin-top: 18px;font-size: 14px;color: #666;line-height: 1.7;}
.news_list_item_ext_line {margin-top: 20px;}
.news_list_item_group {line-height: 1;margin-top: -12px;}
.news_list_item_group_item {display: inline-block;position: relative;height: 26px;line-height: 26px;max-width: 100%;padding: 0 8px;border: 1px solid #e5e5e5;margin-top: 12px;margin-right: 15px;border-radius: 5px;color: #999;font-size: 12px;word-break: keep-all;overflow: hidden;z-index: 2;}
.news_list_item_ext_line:after {content: "";display: table;clear: both;height: 0;line-height: 0;}
.inner-news{padding: 40px 0px}
.inner-news ul.met-page-ajax li {border-bottom: 1px solid #ececec;padding-bottom: 30px;margin-bottom: 30px;}
.inner-news .media-left, .media-right {display: table-cell;vertical-align: top;}
.inner-news .media-left{margin-right: 30px}
.media-lg .media-object {width: 300px;display: block;}
.inner-news .media-lg .media-object img{width: 100%;}
.inner-news .des{line-height: 25px}
.inner-news .media-heading{font-size: 24px;  margin-bottom: 10px;}
.inner-news .media-heading a{color: var(--bgColor)}
.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;}
.inner-news .info{margin-top: 20px;display: inline-block;font-size: 14px;}
.show-news{padding: 40px 0px}
.inner .ctitle{font-size:24px;color: #000;text-align: center;padding: 20px 0;border-bottom: 1px solid #ececec}

.innerNewsarticle .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.innerNewsarticle .title:after{ content: ""; display: table; clear: both;}
.innerNewsarticle .title h3{ color: #333; font-size: 1rem;}
.innerNewsarticle .title h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200;}
.innerNewsarticle .title h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200;}
.innerNewsarticle .title a{ float: right;}
.innerNewsarticle .title a i{ font-style: normal;}
.innerNewsarticle .title a:hover{ padding-right: 10px; text-decoration: underline; color: #14326e;}
.innerNewsarticle .innerNewsarticlelist{}
.innerNewsarticle .innerNewsarticlelist ul li{ line-height:30px; margin-bottom:5px; padding-bottom:5px;border-bottom: 1px solid #ccc;}
.innerNewsarticle .innerNewsarticlelist ul li span{ float:right;}
.innerNewsarticle .innerNewsarticlelist ul li a{text-overflow: ellipsis;line-height: 30px;overflow: hidden;display: block;color: #666;white-space: nowrap;margin-right: 100px;transition: all .3s ease-in-out;}
.innerNewsarticle .innerNewsarticlelist ul li a i{ margin-right: 5px;}
.innerNewsarticle .innerNewsarticlelist ul li a:hover{ color: #dc4e20; padding-left:20px;}
.innerNewsarticle .bi-symmetry-horizontal img{vertical-align: sub;width: 20px}
.singleContnet{padding: 10px 0px;text-align: center}

/*联系我们*/
.inner-content{padding: 40px 0px}
.inner-content .blck-1 h3{font-size: 38px;margin-bottom: 40px;}
.inner-content .blck-1  ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.inner-content .blck-1  ul li{width: calc(50% - 40px);display: flex;margin-right: 80px;margin-bottom: 80px}
.inner-content .blck-1  ul li:nth-of-type(2n){margin-right: 0px}
.inner-content .blck-1  ul li i{width: 100px;flex-shrink: 0}
.inner-content .blck-1  ul li .wenzi h5{font-size: 18px;color: #000;margin-bottom: 10px;font-weight: bold}
.inner-content .blck-1  ul li .wenzi h6{font-size: 14px;line-height: 24px;}
.inner-content .blck-2 h3{font-size: 48px;padding: 160px 0px;position: relative}
.inner-content .blck-2 h3 p{position: relative;z-index: 99}
.inner-content .blck-2 h3 span{position: absolute;z-index: 1;left: 0px;top: 45px;font-weight: bold;font-size: 230px; color:#ebebeb;}
.inner-content .blck-2  ul {display: flex;justify-content: space-between;}
.inner-content .blck-2  ul li{padding: 20px 0 20px 80px;display: flex;flex-direction: column;justify-content: center;flex-shrink: 0;}
.inner-content .blck-2  ul li p{color: #000;font-size: 18px;line-height: 30px}
.inner-content .blck-2  ul li:nth-child(1){background: url("../images/tell.png") no-repeat left center;background-size: 60px;}
.inner-content .blck-2  ul li:nth-child(2){background: url("../images/add.png") no-repeat left center;background-size: 60px;}
.inner-content .blck-2  ul li:nth-child(3){background: url("../images/email.png") no-repeat left center;background-size: 60px;}

/*//留言板块*/
.messageconact dt{font-size: 15px;padding: 10px 0px;    text-transform: capitalize;}
.messageconact .btn{background: var(--bgColor);border: none;margin-right: 40px}
.messageconact input:focus{border: 3px solid var(--bgColor);box-shadow:none}
.messageconact textarea:focus{border: 3px solid var(--bgColor);box-shadow:none}


/*移动端*/
@media screen and (max-width: 900px) {
    .hidden-xs{display: none}
    .innerPage{padding: 20px 0px}
    #webmenu .container{flex-direction: column}
    #webmenu ul{width: 100%}
    #webmenu .logo img{width: 200px}
    #webmenu a{border: none}
    .first-menu li{padding: 10px 0px;border: 1px solid #ffffff;}
    #webmenu .icon {color: #fff;position: absolute;top: 20px;right: 30px;}
    #webmenu .logo {align-self: flex-start;}
    .owl-theme .owl-controls .owl-page span{width: 22px}
    #inabout .title h3{font-size: 24px;}
    #inabout ul{flex-direction: column;}
    #inabout ul li{width: 100%;margin: 0px}
    #inabout ul li:nth-of-type(2){flex-direction: row-reverse}
    #inabout ul li:nth-of-type(2) a{    text-align: right;}
    #inabout ul li img{width: 100%}
    #inabout ul li a{ width: 50%;text-align: center}
    #inabout ul li .wenzi{position: relative;top: 0px;left: 0px;height: 100%;width: 50%;transform: translateY(0%)}
    #inproduct .title h3{font-size: 24px;}
    #invideo{margin: 10px 0px}
    #ingushi .pic{align-items: flex-start}
    #ingushi .wenzi{padding: 0px;margin: 20px 0px;}
    #ingushi .wenzi .desc{margin: 20px 0px}
    #innews .title h3{font-size: 24px;}
    footer h3{font-size: 24px}
    footer .input input{width: 100%;height: 46px;}
    footer .input input:nth-of-type(2){    width: 100%;margin-top: 10px;border: 1px solid #fff;}
    footer .input input[type=submit] {width: 100px;border: 1px solid #eee;margin-top: 10px;line-height: 40px;height: 40px;padding: 0px;}
    footer .input + p{font-size: 14px;line-height: 20px;margin: 20px 0px}

    .innerAbout .aboutWenzi{width: 95%;padding: 2% 0px}
    .innerAbout .aboutWenzi h3{font-size: 24px;}
    .innerAbout .aboutWenzi h4{font-size: 18px;}
    .ingushi .pic{align-items: flex-start}
    .innerAbout .ingushi .wenzi{padding: 0px}
    .innerAbout .ingushi .wenzi h3{font-size: 24px;margin: 10px 0px}
    .innerAbout .Brand h3{font-size: 24px;}
    .innerAbout .Brand h4{font-size: 18px}
    .innerAbout .Brand-personality h3{font-size: 24px;}
    .innerAbout .Brand-personality h4{font-size: 18px;}
    .innerAbout .contact-us h4{font-size: 18px;margin: 20px 0px}
    .innerAbout .contact-us ul li{padding: 0px;    width: 30%;}
    .innerAbout .contact-us ul li i{height: 60px;width: 60px;line-height: 60px}

    .leftnav .leftweizhi{display: none}
    .leftnav ul{line-height: 48px}
    .proBox .proLi{width: calc(100% / 2);}
    .proBox .proLi{margin: 0px;width: calc(100% / 2);padding: 3px;}
    .proBox .proTitle{line-height: 40px;height: 40px;}
    .productpiclist{display: block}
    .productpiclist{padding: 0 10px}
    .productpiclist img{width: 100%}
    .news_list_item_line{padding: 10px;}
    .met-shownews-header h1{font-size: 24px;}
    .newsContent img{width: 100%;}
    .messageconact .btn{font-size: 12px}
    .inner-content .blck-1 ul{align-items: flex-start}
    .inner-content .blck-1 ul li{width: calc(50% - 10px);margin-right: 10px;margin-bottom: 40px}
    .inner-content .blck-2 h3 span{font-size: 60px;top: 26px;}
    .inner-content .blck-2 h3{padding: 60px 0px;}
    .inner-content .blck-2 ul{display: flex;flex-direction: column;}

}