锘? { padding: 0px; margin: 0px; } ol, ul { margin-bottom: 0; } ul li, ol li { list-style: none; } a: { text-decoration: none; } a { text-decoration: none !important; } a:hover { text-decoration: none !important; } /**********娓呴櫎娴姩***********/ .fixed:before, .clearfix:before, .cl:before, body:before, .header:before, .main:before, .footer:before, .into_tabcon .img:before { content: ''; display: table; } .fixed:after, .clearfix:after, .cl:after, after, .header:after, .main:after, .footer:after, .into_tabcon .img:after { content: ''; display: table; clear: both; } .search { position: absolute; right: 50px; top: 8px; } .search img { width: 32px; } .yd_nav .navbar-toggler-icon img { width: 24px; } .pc_show { display: block; } .yd_show { display: none; } .pc_nav.hei90 { height: 90px; } .navbar-fixed-top { background: white; position: fixed; z-index: 9999; width: 100%; top: 0; opacity: 1; height: 90px; border-bottom: 1px solid #f4f4f4; } .home_nav { background: border-box; position: fixed; z-index: 9999; width: 100%; top: 0; opacity: 1; border: 0; } .home_back { height: 90px; background-image: linear-gradient(to bottom, rgb(0, 0, 0), transparent); background-position: center; background-blend-mode: normal; } .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .carousel-caption { right: -69%; height: 700px; padding-bottom: 30px; font-size: 1.6rem; letter-spacing: 5px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; } .blac li a { color: black; } .white li a { color: white; } .yd_nav { display: none; } .food { display: none; } @media screen and (max-width: 900px) { .pc_nav { display: none; } .yd_nav { display: block; } .nine { display: none; } .food { display: block; } .food { width: 90%; margin-left: 5%; } .food ul li { font-size: 1.1rem; color: gray; } .food ul li span { padding-left: 2%; } } .navbar-brand { padding: 0; } .navbar-brand img { width: 26px; margin-top: 24px; margin-left: 14%; } .navbar-inverse { background-color: 0; z-index: 9999; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } .uul .active a { color: #11518e; z-index: 9999; } .uul>li:not(first-child) { margin-left: 2%; } .uul>li>a:hover { text-decoration: none; } .uul>li>a { position: relative; font-size: 1.6rem; display: block; padding-top: 23px; } .uul>li>a:not(first-child) { padding: 5px 8px; } .uul li { text-align: right; display: inline-block; font-family: Source Han Sans CN; font-weight: 400; color: rgba(26, 26, 26, 1); line-height: 87px; } .uul { width: 100%; text-align: right; } .uul .input_ss { margin-top: 11px; display: none; } .uul .input_ss input { background: white; width: 130px; height: 24px; } .li_log { float: left; } .log { position: absolute; margin-left: -10%; } .navbar-brand img { margin-top: 12px; margin-left: -80%; width: 33px; height: 52px; } @media screen and (max-width: 1650px) { .uul>li>a { position: relative; font-size: 1.4rem; display: block; padding-top: 23px; } } .sec_ul1 li:first-child { font-size: 40px; font-family: Source Han Sans CN; font-weight: 500; color: rgba(26, 26, 26, 1); line-height: 87px; } .sec_ul1 { border-bottom: 1px solid #f4f4f4; padding-bottom: 50px; padding-left: 0; padding-right: 0; } .sec_ul1 li { margin-top: 20px; } .sec_ul1 li:nth-child(2), .sec_ul1 li:nth-child(3) { font-size: 1.3rem; color: gray; letter-spacing: 3px; } .nine { height: 120px; line-height: 80px; } .nine_ul { width: 100%; text-align: right; border-bottom: 1px solid #f1f1f1; } .nine_ul li { display: inline-block; } .nine_ul li:not(:first-child) { margin-left: 3%; } .nine_ul li a { color: black; font-weight: 600; font-size: 1.5rem; } .nine_ul2 { height: 30px; line-height: 30px; } .nine_ul2 li { display: inline-block; color: gray; font-size: 1.6rem; letter-spacing: 1px; height: 30px; line-height: 30px; text-align: right; } .nine_ul2 li:first-child { text-align: left; letter-spacing: 1px; } .nine_ul2 li:last-child { text-align: right; } .tu { text-align: left; position: absolute; } /* 澶撮儴 */ .header-pc { height: 90px; width: 100%; } .header-pc .header-fixed { height: 90px; width: 100%; background: #fff; position: fixed; z-index: 9999; border-bottom: 1px solid #f4f4f4; } .header-pc .nav { position: relative; } .header-pc .logo { position: absolute; left: 0; width: 80px; height: 78px; margin-top: 19px; background: url(../img/food_logo.png) no-repeat; } .header-pc .nav .menu { width: 100%; text-align: right; } .header-pc .nav .menu li { display: inline-block; } .header-pc .nav .menu li:not(:first-child) { margin-left: 3%; } .header-pc .nav .menu li a { color: black; font-size: 1.6rem; text-align: right; display: inline-block; font-family: Source Han Sans CN; font-weight: 400; color: #1A1A1A; line-height: 87px; } .header-pc .nav .menu li.active a { color: #11518e; } .header-pc .nav .menu li a:hover { color: #11518e; cursor: pointer; } .header-pc .nav .menu .input_i a { width: 2px; height: 12px; display: block; } .header-pc .nav .menu .input_i .icon { background: #555; width: 2px; height: 14px; display: block; } .header-pc .nav .menu .input_ss { margin-top: 11px; display: none; } .header-pc .nav .menu .input_ss input { background: white; width: 130px; height: 24px; } .header-pc .nav .menu .li_ss a { width: 18px; height: 18px; } .header-pc .nav .menu .li_ss .icon { background: url(../img/con_ss.png) no-repeat; width: 18px; height: 18px; margin-top: 5px; display: block; } /* 閫忔槑 */ .header-pc.transparent { height: 0; } .header-pc.transparent .header-fixed { background: none; background-image: linear-gradient(to bottom, rgb(0, 0, 0), transparent); background-position: center; background-blend-mode: normal; border-bottom: 0; } .header-pc.transparent .logo { /* background: url(../img/logo.png) no-repeat;*/ } .header-pc.transparent .nav .menu li a { color: #fff; } .header-pc.transparent .nav .menu li a:hover{ color: #1e80de; } .header-pc.transparent .nav .menu li.active a { color: #1e80de; } .header-pc.transparent .nav .menu .input_i .icon { background: #fff; } .header-pc.transparent .nav .menu .li_ss .icon { background: url(../img/ss.png) no-repeat; } .header-pc.transparent .nav .menu .input_ss input { border: 0; } /** 绉诲姩绔ご閮 **/ .header-yd { height: 50px; line-height: 50px; } .header-yd .header-fixed { height: 50px; line-height: 50px; width: 100%; background: #fff; position: fixed; z-index: 9999; border-bottom: 1px solid #f4f4f4; } .header-yd .nav { position: relative; } .header-yd .logo { position: absolute; left: 0; height: 30px; width: 20px; margin-top: 10px; background: url(../img/food_logo.png) round; } .header-yd .logo img { width: 33px; height: 52px; } .header-yd .nav .search { position: absolute; right: 35px; width: 18px; height: 18px; margin-top: 7px; background: url(../img/con_ss.png) round; } .header-yd .nav .more { position: absolute; right: 0; width: 18px; height: 16px; margin-top: 17px; z-index: 1000003; /* background: url(../img/dao.png) round; */ } .header-yd .main-open { left: -350px; } .header-yd .trigger { /* width: 30px; height: 30px; float: right; margin-right: 50px; margin-top: 50px; position: relative; */ } .header-yd .slider-mask { top: 0; left: 0; display: none; position: fixed; height: 100%; width: 100%; background: #000; opacity: 0.6; z-index: 1000001; /* transition: all 0.5s ease-in-out; */ } .header-yd .slider { position: fixed; top: 0; right: -240px; width: 240px; height: 100%; background: #fff; z-index: 1000002; transition: all 0.3s ease-in-out; } .header-yd .open { right: 0; } .header-yd .trigger span { display: block; left: 0; width: 100%; height: 2px; background: #1A1A1A; position: absolute; opacity: 1; transform: rotate(0, 0); transition: all 0.1s ease-in-out; } .header-yd .trigger span:nth-child(1) { top: 0px; } .header-yd .trigger span:nth-child(2) { top: 6px; } .header-yd .trigger span:nth-child(3) { top: 12px; } .header-yd .trigger-open span:nth-child(1) { transform: rotate(45deg); top: 6px; } .header-yd .trigger-open span:nth-child(2) { width: 0; } .header-yd .trigger-open span:nth-child(3) { transform: rotate(-45deg); top: 6px; } .header-yd .nav .menu { margin-top: 60px; width: 100%; text-align: center; } .header-yd .nav .menu li { height: 46px; line-height: 46px; } .header-yd .nav .menu li a { color: black; font-size: 1.5rem; text-align: right; display: inline-block; font-family: Source Han Sans CN; font-weight: 400; color: #1A1A1A; } .header-yd .nav .menu li.active a { color: #11518e; } .header-yd .search-form { height: 50px; line-height: 50px; background: #fff; position: fixed; top: -50px; left: 0; z-index: 1000010; width: 100%; padding: 0 4%; display: block; transition: all 0.3s ease-in-out; } .header-yd .search-form.show { top: 0px; } .header-yd .search-form input { font-size: 1.5rem; color: #807e7e; width: 100%; height: 30px; line-height: 30px; margin-top: 10px; border: 0; outline: none; } /* 鍐呭 */ .content { width: 73%; min-width: 1200px; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } /*** 缃戦〉鍐呭 ***/ .main { width: 100%; padding-bottom: 50px; } /*** 鍐呭椤礲anner ***/ .con-banner { width: 100%; min-width: 1200px; } .con-banner img { width: 100%; } /*** 鍐呭椤靛ご閮 ***/ .con-head { padding: 100px 0 50px 0; border-bottom: 1px solid #EBEBEB; } .con-head .title { font-size: 40px; color: #1A1A1A; font-weight: 500; font-family: Source Han Sans CN; margin-bottom: 25px; } .con-head .desc { font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #808080; /* line-height: 16px; */ /* margin-top: 10px; */ } .con-head .desc:first-child { margin-top: 0px; } /*** 鍐呭椤靛唴瀹 ***/ .con-content { padding: 50px 0; } .con-content.line { border-bottom: 1px solid #EBEBEB; } .con-content-top { padding-top: 50px; } .con-content-big { padding: 100px 0; } .con-content-big-top { padding-top: 100px; } /*搴曢儴*/ .footer { background: #F7F9FA; } .footer.white { background: #fff; } /*搴曢儴瀵艰埅*/ .footer .nav { width: 100%; height: 116px; line-height: 116px; text-align: right; position: relative; border-bottom: 1px solid #EBEBEB; } .footer .nav .logo { position: absolute; left: 0; line-height: 116px; } .footer .nav .logo img { width: 80px; height: 75px; } .footer .nav .menu { width: 100%; } .footer .nav .menu li { display: inline-block; } .footer .nav .menu li:not(:first-child) { margin-left: 3%; } .footer .nav .menu li a { color: black; font-weight: 600; font-size: 1.5rem; } .footer .nav .menu li a:hover { color: #11518e; cursor: pointer; text-decoration: underline; } .footer .copyright { width: 100%; height: 66px; line-height: 66px; color: #808080; } .footer .copyright .item { display: inline-block; letter-spacing: 1px; font-size: 16px; } .footer .copyright a { color: #808080; } .footer .copyright a:hover{ color: #11518e; } .footer .copyright .item:first-child { text-align: left; } .footer .copyright .item:not(:first-child) { text-align: right; /* margin-left: 100px; */ } .add-line { border-bottom: 1px solid #EBEBEB; } .clear-line { border-bottom: 0 !important; } /*鍒嗛〉*/ .con_page { width: 100%; padding: 5rem 0; } .con_page a { margin: 0 0.4rem; display: inline-block; padding: 0.8rem 1.2rem; font-size: 1.4rem; border: 1px solid #f2f2f2; text-decoration: none; color: black; } .con_page a.active { background: #11518e; border-color: #11518e; color: #fff; } .con_page a:first-child { margin-left: 0; margin-right: 0.8rem; } .con_page a:last-child { margin-left: 0.8rem; margin-right: 0; } /* 鍒嗛〉 */ .news_page { width: 100%; padding: 5rem 0; } .news_page .start, .news_page .num, .news_page .end, .news_page .ellipsis { display: inline-block; margin: 0 0.4rem; } .news_page .start { margin-left: 0; margin-right: 0.8rem; } .news_page .end { margin-left: 0.8rem; margin-right: 0; } .news_page .start a, .news_page .num a, .news_page .end a { display: inline-block; padding: 0.8rem 1.2rem; font-size: 1.4rem; border: 1px solid #f2f2f2; text-decoration: none; color: black; } .news_page .num.active a { background: #11518e; border-color: #11518e; color: #fff; } /* 鎸夐挳-鏇村 */ .btn_more { width: 143px; height: 46px; display: block; background: url(../img/but_black.png) no-repeat; } .btn_more:hover { background: url(../img/but.png) no-repeat; } /* 鎸夐挳-宸﹀彸 */ .btn_left_w { width: 30px; height: 30px; display: block; background: url(../img/left.png) no-repeat; opacity: 0.6; } .btn_left_w:hover { opacity: 1; } .btn_right_w { width: 30px; height: 30px; display: block; background: url(../img/right.png) no-repeat; opacity: 0.6; } .btn_right_w:hover { opacity: 1; } .btn_left_b { width: 30px; height: 30px; display: block; background: url(../img/arrow_left.png) no-repeat; opacity: 0.6; } .btn_left_b:hover { opacity: 1; } .btn_right_b { width: 30px; height: 30px; display: block; background: url(../img/arrow_right.png) no-repeat; opacity: 0.6; } .btn_right_b:hover { opacity: 1; } @media screen and (max-width: 900px) { .pc_show { display: none; } .yd_show { display: block; } .pc_nav { display: none; } .yd_nav { display: block; height: 50px; width: 100%; } .yd_nav .head { display: block; height: 50px; background: white; position: fixed; z-index: 9999; width: 100%; top: 0; opacity: 1; } .content { min-width: auto; width: 92%; padding: 0; } .con-head { padding: 50px 0 25px 0; } .con-head .desc { font-size: 15px; } .con-head .title { margin-bottom: 12.5px; } .main { padding-bottom: 0; } .con-banner { min-width: auto; } .con-head .title { font-size: 28px; } .con-content { padding: 25px 0; } .con-content-top { padding-top: 25px; } .con-content-big { padding: 50px 0; } .con-content-big-top { padding-top: 50px; } .footer .copyright { height: auto; line-height: none; margin: 16px 0; } .footer .copyright .item { display: block; width: 100%; text-align: left !important; font-size: 12px; line-height: 18px; } .news_page { padding: 2.5rem 0; } .con_back { /* margin-top: 60px; */ width: 100%; } .senver_2 ul li { font-size: 1.1rem; color: gray; line-height: 40px; text-align: left; } .navbar { background: rgba(6, 12, 34, 0.9) !important; transition: right .5s ease; transform: translateX(-120%); width: 90%; margin-top: -15px; } .navbar-light .navbar-toggler { border: none; position: fixed; top: -43px; right: -130%; background: white; } .navbar-light .navbar-toggler:focus { outline: none; } .collapse:not(.show) { display: block; height: 100vh; } .navbar-light .navbar-toggler-icon { transition: all .5s ease; background: url('close.svg') no-repeat center; background-size: 100%; } .logo { margin-top: 50px; } .logo img { width: 25px; margin-left: 20px; margin-top: -70px; } .backg { background: white; margin-top: -17px; width: 100%; margin-left: 20%; padding-left: 10%; } .carousel-control.left { background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0000))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control3 { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; margin-top: 45%; } .open-navbar { transition: right .5s ease !important; transform: translateX(0) !important } .open-btn { right: -10% !important; } .open-icon { background: url('open.svg') no-repeat center !important; background-size: 100%; } .shadow::before { position: absolute; display: block; content: ''; left: 0; right: 0; height: 100%; background: rgba(6, 12, 34, 0.7) !important; transition: all .3s ease-in; } .navbar-nav li { height: 46px; line-height: 46px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 10; background-color: #fff; } .navbar-collapse ul { margin-top: 40px; margin-left: 20%; } .navbar-collapse .active a { color: #11518e; } .navbar-nav li a { color: gray; } .news_page .start, .news_page .num, .news_page .end, .news_page .ellipsis { display: inline-block; margin: 0rem; } } footer { clear: both; } .food_bac { background: url(../img/back.png); }