﻿html,body{padding:0;font-size:14px;line-height:1.8em;font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; background-color: #ffffff;} #header{border-top:#DD2D2D solid 2px;padding:15px 0 0;} h1#logo{margin:0 auto;padding:0 0 15px;width:290px;} .top-contact{line-height:1.4em;width:350px;margin:0 auto;} .top-contact>div{position:relative;height:54px;margin:0 0 0 40px;padding:8px 0;} .top-contact>div:before{position:absolute;display:block;content:" ";height:38px;width:30px;left:-35px;background-image:url(top-icon.png); background-repeat:no-repeat;} .top-contact div.top-telphone{color:#DD2D2D; font-family:'ProximaNova-Regular','Open Sans','Helvetica',sans-serif;margin-left:60px;} .top-contact div.top-telphone:before{width:30px;background-position:bottom right;} #navigation{background-color: #F7F7F7;} #menu{list-style-type: none;margin:0;padding:0;overflow: hidden;zoom:1;} #menu li{text-align:center;line-height:36px;float:left;width:50%;border-top:#EDEDED solid 1px;border-left:#EDEDED solid 1px;} #menu li em{display:none;} #menu li:nth-child(2n+1) {margin-left: -1px;} /*! Banner */ .slick-slider{-moz-user-select:none;box-sizing:border-box;display:block;position:relative;} .slick-list{display:block;margin:0;overflow:hidden;padding:0;position:relative;} .slick-list:focus{outline:medium none;} .slick-loading .slick-list{background:url("ajax-loader.gif") no-repeat scroll center center white;} .slick-list.dragging{cursor:pointer;} .slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{transform:translate3d(0px,0px,0px);} .slick-track{display:block;left:0;position:relative;top:0;z-index: 1;} .slick-track::before,.slick-track::after{content:"";display:table;} .slick-track::after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto;} .slick-prev,.slick-next{background:none repeat scroll 0 0 transparent;border:medium none;color:transparent;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin-top:-10px;outline:medium none;padding:0;position:absolute;top:50%;width:20px;} .slick-prev:focus,.slick-next:focus{outline:medium none;} .slick-prev.slick-disabled::before,.slick-next.slick-disabled::before{opacity:0.25;} .slick-prev::before,.slick-next::before{color:white;font-size:20px;line-height:1;opacity:0.85;} .slick-prev{left:-5px;} .slick-prev::before{content:"\e257";} .slick-next{right:-5px;} .slick-next::before{content:"\e258";} .slick-dots{bottom:0;display:block;list-style:outside none none;padding:0;position:absolute;text-align:center;width:100%;z-index:30;} .slick-dots li{cursor:pointer;display:inline-block;height:20px;margin:0 5px;padding:0;position:relative;width:20px;} .slick-dots li button{background:none repeat scroll 0 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;font-size:0;height:15px;line-height:0;outline:medium none;padding:5px;width:15px;} .slick-dots li button:focus{outline: medium none;} .slick-dots li.slick-active button::before{opacity: 0.75;} .pane-bundle-carousel .slick-slider .slick-prev,.pane-bundle-carousel .slick-slider .slick-next{background-color:#0081d1;height:75px;top:45%;transition:all 0.3s ease 0s;width:35px;} .pane-bundle-carousel .slick-slider .slick-prev:hover,.pane-bundle-carousel .slick-slider .slick-next:hover{background-color:#fbbc0d;transition:all 0.3s ease 0s;} #banner{position:relative;height:150px;z-index: 1;} #banner .slick-slide{height:150px;background-position:center center;background-size:cover;} #banner .camera_caption{text-align:center;} #banner .slick-dots li{position:relative;display:inline-block;list-style-type:none;height: 20px;width:20px;margin:0 5px;padding:0;cursor:pointer;} #banner .slick-dots li button{background: rgba(255,255,255,0.63);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; font-size:0;} #banner .slick-dots li.slick-active button{background:#DD2F2F;} #banner button.slick-prev,#banner button.slick-next{display:none !important;} #banner .bannerpic{height:100%;background-size:cover;background-position: center center;} #body{padding-top:30px;} .home-title{padding:40px 0;text-align: center;} .home-title h2{margin:0;padding:0 0 14px;font-weight:bold;background:url("fgx.gif") no-repeat bottom center;} .home-title h2 em{display:block;font-style:normal;font-weight:normal;font-size: 0.8em;color:#39393C;} .advantage{position:relative;height:378px;margin:0 0 20px 37px;max-width:330px;} .advantage-img{position:absolute;z-index: 1;left:0;top:0} .advantage-text{position:absolute;z-index: 2;right:0;bottom:0;width:296px;height:239px;padding:77px 15px 0;background: url("advantage-gray.png") no-repeat right bottom;font-size:12px;box-shadow:2px 2px 2px #ccc;} .advantage-active .advantage-text{color:#fff;background-image: url("advantage-red.png");box-shadow:2px 2px 2px #DD2E2D;} .advantage-text h5{font-size:18px;} .advantage-img i{font-size:14px;text-align:center;line-height:16px;font-style:normal;font-weight:bold;text-align:center;color:#666;display:block;width:37px;height:78px;padding-top:42px;background:#eee url("youshi.jpg") no-repeat 0 0;position:absolute;left:-37px;top:20px;} #search{margin-bottom:15px;margin-top:35px;height:110px;padding:28px 20px;background:url("search-bg.jpg") no-repeat top center;} #search input{border:none;height:54px;width:100%;font-size:18px;line-height:54px;} .x-c-z{display: none;} #topsearch{overflow:hidden;zoom:1;} .search-text{width:85%;} .search-text input{padding-left:15px;} .search-btn{width:15%;} .search-btn input{color:#fff;background-color:#DD2F2F;} #home-product-menu{display:none;} .product-box{padding-top:30px;padding-bottom:25px;} .product-cate-title{position:relative;height:50px;padding-left:65px;line-height:26px;border-bottom:#24201F solid 2px;} .product-cate-title:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px;} .product-cate-title .floor-name{position:absolute;top:0;left:0;width:38px;height:50px;border-bottom:#CD0A0A solid 2px;} .product-cate-title .floor-name em{display:block;height:26px;background-color:#CC0033;color:#fff;font-style:normal;font-size:22px;line-height:26px;text-align: center;} .product-cate-title h3{margin-top: 0;margin-bottom: 0;} .product-cate-title span.more{position:absolute;right:0;top:0;line-height:26px;} .product-cate-title span.more a{color:#5C5C5C;}.product-cate-title span.more a:hover{color:#CC0033;text-decoration: none;} #home-product-list .product-list{border-left:#EEE solid 1px;} #home-product-list .product-item{float:left;width:50%;height:229px;border-right:#EEE solid 1px;border-bottom:#EEE solid 1px;} #home-product-list .product-item div{width:180px;margin:12px auto 0;} #home-product-list .product-item p{color:#747474;padding-top:10px;line-height:1.8em;font-size:12px;} #home-product-list .product-item a{font-size: 14px;color:#f82d12;line-height:14px;}#home-product-list .product-item a:hover{color:#CC0033;text-decoration: none;} #home-product-list .product-vivid{display:none;text-align: center;color:#fff;} #home-product-list .product-cate-slogan{font-size: 22px;margin-top:35px;} #home-product-list .product-cate-desc{font-size: 14px;height:40px;line-height: 40px;background: url("productCategory-desc-bg.png") no-repeat center center;} #home-product-list .product-cate-more{font-size: 12px;padding-top:15px;} #home-product-list .product-cate-more a{padding:10px 15px;border:#fff solid 1px;color:#fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}#home-product-list .product-cate-more a:hover{text-decoration:none;border:#CC0033 solid 1px;background-color:#CC0033;} #home-product-list .product-item img{width:180px;height:120px;display:block;} #left-product-category{display: none;} .product-cate-list{margin:0;padding:0;list-style-type:none;border-top:#EDEDED solid 1px;} .product-cate-list li{border-bottom: #EDEDED solid 1px;} .product-cate-list a{display:block;padding:5px 20px;} #product-search{height:33px;position:relative;z-index: 10;} #product-search .product-cate-list{position:absolute;width:100%;background-color:#fff;z-index:30;border-top:#EDEDED solid 1px;} #product-search .product-cate-list li{text-align:left;line-height:36px;float:left;width:50%;border-left:#EDEDED solid 1px;border-bottom:#EDEDED solid 1px;} #product-search .product-cate-list li:nth-child(2n+1) {border-left:none;} #product-search .select-category{display: block;} #product-search input{border:#b1191a solid 1px;float:left;height:33px;line-height:33px;} #product-search input[type='text']{padding-left:10px;width:40%;border-right:none;} #product-search input[type='submit']{color:#fff;background-color:#b1191a;width:80px;} #product-search .select-category{height:33px;width:100px;float:left;line-height:33px;text-align:center;} #product-list{padding-top:25px;} .product-details h1{font-size:26px;color:#cc0000;} .product-details img{max-width:100%;height:auto;} #product-list .product-item{width:242px;margin:15px auto;background-color:#eee;border:#eee solid 1px;} #product-list .product-item img{width:240px;height:160px;display:block;} #product-list .product-item .title,#product-list .product-item p{display:block;margin:0 10px;padding-top:6px;padding-bottom:6px;} #product-list .product-item p{border-top:#dcdcdc solid 1px;font-size:12px;line-height:1.6em;height:70px;} #product-list .product-item a{text-decoration: none;color:#363636;} #product-list .product-item:hover{background-color:#dd2e2d;color:#fff;border:#dd2e2d solid 1px;} #product-list .product-item:hover a{color:#fff;} .product-info dl{margin-bottom:10px;} .product-info dt{width:75px;} .product-info dt,.product-info dd{display:table-cell;} #contact{background:url("contact-bg.jpg?v=20260603compress1") no-repeat 0 0;background-size:cover;} #contact .head{padding-top:100px;padding-bottom:20px;} #contact .head h1{font-size:26px;color:#fff;margin:0;padding:0;line-height:26px;text-transform:uppercase;} #contact .head h1 em{font-size:0.6em;font-style:normal;margin-left:8px;} #dituContent{height:345px;width:100%;} #subContact{width:100%;max-width:750px;margin-top:55px;padding:15px 0;background-image:url("subcontact-bg.png");color:#fcfafa;} .subContactMenu{width:215px;display:none;} .subContactMenu ul{list-style-type: none;margin:0;padding-left:0;} .subContactMenu ul li{padding:0;} .subContactMenu ul li h3{display:block;height:40px;padding-left:40px;margin:-30px 0 0 0;background:#393939 url("contact-icon.png") no-repeat 18px center;line-height:40px;color:#fcfafa;font-size:14px;} .subContactInfo h2{font-size:18px;margin-bottom:20px;} .subContactInfo ul{list-style-type: none;padding-left:0;} h3.about-title{font-size:24px;} em.about-desc{font-style: normal;font-size:14px;} #about-1{padding:25px 0;} #about-1 .row{margin-top:30px;} #about-1 .icon{display:block;height:100px;min-width:80px;background-position:center center;background-repeat: no-repeat;} .one .icon{background-image: url("icon-1.png")} .two .icon{background-image: url("icon-2.png")} .three .icon{background-image: url("icon-5.png")} #about-1 .box-row{max-width:220px;margin: auto;} #about-1 h5 em{font-style: normal;display: block;font-size: 14px;} #about-2{padding:20px 0;} #about-2 .about-title{height:60px;padding-bottom:7px;background: url("bt-bg-left.png") no-repeat center top;color:#fff;line-height:53px;} #about-2 .row{margin-top:20px;} #about-1 h5, #about-2 h5{margin-top:15px;font-size:20px;font-weight:bold;color:#1e1e1e;line-height:30px;} #about-2 p{font-size:12px;line-height:1.6em;} #about-3{padding:20px 0;} #about-3 .about-title{height:60px;padding-bottom:7px;background: url("bt-bg-right.png") no-repeat center top;color:#fff;line-height:53px;} #about-3 .col-sm-6{text-align: left;min-height:110px;margin-top:25px;} #about-3 .ln-img{position:absolute;width:110px;height:110px;border-radius:50%;overflow: hidden;} #about-3 .ln-text{margin-left:130px;} #about-3 .ln-text h5{font-weight: bold;} #about{padding-top:25px;} #about .about-title{height:60px;padding-bottom:7px;background: url("bt-bg-left.png") no-repeat center top;color:#fff;line-height:53px;} .time-line{margin-top:20px;} .time-line .time-title{line-height:20px;font-size:16px;color:#1e1e1e;font-weight:bold;vertical-align:middle;width:100%;text-align:center;margin-bottom:20px;} .time-line dd{padding-top:15px;} .hot-tel{width:206px;height:98px;margin:0 auto;padding-top:30px;background:url("hot-tel.png") no-repeat center top;color:#f9f5f5;font-size:22px;} .hot-tel span{display:block;line-height:40px;} #teamer{background-color:#F0F0F0;text-align: center;padding-top:20px;} #teamer img{width:100%;max-width:1090px;margin:0 auto;} #teamer p{font-size:30px;margin-top:25px;margin-bottom:35px;} #base_info{padding:30px 0;background-color:#f0f2f3;} #base_info h2{color:#33ccff;font-size:26px;text-align:center;margin-top:10px;margin-right:15px;} #base_info h2 em{display:inline-block;color:#333;width:100%;line-height:1.5em;margin-top:10px;} #base_info .col-sm-8{font-size:12px;} .application-item{max-width:334px;margin:15px auto;} .application-item i.icon{display:block;width:68px;height:68px;margin:25px auto 0;overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .application-item h3{margin:10px 0 0;height:30px;line-height:30px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-align: center;} .each-wrap{width:330px;height:160px;position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;} .each-wrap .cover{position:absolute;width:100%;height:100%;background-color:#0066a5;opacity:0.55;z-index:0;} .each-wrap span{position:absolute;display:block;width:100%;height:100%;color:#fff;z-index:1;} #cooperative{background-color:#EDEDED;margin-top:20px;padding-left:20px;padding-right:20px;} #cooperative h4{font-size:20px;margin:25px 0;} #cooperative ul{list-style-type: none;padding:0;margin-left:-25px;margin-right:-25px;overflow: hidden;zoom:1;} #cooperative ul li{float: left;width:180px;height:80px;padding:5px 25px; box-sizing: content-box} #cooperative ul li a img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);} #cooperative ul li a:hover img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} #footer{background-color:#222;padding:0 20px;} #foot-menu{color:#f8fafa;font-size:16px;} #foot-menu h5{margin:0;padding:30px 0 15px;} #foot-menu h5 a{color:#f8fafa} #foot-menu h5 a:hover{text-decoration: none;} #foot-menu ul{list-style-type: none;margin:0;padding:0;font-size:12px;} #foot-menu ul li{height:26px;} #foot-menu ul a{color:#b5b4b4;display:inline-block;line-height:16px;height:16px;overflow: hidden;} #foot-menu ul a:hover{border-bottom: #ccc dotted 1px;text-decoration: none;} #copyright{position:relative;border-top:#2F2F2F solid 1px;padding:10px 0;margin-top:30px;color:#7d7d7d;} #share{display: none;} @media (min-width:768px){ #header{padding-top:30px;padding-bottom:15px;} h1#logo{padding-bottom:0;margin-left:0;float: left} .top-contact{float:right;} #navigation{height:50px;padding-top:9px;float:right;background-color: #fff;} #menu{position:relative;top:-1px;overflow:hidden;zoom:1;height:58px;} #menu li{float:left;height:50px;border:none;width: auto;} #menu li a{display:block;width:auto;min-width:86px;height:50px;padding:0 10px;text-align:center;color:#1A1A1A;background:none!important;} #menu li.nav-1 a,#menu li.nav-2 a,#menu li.nav-3 a,#menu li.nav-4 a,#menu li.nav-5 a{background:none!important;} #menu li a span{display:block;line-height:25px;font-weight: bold;font-size: 16px;} #menu li a em{display:block;font-style: normal;font-size: 12px;line-height:20px;} #menu li a:hover, #menu li.active a{text-decoration:none;color:#BB0F0F;background:none!important;} #banner{height:500px;} #banner .slick-slide{height:500px;} .home-title h2{font-size:36px;} .home-title h2 em{padding-left:0.8em;display:inline;} .x-c-z{display:block;float:right;margin-top:-4px;} #topsearch{margin-right:245px;} #home-product-list .product-vivid{display:none;} #home-product-list .product-item{width:25%;} .product-container{height:458px;} #product-list{float:none;width:100%;} .product-details img{max-width:750px;height:auto;} .product-info{padding-top:12px;padding-bottom:12px;} .product-info img{max-width:420px;height:auto;border:0;} #about-2 img{width:100%;max-width:250px;} .time-line{background:url("time-line.png") repeat-y center top;} .time-line dl{margin-bottom:0;overflow:hidden;zoom:1;padding:15px 0;} .time-line dt,.time-line dd{width:50%;min-height:100px;} .time-line dd{padding-top:0;} dl.right dt{text-align:left;float:right;} dl.right dd,dl.right .time-title{text-align:right;} dl.right dt,dl.left dd{padding-left:36px;} dl.right dd,dl.left dt{padding-right:36px;} dl.left dt{float:left;text-align:right;} dl.left dd{float:left;text-align:left;} .time-title{position:relative;z-index:1;} .time-title:after{content:" ";position:absolute;width:16px;height:16px;display:block; background:url("icon-3.png") no-repeat center center;top:2px;} dl:hover .time-title:after{background-image:url("icon-4.png")} dl.left .time-title:after{left:-44px;} dl.right .time-title:after{right:-44px;} dl.first .time-title:before{content:" ";position:absolute;top:-15px;right:-38px;width:4px;height:17px;background-color:#fff;} dl.left .time-title{text-align: left;} #base_info h2{color:#33ccff;font-size:26px;text-align: right;margin-top:10px;margin-right:15px;} #base_info h2 em{display:inline-block;color:#333;width:230px;line-height:1.5em;margin-top:10px;} #base_info .col-sm-8{border-left: #ccc solid 2px;font-size:12px;} #base_info .application_info{display:table-cell;margin-left:15px;height:175px;vertical-align: middle;overflow:hidden;} .application-item{width:250px;} .application-item i.icon{width:48px;height:48px;background-size: cover;} .application-item h3{font-size:16px;} .each-wrap{width:250px;height:121px;} #contact{height:980px;} .subContactMenu{display:block;} .subContactInfo{padding:15px;} .subContactInfo .show{height:260px;overflow:hidden;} .subContactInfo .show p{font-size:14px;} #share{display: inline-block;position:absolute;right:0;top:15px;} } @media (min-width:992px) { #menu li{padding-right:15px;} #home-product-list .product-list{float:left;width:824px;border-left:none;} #home-product-list .product-vivid{display:block;float:left;width:276px;height:458px;background-position:left top;background-repeat:no-repeat;} #home-product-menu{position:absolute;display:block;width:110px;left:50%;margin-left:-660px;} #home-product-menu ul{list-style-type: none;margin:0;padding:0 15px 0 0;float:left;} #home-product-menu ul li{padding-top:3px;padding-bottom:3px;} #home-product-menu ul li a{color:#6a6969;display: block;position:relative;padding-left:20px;height:22px;line-height:22px;} #home-product-menu ul li i{position:absolute;top:0;left:0;width:15px;height:22px;display:block;border-bottom:#A1A1A1 solid 1px;font-style: normal;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} #home-product-menu ul li a:after{position:absolute;top:11px;left:13px;content:" ";display:block;border:#CD0A0A solid 1px;height:1px;width:1px;line-height:1px;} #home-product-menu ul li a:hover, #home-product-menu ul li.active a{color:#cc1300;text-decoration:none;} #home-product-menu ul li a:hover i, #home-product-menu ul li.active a i{width:100%;} #left-product-category{display:block;float:left;margin-right:18px;width:242px;min-height:539px;background: url("product-left-category.png") no-repeat 0 0;} #left-product-category.application{background: url("application-left-category.png") no-repeat 0 0;} #left-product-category .product-cate-head{height:120px;} #left-product-category .product-cate-list{list-style-type: none;margin:50px 0 0 55px;border-top: none;} #left-product-category .product-cate-list li{border-bottom: none;} #left-product-category a{color:#fff;} #product-list{float:left;width:840px;} .product-details img{max-width:840px;height:auto;} #product-search .select-category{display: none;} .application-item{width:334px;} .application-item i.icon{width:68px;height:68px;} .application-item h3{font-size:20px;} .each-wrap{width:330px;height:160px;} } .pagelist{text-align:center;padding:25px 0 0;} .pagelist a{color:#666;} .pagelist a:hover{color:#0082cb;} .pagelist .page, .pagelist .page.hover, .pagelist .page em, .pagelist .page.hover em {background-image: url("page.png");background-repeat: no-repeat;overflow: hidden;} .pagelist .page, .pagelist .page.hover {display: inline-block;font-family: microsoft yahei;height:29px;padding-left:10px;position: relative;text-align: center;z-index: 5;} .pagelist .page em, .pagelist .page.hover em {display: inline-block;font-style: normal;line-height:29px;padding:0 10px 0 0;} .pagelist .page {background-position: left top;cursor: pointer;} .pagelist .page em {background-position: right top;cursor: pointer;} .pagelist .page.hover {background-position: left -30px;color: #fff;} .pagelist .page.hover em {color:#fff;background-position: right -30px;}

/* jinyouheng-header-phone-20260624 */
#menu li.nav-phone a{font-weight:700;color:#DD2D2D;}
#menu li.nav-phone a span{font-size:22px;line-height:26px;letter-spacing:0;color:#DD2D2D;white-space:nowrap;}
#menu li.nav-phone a em{font-size:12px;color:#DD2D2D;}
@media (min-width:768px){#menu li.nav-phone a{min-width:190px;padding:0 18px;text-align:left;}#menu li.nav-phone a span{font-size:24px;line-height:28px;}}
@media (max-width:767px){#menu li.nav-phone{width:100%;}#menu li.nav-phone a{display:block;padding:8px 0;}#menu li.nav-phone a span{font-size:22px;}}

/* jinyouheng-header-fit-20260624 */
@media (min-width:768px){
  #header{padding-top:22px;padding-bottom:14px;}
  #header .container{display:flex;align-items:center;justify-content:space-between;gap:18px;}
  h1#logo{float:none;flex:0 1 430px;width:430px;margin:0;padding:0;line-height:0;overflow:hidden;}
  h1#logo img{display:block;width:100%;height:auto;max-width:430px;}
  #navigation{float:none;flex:0 0 auto;height:auto;padding-top:0;background:#fff;}
  #menu{display:flex;align-items:center;justify-content:flex-end;height:54px;top:0;overflow:visible;}
  #menu li{float:none;flex:0 0 auto;height:54px;}
  #menu li a{box-sizing:border-box;display:block;width:86px;min-width:0;height:54px;padding:0 6px;text-align:center;}
  #menu li.nav-1 a{width:62px;}
  #menu li.nav-2 a{width:96px;}
  #menu li.nav-phone a{width:160px;min-width:0;padding:0 0 0 12px;text-align:left;}
  #menu li.nav-phone a span{font-size:22px;line-height:28px;}
}
@media (min-width:768px) and (max-width:1199px){
  #header .container{gap:12px;}
  h1#logo{flex-basis:340px;width:340px;margin-left:-8px;}
  h1#logo img{max-width:340px;}
  #menu li a{width:80px;padding:0 4px;}
  #menu li.nav-1 a{width:58px;}
  #menu li.nav-2 a{width:90px;}
  #menu li a span{font-size:15px;}
  #menu li a em{font-size:11px;}
  #menu li.nav-phone a{width:145px;padding-left:8px;}
  #menu li.nav-phone a span{font-size:20px;}
}
