/* CSS Document */ body, html { font-family: "Source Han Sans CN", "Microsoft YaHei", "寰粺姝i粦楂?, "Microsoft JhengHei", "Hiragino Sans GB", "PingFang SC", "Helvetica Neue", Helvetica, "Heiti SC", Arial, sans-serif; color: #232323; } @font-face { font-family: 'BEBAS'; src: url('../fonts/BEBAS.eot'); src: url('../fonts/BEBAS.eot') format('embedded-opentype'), url('../fonts/BEBAS.woff2') format('woff2'), url('../fonts/BEBAS.woff') format('woff'), url('../fonts/BEBAS.ttf') format('truetype'), url('../fonts/BEBAS.svg#BEBAS') format('svg'); } a { color: #232323; text-decoration: none; } a:focus { text-decoration: none; } .h1, .h2, .h3, h1, h2, h3, p, ul { margin: 0px; padding: 0; } input { outline: none; } .clear { clear: both } .clearx:after { content: ""; display: block; clear: both; } header { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: #FFF; position: fixed; width: 100%; top: 0; z-index: 1000; } header.sticky { -moz-box-shadow: 0px 0px 5px #888888; /* 鑰佺殑 Firefox */ box-shadow: 0px 0px 5px #888888; } header.sticky:hover { background-color: #FFF; } .header-div { height: 94px; } a:hover { text-decoration: none; } .navbar { margin: 0; /*background-color: #FFF;*/ background: none; border: none; height: auto; width: 100%; border-radius: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } section { overflow: hidden; } .bread-nav { background-color: #f7f7f7; } .bread-main { width: 1280px; margin: auto; } .breadcrumb { text-align: right; padding: 15px 8px; list-style: none; background: none; margin: 0; border-radius: 0px; } .navbar-logo img { width: 200px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .navbar-logo img:nth-child(2) { display: none; } .container { width: 100%; height: 94px; } .navbar-brand { height: auto; padding: 0; height: auto; margin: 0; margin-top: 18px } .navbar-nav { width: 100%; } .navbar-nav li { width: 16.666666% } .navbar-nav li.active { position: relative; background-color: #c6142c; } .header-right { position: absolute; top: 0; right: 15px; width: 60px; z-index: 10; } .header-right li.search { list-style: none; } .header-right li.search a { text-align: center; display: block; font-size: 20px; line-height: 94px; height: 94px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .header-right li.search a:hover { color: #c6142c; } .navbar-default .navbar-nav li a { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .navbar-nav li a { padding: 0; text-align: center; font-size: 15px; } .navbar-default .navbar-nav .active a { display: block; position: relative; background: none; color: #c6142c; } .navbar-default .navbar-nav li.dropdown ul li a { color: #333; } .navbar-default .navbar-nav li.dropdown ul li a:hover { background-color: #f5f5f5; } .navbar>.container .navbar-brand { margin-left: 0; } .container>.navbar-collapse { position: inherit; left: 50%; margin-left: 26%; padding: 0; width: 900px } .navbar-nav li .caret { display: none; border: none; margin: 0; position: absolute; background: none; top: 65px; left: 0; width: 100%; } .navbar-nav li.active .caret { display: block; } .icon-search:before { font-family: 'Glyphicons Halflings'; content: "\e003"; } .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:focus, .navbar-default .navbar-nav .open a:hover { background: none } .dropdown-menu { padding: 5px; text-align: center; top: 94px; border: none; display: block; left: -6px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all .3s ase-in-out; transition: all .3s ease-in-out; height: auto; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .navbar-nav li.dropdown .dropdown-menu li { width: 100%; opacity: 0; -webkit-transition: all 0.8s ase-in-out; transition: all 0.8s ease-in-out; } .navbar-default .navbar-nav>li>a { line-height: 94px; color: #232323; font-size: 15px; font-weight: 400; height: 94px; } .navbar-nav li.dropdown .dropdown-menu li a { width: 100%; padding: 10px 0; font-size: 14px } .dropdown-menu:before { content: ""; position: absolute; z-index: -1; background: #c6142c; top: 0; left: 0%; right: 0; width: 0%; height: 3px; -webkit-transition: all .3s ase-in-out; transition: all .3s ease-in-out; } .open .dropdown-menu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .open .dropdown-menu:before { width: 100%; } .navbar-nav li.open .dropdown-menu li { opacity: 1 } .navbar-nav li.search-bx { display: none; } ul.nav li.dropdown:hover .dropdown-menu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } ul.nav li.dropdown:hover .dropdown-menu:before { width: 100%; } ul.nav li.dropdown:hover a.nav-but { color: #c6142c; } ul.nav li.active:hover a.nav-but { color: #ffffff; } ul.nav li.dropdown:hover>ul.dropdown-menu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .navbar-default .navbar-nav .active a.nav-but { color: #ffffff; } .navbar-default .navbar-nav .active a.nav-but:hover { color: #ffffff; background-color: #c6142c; } ul.nav li.dropdown:hover .dropdown-menu li { opacity: 1 } .nav>li.carsss { position: static; } .navcar { width: 100%; position: absolute; background: rgb(33, 45, 83); background: -moz-radial-gradient(top left, ellipse cover, rgba(33, 45, 83, 1) 0%, rgba(55, 75, 138, 1) 57%); background: -webkit-gradient(radial, top left, 0px, top left, 100%, color-stop(0%, rgba(33, 45, 83, 1)), color-stop(57%, rgba(55, 75, 138, 1))); background: -webkit-radial-gradient(top left, ellipse cover, rgba(33, 45, 83, 1) 0%, rgba(55, 75, 138, 1) 57%); background: -o-radial-gradient(top left, ellipse cover, rgba(33, 45, 83, 1) 0%, rgba(55, 75, 138, 1) 57%); background: -ms-radial-gradient(top left, ellipse cover, rgba(33, 45, 83, 1) 0%, rgba(55, 75, 138, 1) 57%); background: radial-gradient(ellipse at top left, rgba(33, 45, 83, 1) 0%, rgba(55, 75, 138, 1) 57%); padding: 0; margin: 0; left: 0; } .navcar .navcar-row { position: relative; padding: 40px 0; } .navcar .li-ullists-left { border-right: 1px solid rgba(205, 205, 205, 0.11); width: 20%; position: absolute; bottom: 40px; top: 40px; } .navcar .li-ullists-left p { font-family: Arial, Helvetica, sans-serif; text-align: left; margin-bottom: 10px; height: 40px; } .navcar .li-ullists-left p a.sb { cursor: pointer; font-size: 20px; color: #a1a1a1; transition: .3s ease-in-out; display: inline-block; min-width: 65px; height: 40px; line-height: 40px; text-align: justify; position: relative; } .navcar .li-ullists-left p a.sb i { display: inline-block; width: 100%; } .navcar .li-ullists-left p a.sb::after { position: absolute; content: " "; display: block; width: 100%; height: 1px; bottom: -7px; transition: .3s ease-in-out; } .navcar .li-ullists-left p.active a.sb { color: #FFFFFF; } .navcar .li-ullists-left p.active a.sb::after { background-color: rgba(205, 205, 205, 0.41); } .navcar .li-ullists-right { margin-left: 20%; height: 430px; } .navcar .li-ullists-right .car-navul { border-bottom: 1px solid rgba(205, 205, 205, 0.11); margin-left: 50px; display: none; } .navcar .li-ullists-right .active { display: block; } .navcar .li-ullists-right .car-navli-item { width: 25%; float: left; color: #FFF; font-size: 15px; margin-bottom: 25px; transition: all 0.3s ease 0s; } .navcar .li-ullists-right .car-navli-item p { color: #FFF; font-weight: bold; } .navcar .li-ullists-right .car-navli-item .car-img { padding: 5px 0; } .navcar .li-ullists-right .car-navli-item .car-price { font-size: 14px; font-weight: 500; color: #a1a1a1; } .navcar .li-ullists-right .car-navli-item .car-img img { width: 100%; } .navcar .li-ullists-right .car-navli-item:hover { transform: translateY(-15px); } .navcar .li-ullists-bottom { text-align: left; overflow: hidden; margin-left: 20%; padding-left: 50px; } .navcar .li-ullists-bottom a.sb { margin-right: 50px; color: #FFFFFF; display: inline-block; } .navcar .li-ullists-bottom a.sb span { border-radius: 4px; display: inline-block; background-color: rgba(38, 51, 93, 0.9); padding: 20px 40px; position: relative; padding-left: 85px; transition: .3s ease-in-out } .navcar .li-ullists-bottom a.sb:hover span { background-color: #c6142c; } .navcar .li-ullists-bottom a.sb span:before { content: ""; position: absolute; width: 25px; height: 25px; left: 40px; top: 50%; margin-top: -12.5px; background-size: 25px 25px; background-repeat: no-repeat; } .navcar .li-ullists-bottom a.sb span.sj:before { background-image: url("/tl_assets/winimages/img1.png"); } .navcar .li-ullists-bottom a.sb span.jxs:before { background-image: url("/tl_assets/winimages/img2.png"); } .webnavcar { display: none; } .main-nav { width: 1280px; position: initial; margin: auto; } .main-page { width: 1280px; padding: 2em 0; position: relative; margin: auto; } .page-banner { background: url("../winimages/group_banner.jpg") no-repeat center; overflow: hidden; } .page-banner .banner-box { padding: 7em; color: #FFFFFF; margin-top: 9em; } .page-banner h1 { margin-bottom: 1em; font-weight: bold; } .page-content { padding: 8em; } footer { background: #303030; } footer .footer-nav { float: right; width: 65%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; } footer .footer-nav .item { width: 20%; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; } footer .footer-nav .item ul li { margin-top: 10px; list-style: none; } footer .footer-nav .item ul li a { position: relative; color: #777; font-size: 14px; padding-left: 15px; } footer .footer-nav .item ul li a::before { position: absolute; content: " "; border-radius: 50%; display: block; width: 6px; height: 6px; top: 6px; background-color: #777; } footer .footer-nav .item h4 { margin-bottom: 20px; margin-top: 20px; font-size: 17px; color: #e0e0e0; } footer .code { color: #e0e0e0; float: left; } footer .code .tel { margin-top: 20px; } footer .code .tel-number { font-size: 40px; font-family: "BEBAS"; } footer .footer-info { background-color: #FFFFFF; } footer .footer-info .copyright { float: left; } footer .footer-info .link { float: right; } footer .footer-info .link span { font-weight: bold; } footer .footer-info .link a { padding-left: 20px; position: relative; } footer .footer-info .link a:nth-child(2) { overflow: hidden; padding-left: 0; } footer .footer-info .link a:nth-child(2)::before { display: none; } footer .footer-info .link a::before { left: 10px; top: 2px; position: absolute; display: block; content: " "; width: 1px; height: 12px; background-color: #a1a1a1; } .social-share .social-share-icon { background: none; border: none; width: 30px; height: 30px; line-height: 30px; border-radius: 3px; color: #999; } #ErmyModal .erweima { text-align: center; border-radius: 5px; padding: 10px; background-color: #FFF; } #ErmyModal .erweima .h { text-align: right; } #ErmyModal .erweima .b img { width: 100%; } #ErmyModal .erweima .h .close { float: none; } .social-share a { margin: 0px } .rightNav-item { position: fixed; right: 5px; bottom: 20%; z-index: 999999; } .rightNav-item ul { margin: 0; padding: 0; } .rightNav-item ul li { list-style: none; width: 60px; height: 60px; font-size: 20px; border-radius: 5px; background: #fff; color: #fff; text-align: center; margin: 5px 0; cursor: pointer; position: relative; transition: .5s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); } .rightNav-item ul li i { color: #666; line-height: 60px; font-size: 20px; } .rightNav-item ul li .rota { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: block; position: absolute; border-radius: 5px; left: 0; top: 0; width: 100%; height: 100%; margin: auto; opacity: 0; background: #c6142c; color: #fff; text-align: center; line-height: 60px; font-size: 12px; text-decoration: none; padding: 2px 3px; box-sizing: border-box; } .rightNav-item ul li:hover .rota { opacity: .9; } .rightNav-item ul li .title { position: absolute; right: -72px; top: 16px; height: 18px; line-height: 18px; font-size: 14px; text-align: left; padding: 3px 10px; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 8px; } .rightNav-item ul li .img-item .img-item-li { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); color: #232323; background-color: #FFF; position: absolute; right: 70px; top: -130px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } .rightNav-item ul li .img-item .img-item-li:nth-child(1) { right: 235px; } .rightNav-item ul li div img { max-width: 150px; margin-bottom: 2px; display: block; } .rightNav-item ul li .img-item p { font-size: 14px; } .rightNav-item ul li .img-item p:nth-child(2), .rightNav-item ul li .img-item p:nth-child(3) { font-size: 12px; color: #444; } .rightNav-item ul li .img-item p:nth-child(4) { font-size: 15px; margin-top: 10px; } .rightNav-item ul li .img-item p:nth-child(5) { font-size: 18px; margin-top: 2px; margin-bottom: 10px; } .rightNav-item ul li .text-item { position: absolute; left: 65px; top: 18px; border: 1px solid #ccc; border-radius: 3px; background: #fff; text-decoration: none; padding: 3px 8px; color: #444; font-size: 14px; } .rightNav-item ul li .text-item span { position: relative; padding-left: 15px; word-break: keep-all; white-space: nowrap; } .rightNav-item ul li .text-item span i { font-size: 14px; line-height: 24px; position: absolute; left: 0; top: -2px; color: #444; } .rightNav-item ul li div.gx-t { display: none; } .for-top { transform: translate(0, 20px); opacity: 0; } .back-top { transform: translate(0, 0); opacity: 1; } @media (max-width: 1400px) { .container>.navbar-collapse { width: 800px; } } @media (max-width: 1280px) { .container>.navbar-collapse { width: 700px; margin-left: 20%; } .navbar-brand { margin-top: 25px } .main-nav { width: 100%; } .main-page { width: 100%; } .bread-main { width: 100%; } .navbar-collapse { width: 800px } .navbar-nav li { width: 16.666666% } .navbar-nav li a { padding: 0; text-align: center; font-size: 14px; } .navbar-logo img { width: 150px } .navbar-nav li .dropdown-menu { left: -20px; min-width: 130px } .navbar-nav li .dropdown-menu li a { padding: 8px 0; font-size: 12px; color: #333 } .main-page { padding: 3em } } @media (max-width: 1000px) { .container>.navbar-collapse { width: 100%; } .navbar-nav li.search-bx { display: block; } .header-right { display: none; } .rightNav-item ul li { display: none; width: 40px; height: 40px; } .rightNav-item ul li .rota, .rightNav-item ul li i { line-height: 40px; font-size: 12px; } .rightNav-item ul li .rota { line-height: 18px; } .rightNav-item ul li:nth-child(5) { display: block; } .header-div { height: 50px; } .navbar-nav .open .navcar { display: none; } .container .navbar-header { width: 100%; } .navbar-collapse { padding-left: 0; padding-right: 0; } .navbar-default .navbar-nav>li>a { height: auto; line-height: normal; padding-left: 10px; } .navbar-nav li:first-child { width: 100%; position: relative; display: block; } .navbar-nav li .caret { width: auto; position: absolute; right: 0; width: 15px; left: auto; top: 12px; right: 10px; } .navbar .container .navbar-brand { padding: 5px 0; margin-left: 0; margin-top: 0px } .navbar-header { min-height: 50px; } .container { height: auto } .navbar-logo img { width: 120px } .container { margin: 0; position: relative; padding: 0 3%; } .navbar-collapse.collapse { background: #FFF; float: none; position: static; display: none !important; margin: 0 } .navbar-nav li { width: 100%; text-align: left; } .navbar-nav li a { padding: 0; text-align: center; font-size: 14px; } .container .navbar-header { width: 100%; position: static; left: inherit; margin: 0; } .navbar-toggle { display: inherit; margin: 0; padding: 0; border-radius: 0; border: none; margin-top: 18px; width: 22px; height: 14px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent } .navbar-default .navbar-toggle { background: none; } .navbar-default .navbar-togglecur:focus, .navbar-default .navbar-togglecur:hover { background: none } .navbar-default .navbar-toggle .icon-bar { transition: 0.5s; -moz-transition: 0.2s; /* Firefox 4 */ -webkit-transition: 0.2s; /* Safari 鍜 Chrome */ -o-transition: 0.2s; margin: 0; background-color: #000; position: absolute; right: 0; top: 0; width: 23px; } .navbar-default .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform-origin: left 0 0; -ms-transform-origin: left; /* transform-origin: left 0px 0; */ } .navbar-default .navbar-toggle .icon-bar:nth-child(3) { top: 8px } .navbar-default .navbar-toggle .icon-bar:nth-child(4) { top: 16px; -webkit-transform-origin: left 2px 0; -ms-transform-origin: left; /* transform-origin: left 0px 0; */ } .navbar-default .navbar-togglecur { position: relative; } .navbar-default .navbar-togglecur .icon-bar { background-color: #d00010; margin: 0; } .navbar-default .navbar-togglecur .icon-bar:nth-child(2) { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 鍜 Chrome */ -o-transform: rotate(45deg); top: 0px; } .navbar-default .navbar-togglecur .icon-bar:nth-child(3) { width: 0; opacity: 0; } .navbar-default .navbar-togglecur .icon-bar:nth-child(4) { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari 鍜 Chrome */ -o-transform: rotate(-45deg); } .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav .active a:hover { background: none } .navbar-collapse { margin: 0; width: 100% } .navbar-nav { float: none; margin: 0; padding-bottom: 10px; overflow: hidden } .collapse.in { display: block !important } .navbar-nav li a { padding: 10px 0; text-align: left; position: relative } .navbar-nav li a span { position: absolute; right: 0; top: 15px } .dropdown-menu { display: none } .navbar-nav li .dropdown-menu { position: static; width: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #f2f2f2; border-radius: 3px } .navbar-nav li .dropdown-menu li {} .navbar-nav li .dropdown-menu li a { padding: 5px; font-size: 13px; border: none } .open .dropdown-menu { background-color: #f2f2f2 } .navbar-nav li.search { margin-left: 10px; text-align: center; width: 60px; background-color: #f1f1f1; border-radius: 3px } .navbar-nav li.search a { text-align: center; padding: 5px 0 } .open a.dropdown-toggle { background-color: #F00 } .main-page { padding: 2em } footer .footer-nav { width: 100%; display: block; -webkit-box-orient: unset; -moz-box-orient: unset; box-orient: unset; } footer .footer-nav .item { width: 33.3333%; float: left; -webkit-box-flex: unset; -moz-box-flex: unset; box-flex: unset; min-height: 180px; } footer .footer-info .copyright, footer .footer-info .link { text-align: center; float: none; } .breadcrumb { padding: 10px; font-size: 12px; } } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { background-color: #f2f2f2 } .navbar-nav .open .dropdown-menu li a { padding: 5px; } .navbar-default .navbar-nav .open .dropdown-menu li a { color: #333 } .main-page { padding: 1em } }