input { vertical-align: middle; border: 0; /*-webkit-appearance: none;*/ outline: none; } select, button:focus { outline: none; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, input, textarea, html { margin: 0; padding: 0; /*font-size: 100%;*/ } body, html { background: #fff; font-family: "Noto Sans SC", "Microsoft Sans Serif", arial, PingFangSC-Regular, 'Hiragino Sans GB', sans-serif, "San Francisco"; color: #676767; font-size: 14px; width: 100%; height: 100%; scroll-behavior: smooth; scroll-behavior: -webkit-smooth; } @font-face { font-family: Helvetica; url('../fonts/HelveticaNeue-Roman.otf') format('otf'), /* Safari, Android, iOS */ } ul, li { list-style: none; } img, input { border: none; max-width: 100%; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } .clearfix:after { /*content:"200B"; height:0; font-size:0; */ content: ""; display: block; clear: both; } .clearfix { *zoom: 1; } a, .transition, :before, img, .g-nav { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .yema { display: flex; justify-content: center; width: 100%; margin-top: 30px; } .yema ul { display: flex; align-items: center; flex-flow: wrap; justify-content: center; } .yema ul li { cursor: pointer; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 3px; background: #fff; margin: 0 7px; transition: .3s; } .yema ul li a{ display: block; width: 100%; height: 100%; color: #8e8e8e; font-size: 20px; border: 1px solid #e5e5e5; } .yema ul li a:hover{ background: #e99818; color: #fff; } .yema ul li a.active{ background: #e99818; color: #fff; border: 1px solid #e99818; } .yema ul .prev { width: 88px; } .yema ul .next { width: 88px; } .yema ul li.active { background: #e65c75; color: #fff; } .full-container { max-width: 1520px; margin: 0 auto; } .full2-container { display: flex; max-width: 1320px; margin: 0 auto; height: 100%; } .full2-container .content { width: 100%; } header { /*padding: 15px 0;*/ position: fixed; top: 0; width: 100%; /*height: 106px;*/ z-index: 999999; background: #fff; box-shadow: 0 8px 6px -9px rgba(0, 0, 0, .1); } header .full-container { height: 100%; } header .content { display: flex; justify-content: space-between; height: 100%; } .section:first-child .fp-tableCell { vertical-align: top; } .header-top { padding: 12px 0; border-bottom: 1px solid #f6f6f6; } .header-top p { color: #676767; } .header-top ul { display: flex; } .header-top ul li { position: relative; } .header-top ul li .erweima { position: absolute; top: 23px; left: 50%; transform: translateX(-50%); width: 118px; opacity: 0; z-index: -1; transition: .3s; } .header-top ul li:hover .erweima { opacity: 1; z-index: 99; } .header-top ul li a { color: #676767; border-right: 1px solid #e7e7e7; padding: 0 16px; } .header-top ul li:last-child a { border-right: none; } .header-bot .logo { display: flex; align-items: center; } .header-bot span { line-height: 40px; display: inline-block; border-left: 1px solid #dddddd; padding-left: 16px; margin-left: 16px; color: #585858; font-size: 16px; } .header-bot ul { display: flex; } .header-bot ul li { position: relative; margin-left: .7rem; overflow: hidden; } .header-bot ul li .sub { position: absolute; top: 75px; left: 50%; padding: 15px; background: #fff; opacity: 0; z-index: -1; transform: translateX(-50%); box-shadow: 0 0 10px #ddd; transition: .3s; } .header-bot ul li .sub a { line-height: 38px; text-align: center; white-space: nowrap } .header-bot ul li .sub a:hover { color: #e99818; } .header-bot ul li a { display: block; color: #474747; font-size: 18px; padding: 0 9px; border-bottom: 2px solid transparent; line-height: 73px; } .header-bot ul li:hover .sub { opacity: 1; z-index: 99; } .header-bot ul li:hover{ overflow: initial; } .header-bot ul li a.active { color: #e99818; border-bottom: 2px solid #e99818; } .header-bot ul li a:hover { color: #e99818; border-bottom: 2px solid #e99818; } .banner { position: relative; z-index: 11; overflow: hidden; margin-top: 105px; } .bannerTwo{ display: flex; align-items: center; justify-content: center; margin-top: 120px; height: 350px; } .bannerTwo .text{ color: #fff; } .bannerTwo .text h3{ color: #ffffff; font-size: .36rem; font-weight: 500; margin-bottom: 12px; text-align: center; } .bannerTwo .text p{ text-align: center; opacity: 0.5; font-size: 18px; text-transform: uppercase; position: relative; } .bannerTwo .text p:before{ content: ''; position: absolute; left: -330px; top: 14px; width: 300px; height: 1px; background: #fff; opacity: .5; } .bannerTwo .text p:after{ content: ''; position: absolute; right: -330px; top: 14px; width: 300px; height: 1px; background: #fff; opacity: .5; } .flexslider { position: relative; overflow: hidden; transition: all 0.3s; } .flex-pauseplay { display: none; } .slides { position: relative; z-index: 1; } .slides li { height: 850px; text-align: center; } .slides li p{ position: absolute; left: 50%; top: 40%; text-align: center; width: 100%; transform: translate(-50%,-50%); color: #ffffff; font-size: .48rem; font-weight: bold; font-style: italic; line-height: 62px; } .slides li a { display: block; height: 100%; } .slides li img { margin: 0 auto; display: none; opacity: 0; } .slides li .video1 { background-color: #000; } .flex-direction-nav { position: absolute; z-index: 10; width: 100%; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s; } .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; z-index: 10; border-radius: 25px; opacity: 0.5; } .flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/prev.png) center center no-repeat; transition: all 0.5s; } .flex-direction-nav li a.flex-next { right: 40px; background: url(../images/next.png) center center no-repeat; transition: all 0.5s; } .flex-direction-nav li a:hover { width: 60px; height: 50px; opacity: 1; } .flexslider:hover .flex-direction-nav { opacity: 1; } .flex-control-nav { display: flex; position: absolute; z-index: 11; bottom: 142px; right: 108px; background: #bababb; padding: 4px; } .flex-control-nav li { margin-right: 4px; } .flex-control-nav li:last-child{ margin-right: 0; } .flex-control-nav li img{ width: 90px; height: 50px; } .flex-control-nav li a { color: #ffffff; width: 60px; line-height: 90px; text-align: center; } .flex-control-nav li .flex-active { display: block; font-size: 28px; color: #15843b; font-weight: bold; } .flexslider .flex-pauseplay { position: absolute; z-index: 10; width: 100px; height: 100px; background-color: #0D6A28; top: 50%; right: 0; text-align: center; line-height: 100px; } .banner .show { width: 210px; line-height: 40px; text-align: center; background-color: #000000; color: #ffffff; font-size: 16px; border-radius: 20px; margin: 30px auto; cursor: pointer; position: absolute; z-index: 20; left: 50%; bottom: 200px; margin-left: -105px; } .banner .show:hover { background-color: rgba(0, 0, 0, 0.8); } .banner video{ width: 100%; height:100%; object-fit: fill; } .banner .carousel-inner > .item{ height: 650px; } .banner .carousel-indicators{ display: flex; position: absolute; z-index: 11; bottom: 142px; right: 108px; background: #bababb; padding: 4px; left: auto; width: auto; } .banner .carousel-indicators li { margin-right: 4px; width: 90px; height: 50px; background: none; text-indent: 0; } .banner .carousel-indicators li img{ width: 90px; height: 50px; } .banner .carousel-control { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; border-radius: 25px; opacity: 0; } .banner .left { left: 40px; background: url(../images/prev.png) center center no-repeat; transition: all 0.5s; } .banner .right { right: 40px; background: url(../images/next.png) center center no-repeat; transition: all 0.5s; } .banner:hover .carousel-control { opacity: 1; } .banner .carousel-indicators li:last-child{ margin-right: 0; } /*.video {*/ /* position: fixed;*/ /* z-index: 100;*/ /* text-align: center;*/ /* width: 100%;*/ /* height: 100%;*/ /* min-width: 1210px;*/ /* overflow: hidden;*/ /* background-color: #000000;*/ /*}*/ /*.video video {*/ /* width: 100%;*/ /*}*/ .stay { position: absolute; z-index: 12; width: 1px; bottom: 0; left: 50%; height: 150px; background-color: rgba(255, 255, 255, 0.3); } .stay p { width: 1px; background-color: #ffffff; animation: chang ease-in-out 2s infinite; height: 0; margin-top: 0; } @keyframes chang { 0% { height: 0; margin-top: 0; } 60% { height: 150px; margin-top: 0; } 100% { height: 150px; margin-top: 150px; } } .video-show { width: 1210px; background-color: #000000; text-align: center; display: none; } .video-show video { max-width: 100%; margin: 0 auto; } .nextPage { position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); z-index: 99999; cursor: pointer; } footer { background: url("../images/bg-5_24.jpg") no-repeat; background-size: cover; padding-top: 65px; padding-bottom: 20px; } .footer-top{ display: flex; justify-content: space-between; } .footer-left{ display: flex; } .footer-left ul{ margin-right: 1.2rem; } .footer-left ul li{ margin-bottom: 12px; } .footer-left ul li a{ color: #fff; opacity: 0.5; } .footer-left ul li:nth-child(1) a{ font-size: 16px; opacity: 1; } .footer-right{ display: flex; flex-flow: column; } .footer-right .code{ display: flex; } .footer-right .tel{ font-size: 24px; font-weight: bold; color: #fff; text-align: center; margin-top: 30px; } .footer-right .tel img{ width: 24px; margin-right: 6px; transform: translateY(-2px); } .footer-right .erweima{ margin-left: 30px; } .footer-right .erweima:nth-child(1){ margin-left: 0; } .footer-right .erweima p{ text-align: center; color: #ffffff; font-size: 16px; margin-bottom: 15px; } .footer-bot{ margin-top: .6rem; } .footer-bot p{ text-align: center; color: #fff; opacity: 0.5; } .footer-bot p a{ color: #fff; } .qqkefu{ position: fixed; top:58%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index: 200; right:0; width:45px; /*opacity: 0;*/ transition: all 0.3s; } .qqkefu.active{ z-index: 20; opacity: 1; } .qqkefu ul li{ width: 50px; height:50px; margin-bottom:2px; float:right; background-color:#e99818; line-height:45px; font-size:14px; cursor:pointer; position:relative; border-radius: 5px; } .qqkefu ul li a{ color:#fff; display: block; overflow: hidden; height: 50px; position: relative; } .qqkefu ul li.qq_cza{ overflow:hidden } .qqkefu ul li:hover{ background-color:#000; } .qqkefu ul li.top:hover { background:url("../images/backup.png") no-repeat 7px 7px #000; background-size: 34px; } .qqkefu ul li.top{ background:url("../images/backup.png") no-repeat 7px 7px #e99818; background-size: 34px; cursor:pointer; display: none; } .qqkefu ul li.top span{ position:absolute; display:block; left:50px; top:3px; height:5px; width:60px; text-align: center; } .qqkefu ul li b{ width:50px; height:50px; display:block; } .qqkefu ul li span{ color: #FFF; } /*.qqkefu ul li b.a{*/ /*background:url(../images/qq.png) no-repeat center center;*/ /*}*/ .qqkefu ul li b.b{ background:url(/Content/default/images/message.png) no-repeat center center; background-size: 34px; } .qqkefu ul li b.c{ background:url(/Content/default/images/weixin.png) no-repeat center center; background-size: 34px; } .qqkefu ul li b.e{ background:url(/Content/default/images/tel3.png) no-repeat center center; } .qqkefu .qq_czaa i { position: absolute; left: 50px; display: block; height: 5px; width: 60px; top:4px; font-style: normal; } .qqkefu .qq_czab i { position: absolute; left: 50px; display: block; height: 5px; color: #fff; width: 160px; top:4px; font-style: normal; } .qqkefu ul li.qq_czae{ line-height:15px !important} /* 娓氀冾嚤閼割亝鐖?/ #sidenav { position: fixed; top: 0; left: -100%; background-color: #fff; width: 100%; height: 100%; z-index: 999999; transition: all 0.5s; -webkit-transition: all 0.5s; overflow-x: hidden; overflow-y: scroll; } #sidenav.active { left: 0; } #sidenav .top { /*border-bottom: 1px solid #cdcdcd;*/ line-height: 66px; position: relative; padding: 8px 0; /*margin-bottom: 0.9375rem;*/ } #sidenav .top img { margin-top: -2px; width: 160px; } #sidenav .top .logo { vertical-align: middle; margin-left: 15px; } #sidenav .top .close-btn img { width: 18px; position: absolute; right: 0.4rem; top: 34px; margin-top: 0; } #sidenav .search-box { width: 92%; height: 3.125rem; line-height: 3.0625rem; margin: 0 auto 0.9375rem; border: 1px solid #cdcdcd; border-radius: 1.5625rem; overflow: hidden; position: relative; font-size: 0; } #sidenav .search-box input { padding: 0 0.9375rem; width: 83%; height: 100%; font-size: 0.9375rem; color: #666; vertical-align: top; } #sidenav .search-box a { display: inline-block; vertical-align: top; text-align: center; width: 17%; height: 100%; } #sidenav .search-box img { vertical-align: middle; width: 1.4375rem; } #sidenav .nav { margin: 0 auto; width: 98%; } #sidenav .nav .level1 { font-size: 16px; color: #38444a; line-height: 52px; display: block; padding-left: 15px; position: relative; border-bottom: 1px solid #e6e6e6; transition: all 0.5s; -webkit-transition: all 0.5s; font-weight: bold; } #sidenav .nav .level1 a { color: #38444a; } #sidenav .nav .level1:first-child { border-top: 1px solid #e6e6e6; } #sidenav .nav .level1.active { background-color: #313739; color: #fff; } #sidenav .nav .level1 a.active { color: #fff; } #sidenav .nav .level1 span { color: #aaa; font-family: 'acrom'; margin-left: 0.75rem; font-weight: normal; transition: all 0.5s; -webkit-transition: all 0.5s; } #sidenav .nav .level1.active span { color: #fff; } #sidenav .nav .level1 .plus-box { width: 17px; height: 17px; position: absolute; right: 15px; top: 50%; margin-top: -7px; } #sidenav .nav .level1 .plus-box .hor { width: 100%; height: 2px; background-color: #cdcdcd; position: absolute; left: 0; top: 50%; margin-top: -2px; transition: all 0.5s; -webkit-transition: all 0.5s; } #sidenav .nav .level1.active .plus-box .hor { background-color: #fff; } #sidenav .nav .level1 .plus-box .ver { height: 100%; width: 2px; background-color: #cdcdcd; position: absolute; top: 0; left: 50%; margin-left: -1px; transition: all 0.5s; -webkit-transition: all 0.5s; } #sidenav .nav .level1.active .plus-box .ver { background-color: #fff; transform: scale(1, 0); -webkit-transform: scale(1, 0); } #sidenav .nav ul { background-color: #f5f5f5; display: none; } #sidenav .nav ul li > a { padding-left: 0.4rem; font-size: 14px; line-height: 46px; display: block; color: #313739; border-bottom: 1px solid #e6e6e6; } #sidenav .nav ul li.active > a { background-color: #e6e6e6; } #sidenav .bottom { font-size: 0.9375rem; color: #38444a; text-align: center; padding: 2rem 0; } #sidenav .bottom img { width: 1.125rem; vertical-align: middle; margin-right: 0.5625rem; } #sidenav .nav .ul2 { display: block; border-bottom: 1px solid #e6e6e6; } #sidenav .nav .ul2 a { display: block; width: 100%; padding-left: 2rem; font-size: 14px; line-height: 46px; color: #313739; } .sj-menu { /*position: absolute;*/ /*right: 0;*/ /*top: 28px;*/ display: none; float: right; width: 30px; height: 22px; cursor: pointer; margin-left: 25px; } .sjfooter { display: none; } .sjfooter .bot { float: left; width: 100%; background: #fff; padding: 5px 0 3px 0; /*margin-top: 10px;*/ position: fixed; bottom: 0; z-index: 99999; border-top: 1px solid #f5f5f5; } .sjfooter .bot a { float: left; width: 33%; font-size: 12px; color: #696969; text-align: center; /*line-height: 30px;*/ } .sjfooter .bot a span { display: block; } .sjfooter .bot a img { width: 18px; /*margin-right: 4px;*/ /*transform: translateY(-2px);*/ margin-bottom: 4px; } .header-bot ul li:nth-child(2) .list-1 .text{ display: flex; flex-flow: wrap; width: 220px; } .header-bot ul li:nth-child(2) .list-1 .text .menuone{ width: 100%; margin-right: 0; flex-flow: wrap; } .header-bot ul li:nth-child(2) .list-1 .text li{ margin-right: 25px; } .g-nav .list { width: .82rem; background: #fff; position: absolute; z-index: 10; left: 50%; transform: translateX(-54%); right: auto; top: 0.71rem; bottom: auto; /*margin-left: -2.06rem;*/ padding: 0 .1rem .1rem; opacity: 0; visibility: hidden; /*transition: opacity 0.3s ease;*/ /*-webkit-transition: opacity 0.1s ease;*/ /*-moz-transition: opacity 0.1s ease;*/ /*-o-transition: opacity 0.1s ease;*/ } .header-bot ul li:last-child .list-1{ transform: translateX(-69%); } .header-bot ul li:nth-child(2) .list { transform: translateX(-30%); } .g-nav .list-2 a { display: block; text-align: center; border-bottom: #ccc solid 1px; line-height: .43rem; font-size: .14rem; color: #666; } .g-nav .list-2 a:hover { color: #b1841d; border-color: #b1841d; } .g-nav .list-1 { width: 10rem; /*margin-left: -3.2rem;*/ display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; padding: 0 .5rem; height: 2.95rem; } .g-nav .list-1 .text{ /*display: flex;*/ /*flex-flow: wrap;*/ /*width: 300px;*/ margin-left: .74rem; } .g-nav .list-1 .text dd{ /*width: 50%;*/ } .g-nav .list-1 .text a{ color: #808080; font-size: 16px; line-height: 16px; margin-bottom: 20px; border-left: 1px solid #999999; padding-left: 9px; transition: 0.3s; } .g-nav .list-1 .text a:hover{ border-left: 1px solid #ab8221; color: #ab8221; } .g-nav .list-1 .text a.active{ border-left: 1px solid #e99818; color: #e99818; border-bottom: 2px solid transparent; } .g-nav .list-1 .text a:hover{ border-left: 1px solid #e99818; color: #e99818; border-bottom: 2px solid transparent; } .header-bot ul li:hover .list { opacity: 1; visibility: visible; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; } .g-nav .touzhi { height: auto; align-items: flex-start; padding: 0.5rem; } .g-nav .list-1 .text .menuone { display: flex; flex-flow: column; /*width: .9rem;*/ /*margin-right: 0.6rem;*/ } .g-nav .list-1 .text .menuone li { margin-left: 0; } .g-nav .list-1 .text .menuone li a i{ opacity: 0; font-style: initial; margin-left: 12px; } /*.g-nav .list-1 .text .menuone li a.active i{*/ /* opacity: 1;*/ /*}*/ .g-nav .list-1 .text .menuone li a { display: flex; justify-content: space-between; height: 16px; } .g-nav .list-1 .text .menutwo { display: none; } .g-nav .list-1 .text .menutwo ul { display: flex; flex-flow: wrap; } .g-nav .list-1 .text .menutwo ul li { /*border-bottom: 1px solid #d2d2d2;*/ margin-left: 0; /*width: 1.95rem;*/ border-bottom: none; margin-bottom: 10px; } .g-nav .list-1 .text .menutwo ul li a { margin-bottom: 0; border-left: none; /*line-height: 30px;*/ padding-left: 4px; font-size: 14px; } .g-nav .touzhi .text { display: flex; justify-content: flex-start; width: 54%; } .g-nav .touzhi .text .threeLevelMenu{ width: 55%; } .header-bot ul li:nth-child(4) .list-1 .text .menuone{ width: 1rem; margin-right: 20px; } .header-bot ul li:nth-child(4) .touzhi .text .threeLevelMenu{ width: 85%; } @media screen and (max-width: 1600px) { .slides li { height: 650px; text-align: center; } .full-container{ max-width: 1366px; } .footer-left ul{ margin-right: .8rem; } } @media screen and (max-width: 1480px) { .header-bot ul li { margin-left: .5rem; } .full-container{ max-width: 1280px; } } @media screen and (max-width: 1366px) { .full-container{ max-width: 93%; } .footer-left ul { margin-right: .6rem; } } @media screen and (max-width: 1200px) { .header-top { display: none; } .banner{ margin-top: 57px; } .sj-menu { display: block; } .header-bot ul { display: none; } header { /*padding: 15px 0;*/ } header .content { align-items: center; } .header-bot .logo { /*width: 160px;*/ } .footer-top{ display: none; } .footer-bot{ margin-top: 0; } footer{ padding-top: 20px; } } @media screen and (max-width: 992px) { } @media screen and (max-width: 768px) { .banner video{ display: none; } .banner .carousel-inner > .item{ height: 300px; } .banner .carousel-indicators{ bottom: 74px; } .slides li{ height: 300px; } .flex-control-nav{ right: 15px; width: 70%; bottom: 80px; } footer{ padding-top: 20px; } .footer-top{ display: none; } .footer-bot{ margin-top: 0; } .yema ul li{ margin-bottom: 6px; } .bannerTwo .text h3{ font-size: 28px; } .slides li p{ line-height: 40px; } } @media screen and (max-width: 375px) { } @media screen and (max-width: 360px) { } @media screen and (max-width: 320px) { }