@charset "utf-8";
html {
font-family: "Microsoft YaHei"; }
html, body {
width: 100%;
height: 100%; }
button, html, input, select, textarea {
color: #222;
outline: 0 none !important;
blr: expression(this.onFocus=this.blur()); }
a, input, button {
outline: none; }
::-moz-focus-inner {
border: 0px; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e3e3e3;
margin: 1em 0;
padding: 0; }
img {
vertical-align: middle; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: vertical; }
.chromeframe {
margin: .2em 0;
background: #e3e3e3;
color: #000;
padding: .2em 0; }
.ir {
background-color: transparent;
border: 0;
overflow: hidden; }
.ir:before {
content: "";
display: block;
width: 0;
height: 150%; }
.hidden {
display: none !important;
visibility: hidden; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.invisible {
visibility: hidden; }
.clearfix:after, .clearfix:before {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
ul, li {
list-style: none; }
body {
font-size: 1em;
line-height: 1.4;
background-size: 100% 100%;
background-attachment: fixed;
overflow-x: hidden;
overflow-y: scroll; }
html, body, h1, h2, h3, h4, h5, ul, li, p, section, header, footer, nav, div {
margin: 0;
padding: 0;
list-style: none; }
.left {
float: left; }
.right {
float: right; }
a, a:hover {
text-decoration: none;
outline: none; }
a {
color: #252525; }
.cl {
clear: both; }
figure {
padding: 0;
margin: 0; }
@media print {
* {
background: 0 0 !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a, a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""; }
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
img, tr {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: .5cm; }
h2, h3, p {
orphans: 3;
widows: 3; }
h2, h3 {
page-break-after: avoid; } }
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
/*behavior: url(css/iecss3.htc); */ }
img {
border: 0;
padding: 0;
vertical-align: middle; }
em {
font-style: normal; }
.container {
max-width: 1100px;
margin: 0 auto; }
#head {
width: 100%;
float: left; }
#head .top {
width: 100%;
float: left;
padding-top: 20px; }
#head .top .container {
position: relative; }
#head .top .container .branding {
float: left; }
#head .top .container .branding img {
height: 50px; }
#head .top .container .slogan {
float: left;
margin-top: 15px;
margin-left: 20px; }
#head .top .container .slogan strong {
font-weight: bold;
font-size: 18px;
color: #0500ff; }
#head .top .container .tel {
float: right;
font-size: 26px;
margin-top: 10px;
font-weight: bold;
color: #0500ff; }
#head .top .container .tel img {
margin-right: 10px; }
#head .top .container .navbut {
display: none; }
#head .nav {
width: 100%;
margin-top: 0px;
float: left; }
#head .nav li:nth-child(1):before {
content: ""; }
#head .nav li {
float: left;
position: relative;
width: 11.11111%; }
#head .nav li:before {
content: "|";
color: #ccc;
position: absolute;
left: 0px;
line-height: 60px; }
#head .nav li a {
display: block;
text-align: center;
line-height: 60px;
border-bottom: 2px solid #fff; }
#head .nav li a:hover {
color: #0500ff;
border-bottom: 2px solid #0500ff; }
#head .nav .on a {
border-bottom: 2px solid #0500ff;
color: #0500ff;
font-weight: bold; }
.g_banner {
width: 100%;
float: left; }
.g_banner .swiper-button-next {
background: none;
width: 40px;
color: #0500ff; }
.g_banner .swiper-button-next i {
font-size: 40px;
line-height: 40px; }
.g_banner .swiper-button-prev {
background: none;
width: 40px;
color: #0500ff; }
.g_banner .swiper-button-prev i {
font-size: 40px;
line-height: 40px; }
.g_banner .swiper-pagination-bullet-active {
background: #0500ff; }
.g_banner img {
width: 100%; }
.g_banner .pc_slide {
width: 100%;
float: left; }
.g_banner .phone_slide {
display: none;
width: 100%;
float: left; }
#foot {
width: 100%;
float: left;
padding-top: 50px;
background: #26272a; }
#foot .nav {
float: left;
width: 35%; }
#foot .nav li {
width: 33.33%;
float: left; }
#foot .nav li .one_title {
font-size: 14px;
font-weight: bold; }
#foot .nav li a {
color: #fff; }
#foot .nav li ul {
margin-top: 10px; }
#foot .nav li ul li {
width: 100%;
font-size: 12px;
float: left;
margin-bottom: 5px; }
#foot .nav li ul li a {
color: #999; }
#foot .information {
float: left;
margin-bottom: 40px;
width: 65%; }
#foot .information .left {
padding: 0 20px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
width: 400px; }
#foot .information .left .img {
float: left; }
#foot .information .left .left_info {
color: #fff;
margin-left: 30px;
padding-top: 0px;
float: left;
font-size: 14px;
line-height: 1.8;
color: #999; }
#foot .information .left .left_info p {
margin-bottom: 5px; }
#foot .information .left .left_info img {
margin-right: 10px; }
#foot .information .right .code {
width: 120px;
float: left;
margin-right: 10px;
text-align: center;
color: #fff;
font-size: 14px; }
#foot .information .right .code img {
width: 100%; }
#foot .Copyright {
width: 100%;
float: left;
line-height: 40px;
color: #999;
text-align: center;
font-size: 12px;
background: #333;
margin-top: 20px; }
.g_search {
width: 100%;
float: left;
background: #f0f0f0;
padding: 10px 0; }
.g_search .search_results {
margin-top: 10px;
font-size: 14px;
float: left; }
.g_search .search_results .u_title {
float: left;
color: #666; }
.g_search .search_results .list {
float: left; }
.g_search .search_results .list a {
float: left;
margin-left: 10px;
font-weight: bold; }
.g_search .searchBar {
border: 1px solid #f0f0f0;
background: #fff;
float: right; }
.g_search .searchBar input {
background: none;
border: 0;
line-height: 35px;
height: 35px;
padding: 0 10px; }
.g_search .searchBar button {
background: #0500ff;
border: 0px;
line-height: 35px;
height: 35px;
padding: 0 10px;
color: #fff; }
.g_search .searchBar button img {
width: 30px; }
@media screen and (max-width: 769px) {
.g_banner .pc_slide {
display: none; }
.g_banner .phone_slide {
display: block; }
#head .top {
padding: 10px; }
#head .top .container {
display: flex;
justify-content: space-between;
align-items: center; }
#head .top .container .branding img {
height: 50px; }
#head .top .container .slogan {
display: none; }
#head .top .container .tel {
display: none; }
#head .top .container .navbut {
display: block;
float: right;
font-size: 30px; }
#head .nav {
position: fixed;
width: 50%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
top: 0px;
left: -50%;
z-index: 9999;
padding: 20px;
transition: all 1s;
-moz-transition: all 1s;
/* Firefox 4 */
-webkit-transition: all 1s;
/* Safari 和 Chrome */
-o-transition: all 1s;
/* Opera */ }
#head .nav li {
width: 100%; }
#head .nav li:before {
content: ""; }
#head .nav li a {
background: #ccc;
line-height: 40px;
border: 0;
margin-bottom: 10px; }
#head .nav .on {
color: #fff;
border: 0px; }
#head .nav .on a {
color: #fff;
background: #0500ff;
line-height: 40px; }
#head .on {
left: 0px; }
#foot {
padding-top: 20px; }
#foot .nav {
width: 100%;
padding: 0 10px; }
#foot .nav li {
width: 100%; }
#foot .nav li .one_title {
border-bottom: 1px solid #666;
line-height: 35px;
position: relative;
transition: all 1s;
-moz-transition: all 1s;
/* Firefox 4 */
-webkit-transition: all 1s;
/* Safari 和 Chrome */
-o-transition: all 1s;
/* Opera */ }
#foot .nav li .one_title:before {
font-family: "icon" !important;
content: "\e6fb";
color: #fff;
position: absolute;
right: 0px; }
#foot .nav li .active:before {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
/* IE 9 */
-moz-transform: rotate(90deg);
/* Firefox */
-webkit-transform: rotate(90deg);
/* Safari 和 Chrome */
-o-transform: rotate(90deg);
/* Opera */ }
#foot .nav li ul {
display: none; }
#foot .information {
width: 100%;
border: 0px; }
#foot .information .left {
width: 100%;
border: 0px;
padding: 0px;
margin-top: 20px;
padding: 0 10px; }
#foot .information .left .left_info {
margin: 0px; }
#foot .information .right {
display: none; }
#foot .Copyright {
padding: 10px;
line-height: 1.8; } }
/*
主色 #EC8617 高亮色 #ff6600
字体颜色 #515151 文本颜色#626262
线颜色 #dedede
点缀色 #517fff
*/
/*# sourceMappingURL=public.css.map */