html {
background: rgb(255, 255, 255); -ms-overflow-x: hidden;
}
body {
color: rgb(50, 50, 50);
font-family: "Microsoft YaHei","΢ÈÃÂÂÂÑźÚ",SimSun,"ËÎÌå","Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
font-size: 14px !important;
}
html {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
body {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
address {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
blockquote {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
div {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
dl {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
form {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
h1 {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
h2 {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
h3 {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
h4 {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
h5 {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
h6 {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
ol {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
p {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
pre {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
table {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
ul {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
dd {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
dl {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
dt {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
li {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
tbody {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
td {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
tfoot {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
th {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
thead {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
tr {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
button {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
del {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
ins {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
map {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
object {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
a {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
abbr {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
acronym {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
b {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
bdo {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
big {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
br {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
cite {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
code {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
dfn {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
em {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
i {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
img {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
kbd {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
q {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
samp {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
small {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
span {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
strong {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
sub {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
sup {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
tt {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
var {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
legend {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
fieldset {
margin: 0px; padding: 0px; font-size: 100%; -webkit-font-smoothing: subpixel-antialiased;
}
table {
width: 100%; border-collapse: collapse; border-spacing: 0;
}
fieldset {
border: 0px currentColor; border-image: none;
}
img {
border: 0px currentColor; border-image: none;
}
img {
height: auto; -ms-interpolation-mode: bicubic; max-width: 100%;
}
object {
height: auto; -ms-interpolation-mode: bicubic; max-width: 100%;
}
a {
color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
color: rgb(208, 51, 51); text-decoration: none;
}
input[type='button'] {
border: 0px currentColor; border-image: none; cursor: pointer; background-color: transparent;
}
address {
font-style: normal; font-weight: 400;
}
caption {
font-style: normal; font-weight: 400;
}
cite {
font-style: normal; font-weight: 400;
}
code {
font-style: normal; font-weight: 400;
}
dfn {
font-style: normal; font-weight: 400;
}
em {
font-style: normal; font-weight: 400;
}
th {
font-style: normal; font-weight: 400;
}
var {
font-style: normal; font-weight: 400;
}
strong {
font-style: normal; font-weight: 700;
}
.fs48{font-size: 48px;}
.fs44{font-size: 44px;}
.fs42{font-size: 42px;}
.fs40{font-size: 40px;}
.fs38{font-size: 38px;}
.fs36{font-size: 36px;}
.fs34{font-size: 34px;}
.fs33{font-size: 33px;}
.fs32{font-size: 32px;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs19{font-size: 19px;}
.fs18{font-size: 18px;}
.fs17{font-size: 17px;}
.fs16{font-size: 16px;}
.fs15{font-size: 15px;}
.fs14{font-size: 14px;}
.fs13{font-size: 13px;}
.fs12{font-size: 12px;}
@media screen and (max-width:1640px){
.fs48{font-size: 44px;}
}
@media screen and (max-width:1220px){
.fs48{font-size: 40px;}
.fs44,.fs42{font-size: 36px;}
.fs40{font-size: 32px;}
.fs38{font-size: 30px;}
.fs36{font-size: 28px;}
.fs34,.fs33{font-size: 27px;}
.fs32{font-size: 26px;}
.fs30,.fs28{font-size: 25px;}
.fs24,.fs26{font-size: 22px;}
.fs22{font-size: 20px;}
.fs20,.fs19{font-size: 18px;}
.fs17{font-size: 16px;}
}
@media screen and (max-width:992px){
.fs48{font-size: 36px;}
.fs44,.fs42{font-size: 32px;}
.fs40{font-size: 28px;}
.fs38{font-size: 26px;}
.fs36,.fs34,.fs33{font-size: 24px;}
.fs30,.fs32,.fs28{font-size: 22px;}
.fs24,.fs26{font-size: 22px;}
.fs22{font-size: 18px;}
.fs18{font-size: 16px;}
.fs16,.fs17{font-size: 14px;}
.fs14,.fs15{font-size: 13px;}
}
@media screen and (max-width:767px){
.fs48{font-size: 30px;}
.fs44,.fs42{font-size: 26px;}
.fs38,.fs40{font-size: 24px;}
.fs36,.fs34,.fs33{font-size: 20px;}
.fs30,.fs32,.fs28{font-size: 19px;}
.fs24,.fs26{font-size: 18px;}
.fs22,.fs20{font-size: 16px;}
.fs18,.fs19{font-size: 14px;}
.fs16,.fs17{font-size: 14px;}
.fs14,.fs13,.fs15{font-size: 12px;}
}
.gp-img-responsive{width: 100%;height: 0;padding-bottom: 56.25%;overflow:hidden;display: block; }
.gp-img-responsive img{width: 100%;transition: all 0.5s ease-in-out;max-width:none;}
.gp-img-responsive img:hover{transform:scale(1.03);opacity: 0.85;}
.row{max-width: 1200px;position: relative;z-index: 2;margin-left: auto !important;margin-right: auto !important;}
.row_l{position: absolute;left: calc(50% - 700px);z-index: 2;}
.row_r{position: absolute;right: calc(50% - 700px);z-index: 2;}
@media screen and (max-width:1640px){
}
@media screen and (max-width:1240px){
.row{padding-left: 0;padding-right: 0;margin-left: 30px !important;margin-right: 30px !important;width: auto;}
/* .row{max-width: 100vw;box-sizing: border-box;padding: 0 30px;margin: 0;} */
}
@media screen and (max-width:768px){
.row{margin-left: 20px !important;margin-right: 20px !important;}
/* .row{max-width: 100vw;box-sizing: border-box;padding: 0 20px;margin: 0;} */
}
.clearfix::after {
height: 0px; clear: both; display: block; visibility: hidden; content: "\20";
}
.clearfix {
-ms-zoom: 1;
}
.clear {
clear: both;
}
.f12px {
font-size: 12px;
}
.f14px {
font-size: 14px;
}
.f16px {
font-size: 16px;
}
.f18px {
font-size: 18px;
}
.f20px {
font-size: 20px;
}
.f22px {
font-size: 22px;
}
.f24px {
font-size: 24px;
}
.f48px {
font-size: 48px;
}
.fl {
float: left;
}
.fr {
float: right;
}
ul {
list-style: none;
}
ol {
list-style: none;
}
li {
list-style: none;
}
.tc {
text-align: center !important;
}
.tl {
text-align: left !important;
}
.tr {
text-align: right !important;
}
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
h1 {
font-size: 100%;
}
h2 {
font-size: 100%;
}
h3 {
font-size: 100%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 100%;
}
q::before {
content: none;
}
q::after {
content: none;
}
input {
font-size: 100%; font-weight: inherit;
}
textarea {
font-size: 100%; font-weight: inherit;
}
select {
font-size: 100%; font-weight: inherit;
}
input {
vertical-align: middle;
}
select {
vertical-align: middle;
}
textarea {
vertical-align: middle;
}
button {
vertical-align: middle;
}
.pa {
position: absolute;
}
.pr {
position: relative;
}
.inblock {
display: inline-block;
}
.disnone {
display: none;
}
.block {
display: block;
}
.hidden {
overflow: hidden !important;
}
.none {
display: none;
}
.textoverflow {
overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.underline:hover {
text-decoration: underline;
}
.mtc {
margin: 0px auto;
}
.number {
}
.fw600 {
font-weight: 600;
}
.hand {
cursor: pointer;
}
.distable {
display: table;
}
.distr {
display: table-row;
}
.distd {
display: table-cell;
}
.header {
background: rgb(255, 255, 255);
margin: 0px auto;
width: 100%;
position: relative;
z-index: 999999;
height: auto;
}
.top {
background: url("../images/header_bg.jpg") no-repeat left bottom;
margin: 0px auto;
position: relative;z-index: 100;
display: flex;
align-items: center;
padding: 15px 0 36px;
height: auto;
width: auto;
overflow:initial;
}
.logo {
padding-top: 5px; float: left;width: auto;height: auto;
}
.logo_link1 {
display: block;
width: auto;height: auto;
margin: 0;
}
.top_right {
width: auto;
height: auto;
float: none;
position: relative;
flex: 1;overflow: hidden;
}
.top_right_info {
overflow: hidden;
margin-top: 22px;
/* max-width: 490px; */
float: none;
margin: 0 0 20px 0;
position: relative;
z-index: 9999;
text-align: right;
}
.top_right_info .top1,.top_right_info .top2{float: none !important;display: inline-block;}
.top_right_info ul {
overflow: hidden; float: left;
}
.top_right_info ul li {
margin-left: 40px; float: left;
}
.top_right_info ul li a {
height: 13px; line-height: 12px; font-size: 14px; /*! display: block; */
}
.top_right_info ul li i { font-style:normal; margin:0 10px 0 0;}
.top_right_info ul.top2 {
/*! margin-left: 120px; */
margin-top: 4px;
}
.top_right_info ul.top2 li a {
color: rgb(219, 0, 0);
font-weight: normal;
}
.top_right_info ul.top2 li {
padding-left: 10px; margin-left: 10px;
}
.top_right_info ul.top2 li {
border-left-color: rgb(170, 170, 170); border-left-width: 1px; border-left-style: solid;
}
.top_right_info ul.top2 li:first-child {
border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.search {
position: relative; z-index: 1000;text-align: right;
float:none;width: auto;margin-left: 0;
}
.search form {
height: 34px;
line-height: 34px;
position: relative;
display: inline-block;
border: 1px solid rgb(189, 26, 45);
border-radius: 4px;
overflow: hidden;
vertical-align: middle;
margin-left: 20px;
float: none;
width: auto;
}
.queryCriteria{width: auto !important;margin: 0 !important;display: inline-block;vertical-align: middle;}
.search input {margin: 0px;padding: 0px;border-image: none;left: 0px;top: 0px;width: 300px;height: 34px;color: rgb(102, 102, 102);line-height: 34px;background: rgb(255, 255, 255);border: none;box-sizing: border-box;outline: none;}
.search span {display: inline-block;vertical-align: middle;margin-left:4px;}
.search input.notxt {color: rgb(102, 102, 102);padding-left: 12px;/* line-height: initial; */}
.search input.notxt1 {
background: url("../images/search_03.png") no-repeat center #BD1A2D;
border: none;
border-image: none;
left: auto;
width: 36px;
height: 38px;
line-height: 34px;
margin-left: -5px;
margin-right: -1px;
margin-top: -2px;
border: none;
}
.search a {
background: rgb(189, 26, 45);
border-radius: 4px;
box-sizing: border-box;
padding: 0px 22px;
text-align: center;
height: 36px;
color: rgb(255, 255, 255);
line-height: 36px;
margin-left: 5px;
float: none;
display: inline-block;
vertical-align: middle;
}
.search a:hover {
background: rgb(241, 8, 8); color: rgb(255, 255, 255);
}
.search input.notxt1:hover {
cursor: pointer;
}
.nav {
background: rgb(189, 26, 45); width: 100%; height: 50px; line-height: 50px; margin-top: 3px;
}
.nav ul {
display: flex;justify-content: space-between;width: auto;
}
.nav ul li {
background: url("../images/nav_li.png") no-repeat right; position: relative;flex: 1;
}
.nav ul li:last-child {
background: none
}
.nav ul li > a:first-child {
}
.nav ul li a {
height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; display: block;padding: 0;
}
.nav ul li.on a {
background: rgb(185, 4, 4); font-weight: bold;
}
.nav ul li.active a {
background: rgb(185, 4, 4); font-weight: bold;
}
.nav ul li a:hover {
background: rgb(185, 4, 4); font-weight: bold;
}
.nav ul li .subNav {
left: 0px; top: 50px; text-align: center; line-height: 30px; font-size: 14px; display: none; position: absolute; z-index: 99999999; background-color: rgb(219, 0, 0);
}
.nav ul li .subNav dl dd {
}
.nav ul li.on .subNav {
display: block;
}
.nav ul li.on .subNav dl {
overflow: hidden;
}
.nav ul li.on .subNav dl dd a {
padding: 6px 10px; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-family: "Microsoft YaHei"; font-size: 15px; font-weight: normal; border-top-color: currentColor; border-top-width: medium; border-top-style: none; display: block; background-color: rgb(219, 0, 0);
}
.nav ul li.on .subNav dl dd a:hover {
background: rgb(185, 4, 4); color: rgb(255, 255, 255);
}
.wrap_footer {
background: rgb(51, 51, 51); width: 100%; overflow: hidden; position: relative;
}
.footer {
margin: 0px auto; padding: 10px 0px; text-align: center; overflow: hidden;
}
.link01 {
margin-bottom: 10px;
}
.link01 a {
margin: 0px 5px; color: rgb(255, 255, 255); font-size: 14px;
}
.link01 span {
color: rgb(255, 255, 255);
}
.copyRight {
color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-bottom: 10px;
}
.link02 {
margin: 20px auto 0px; width: 258px; overflow: hidden;
}
.link02 a {
margin: 0px 20px; float: left;
}
.link02 a.second img {
margin-top: 15px;
}
.Bread {
width: 1000px; height: 39px; color: rgb(51, 51, 51); line-height: 39px; font-size: 12px; margin-top: 5px;
}
.Bread a {
color: rgb(51, 51, 51);
}
.page {
margin: 0px auto; width: 100%; height: 30px; text-align: center; line-height: 30px; clear: both; font-size: 12px;
}
.page a {
padding: 0px 5px;
}
.fujian {
padding: 0px; overflow: hidden;
}
.fujian h3 {
color: rgb(0, 74, 0); line-height: 30px; padding-left: 5px; font-size: 16px;
}
.fujian ul li {
height: 26px; line-height: 26px; padding-left: 28px;
}
.fujian ul li a {
color: rgb(101, 100, 100); line-height: 24px; font-size: 12px;
}
.fujian ul li a:hover {
color: rgb(0, 74, 0);
}
.flex-container a:active {
}
.flexslider a:active {
}
.flex-container a:focus {
}
.flexslider a:focus {
}
.slides {
list-style: none; margin: 0px; padding: 0px;
}
.flex-control-nav {
list-style: none; margin: 0px; padding: 0px;
}
.flex-direction-nav {
list-style: none; margin: 0px; padding: 0px;
}
.flexslider {
margin: 0px; padding: 0px;
}
.flexslider .slides > li {
display: none; -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%; display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides::after {
height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: "\0020";
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.no-js .slides > li:first-child {
display: block;
}
.flexslider {
background: rgb(255, 255, 255); position: relative; -ms-zoom: 1;
}
.flex-viewport {
transition:1s; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
-ms-zoom: 1;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
display: block;
}
.flex-direction-nav a {
background: url("../images/arr.png") no-repeat; top: 50%; width: 28px; height: 48px; color: rgba(0, 0, 0, 0.8); text-indent: -999em; overflow: hidden; text-decoration: none; margin-top: -20px; display: block; position: absolute; z-index: 10; cursor: pointer;
}
.flex-direction-nav .flex-prev {
background-position: 0px 0px; left: -30px;
}
.flex-direction-nav .flex-next {
background-position: -132px 0px; right: -30px;
}
.flexslider:hover .flex-prev {
left: 20px; opacity: 0.7;
}
.flexslider:hover .flex-next {
right: 20px; opacity: 0.7;
}
.flexslider:hover .flex-next:hover {
opacity: 1;
}
.flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
}
.flex-pauseplay a {
background: rgb(221, 221, 221); left: 10px; width: 20px; height: 20px; bottom: 5px; color: rgb(0, 0, 0); overflow: hidden; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 0.8;
}
.flex-pauseplay a::before {
font-size: 20px; display: inline-block; content: "\f004";
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play::before {
content: "\f003";
}
.flex-control-nav {
width: 100%; text-align: center; bottom: 11px; position: absolute; z-index: 1000;
}
.flex-control-nav li {
margin: 0px 4px; display: inline-block; -ms-zoom: 1;
}
.flex-control-paging li a {
width: 11px; height: 11px; text-indent: -9999px; display: block; cursor: pointer;
}
.flex-control-paging li a:hover {
}
.flex-control-paging li a.flex-active {
}
.flex-control-thumbs {
margin: 5px 0px 0px; overflow: hidden; position: static;
}
.flex-control-thumbs li {
margin: 0px; width: 25%; float: left;
}
.flex-control-thumbs img {
width: 100%; display: block; opacity: 0.7;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
}
.mob_nav_btn{height: 30px;width: 30px;z-index: 11;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background: url(../images/m_nav1.png) center no-repeat;background-size: 100% 100%; }
.mob_nav_btn:hover{opacity:0.8;cursor: pointer;}
.mob_nav_btn.on{background-image: url(../images/m_nav2.png);/* width: 30px; *//* height: 31px; *//* top: 18px; */}
.mobile-nav{width: 100%;padding: 0 0 10px;}
.mobile-nav a{display: inline-block;line-height: 2;text-decoration: none;width: 100%;font-size: 14px;color: #fff;border-top: solid 1px rgba(255,255,255,.35);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;padding: 10px 0;}
.mobile-nav li:last-child a{ border-bottom: solid 1px rgba(255,255,255,.35); }
.mobile-nav a:hover{color:#fff;}
.mobile-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes returnToNormal {
from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
.mobile-nav li{position: relative;}
.mobile-nav li strong{color: #fff;position: absolute;right: -16px;top:0;font-size: 0;cursor: pointer;width: 40px;height: 49px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background: url(../images/mobile_arrow1.png) center no-repeat;}
.mobile-nav li strong.on{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.mobile-nav li > a{font-weight: bold;}
.mobile-nav .mobile_subNav{display: none;padding-left:10px;}
.mobile-nav dd a{height: 28px;line-height: 28px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 12px;}
.mob_cn{float: left;width: 32px;height: 32px;text-align: center;color: #fff;border: 1px solid rgba(255,255,255,.35);line-height: 32px;}
.mobile_search{position: relative;overflow: hidden;border: 1px solid #fff;border-radius: 50px;width: 100% !important;height: 35px !important;}
.mobile_search .gp-ser{width: 100%;height: 35px !important;z-index: 999;}
.mobile_search .gp-ser input.notxt{position:absolute;height: 100%;color: #999;left: 0px;top: 0;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 12px;background: transparent;border: 0;height: 35px;}
.mobile_search .gp-ser input.notxt1{position:absolute;width: 40px;height: 100% !important;border:none;right: 0;cursor: pointer;z-index: 4;font-size: 0;bottom: 0; margin-top: 0 !important;top: 0 !important;}
.mobile_search{height: auto !important;}
.mobile_search .queryCriteria{width: 100% !important;display: block;}
.mobile_search .queryCriteria span,.mobile_search .queryCriteria input{display: inline-block;vertical-align: middle;clear: both;position: relative;}
.mob_search form{height: 44px;}
.mob_search input,.mob_search button{position: relative !important;}
.mob_search .queryCriteria {display: block !important;width: 100% !important;margin: 10px 0 !important;}
.mob_search .queryCriteria span{color: #fff;}
.mob_search form input {margin: 0px;padding: 0px;border-image: none;left: 0px;top: 0px;width: calc(100% - 40px);height: 37px;color: rgb(102, 102, 102);line-height: 37px;background: rgb(255, 255, 255);border: none;box-sizing: border-box;outline: none;}
.mob_search form input.notxt {color: rgb(102, 102, 102);padding-left: 12px; line-height: initial;}
.mob_search form input.notxt1 {
background: url("../images/search_03.png") no-repeat center #BD1A2D;
border: none;
border-image: none;
left: auto;
width: 36px;
height: 38px;
line-height: 34px;
margin-left: -5px;
margin-right: -1px;
margin-top: -2px;
border: none;
}
.mob_search .serBtngj {
background: #fff;border-radius: 4px; box-sizing: border-box;padding: 0px 22px; text-align: center; height: 36px; color: rgb(189, 26, 45); line-height: 36px; float: none;display: inline-block;width: 100px;
}
.mob_search .serBtngj:hover {
background: #fff; color: rgb(241, 8, 8);
}
.mob_links{text-align: center;padding: 0px 0 10px;}
.mob_links a{color: #fff;display: inline-block;padding: 0 5px;}
.mob_links .loggedIn{display: none;}
.mob_links.on .m_notLoggedIn{display: none;}
.mob_links.on .loggedIn{display: block;}
.only_mob{display: none !important;}
.mobile-header {
width: 85%;
position: absolute;
top: 0;
right: -30px;
z-index: 10;
overflow: auto;
background: #CF2323;
padding: 70px 33px 24px;
display: none;
box-sizing: content-box;
}
.header .wrapTop2 .mobile-header {
top: 100%;
padding: 30px 30px 10px;
width: 300px;
background: linear-gradient(-90deg, rgba(158, 28, 184, 1) 0%, rgba(201, 22, 35, 1) 100%);
}
.mobile-header.on {
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: y_scale;
display: block !important;
}
.footer_txt p{text-align: right;color: #fff;}
.footer {
margin: 0;
padding: 0;
border: 0;
width: 100%;
}
.footer * {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "微软雅黑", "microsoft yahei";
}
.footer .mt24 {
margin-top: 24px;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer a:hover {
color: #bd1a2d;
text-decoration: none;
}
.footer ul {
list-style: none;
}
.footer .box {
margin: 0 auto;
}
.footer_box {
background: #bd1a2d;
border-top: 1px solid #bd1a2d;
}
.footer_box .box {
display: flex;
height: auto;
}
.footer_box .box .footer_lt {
flex: 1;
overflow: hidden;
margin-right: 4%;
margin: 40px 0 0;
text-align: left;
}
.footer_box .box .footer_lt>div {
display: inline-block;
margin: 0 44px 0 0;
vertical-align: top;
}
.footer_box .box .footer_lt .logo12345 {
text-align: center;
}
/* .footer_box .box div {
float: left;
margin: 39px 47px 0 0;
} */
.jiucuo {
/* width: 50px; height: 55px;*/
padding-top: 17px;
}
.logo12345 {
padding-top: 7px;
}
.footer_txt {
width: 100%;
background: #333;
font-size: 14px;
padding: 12px 0;
color: #fff !important;
}
.footer_txt span{color:#fff !important;}
.footer_txt .box {
background: #333;
text-align: center;
height: auto;
}
.txt img {
vertical-align: middle;
margin: 0 5px;
}
.foot_info {
float: left;
}
.foot_info li {
float: left;
margin: 20px 0 20px 10px;
background: #a91728;
padding: 25px 10px;
width: 230px;
height: 124px;
font-size: 13px;
line-height: 24px;
color: #fff;
}
.info1 a {
float: left;
width: 104px;
text-align: center;
color: #fff;
}
.info1 a:hover {
color: #fff;
}
.foot_info li.info3 {
padding: 10px 20px;
}
.info3 p {
float: left;
width: 95px;
text-align: center;
font-size: 12px;
line-height: 18px;
color: #fff;
}
.gp-search {
width: 500px;
height: 44px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1;
vertical-align: middle;
transition: all 0.35s ease-in-out;
border: 1px solid rgba(255, 255, 255, 0.77);
border-radius: 0px;
border-radius: 22px 0 0 22px;
background: #fff;
border: 1px solid rgb(189, 26, 45);
position: relative;
}
.gp-ser {
width: 100%;
height: 44px;
z-index: 1;
margin: 0 auto;
position: relative;
}
.gp-search input,
.gp-search button {
position: absolute;
height: 44px;
line-height: 44px;
border: none;
background: none;
top: 0px;
overflow: hidden;
}
.gp-search input.notxt {
color: rgba(0, 0, 0, .2);
width: calc(100% - 50px);
left: 0;
box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
outline: none;
font-size: 16px;
}
.gp-search .notxt1 {
position: absolute;
width: 46px;
height: 46px;
;
right: 0px;
top: 50%;
margin-top: -23px;
cursor: pointer;
color: #fff;
background: none;
background: url(../images/search_03.png) no-repeat #BD1A2D center;
}
body {
min-width: auto;
}
@media screen and (min-width:996px){
.only_mob {
display: none !important;
}
}
@media screen and (max-width:1240px){
.footer_box .box .footer_lt >div{ margin: 0 25px 0 0 !important; }
}
@media screen and (max-width:1200px){
.footer_box .box .footer_lt {margin-right: 0% !important;}
.foot_info li.info1{width: 200px !important;}
.info1 a{width: 50% !important;}
.footer_box .box{display: block !important;padding: 40px 0 20px;}
.footer_box .box >*{display: block;width: auto;margin: 0 auto !important;text-align: center !important;float: none !important;}
.foot_info li{float: none !important;display: inline-block !important;vertical-align: top;}
}
@media screen and (max-width:996px){
.mob_nav_btn{display: block !important;}
.top_right,.nav{display: none;}
.top{padding: 20px 0;}
.top{display: block;}
.header .logo{max-width: calc(100% - 40px);float: none;}
.header .logo a img{display: block;max-height: 60px;}
.footer_txt p{text-align: center;}
}
@media screen and (max-width: 768px){
.top {
padding: 10px 0;
}
.foot_info li{margin: 20px 0 0 !important;}
.mobile-header {
right: -20px;
}
}
@media screen and (min-width:1200px){
.footer_box .box .footer_lt {white-space:nowrap;}
}
@media screen and (min-width: 996px) {
.report_wrapper {
min-height: calc(100vh - 400px);
}
.wrapper {
min-height: calc(100vh - 400px);
}