@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
font-size: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
vertical-align: baseline; }

body, button, input, select, textarea {
font: 12px/1.5 tahoma,arial,'微软雅黑'; }

h1, h2, h3, h4, h5, h6 {
font-size: 100%; }

address, cite, dfn, em, var {
font-style: normal; }

code, kbd, pre, samp {
font-family: courier new,courier,monospace; }

small {
font-size: 12px; }

ul, dl, dt, dd {
list-style: none; }

sup {
vertical-align: text-top; }

sub {
vertical-align: text-bottom; }

legend {
color: #000; }

fieldset, img {
border: 0; }

button, input, select, textarea {
font: 12px/1.5 tahoma,arial,sans-serif;
vertical-align: middle;
cursor: pointer; }

table {
border-collapse: collapse;
border-spacing: 0; }

body {
_overflow: auto;
_height: 100%;
margin: 0 auto;
font-family: SimHei Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif !important;
font-size: 12px;
line-height: 1.5;
background-color: #ffffff;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased; }

html {
_overflow: hidden;
font-size: 100px; }

:focus {
outline: 1; }

hr {
box-sizing: content-box;
height: 0; }

button, html input[type=button], input[type=submit] {
-webkit-apperance: button;
cursor: pointer; }

button[disabled], html input[disabled] {
cursor: default; }

ul {
list-style: none; }

img {
border: 0;
vertical-align: middle; }

em, i, u {
font-style: normal; }

input {
border: 1px solid #ddd;
height: 25px;
line-height: 25px;
vertical-align: middle; }

nav ul {
list-style: none; }

blockquote, q {
quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }

a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }

ins {
background-color: #ff9;
color: #000;
text-decoration: none; }

mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }

del {
text-decoration: line-through; }

abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help; }

table {
border-collapse: collapse;
border-spacing: 0; }

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }

input, select {
vertical-align: middle; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
display: block; }

.hide {
display: none; }

.clear, .clr {
display: block;
overflow: hidden;
clear: both;
height: 0;
line-height: 0;
font-size: 0; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

.clearfix {
*zoom: 1; }

.fl {
float: left; }

.fr {
float: right; }

/*a*/
a {
color: #666;
text-decoration: none; }

a:hover {
text-decoration: none; }

body {
background-color: #131f36;
background-image: url(../images/bg_001.webp);
background-repeat: no-repeat;
background-position: center 0;
}
.banner {
    position: relative;
    text-align: center;
    margin-bottom: -10px;
    top: 10px;
}
.banner img {
    max-height: 100%;
}
.bg002 {
    position: relative;
    width: 100%;
    height: 100%;
    bottom: -50px;
    z-index: -1;
}
.bg002 .bgtp {
    width: 100%;
    height: 500px;
    background: url(../images/bg_002.png) center 0 no-repeat;
    position: absolute;
    bottom: 0;
}
.bg002 .piaofu01 {
    width: 346px;
    height: 495px;
    background: url(../images/piaofu01.png) center 0 no-repeat;
    position: absolute;
    bottom: 1200px;
    left: 0;
}
.bg002 .piaofu02 {
    width: 356px;
    height: 334px;
    background: url(../images/piaofu02.png) center 0 no-repeat;
    position: absolute;
    bottom: 800px;
    right: 0;
    opacity: 0.3;
}
.container {
max-width: 1120px;
margin: 0 auto; }

img {
max-width: 100%; }

.wraper {
padding-top: 70px; }

.header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
height: 70px;
width: 100%;
background-color: #1D2A43; }
.header .container {
display: flex;
align-items: center;
position: relative; }
.header .logo {
flex: 1; 
display: flex;}
.header .logo a {
width: 180px;
display: block;
background-image: linear-gradient(to top,#851016,#d62e3c); }
.header .logo .bzj {
    width: 190px;
    padding-top: 10px;
    padding-left: 10px;
}
.header .logo .bzj img {
    margin-bottom: 5px;
}
.header .logo .bzj .bzj_txt p {
    white-space:nowrap;
    display: inline-block;
}
.header .pc-nav .nav-item {
width: 120px;
float: left;
text-align: center; }
.header .pc-nav .nav-item.active a {
background-color: #25375B; }
.header .pc-nav .nav-item a {
display: block;
line-height: 70px;
font-size: 16px;

color: #ffffff;
transition: all 0.5s; }
.header .pc-nav .nav-item a:hover {
background-color: #25375B; }
.header .search {
padding: 0 20px;
cursor: pointer; }
.header .search.show .icon-search {
color: #ffffff; }
.header .search.show .icon-search:before {
content: "\e738"; }
.header .search .iconfont {
font-size: 30px;
color: #797979;
outline: none; }
.header .collection a {
display: block;
width: 70px;
height: 40px;
text-align: center;
font-size: 16px;

border-radius: 5px;
line-height: 40px;
color: #333333;
background-color: #FCD600; }

.search_wrap {
position: fixed;
width: 1120px;
left: 50%;
margin-left: -560px;
top: -140px;
z-index: 6; }
.search_wrap .container {
background-color: #25375B; }
.search_wrap .search_body {
margin: 0 auto;
padding: 30px; }
.search_wrap .search_body .search-bar {
display: flex; }
.search_wrap .search_body .search-bar input {
height: 45px;
flex: 1;
-webkit-touch-callout:none;
-webkit-user-select:none;
-webkit-tap-highlight-color:transparent;
outline: none;-webkit-appearance: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
 background-color: #ffffff;
font-size: 14px;
padding: 0 20px;
border: none; }
.search_wrap .search_body .search-bar .search_btn {
width: 100px;
    -webkit-appearance: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 15px;
text-align: center;
border: none;
line-height: 43px;
background-color: #FFB01B; }
.search_wrap .search_hot {
margin-top: 10px;
display: flex;
font-size: 14px;
font-weight: bold;
color: #CFD1D7; }
.search_wrap .search_hot .search_hot_list li {
float: left;
margin: 0 5px; }
.search_wrap .search_hot .search_hot_list li a {
color: #CFD1D7; }

.mobile-nav {
position: fixed;
top: 70px;
width: 100%;
left: 0;
display: none;
height: 45px;
z-index: 5;
background-color: #21304B; }
.mobile-nav .o-nav-bar__scrollable {
position: relative;
padding: 0 20px 0 0;
height: 45px; }
.mobile-nav .o-nav-bar__scrollable ul {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
-webkit-overflow-scrolling: touch;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 45px;
margin: 0 auto;
overflow-x: auto;
overflow-y: hidden; }
.mobile-nav .o-nav-bar__scrollable ul .nav-item {
width: 120px;
float: left;
text-align: center; }
.mobile-nav .o-nav-bar__scrollable ul .nav-item.active a {
background-color: #25375B; }
.mobile-nav .o-nav-bar__scrollable ul .nav-item a {
display: block;
line-height: 45px;
font-size: 15px;
padding: 0 10px;
white-space: nowrap;
font-weight: bold;
color: #ffffff;
transition: all 0.5s; }
.mobile-nav .o-nav-bar__scrollable ul .nav-item a:hover {
background-color: #25375B; }
.mobile-nav .o-nav-bar__scrollable:after {
background: -webkit-gradient(linear, left top, right top, from(rgba(33, 48, 75, 0)), to(#21304B));
background: linear-gradient(90deg, rgba(33, 48, 75, 0) 0, #21304B);
content: "";
height: 100%;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 50px; }

.pro-wrap {
padding-top: 30px; }
.view-more .margin_b {
    margin-bottom: 50px;
}
.pro-wrap .container {
max-width: 1140px; }

.pro-list {
max-width: 1140px;
margin: 0 auto; }
.pro-list .pro-item {
float: left;
width: 25%;
padding: 10px;
box-sizing: border-box; }
.pro-list .pro-item .pro-content {
padding: 15px;
border-radius: 5px;
background-color: #25324B;
position: relative;
transition: all 0.5s; }
.pro-list .pro-item .pro-content .pro-img {
height: 100%;
text-align: center; }
.pro-list .pro-item .pro-content .pro-img img {
width: auto;
margin: 0 auto; }
.pro-list .pro-item .pro-content:hover {
background-color: #283C63; }
.pro-list .pro-item .pro-content .pro-tit {
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;
overflow: hidden;
white-space: nowrap;
color: #ffffff;
text-overflow: ellipsis; }
.pro-list .pro-item .pro-content .pro-name {
text-align: center;
font-size: 15px;
font-weight: bold;
height: 40px;
line-height: 40px;
color: #EEB551; }
.pro-list .pro-item .lins-list {
padding-bottom: 10px; }
.pro-list .pro-item .lins-list li {
float: left;
box-sizing: border-box;
width: 50%;
padding-top: 15px;
padding-right: 8px; }
.pro-list .pro-item .lins-list li:nth-child(2n) {
padding-right: 0px;
padding-left: 8px; }
.pro-list .pro-item .lins-list li:nth-child(1) a {
    background-image: linear-gradient(to top,#146076,#288e88); }
.pro-list .pro-item .lins-list li:nth-child(2) a {
    background-image: linear-gradient(to top,#294d95,#526a98); }
.pro-list .pro-item .lins-list li:nth-child(3) a {
    background-image: linear-gradient(to top,#146076,#288e88);  }
.pro-list .pro-item .lins-list li:nth-child(4) a {
    background-image: linear-gradient(to top,#294d95,#526a98); }
.pro-list .pro-item .lins-list li:nth-child(5) a {
    background-image: linear-gradient(to top,#6f3721,#b68040); }
.pro-list .pro-item .lins-list li:nth-child(6) a {
    background-image: linear-gradient(to top,#682d60,#b35164); }
.pro-list .pro-item .lins-list li a {
display: block;
text-align: center;
font-size: 13px;
border-radius: 5px;
color: #FFF;
text-shadow: 0 2px 5px rgba(41, 41, 41, 0.2);
transition: all .2s;
line-height: 38px; }
.pro-list .pro-item .lins-list li a:hover {
background-image: linear-gradient(to top,#ae1d2a,#f64343); }

.view-more {
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: -45px;
	margin-left: 10px;
}
.view-more a {
width: 200px;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 5px;
color: #000;
font-size: 13px;
margin: 0 auto;
background-color: #D7D7D7; }

.footer {
 margin-top: 50px;
padding: 30px 0;
background-color: #1D2A43; }
.footer .ft-top {
display: flex;
align-items: center; }
.footer .ft-top img {
flex: 1; }
.footer .ft-top .tips {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
color: #ffffff;
font-size: 13px;
border: 1px solid #e32d43; }
.footer .ft-nav {
text-align: center; }
.footer .ft-nav a {
display: inline-block;
margin: 0 5px;
color: #5F6888;
font-size: 14px; }
.footer .ft-nav a:hover {
opacity: .5; }
.footer .copyright {
font-size: 14px;
color: #5F6888;
text-align: center;
padding-top: 10px; }

.gotop {
position: fixed;
right: 50px;
bottom: 150px; }
.gotop a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #ffffff;
border-radius: 25px;
color: #0b6cbc;
font-size: 30px; }

.content-wrap {
padding: 30px 0; }
.content-wrap .content-hd {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
color: #ffffff;
height: 55px;
line-height: 55px;
font-size: 16px;
font-weight: bold;
padding: 0 20px;
box-sizing: border-box;
background-color: #25324B; }
.content-wrap .content-detail {
min-height: 1000px;
background-color: #283C63;
padding: 20px;
box-sizing: border-box;
font-size: 15px;
color: #ffffff;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; }
.btn{
    margin: 10px;
}
.btn a{
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 20px;
    color: #000000;
    font-size: 15px;
}
.btn a.yellow-btn{
    background-color: #FCD600;
}
.btn a.grey-btn{
    background-color: #FFFFFF;
}
.recommend{
    position: absolute;
    color: #ffffff;
    font-size: 12px;
    width: 40px;
    height: 32px;
    line-height: 32px;
    right: 0;
    top: 0;
    text-align: center;
    border-top-right-radius: 5px;
    background-color: #FF0000;
    border-bottom-left-radius: 5px;
}
/*# sourceMappingURL=maps/dyj.css.map */